/* ⚠️ 本行必须在文件最前：引入全站设计 token 单源（theme-tokens.css）。
   版本号随 theme-tokens.css 修改手动递增（当前 v=20260827a）。
   作用：① 提供 --fs- 与 --color- 前缀的新 token；② 挂载“全站列表卡片字号统一”
   区块（按 pc-card 共享类名统一所有卡片类型，含 coworking）。
   本文件自身的 --tu- 前缀及泛名变量定义在其后，仍按原值生效，无漂移。
   注意：块注释文本内严禁出现 “星号+斜杠” 序列，否则注释提前终止并吞掉后续规则。 */
@import url("theme-tokens.css?v=20260827a");

:root {
  --brand-primary: #00A0E9;
  --brand-primary-dark: #008AC4;
  --brand-primary-light: #7FCFF0;
  --brand-primary-bg: #e8f4fd;
  --price-red: #CC2929;
  --price-red-hover: #E03333;
  --price-orange: #FF6B35;
  --status-success: #52C41A;
  --status-warning: #FA8C16;
  --status-error: #CC2929;
  --text-1: #353535;
  --text-2: #555555;
  --text-3: #696B70;
  --text-4: #B2B2B2;
  --bg-page: #f5f5f5;
  --bg-page-mobile: #fff;
  --bg-card: #fff;
  --bg-gray: #f5f5f5;
  --bg-gray-light: #f8f9fa;
  --border: #e8e8e8;
  --border-light: #f0f0f0;
  --border-input: #ddd;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-card: 10px;
  --radius-badge: 14px;
  --shadow-card: 0 2px 12px rgba(0,0,0,.06);
  --shadow-card-hover: 0 4px 16px rgba(0,0,0,.1);
  --shadow-header: 0 2px 12px rgba(0,0,0,.08);
  --font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-num: "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-2xl: 20px;
  --fs-price: 28px;
  --container-max: 1200px;
  --sidebar-pc: 260px;
  --bp-mobile: 767px;
  --bp-tablet: 1024px;
  --bp-desktop: 1280px;
  --bp-wide: 1920px;
  --tu-font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
  --tu-font-num: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
  --tu-text-t1: #353535;
  --tu-text-t2: #353535;
  --tu-text-t3: #555555;
  --tu-text-t4: #555555;
  --tu-text-t5: #696B70;
  --tu-text-t6: #B2B2B2;
  --tu-price: var(--price-red);
  --tu-primary: var(--brand-primary);
  --tu-primary-dark: #008AC4;
  --tu-primary-light: #7FCFF0;
  --tu-bg: #f5f6fa;
  --tu-card-bg: #fff;
  --tu-border: #e8e8e8;
  --tu-radius: 8px;
  --tu-radius-lg: 12px;
  --tu-shadow: 0 2px 12px rgba(0,0,0,.06);
  --tu-shadow-hover: 0 4px 16px rgba(0,0,0,.1);
  --white: #fff;
  --black: #000;
  --text-deep: #222;
  --text-dark: #333;
  --text-muted: #666;
  --text-placeholder: #999;
  --text-disabled: #ccc;
  --text-light: #bbb;
  --text-soft: #888;
  --text-sub: #777;
  --text-deep-2: #1a1a1a;
  --bg-white: #fff;
  --bg-gray-alt: #f5f6f8;
  --bg-hover-soft: #f0f0f0;
  --bg-gray-light-2: #f0f2f5;
  --bg-soft: #f2f5f8;
  --border-soft: #e5e7eb;
  --border-subtle: #eef1f5;
  --border-blue-light: #eef6fc;
  --brand-link: #1890ff;
  --brand-accent: #4897d2;
  --price-coworking: #e66a3a;

  /* === 补充颜色令牌 === */
}


/**
 * 全站字体与卡片统一规范 (typography-unify.css)
 * PC端与移动端通用，使用 !important 强制覆盖各页面内联样式
 * 引入位置：在所有页面 CSS 最后加载，确保最高优先级
 */

/* ===== 全站统一设计令牌（Design Tokens）===== */


/* === 字体家族统一 + 渲染优化 — 对齐点点租 PingFang SC === */
html, body, div, span, p, a, h1, h2, h3, h4, h5, h6, ul, ol, li, td, th, label, button, input, select, textarea, .pc-card, .m-card, .pc-rent-card, .pc-sale-card, .pc-building-card, .pc-gongwei-card, .pc-creative-card, .pc-oldhouse-card, .detail-wrap, .bb-header, .crumbs-bar, .detail-top {
  font-family: var(--tu-font-family) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  font-synthesis: none !important;
  -webkit-text-size-adjust: 100% !important;
  color: var(--tu-text-t4) !important;
}

/* body 全局渲染优化 — 对齐点点租 13px/1.5 */
body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  font-weight: 400 !important;
  letter-spacing: 0.005em !important;
  color: var(--tu-text-t4) !important;
}

/* 标题字重优化 — 对齐点点租 500 字重 */
h1, h2, h3, h4, h5, h6,
.cont-title h2, .cont-title h3,
.biz-section-head h2,
.hero-title,
.pc-card .pc-title, .m-card .m-title {
  font-weight: 500 !important;
  letter-spacing: 0.005em !important;
  text-rendering: optimizeLegibility !important;
  color: var(--tu-text-t1) !important;
}

/* 价格数字统一使用数字字体 + 价格红（对齐点点租 14px/600）*/
.pc-price-col .p-num, .pc-rent-price-num, .pc-sale-price-num, .pc-building-price-num, .pc-gongwei-price-num, .pc-oldhouse-price-num, .pc-creative-price-num, .m-card .m-price .p-num, .cmd-price, .cmd-stat-num, .cmd-sc-big, .stat-card .stat-value, [class*="price-num"],
.home-rent-price,
.recom-loupan .lp-price .num,
.office-list .content .price .num,
.hot-office .m-card .m-price .p-num,
.recom-loupan .lp-card .lp-price .num {
  font-family: var(--tu-font-num) !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--tu-price) !important;
}

/* 统计卡片例外：恢复原始可读配色与字号，避免被全站价格红/灰覆盖 */
.cmd-stats-row .cmd-stat-num,
.cmd-stats-row .cmd-stat-num small {
  color: var(--text-2) !important;
}
.cmd-stats-row .cmd-stat-label {
  color: var(--tu-text-t6) !important;
}
.m-stats-row .m-stat-title {
  color: rgba(255,255,255,.6) !important;
}
.m-stats-row .m-stat-num {
  color: var(--white, #fff) !important;
  font-size: 30px !important;
  font-weight: 800 !important;
}
.m-stats-row .m-stat-num small {
  color: rgba(255,255,255,.5) !important;
}

/* === PC端字号统一 (≥768px) — 对齐点点租 === */
@media (min-width: 768px) {
  body { font-size: 13px !important; line-height: 1.5 !important; }

  /* 卡片标题：14px/600（对齐点点租 h3）— 不覆盖具体的 *-title 类 */
  .pc-card .pc-title, .pc-rent-card .pc-title, .pc-sale-card .pc-title, .pc-building-card .pc-title, .pc-gongwei-card .pc-title, .pc-creative-card .pc-title, .pc-oldhouse-card .pc-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
  }

  /* 卡片地址/位置行：13px — 不覆盖具体的 *-building/*-location 类 */
  .pc-card .pc-loc-row, .pc-card .pc-addr, .pc-card .pc-building-row, .pc-rent-card .pc-loc-row, .pc-sale-card .pc-loc-row, .pc-building-card .pc-loc-row, .pc-gongwei-card .pc-loc-row, .pc-creative-card .pc-loc-row, .pc-oldhouse-card .pc-loc-row {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* 卡片标签：12px — 不覆盖具体的 *-tags span 类 */
  .pc-card .pc-tags .tag, .pc-rent-card .tag, .pc-sale-card .tag, .pc-building-card .tag, .pc-gongwei-card .tag, .pc-creative-card .tag, .pc-oldhouse-card .tag {
    font-size: 12px !important;
  }

  /* 卡片价格数字：14px/600（对齐点点租，不突出放大）*/
  .pc-price-col .p-num, .pc-rent-price-num, .pc-sale-price-num, .pc-building-price-num, .pc-gongwei-price-num, .pc-oldhouse-price-num, .pc-creative-price-num {
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  /* 卡片价格单位：12px */
  .pc-price-col .p-unit, .pc-rent-price-unit, .pc-sale-price-unit, .pc-building-price-unit, .pc-gongwei-price-unit, .pc-oldhouse-price-unit, .pc-creative-price-unit {
    font-size: 12px !important;
  }

  /* 卡片价格附属信息：11px */
  .pc-price-col .p-total, .pc-price-col .p-date, .pc-rent-price-cell div, .pc-sale-price-cell div, .pc-building-price-cell div, .pc-gongwei-price-cell div, .pc-oldhouse-price-cell div, .pc-creative-price-cell div {
    font-size: 12px !important;
  }

  /* 面包屑：12px */
  .pc-breadcrumb, .pc-breadcrumb a { font-size: 12px !important; }

  /* 筛选选项：13px */
  .pc-filter-opts a, .pc-filter-label { font-size: 13px !important; }

  /* 排序栏：13px */
  .pc-sortbar .pc-count, .pc-sortbar .pc-sortopts a { font-size: 13px !important; }

  /* 分页：13px */
  .pc-page a, .pc-page span { font-size: 13px !important; }

  /* 详情页标题：16px/500（对齐点点租，克制不夸张）*/
  .sec-title, .gx-about dt, .guess-like h2, .property-service-title, [class*="detail"] h2.section-title {
    font-size: 16px !important;
    font-weight: 500 !important;
  }

  /* 详情页正文：13px/1.6 */
  .detail-wrap, .gx-about dd, .gx-about p { font-size: 13px !important; line-height: 1.6 !important; }

  /* === 价格数字 & 联系电话：大屏仅放大5%-10%作为视觉强调 === */
  /* 基准：24px / 18px */
  .pc-price-col .p-num, .pc-rent-price-num, .pc-sale-price-num, .pc-building-price-num, .pc-gongwei-price-num, .pc-oldhouse-price-num, .pc-creative-price-num,
  .home-rent-price, .recom-loupan .lp-price .num, [class*="price-num"] {
    font-size: 24px !important;
  }
  .desktop-phone, .pc-phone, .bot-tel, .footer-phone strong, [class*="phone-num"], [class*="tel-num"] {
    font-size: 18px !important;
  }
  /* 1920px+大屏：放大约8%（24→26, 18→19.5取整20） */
  @media (min-width: 1920px) {
    .pc-price-col .p-num, .pc-rent-price-num, .pc-sale-price-num, .pc-building-price-num, .pc-gongwei-price-num, .pc-oldhouse-price-num, .pc-creative-price-num,
    .home-rent-price, .recom-loupan .lp-price .num, [class*="price-num"] {
      font-size: 26px !important;
    }
    .desktop-phone, .pc-phone, .bot-tel, .footer-phone strong, [class*="phone-num"], [class*="tel-num"] {
      font-size: 20px !important;
    }
  }
}

/* === 移动端字号统一 (<768px) — 对齐点点租 === */
@media (max-width: 767px) {
  html { font-size: 16px !important; -webkit-text-size-adjust: 100% !important; }
  body { font-size: 13px !important; line-height: 1.5 !important; }

  /* 移动端卡片标题：14px/600（对齐点点租）*/
  .m-card .m-title, .m-card .m-build, .m-card .m-info-line { font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; }

  /* 移动端卡片地址：12px */
  .m-card .m-addr { font-size: 12px !important; line-height: 1.4 !important; }

  /* 移动端卡片标签：11px */
  .m-card .m-tags span { font-size: 11px !important; }

  /* 移动端卡片价格数字：14px/600（对齐点点租，不突出）*/
  .m-card .m-price .p-num { font-size: 14px !important; font-weight: 600 !important; }

  /* 移动端卡片价格单位：12px */
  .m-card .m-price .p-unit { font-size: 12px !important; }

  /* 移动端卡片价格面积：12px */
  .m-card .m-price .p-area { font-size: 12px !important; }

  /* 移动端筛选栏：13px */
  .m-filter-bar .m-filter-item, .m-expand-item, .m-opt-item, .m-cascade-item { font-size: 13px !important; }

  /* 移动端筛选标签：12px */
  .m-tag, .m-expand-sub a, .quick-tags a { font-size: 12px !important; }

  /* 移动端详情页标题：16px/500 */
  .sec-title, .gx-about dt, .property-service-title { font-size: 16px !important; font-weight: 500 !important; }

  /* 移动端详情页正文：13px/1.5 */
  .gx-about dd, .gx-about p, .detail-wrap p { font-size: 13px !important; line-height: 1.5 !important; }

  /* 移动端搜索框：13px */
  .m-header .search-input, .m-header .search-box { font-size: 13px !important; }
}

/* === PC端卡片尺寸统一 (≥768px) === */
@media (min-width: 768px) {
  /* 所有PC端卡片：统一 padding、圆角、间距 */
  .pc-card, .pc-rent-card, .pc-sale-card, .pc-building-card, .pc-gongwei-card, .pc-creative-card, .pc-oldhouse-card {
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    border: 1px solid var(--border) !important;
    background: var(--white) !important;
  }

  .pc-card:hover, .pc-rent-card:hover, .pc-sale-card:hover, .pc-building-card:hover, .pc-gongwei-card:hover, .pc-creative-card:hover, .pc-oldhouse-card:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
  }

  /* 卡片图片统一尺寸 */
  .pc-card .pc-img, .pc-rent-card .pc-img, .pc-sale-card .pc-img, .pc-building-card .pc-img, .pc-gongwei-card .pc-img, .pc-creative-card .pc-img, .pc-oldhouse-card .pc-img {
    width: 200px !important;
    height: 150px !important;
    min-width: 200px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
  }

  .pc-card .pc-img img, .pc-rent-card .pc-img img, .pc-sale-card .pc-img img, .pc-building-card .pc-img img, .pc-gongwei-card .pc-img img, .pc-creative-card .pc-img img, .pc-oldhouse-card .pc-img img {
    width: 200px !important;
    height: 150px !important;
    object-fit: cover !important;
  }

  /* 卡片信息区统一间距 */
  .pc-card .pc-info, .pc-rent-card .pc-info, .pc-sale-card .pc-info, .pc-building-card .pc-info, .pc-gongwei-card .pc-info, .pc-creative-card .pc-info, .pc-oldhouse-card .pc-info {
    gap: 6px !important;
  }

  /* 卡片价格列统一宽度 */
  .pc-price-col, .pc-rent-price-cell, .pc-sale-price-cell, .pc-building-price-cell, .pc-gongwei-price-cell, .pc-oldhouse-price-cell, .pc-creative-price-cell {
    width: 160px !important;
    min-width: 160px !important;
    padding-left: 14px !important;
    border-left: 1px solid var(--border-light) !important;
    text-align: right !important;
  }
}

/* === 移动端卡片尺寸统一 (<768px) === */
@media (max-width: 767px) {
  .m-card {
    padding: 12px !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
    gap: 12px !important;
    background: var(--white) !important;
    box-shadow: 0 2px 8px rgba(16,24,40,.03) !important;
  }

  /* 移动端卡片图片统一尺寸 */
  .m-card .m-img {
    width: 120px !important;
    height: 90px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .m-card .m-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* 移动端卡片信息区间距 */
  .m-card .m-info {
    gap: 4px !important;
  }

  /* 移动端卡片标签间距 */
  .m-card .m-tags {
    gap: 5px !important;
    margin-top: 5px !important;
  }

  .m-card .m-tags span {
    padding: 3px 8px !important;
    border-radius: 4px !important;
  }

  /* 移动端卡片价格区间距 — 价格数字与单位紧贴，仅保留纵向行距 */
  .m-card .m-price {
    margin-top: 6px !important;
    gap: 4px 0 !important;
  }
  .m-card .m-price .m-price-row {
    display: flex !important;
    align-items: baseline !important;
    gap: 0 !important;
    flex-shrink: 0 !important;
    margin-right: 10px !important;
  }
  .m-card .m-price .m-price-row:last-child {
    margin-right: 0 !important;
  }
  .m-card .m-price .p-unit {
    margin-left: 1px !important;
  }
  .m-list .m-card .m-price .p-unit {
    margin-left: 1px !important;
  }
}

/* === 通用排版规范 — 对齐点点租 === */
a { text-decoration: none !important; }
h1 { font-size: 20px !important; font-weight: 500 !important; line-height: 1.4 !important; }
h2 { font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; }
h3 { font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important; }

@media (max-width: 767px) {
  h1 { font-size: 18px !important; }
  h2 { font-size: 15px !important; }
  h3 { font-size: 14px !important; }
}

/* === UI 视觉统一 === */

/* 统一页面背景色 */
body { background: var(--tu-bg) !important; }

/* 统一主色调：所有渐变背景统一为蓝色系 */
[class*="btn-primary"], [class*="btn-submit"], .search-button, .btn-calc, .btn-cta, .cta-btn, .chat-btn, .consult-phone, .faq-more-btn, .faq-cat-btn.active, .m-btn-confirm, .go-btn, .cmp-header-btn.primary, .cmp-empty .btn {
  background: var(--tu-primary) !important;
  color: var(--white) !important;
  border: none !important;
}

/* 渐变按钮统一 */
[style*="linear-gradient"], .btn-submit, .btn-primary, .search-button, .btn-calc, .btn-cta, .property-service-btn {
  background: linear-gradient(135deg, var(--tu-primary), var(--tu-primary-light)) !important;
}

/* 统一按钮圆角和 padding */
.btn, .btn-primary, .btn-submit, .search-button, .btn-calc, .btn-cta, .cta-btn, .chat-btn, .cmp-empty .btn, .faq-more-btn {
  border-radius: var(--tu-radius) !important;
  font-weight: 600 !important;
  transition: background-color .2s, border-color .2s, box-shadow .2s !important;
}

/* 统一卡片圆角 */
.property-card, .search-box-container, .search-filters, .no-results, .search-tips, .suggestions-section, .quick-link, .advantage-card, .topic-card, .result-box, .faq-container, .contact-card, .property-service-card, .cmp-table-wrap {
  border-radius: var(--tu-radius) !important;
  background: var(--tu-card-bg) !important;
  box-shadow: var(--tu-shadow) !important;
}

/* 统一卡片 hover 效果 — 仅对支持 hover 的指针设备启用，避免移动端抖动 */
@media (hover: hover) and (pointer: fine) {
  .property-card:hover, .topic-card:hover, .advantage-card:hover, .quick-link:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--tu-shadow-hover) !important;
    border-color: var(--tu-primary) !important;
  }
}

/* 统一链接颜色 */
a { color: inherit !important; }
a:hover { color: var(--tu-primary) !important; }
.nav-links a:hover, .nav-links a.active, .mobile-menu-inner a:hover, .property-info h3 a:hover, .topic-link, .faq-cat-btn:hover, .faq-cat-btn.active {
  color: var(--tu-primary) !important;
}

/* 统一 logo 图标背景 */
.nav-logo-icon, .pc-logo-icon, .faq-cat-btn.active {
  background: linear-gradient(135deg, var(--tu-primary), var(--tu-primary-light)) !important;
}

/* 统一输入框聚焦边框 */
.search-input:focus, .form-control:focus, .form-group input:focus, .form-group select:focus, .filter-group select:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--tu-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,160,233,.12) !important;
}

/* 统一分页样式 */
.page-link:hover, .page-link.active, .pagination a.active {
  background: var(--tu-primary) !important;
  color: var(--white) !important;
  border-color: var(--tu-primary) !important;
}

/* 统一标签样式 */
.tag, .keyword-tag, .tag-secondary {
  background: var(--bg-gray-alt) !important;
  color: var(--tu-primary) !important;
  border-radius: 4px !important;
}
.tag:hover, .keyword-tag:hover {
  background: var(--tu-primary) !important;
  color: var(--white) !important;
}

/* 统一顶部导航栏 */
.top-bar { background: #4A6FA5 !important; }
.main-nav { box-shadow: 0 2px 10px rgba(0,0,0,.06) !important; }

/* 移动端底部操作栏统一 */
.mobile-bottom-bar .mbb-chat, .mobile-bottom-bar .mbb-chat svg { color: var(--text-muted) !important; fill: var(--text-muted) !important; }
.mobile-bottom-bar .mbb-chat .mbb-icon { background: var(--bg-gray) !important; box-shadow: 0 0 0 1px rgba(0,0,0,.08) !important; }

/* 统一标题渐变文字（取消渐变，用纯色） */
.search-header h1 {
  background: none !important;
  -webkit-text-fill-color: var(--tu-text-t1) !important;
  color: var(--tu-text-t1) !important;
}

/* 统一区块标题前缀竖线 */
.property-service-title::before, .sec-title::before {
  background: var(--tu-primary) !important;
}

/* ================================================================
   详情页概况字段统一规范（PC端 + 移动端）
   解决：字段靠太紧、对齐不统一、标签/值间距不一致
   ================================================================ */

/* ---------- PC端概况字段统一（≥768px） ---------- */
@media (min-width: 768px) {
  /* 所有详情页概况网格统一：3列短字段 / 2列长字段，适度内边距 */
  .params-grid,
  .gx-about .params-grid,
  .cmd-param-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    border: 1px solid var(--tu-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: var(--white) !important;
    margin-top: 14px !important;
  }

  .params-grid--short,
  .gx-about .params-grid--short {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .params-grid--long,
  .gx-about .params-grid--long {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* 单项：统一左对齐、增加上下间距 */
  .params-grid .p-item,
  .gx-about .p-item,
  .cmd-param-grid .cmd-param-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    border-bottom: 1px solid var(--border-light) !important;
    font-size: 14px !important;
    min-height: 64px !important;
    padding: 10px 18px !important;
    box-sizing: border-box !important;
  }

  .params-grid .p-item:last-child,
  .gx-about .p-item:last-child,
  .cmd-param-grid .cmd-param-item:last-child {
    border-bottom: none !important;
  }

  /* 短字段：每3个一组，第3个无右边框 */
  .params-grid .p-item:nth-child(3n),
  .gx-about .p-item:nth-child(3n) {
    border-right: none !important;
  }

  .params-grid .p-item:not(:nth-child(3n)),
  .gx-about .p-item:not(:nth-child(3n)) {
    border-right: 1px solid var(--border-light) !important;
  }

  /* 长字段布局：占2列 */
  .params-grid .p-item.long-val,
  .gx-about .p-item.long-val,
  .cmd-param-grid .cmd-param-item.long-val {
    grid-column: span 2 !important;
    border-right: none !important;
  }

  .params-grid .p-item.long-val:last-child,
  .gx-about .p-item.long-val:last-child {
    grid-column: 1 / -1 !important;
  }

  /* 标签：统一宽度、左对齐、适度内边距 */
  .params-grid .p-label,
  .gx-about .p-label,
  .cmd-param-grid .cmd-param-label {
    width: auto !important;
    min-width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--text-placeholder) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    flex-shrink: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    margin-bottom: 4px !important;
  }

  /* 值：左对齐、适度内边距、长值可换行 */
  .params-grid .p-value,
  .gx-about .p-value,
  .cmd-param-grid .cmd-param-value {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: var(--text-dark) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
  }

  /* 长字段值允许自然换行 */
  .params-grid .p-item.long-val .p-value,
  .gx-about .p-item.long-val .p-value,
  .cmd-param-grid .cmd-param-item.long-val .cmd-param-value {
    white-space: normal !important;
    word-break: break-all !important;
  }

  /* creative 页面特有的卡片式概况也统一为网格表格风格 */
  .params-grid.params-grid--creative,
  .creative-mobile-detail .cmd-param-grid {
    display: grid !important;
    flex-wrap: unset !important;
    padding: 0 !important;
    background: var(--white) !important;
  }

  /* creative 概况单项也用统一卡片样式 */
  .creative-mobile-detail .cmd-param-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-bottom: 1px solid var(--border-light) !important;
    border-radius: 0 !important;
    min-height: 64px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }
}

/* ---------- 移动端概况字段统一（<768px） ---------- */
@media (max-width: 767px) {
  /* 移动端概况网格：短字段2列、长字段1列（与现有规则保持一致） */
  .gx-about .params-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: var(--white) !important;
  }

  .gx-about .params-grid--short {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .gx-about .params-grid--long {
    grid-template-columns: 1fr !important;
  }

  .cmd-param-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: var(--white) !important;
  }

  .cmd-param-grid--short {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .cmd-param-grid--long {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* 移动端单项：左对齐、适度上下间距 */
  .gx-about .p-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    border-bottom: 1px solid var(--bg-gray) !important;
    min-height: 56px !important;
    font-size: 14px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
  }

  .gx-about .p-item:nth-child(odd) {
    border-right: 1px solid var(--border-light) !important;
  }

  .gx-about .p-item:last-child,
  .gx-about .p-item.long-val {
    border-right: none !important;
  }

  .gx-about .p-item.long-val {
    grid-column: 1 / -1 !important;
  }

  /* 移动端标签：左对齐、合理宽度 */
  .gx-about .p-label {
    width: auto !important;
    min-width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--text-placeholder) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    flex-shrink: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    margin-bottom: 4px !important;
  }

  /* 移动端值：左对齐、不右对齐 */
  .gx-about .p-value {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: var(--text-dark) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
  }

  /* creative/gongwei 移动端概况值：统一左对齐（原为右对齐） */
  .creative-mobile-detail #cmdSecParams .cmd-param-value,
  .creative-mobile-detail #cmdSecParams .cmd-param-grid--long .cmd-param-value,
  .creative-mobile-detail #cmdSecParams .cmd-param-grid--short .cmd-param-value {
    text-align: left !important;
    justify-content: flex-start !important;
  }

  /* creative/gongwei 移动端概况单项：统一为 label-上 value-下 纵向布局 */
  .creative-mobile-detail #cmdSecParams .cmd-param-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 56px !important;
    padding: 10px 12px !important;
    background: transparent !important;
    border-bottom: 1px solid var(--border-soft) !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .creative-mobile-detail #cmdSecParams .cmd-param-grid--short .cmd-param-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    min-height: 56px !important;
  }

  .creative-mobile-detail #cmdSecParams .cmd-param-label {
    min-width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--text-placeholder) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
  }

  .creative-mobile-detail #cmdSecParams .cmd-param-value {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: var(--text-dark) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .creative-mobile-detail #cmdSecParams .cmd-param-grid--long .cmd-param-value {
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
}

/* ================================================================
   移动端"猜你喜欢"字号统一规范（<768px）
   解决：不同详情页猜你喜欢字号大小不一致
   统一基准（基于 property-mobile.css 自适应变量）：
     - 卡片标题：clamp(16px, 4.6vw, 19px)  与 .m-fs-lg 一致
     - 卡片副标题/区域：clamp(13px, 3.55vw, 15px)  与 .m-fs-base 一致
     - 价格数字：clamp(19px, 6vw, 25px)  与 .m-fs-price 一致
     - 价格单位/小区：clamp(12px, 3.2vw, 13px)  与 .m-fs-sm 一致
   ================================================================ */
@media (max-width: 767px) {
  /* 猜你喜欢区段标题 */
  .guess-like-section .section-head,
  .cmd-guess-section .cmd-sec-head {
    font-size: clamp(18px, 5.25vw, 22px) !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
    line-height: 1 !important;
  }

  /* 卡片标题（房源名） — 统一 */
  .guess-card-name,
  .cmd-guess-list .m-card .m-title,
  .cmd-guess-list .m-card .m-build, .m-card .m-info-line {
    line-height: 1.3 !important;
  }

  .guess-card-name,
  .cmd-guess-list .m-card .m-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-deep-2) !important;
    margin-bottom: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 卡片副标题（楼盘/区域行） — 与 /rent 列表页一致（13px） */
  .guess-card-area,
  .guess-card-tag,
  .cmd-guess-list .m-card .m-build, .m-card .m-info-line {
    font-size: 13px !important;
    color: var(--tu-text-t5) !important;
    line-height: 1.3 !important;
  }

  .cmd-guess-list .m-card .m-build, .m-card .m-info-line {
    margin-top: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 卡片价格数字 — 与 /rent 列表页一致（18px/700） */
  .guess-card-price,
  .cmd-guess-list .m-card .m-price .p-num {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--price-red) !important;
    line-height: 1.4 !important;
    font-family: var(--tu-font-num) !important;
    letter-spacing: -0.5px !important;
  }

  /* 卡片价格单位 — 与 /rent 列表页一致（12px/600） */
  .guess-card-price small,
  .guess-card-price em,
  .cmd-guess-list .m-card .m-price .p-unit {
    font-size: 12px !important;
    color: var(--price-red) !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  /* 卡片整体尺寸统一 */
  .cmd-guess-list .m-card {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 12px !important;
    border: 1px solid var(--border-subtle) !important;
    background: var(--white) !important;
    box-shadow: 0 2px 10px rgba(20,45,80,.04) !important;
  }

  /* 卡片图片统一尺寸：与 /rent 列表页 m-card 一致（150x130） */
  .cmd-guess-list .m-card .m-img,
  .cmd-guess-list .m-card .m-img-wrap {
    flex: 0 0 150px !important;
    width: 150px !important;
    height: 130px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: var(--border-soft) !important;
  }

  /* 价格一行排列：月租金 + 单价同一行（与 /rent 列表页一致） */
  .cmd-guess-list .m-card .m-price {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 4px 10px !important;
    margin-top: 6px !important;
  }
  .cmd-guess-list .m-card .m-price .m-price-row {
    display: flex !important;
    align-items: baseline !important;
    gap: 2px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }

  /* 查看更多按钮 */
  .guess-more,
  .cmd-guess-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    height: 46px !important;
    font-size: clamp(13px, 3.55vw, 15px) !important;
    color: var(--tu-primary) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }
  .guess-more span,
  .cmd-guess-more span {
    font-size: 24px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }
}

/* 超小屏（≤374px）：图片缩为 130x112，与 /rent 列表页一致 */
@media (max-width: 374px) {
  .cmd-guess-list .m-card .m-img,
  .cmd-guess-list .m-card .m-img-wrap {
    flex: 0 0 130px !important;
    width: 130px !important;
    height: 112px !important;
  }
}

/* ---------- 修正：解除 typography-unify 对 .m-card 标题的过宽覆盖 ----------
   原规则 .m-card .m-title{font-size:16px!important} 会压低 creative/gongwei
   猜你喜欢卡片标题，现将其限定为列表页卡片，不影响详情页猜你喜欢。
   --------------------------------------------------------------- */
@media (max-width: 767px) {
  /* 列表页卡片标题保持 16px */
  .rent-list-wrap .m-card .m-title,
  .sale-list-wrap .m-card .m-title,
  .building-list-wrap .m-card .m-title,
  .gongwei-list-wrap .m-card .m-title,
  .creative-list-wrap .m-card .m-title,
  .oldhouse-list-wrap .m-card .m-title,
  .list-page .m-card .m-title,
  .m-list .m-card .m-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
  }

  .rent-list-wrap .m-card .m-build, .m-card .m-info-line,
  .sale-list-wrap .m-card .m-build, .m-card .m-info-line,
  .building-list-wrap .m-card .m-build, .m-card .m-info-line,
  .gongwei-list-wrap .m-card .m-build, .m-card .m-info-line,
  .creative-list-wrap .m-card .m-build, .m-card .m-info-line,
  .oldhouse-list-wrap .m-card .m-build, .m-card .m-info-line,
  .list-page .m-card .m-build, .m-card .m-info-line,
  .m-list .m-card .m-build, .m-card .m-info-line {
    font-size: 13px !important;
    color: var(--text-muted) !important;
    line-height: 1.35 !important;
  }

  /* 详情页内的 .m-card（猜你喜欢）不受列表页限制，与 /rent 列表页一致（16px） */
  .guess-like-section .m-card .m-title,
  .cmd-guess-section .m-card .m-title,
  .cmd-guess-list .m-card .m-title {
    font-size: 16px !important;
    color: var(--text-deep-2) !important;
  }
}

/* PC端"猜你喜欢"卡片字号统一（≥768px） */
@media (min-width: 768px) {
  .guess-card .gc-name,
  .guess-card .gc-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--tu-text-t1) !important;
  }

  .guess-card .gc-area,
  .guess-card .gc-meta {
    font-size: 12px !important;
    color: var(--text-muted)666 !important;
  }

  .guess-card .gc-price {
    font-size: 14px !important;
    color: var(--price-red) !important;
    font-weight: 600 !important;
  }
}

/* ================================================================
   底部 Footer 字体统一规范（PC端 + 移动端）
   解决：不同页面底部字号不一致
   ================================================================ */

/* ---------- PC端底部字体统一（≥768px） ---------- */
@media (min-width: 768px) {
  .bot-footer {
    font-size: 14px !important;
    color: var(--text-muted) !important;
    font-family: var(--tu-font-family) !important;
  }

  /* 区域导航标签 */
  .bot-nav-tab {
    font-size: 13px !important;
    line-height: 22px !important;
  }

  /* 区域导航链接 */
  .bot-link-grid a {
    font-size: 13px !important;
    line-height: 1.8 !important;
  }

  /* 客服区 */
  .bot-service-header {
    font-size: 14px !important;
    font-weight: 600 !important;
  }
  .bot-tel {
    font-size: 18px !important;
    font-weight: 600 !important;
  }
  .bot-hours, .bot-email a {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  /* 版权栏 */
  .bot-legal-links a {
    font-size: 14px !important;
  }
  .bot-copyright-left p {
    font-size: 12px !important;
    line-height: 2 !important;
  }
  .bot-logo-sub {
    font-size: 11px !important;
  }
}

/* ---------- 移动端底部字体统一（<768px） ---------- */
@media (max-width: 767px) {
  .bot-footer {
    font-size: 13px !important;
    color: var(--text-muted) !important;
    font-family: var(--tu-font-family) !important;
  }

  /* 区域导航标签 */
  .bot-nav-tab {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  /* 区域导航链接 */
  .bot-link-grid a {
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  /* 客服区 */
  .bot-service-header {
    font-size: 13px !important;
    font-weight: 600 !important;
  }
  .bot-tel {
    font-size: 17px !important;
    font-weight: 600 !important;
  }
  .bot-hours, .bot-email a {
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  /* 版权栏 */
  .bot-legal-links a {
    font-size: 12px !important;
  }
  .bot-copyright-left p {
    font-size: 11px !important;
    line-height: 1.8 !important;
  }
  .bot-logo-sub {
    font-size: 10px !important;
  }

  /* 移动端浮动操作栏 */
  .mobile-bottom-bar .mbb-item {
    font-size: 10px !important;
  }
}

/* ================================================================
   首页字体统一规范（PC端 + 移动端）
   使用 clamp() 实现字号随设备宽度自动适应
   统一字号层级 + 颜色层级：
     T1 大标题/Hero:   PC clamp(28px,2.5vw,36px) / Mobile clamp(16px,5vw,20px)  | 颜色 #111
     T2 区块标题:      PC clamp(22px,1.8vw,26px) / Mobile clamp(16px,4.8vw,18px)  | 颜色 var(--text-deep-2)
     T3 卡片标题:      PC clamp(16px,1.2vw,18px) / Mobile clamp(14px,4vw,16px)   | 颜色 var(--text-deep)
     T4 正文:          PC 14px / Mobile clamp(12px,3.4vw,13px)                   | 颜色 var(--text-dark)
     T5 辅助文字:      PC 13px / Mobile clamp(11px,3.1vw,12px)                   | 颜色 var(--text-muted)
     T6 微小标签:      PC 12px / Mobile clamp(10px,2.8vw,11px)                   | 颜色 var(--text-placeholder)
     价格数字:         PC clamp(24px,2vw,28px) / Mobile clamp(16px,4.8vw,19px)   | 颜色 var(--price-red)
   ================================================================ */

/* ---------- PC端首页字体统一（≥768px） ---------- */
@media (min-width: 768px) {
  /* T1: Hero大标题 — 对齐点点租 20px/500 */
  .hero-title {
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    color: var(--tu-text-t1) !important;
  }

  /* T2: 区块标题 — 对齐点点租 16px/500 */
  .cont-title h2,
  .cont-title h3,
  .biz-section-head h2,
  .faq-collapse-title h2,
  .faq-collapse-title h3,
  .mobile-hot-business-districts .cont-title h2,
  .hot-office .cont-title h2,
  .recom-loupan .cont-title h2,
  .news-box .cont-title h2 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--tu-text-t1) !important;
  }

  /* T2副标题/描述 */
  .biz-section-head p,
  .recom-loupan .section-intro,
  .intro-text {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: var(--tu-text-t5) !important;
  }

  /* T3: 卡片标题 — 对齐点点租 14px/600 */
  .recom-loupan .lp-info h3,
  .recom-loupan .lp-info h3 a,
  .recom-loupan .lp-card h4,
  .home-rent-title,
  .news-card h3,
  .news-card h3 a,
  .news-list .content h4,
  .biz-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--tu-text-t1) !important;
  }

  /* T4: 正文/地址 */
  .home-rent-build,
  .home-rent-addr,
  .biz-buildings,
  .recom-loupan .lp-loc,
  .office-list .content h4,
  .faq-a {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--tu-text-t4) !important;
  }

  /* T5: 辅助文字 */
  .home-rent-tags span,
  .hot-tag a,
  .biz-more,
  .home-rent-commission,
  .faq-q-text,
  .faq-more-btn,
  .section-more-btn,
  .hero-kicker,
  .banner-swiper .banner-title-text {
    font-size: 12px !important;
    color: var(--tu-text-t5) !important;
  }

  .faq-q-text {
    font-weight: 600 !important;
    color: var(--tu-text-t1) !important;
  }

  /* T6: 小字/单位 */
  .home-rent-price-unit,
  .home-rent-month,
  .home-rent-date,
  .search-tabs a,
  .search-row .s-input,
  .search-links,
  .search-links a {
    font-size: 12px !important;
    color: var(--text-placeholder) !important;
  }

  /* 价格数字统一 */
  .home-rent-price {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
  }

  .recom-loupan .lp-price .num {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
  }

  .recom-loupan .lp-price .unit,
  .recom-loupan .lp-price .cur {
    font-size: 12px !important;
    color: var(--text-placeholder) !important;
  }

  .header span {
    font-size: 16px !important;
  }

  .desktop-phone {
    font-size: 18px !important;
  }

  /* 搜索面板 */
  .search-row .s-btn {
    font-size: 14px !important;
  }

  .search-row .map-btn {
    font-size: 13px !important;
  }

  /* 办公室卡片标题 — T3 卡片标题 */
  .home-rent-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
  }

  /* 办公室卡片单价/日期 — T6 */
  .home-rent-month,
  .home-rent-date {
    font-size: 12px !important;
    color: var(--text-placeholder) !important;
  }

  /* 佣金标签 */
  .home-rent-commission,
  .cm-tag {
    font-size: 12px !important;
    color: var(--price-red) !important;
  }

  /* 底部电话 */
  .bot-tel {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
  }

  /* 底部浮动图标 */
  .fs-icon {
    font-size: 16px !important;
  }

  /* 底部导航 & Footer */
  .bot-footer,
  .bot-footer a,
  .bot-mobile-seo,
  .bot-footer nav {
    font-size: 13px !important;
    color: var(--text-muted) !important;
  }

  .bot-footer .footer-title,
  .bot-footer h3,
  .bot-footer h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-dark) !important;
  }

  .bot-legal-links,
  .bot-legal-links a,
  .copyright,
  .bot-psb-link {
    font-size: 12px !important;
    color: var(--text-placeholder) !important;
  }

  .bot-logo-sub {
    font-size: 12px !important;
    color: var(--text-placeholder) !important;
  }

  /* Logo文字 */
  .logo,
  .mobile-logo-text,
  .header span {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-deep-2) !important;
  }

  /* 商圈名称 — T3 */
  .biz-name,
  .biz-bname {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
  }

  /* 商圈内楼盘 — T5 */
  .biz-buildings {
    font-size: 13px !important;
    color: var(--text-muted) !important;
  }

  /* 更多按钮 */
  .more-btn,
  .more-btn .txt {
    font-size: 13px !important;
    color: var(--text-muted) !important;
  }

  /* 轮播图搜索面板 — 透明背景在轮播图上，文字需更清晰 */
  .search-panel .search-tabs a,
  .search-panel .search-links,
  .search-panel .search-links a,
  .search-panel .lk-label {
    color: var(--white) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  }

  .search-panel .search-tabs a.cur,
  .search-panel .search-tabs a.active {
    color: var(--white) !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
  }

  .search-panel .s-input {
    color: var(--text-dark) !important;
  }

  .search-panel .s-input::placeholder {
    color: var(--text-placeholder) !important;
  }

  /* 搜索按钮 — 主按钮 蓝色 */
  .search-panel .s-btn {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light)) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
  }

  /* 地图找房按钮 — 次要按钮 白色背景 */
  .search-panel .map-btn {
    background: var(--white) !important;
    color: var(--brand-primary) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
  }

  .search-panel .map-btn svg {
    fill: var(--brand-primary) !important;
  }

  /* 搜索Tab */
  .search-tabs a {
    font-size: 14px !important;
    color: var(--text-dark) !important;
  }

  .search-tabs a.active,
  .search-tabs a.cur {
    font-weight: 600 !important;
    color: var(--price-red) !important;
  }

  /* 标签组 */
  .tag-group span,
  .hot-tag a,
  .home-rent-tags span {
    font-size: 12px !important;
    color: var(--text-muted) !important;
  }

  /* FAQ */
  .faq-q-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
  }

  .faq-a {
    font-size: 13px !important;
    color: var(--text-muted) !important;
  }

  /* 佣金标签统一红色 */
  .cm-tag,
  .home-rent-commission {
    color: var(--price-red) !important;
  }

  /* 房源标签（写字楼/创意园等）统一颜色 */
  .tag-group span,
  .hot-tag a,
  .home-rent-tags span,
  [class*="tag"]:not([class*="cm-tag"]):not([class*="hot-tag"]) {
    color: var(--text-muted) !important;
  }
}

/* ---------- 移动端首页字体统一（<768px） ---------- */
@media (max-width: 767px) {
  /* T1: Hero/Banner 标题 */
  .slide-caption h2,
  .hero-title {
    font-size: clamp(16px, 5vw, 20px) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #111 !important;
  }

  .slide-caption p,
  .hero-subtitle {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    line-height: 1.4 !important;
    color: var(--text-muted) !important;
  }

  /* T2: 区块标题 — 统一 */
  .cont-title h2,
  .cont-title h3,
  .faq-collapse-title h2,
  .faq-collapse-title h3,
  .mobile-seo-section .seo-title,
  .mobile-hot-business-districts .cont-title h2,
  .hot-office .cont-title h2,
  .recom-loupan .cont-title h2,
  .news-box .cont-title h2 {
    font-size: clamp(16px, 4.8vw, 18px) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--text-deep-2) !important;
  }

  /* T3: 卡片标题 — 统一 */
  .recom-loupan .lp-card h4,
  .recom-loupan .lp-card h3,
  .recom-loupan .lp-card h3 a,
  .office-list .content h4,
  .news-list .content h4,
  .news-list .content h3,
  .mobile-biz-info strong,
  .mobile-biz-card:nth-child(2) .mobile-biz-info strong {
    font-size: clamp(14px, 4vw, 16px) !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--white) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .35) !important;
  }

  .mobile-biz-card:nth-child(n+3) .mobile-biz-info strong {
    font-size: clamp(12px, 3.4vw, 14px) !important;
  }

  /* T4: 正文/地址 */
  .office-list .content .grey,
  .recom-loupan .lp-card .lp-loc,
  .news-list .content p,
  .mobile-biz-info em,
  .mobile-biz-card .mobile-biz-info em,
  .faq-a {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, .82) !important;
  }

  /* T5: 辅助文字/标签 */
  .hot-tag a,
  .office-list .content .tag-group span,
  .home-rent-tags span,
  .section-more-btn,
  .faq-more-btn,
  .faq-q-text,
  .mobile-district-links a,
  .mobile-district-guide a,
  #hotWordsContainer a {
    font-size: clamp(11px, 3.1vw, 12px) !important;
    color: var(--text-muted) !important;
  }

  .faq-q-text {
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: var(--text-dark) !important;
  }

  /* T6: 微小标签 */
  .mobile-biz-label,
  .mobile-biz-card .mobile-biz-label,
  .recom-loupan .lp-card .lp-district,
  .recom-loupan .lp-card .lp-price .cur,
  .recom-loupan .lp-card .lp-price .unit,
  .hot-office .m-card .m-price .p-unit {
    font-size: clamp(10px, 2.8vw, 11px) !important;
    color: var(--text-placeholder) !important;
  }

  /* 价格数字统一 */
  .recom-loupan .lp-card .lp-price .num {
    font-size: clamp(16px, 4.8vw, 19px) !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
  }

  .office-list .content .price .num {
    font-size: clamp(16px, 4.8vw, 19px) !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
  }

  /* 导航图标名称 */
  .navigation .item .name {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    font-weight: 600 !important;
  }

  /* 搜索框 */
  .header .search-input {
    font-size: clamp(13px, 3.7vw, 14px) !important;
  }

  .search-overlay .search-header input,
  .search-overlay .search-header .search-go-btn {
    font-size: clamp(13px, 3.7vw, 14px) !important;
  }

  .search-overlay .search-tabs a {
    font-size: clamp(12px, 3.4vw, 13px) !important;
  }


  /* 移动端搜索弹窗按钮（替代各页面内联 style）*/
  .mobile-search-bar {
    display: flex !important;
    align-items: center !important;
    padding: 10px 12px !important;
    background: var(--brand-primary) !important;
    gap: 10px !important;
  }
  .mobile-search-bar input {
    flex: 1 !important;
    height: 38px !important;
    border-radius: 20px !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    border: none !important;
  }
  .mobile-search-bar .search-action {
    color: var(--white) !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }
  /* SEO 文本 */
  .mobile-seo-section .seo-content {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    line-height: 1.75 !important;
  }

  /* FAQ 问答图标 */
  .faq-section .faq-q-icon {
    font-size: clamp(11px, 3.1vw, 12px) !important;
  }

  /* 信任栏 */
  .mobile-trust-bar .trust-item {
    font-size: clamp(11px, 3.1vw, 12px) !important;
  }

  /* 办公室卡片标题 — T3 */
  .home-rent-title,
  .office-list .content h4 {
    font-size: clamp(14px, 4vw, 16px) !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
  }

  /* 办公室卡片单价/日期 — T6 */
  .home-rent-month,
  .home-rent-date,
  .m-img-badge {
    font-size: clamp(10px, 2.8vw, 11px) !important;
    color: var(--text-placeholder) !important;
  }

  /* 佣金标签 */
  .home-rent-commission,
  .cm-tag {
    font-size: clamp(10px, 2.8vw, 11px) !important;
    color: var(--price-red) !important;
  }

  /* 底部电话 */
  .bot-tel {
    font-size: clamp(14px, 4vw, 16px) !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
  }

  /* 底部浮动图标 */
  .fs-icon {
    font-size: clamp(14px, 4vw, 16px) !important;
  }

  /* 底部导航 & Footer */
  .bot-footer,
  .bot-footer a,
  .bot-mobile-seo,
  .bot-footer nav {
    font-size: clamp(11px, 3.1vw, 12px) !important;
    color: var(--text-muted) !important;
  }

  .bot-footer .footer-title,
  .bot-footer h3,
  .bot-footer h4 {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    font-weight: 600 !important;
    color: var(--text-dark) !important;
  }

  .bot-legal-links,
  .bot-legal-links a,
  .copyright,
  .bot-psb-link {
    font-size: clamp(10px, 2.8vw, 11px) !important;
    color: var(--text-placeholder) !important;
  }

  .bot-logo-sub {
    font-size: clamp(10px, 2.8vw, 11px) !important;
    color: var(--text-placeholder) !important;
  }

  /* Logo文字 */
  .logo,
  .mobile-logo-text,
  .header span {
    font-size: clamp(14px, 4vw, 16px) !important;
    font-weight: 600 !important;
    color: var(--text-deep-2) !important;
  }

  /* 底部导航栏文字 */
  .mbb-item,
  .mbb-item span {
    font-size: 11px !important;
    color: var(--text-muted) !important;
  }

  .mbb-item.mbb-chat {
    color: var(--price-red) !important;
  }

  /* 商圈名称 — T3（PC 端文字在浅色背景上；移动端卡片文字叠在图片遮罩上，需用白色） */
  .biz-name,
  .biz-bname {
    font-size: clamp(14px, 4vw, 16px) !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
  }
  .mobile-biz-info strong {
    font-size: clamp(14px, 4vw, 16px) !important;
    font-weight: 600 !important;
    color: var(--white) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .35) !important;
  }

  /* 商圈内楼盘 — T5（PC 端文字在浅色背景上；移动端卡片文字叠在图片遮罩上，需用半透明白色） */
  .biz-buildings {
    font-size: clamp(11px, 3.1vw, 12px) !important;
    color: var(--text-muted) !important;
  }
  .mobile-biz-info em {
    font-size: clamp(11px, 3.1vw, 12px) !important;
    color: rgba(255, 255, 255, .82) !important;
  }

  /* 更多按钮 */
  .more-btn,
  .more-btn .txt {
    font-size: clamp(11px, 3.1vw, 12px) !important;
    color: var(--text-muted) !important;
  }

  /* 搜索Tab */
  .search-tabs a {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    color: var(--text-dark) !important;
  }

  .search-tabs a.active {
    font-weight: 600 !important;
    color: var(--price-red) !important;
  }

  /* 标签组 */
  .tag-group span,
  .hot-tag a,
  .home-rent-tags span {
    font-size: clamp(10px, 2.8vw, 11px) !important;
    color: var(--text-muted) !important;
  }

  /* FAQ */
  .faq-q-text {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
  }

  .faq-a {
    font-size: clamp(11px, 3.1vw, 12px) !important;
    color: var(--text-muted) !important;
  }

  /* 佣金标签统一红色 */
  .cm-tag,
  .home-rent-commission {
    color: var(--price-red) !important;
  }

  /* 房源标签统一颜色 */
  .tag-group span,
  .hot-tag a,
  .home-rent-tags span {
    color: var(--text-muted) !important;
  }

  /* 搜索面板 */
  .search-row .s-btn {
    font-size: clamp(13px, 3.7vw, 14px) !important;
  }

  .search-row .map-btn {
    font-size: clamp(12px, 3.4vw, 13px) !important;
  }

  /* 轮播图搜索框 — 深色背景浅色文字 */
  .mobile-search-simple input,
  .mobile-search-simple .ms-inner input {
    color: var(--text-dark) !important;
  }

  .mobile-search-simple input::placeholder {
    color: var(--text-placeholder) !important;
  }

  .mobile-search-simple .ms-btn {
    color: var(--white) !important;
  }
}

/* ================================================================
   列表页样式统一规范 — 覆盖所有列表页内联样式
   目标：rent/sale/buildings/gongwei/creative/oldhouse/news 列表页
         字体、字号、颜色、图片大小、卡片样式与首页完全一致
   ================================================================ */

/* ---------- PC端列表页卡片统一（≥768px） ---------- */
@media (min-width: 768px) {
  /* 所有PC端列表卡片：统一背景、圆角、边框、间距 — 覆盖内联 style */
  .pc-rent-card,
  .pc-sale-card,
  .pc-building-card,
  .pc-gongwei-card,
  .pc-creative-card,
  .pc-oldhouse-card,
  [class*="pc-"][class*="-card"][style] {
    background: var(--white) !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    border: 1px solid var(--border) !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transition: box-shadow .2s !important;
  }

  .pc-rent-card:hover,
  .pc-sale-card:hover,
  .pc-building-card:hover,
  .pc-gongwei-card:hover,
  .pc-creative-card:hover,
  .pc-oldhouse-card:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
  }

  /* 卡片图片：统一尺寸和圆角 — 覆盖内联 style */
  .pc-rent-img,
  .pc-sale-img,
  .pc-building-img,
  .pc-gongwei-img,
  .pc-creative-img,
  .pc-oldhouse-img,
  [class*="pc-"][class*="-img"][style],
  .pc-rent-img-cell img,
  .pc-sale-img-cell img,
  .pc-building-img-cell img,
  .pc-gongwei-img-cell img,
  .pc-creative-img-cell img,
  .pc-oldhouse-img-cell img {
    object-fit: cover !important;
    display: block !important;
  }

  /* 图片单元格宽度统一 */
  .pc-rent-img-cell,
  .pc-sale-img-cell,
  .pc-building-img-cell,
  .pc-gongwei-img-cell,
  .pc-creative-img-cell,
  .pc-oldhouse-img-cell,
  [class*="pc-"][class*="-img-cell"] {
    vertical-align: top !important;
  }

  .pc-rent-info-cell,
  .pc-sale-info-cell,
  .pc-building-info-cell,
  .pc-gongwei-info-cell,
  .pc-creative-info-cell,
  .pc-oldhouse-info-cell,
  [class*="pc-"][class*="-info-cell"] {
    vertical-align: top !important;
  }

  .pc-rent-price-cell,
  .pc-sale-price-cell,
  .pc-building-price-cell,
  .pc-gongwei-price-cell,
  .pc-creative-price-cell,
  .pc-oldhouse-price-cell,
  [class*="pc-"][class*="-price-cell"] {
    vertical-align: top !important;
  }

  /* 列表页卡片图片最终固定尺寸：rent/sale/buildings 统一 220×165，防止响应式规则覆盖 */
  body.rent-page .pc-rent-img-cell,
  body.sale-page .pc-sale-img-cell,
  body.buildings-page .pc-building-img-cell,
  body.gongwei-page .pc-gongwei-img-cell,
  body.creative-page .pc-building-img-cell,
  body.oldhouse-page .pc-oldhouse-img-cell {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }

  body.rent-page .pc-rent-img,
  body.sale-page .pc-sale-img,
  body.buildings-page .pc-building-img,
  body.gongwei-page .pc-gongwei-img,
  body.creative-page .pc-building-img,
  body.oldhouse-page .pc-oldhouse-img {
    width: 220px !important;
    height: 165px !important;
    min-height: 165px !important;
    max-height: 165px !important;
    aspect-ratio: auto !important;
  }

  body.rent-page .pc-rent-img-cell img,
  body.sale-page .pc-sale-img-cell img,
  body.buildings-page .pc-building-img-cell img,
  body.gongwei-page .pc-gongwei-img-cell img,
  body.creative-page .pc-building-img-cell img,
  body.oldhouse-page .pc-oldhouse-img-cell img {
    width: 220px !important;
    height: 165px !important;
    min-height: 165px !important;
    max-height: 165px !important;
    aspect-ratio: auto !important;
  }

  /* === 1440px+大屏：图片放大至 240×180，价格数字略放 === */
  @media (min-width: 1440px) {
    body.rent-page .pc-rent-img-cell,
    body.sale-page .pc-sale-img-cell,
    body.buildings-page .pc-building-img-cell,
    body.gongwei-page .pc-gongwei-img-cell,
    body.creative-page .pc-building-img-cell,
    body.oldhouse-page .pc-oldhouse-img-cell {
      width: 240px !important;
      min-width: 240px !important;
      max-width: 240px !important;
    }
    body.rent-page .pc-rent-img,
    body.sale-page .pc-sale-img,
    body.buildings-page .pc-building-img,
    body.gongwei-page .pc-gongwei-img,
    body.creative-page .pc-building-img,
    body.oldhouse-page .pc-oldhouse-img,
    body.rent-page .pc-rent-img-cell img,
    body.sale-page .pc-sale-img-cell img,
    body.buildings-page .pc-building-img-cell img,
    body.gongwei-page .pc-gongwei-img-cell img,
    body.creative-page .pc-building-img-cell img,
    body.oldhouse-page .pc-oldhouse-img-cell img {
      width: 240px !important;
      min-width: 240px !important;
      max-width: 240px !important;
      height: 180px !important;
      min-height: 180px !important;
      max-height: 180px !important;
    }
  }

  /* === 1920px+超大屏：图片放大至 260×195 === */
  @media (min-width: 1920px) {
    body.rent-page .pc-rent-img-cell,
    body.sale-page .pc-sale-img-cell,
    body.buildings-page .pc-building-img-cell,
    body.gongwei-page .pc-gongwei-img-cell,
    body.creative-page .pc-building-img-cell,
    body.oldhouse-page .pc-oldhouse-img-cell {
      width: 260px !important;
      min-width: 260px !important;
      max-width: 260px !important;
    }
    body.rent-page .pc-rent-img,
    body.sale-page .pc-sale-img,
    body.buildings-page .pc-building-img,
    body.gongwei-page .pc-gongwei-img,
    body.creative-page .pc-building-img,
    body.oldhouse-page .pc-oldhouse-img,
    body.rent-page .pc-rent-img-cell img,
    body.sale-page .pc-sale-img-cell img,
    body.buildings-page .pc-building-img-cell img,
    body.gongwei-page .pc-gongwei-img-cell img,
    body.creative-page .pc-building-img-cell img,
    body.oldhouse-page .pc-oldhouse-img-cell img {
      width: 260px !important;
      min-width: 260px !important;
      max-width: 260px !important;
      height: 195px !important;
      min-height: 195px !important;
      max-height: 195px !important;
    }
  }

  /* 卡片标题：统一字号、字重、颜色 — 覆盖内联 style */
  .pc-rent-title,
  .pc-sale-title,
  .pc-building-title,
  .pc-gongwei-title,
  .pc-creative-title,
  .pc-oldhouse-title,
  [class*="pc-"][class*="-title"][style],
  .pc-rent-title a,
  .pc-sale-title a,
  .pc-building-title a,
  .pc-gongwei-title a,
  .pc-creative-title a,
  .pc-oldhouse-title a {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--text-deep) !important;
    margin-bottom: 8px !important;
    letter-spacing: .1px !important;
  }

  /* 楼盘/建筑名称行：统一字号颜色 */
  .pc-rent-building,
  .pc-sale-building,
  .pc-building-name,
  .pc-gongwei-building,
  .pc-creative-building,
  .pc-oldhouse-building,
  [class*="pc-"][class*="-building"][style],
  [class*="pc-"][class*="-name"][style] {
    font-size: 13px !important;
    color: var(--text-placeholder) !important;
    margin-bottom: 6px !important;
    line-height: 1.5 !important;
  }

  .pc-rent-building a,
  .pc-sale-building a,
  .pc-building-building a,
  .pc-gongwei-building a,
  .pc-creative-building a,
  .pc-oldhouse-building a {
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  .pc-rent-info-line,
  .pc-sale-info-line,
  .pc-building-info-line,
  .pc-gongwei-info-line,
  .pc-creative-info-line,
  .pc-oldhouse-info-line {
    font-size: 13px !important;
    color: var(--text-2) !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
  }

  .pc-rent-info-line a,
  .pc-sale-info-line a,
  .pc-building-info-line a,
  .pc-gongwei-info-line a,
  .pc-creative-info-line a,
  .pc-oldhouse-info-line a {
    color: var(--brand-link) !important;
    text-decoration: none !important;
    font-size: 13px !important;
  }

  .pc-rent-location,
  .pc-sale-location,
  .pc-building-location,
  .pc-gongwei-location,
  .pc-creative-location,
  .pc-oldhouse-location,
  [class*="pc-"][class*="-loc"][style],
  [class*="pc-"][class*="-addr"][style] {
    font-size: 13px !important;
    color: var(--text-soft) !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
  }

  .pc-rent-location a,
  .pc-sale-location a,
  .pc-building-location a,
  .pc-gongwei-location a,
  .pc-creative-location a,
  .pc-oldhouse-location a {
    color: var(--brand-link) !important;
    text-decoration: none !important;
    font-size: 13px !important;
  }

  .pc-rent-tags span,
  .pc-sale-tags span,
  .pc-building-tags span,
  .pc-gongwei-tags span,
  .pc-creative-tags span,
  .pc-oldhouse-tags span,
  [class*="pc-"][class*="-tags"] span,
  [class*="pc-"][class*="-tags"] [style] {
    font-size: 12px !important;
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 2px !important;
    margin-right: 5px !important;
    margin-bottom: 3px !important;
    line-height: 1.5 !important;
  }

  /* 蓝色标签（物业类型、地铁等） */
  [class*="pc-"][class*="-tags"] span[style*="#eef6fd"],
  [class*="pc-"][class*="-tags"] span[style*="var(--brand-primary)"] {
    background: var(--bg-gray-alt) !important;
    color: var(--brand-primary) !important;
  }

  /* 灰色标签（装修等） */
  [class*="pc-"][class*="-tags"] span[style*="var(--bg-gray)"],
  [class*="pc-"][class*="-tags"] span[style*="var(--text-sub)"] {
    background: var(--bg-gray) !important;
    color: var(--text-sub) !important;
  }

  /* 橙色标签（创业选择等） */
  [class*="pc-"][class*="-tags"] span[style*="var(--white)7e6"],
  [class*="pc-"][class*="-tags"] span[style*="var(--status-warning)"] {
    background: var(--white)7e6 !important;
    color: var(--status-warning) !important;
  }

  /* 绿色标签（名企入驻等） */
  [class*="pc-"][class*="-tags"] span[style*="#edfaf0"],
  [class*="pc-"][class*="-tags"] span[style*="#52c41a"] {
    background: #edfaf0 !important;
    color: #52c41a !important;
  }

  /* 价格数字：统一字号、字重、红色 — 覆盖内联 style */
  .pc-rent-price-num,
  .pc-sale-price-num,
  .pc-building-price-num,
  .pc-gongwei-price-num,
  .pc-creative-price-num,
  .pc-oldhouse-price-num,
  [class*="pc-"][class*="-price-num"][style],
  [class*="pc-"][class*="price"] .p-num {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
    line-height: 1 !important;
    font-family: "SF Pro Display", "DIN Alternate", "Helvetica Neue", Arial, sans-serif !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
    letter-spacing: -0.01em !important;
  }

  /* 价格单位：统一字号颜色 */
  .pc-rent-price-unit,
  .pc-sale-price-unit,
  .pc-building-price-unit,
  .pc-gongwei-price-unit,
  .pc-creative-price-unit,
  .pc-oldhouse-price-unit,
  [class*="pc-"][class*="-price-unit"][style] {
    font-size: 11px !important;
    color: var(--price-red) !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  /* 总价行保持灰色，数字小一号 */
  .pc-price-total,
  .pc-price-total .pc-rent-price-num,
  .pc-price-total .pc-rent-price-unit,
  .pc-price-total .pc-sale-price-num,
  .pc-price-total .pc-sale-price-unit,
  .pc-price-total .pc-building-price-num,
  .pc-price-total .pc-building-price-unit,
  .pc-price-total .pc-gongwei-price-num,
  .pc-price-total .pc-gongwei-price-unit,
  .pc-price-total .pc-creative-price-num,
  .pc-price-total .pc-creative-price-unit,
  .pc-price-total .pc-oldhouse-price-num,
  .pc-price-total .pc-oldhouse-price-unit,
  .pc-price-total span {
    color: var(--text-placeholder) !important;
  }
  .pc-price-total .pc-rent-price-num,
  .pc-price-total .pc-sale-price-num,
  .pc-price-total .pc-building-price-num,
  .pc-price-total .pc-gongwei-price-num,
  .pc-price-total .pc-creative-price-num,
  .pc-price-total .pc-oldhouse-price-num,
  .pc-price-total [class*="price-num"][style],
  .pc-price-total [class*="pc-"][class*="-price-num"] {
    font-size: 14px !important;
    font-weight: 600 !important;
  }
  .pc-price-total .pc-rent-price-unit,
  .pc-price-total .pc-sale-price-unit,
  .pc-price-total [class*="price-unit"],
  .pc-price-total [class*="pc-"][class*="-price-unit"] {
    font-size: 11px !important;
  }

  /* 价格列：统一宽度和对齐 */
  .pc-rent-price-cell,
  .pc-sale-price-cell,
  .pc-building-price-cell,
  .pc-gongwei-price-cell,
  .pc-creative-price-cell,
  .pc-oldhouse-price-cell,
  [class*="pc-"][class*="-price-cell"] {
    width: 160px !important;
    min-width: 160px !important;
    vertical-align: middle !important;
    text-align: right !important;
    padding: 14px 10px 14px 14px !important;
    border-left: 1px solid var(--border-light) !important;
  }

  /* 佣金标签：统一红色 */
  .pc-rent-commission,
  .pc-sale-commission,
  .cm-tag,
  [class*="commission"][style] {
    font-size: 12px !important;
    color: var(--price-red) !important;
  }

  /* 辅助信息（发布时间、浏览量）：统一字号颜色 */
  .pc-rent-date,
  .pc-sale-date,
  .pc-building-date,
  [class*="pc-"][class*="-date"][style],
  [class*="pc-"][class*="-meta"][style] {
    font-size: 12px !important;
    color: var(--text-placeholder) !important;
  }

  /* === 楼盘列表卡片：与 rent 卡片保持一致，不额外覆盖 === */

  /* === 创意园列表卡片：与 rent 卡片保持一致，不额外覆盖 === */
  .pc-creative-card .pc-creative-info-cell > div[style*="f5a623"] {
    color: #f5a623 !important;
  }
  .pc-creative-card .pc-creative-info-cell > div[style*="999"] {
    color: var(--text-placeholder) !important;
  }
  .pc-creative-card .pc-creative-info-cell > table {
    margin-bottom: 2px !important;
  }
  .pc-creative-card .pc-creative-table .pc-creative-price-cell {
    padding: 0 10px 0 14px !important;
    border-left: 1px solid var(--border-light) !important;
    vertical-align: middle !important;
    text-align: right !important;
  }
  .pc-creative-card .pc-creative-tags span,
  .pc-creative-card .pc-creative-tags a {
    font-size: 12px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    margin-right: 0 !important;
  }
  .pc-creative-card .pc-creative-price-num {
    font-size: 14px !important;
  }
  .pc-creative-card .pc-creative-price-unit {
    font-size: 13px !important;
  }

  /* 总租金/总价行：统一字号颜色 */
  .pc-rent-total,
  .pc-sale-total,
  [class*="pc-"][class*="-total"][style] {
    font-size: 12px !important;
    color: var(--text-muted) !important;
    white-space: nowrap !important;
  }

  .pc-rent-total strong,
  .pc-sale-total strong {
    color: var(--text-deep) !important;
    font-weight: 600 !important;
  }
}

/* ---------- 移动端列表页卡片统一（<768px） ---------- */
@media (max-width: 767px) {
  /* 所有移动端列表卡片：统一样式 */
  .rent-list-wrap .m-card,
  .sale-list-wrap .m-card,
  .building-list-wrap .m-card,
  .gongwei-list-wrap .m-card,
  .creative-list-wrap .m-card,
  .oldhouse-list-wrap .m-card,
  .list-page .m-card,
  .m-list .m-card {
    padding: 12px !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
    gap: 12px !important;
    background: var(--white) !important;
    box-shadow: 0 2px 8px rgba(16,24,40,.03) !important;
  }

  /* 移动端卡片图片：统一尺寸 */
  .rent-list-wrap .m-card .m-img,
  .sale-list-wrap .m-card .m-img,
  .building-list-wrap .m-card .m-img,
  .gongwei-list-wrap .m-card .m-img,
  .creative-list-wrap .m-card .m-img,
  .oldhouse-list-wrap .m-card .m-img,
  .list-page .m-card .m-img,
  .m-list .m-card .m-img {
    width: 150px !important;
    height: 130px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: var(--border-subtle) !important;
    flex-shrink: 0 !important;
  }

  .rent-list-wrap .m-card .m-img img,
  .sale-list-wrap .m-card .m-img img,
  .building-list-wrap .m-card .m-img img,
  .gongwei-list-wrap .m-card .m-img img,
  .creative-list-wrap .m-card .m-img img,
  .oldhouse-list-wrap .m-card .m-img img,
  .list-page .m-card .m-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* 移动端卡片标题：统一字号 */
  .rent-list-wrap .m-card .m-title,
  .sale-list-wrap .m-card .m-title,
  .building-list-wrap .m-card .m-title,
  .gongwei-list-wrap .m-card .m-title,
  .creative-list-wrap .m-card .m-title,
  .oldhouse-list-wrap .m-card .m-title,
  .list-page .m-card .m-title,
  .m-list .m-card .m-title {
    font-size: clamp(14px, 4vw, 16px) !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--text-deep) !important;
  }

  /* 移动端楼盘名称行 */
  .rent-list-wrap .m-card .m-build, .m-card .m-info-line,
  .sale-list-wrap .m-card .m-build, .m-card .m-info-line,
  .building-list-wrap .m-card .m-build, .m-card .m-info-line,
  .gongwei-list-wrap .m-card .m-build, .m-card .m-info-line,
  .creative-list-wrap .m-card .m-build, .m-card .m-info-line,
  .oldhouse-list-wrap .m-card .m-build, .m-card .m-info-line,
  .list-page .m-card .m-build, .m-card .m-info-line,
  .m-list .m-card .m-build, .m-card .m-info-line {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    color: var(--text-muted) !important;
    line-height: 1.35 !important;
    margin-top: 4px !important;
  }

  /* 移动端地址行 */
  .rent-list-wrap .m-card .m-addr,
  .sale-list-wrap .m-card .m-addr,
  .building-list-wrap .m-card .m-addr,
  .gongwei-list-wrap .m-card .m-addr,
  .creative-list-wrap .m-card .m-addr,
  .oldhouse-list-wrap .m-card .m-addr,
  .list-page .m-card .m-addr,
  .m-list .m-card .m-addr {
    font-size: clamp(12px, 3.4vw, 13px) !important;
    color: var(--text-dark) !important;
    line-height: 1.4 !important;
  }

  /* 移动端标签：统一字号 */
  .rent-list-wrap .m-card .m-tags span,
  .sale-list-wrap .m-card .m-tags span,
  .building-list-wrap .m-card .m-tags span,
  .gongwei-list-wrap .m-card .m-tags span,
  .creative-list-wrap .m-card .m-tags span,
  .oldhouse-list-wrap .m-card .m-tags span,
  .list-page .m-card .m-tags span {
    font-size: clamp(11px, 3.1vw, 12px) !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
  }

  /* 移动端价格数字：统一红色和字号 */
  .rent-list-wrap .m-card .m-price .p-num,
  .sale-list-wrap .m-card .m-price .p-num,
  .building-list-wrap .m-card .m-price .p-num,
  .gongwei-list-wrap .m-card .m-price .p-num,
  .creative-list-wrap .m-card .m-price .p-num,
  .oldhouse-list-wrap .m-card .m-price .p-num,
  .list-page .m-card .m-price .p-num {
    font-size: clamp(16px, 4.8vw, 19px) !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
    font-family: "SF Pro Display", "DIN Alternate", "Helvetica Neue", Arial, sans-serif !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
  }

  /* 移动端价格单位 */
  .rent-list-wrap .m-card .m-price .p-unit,
  .sale-list-wrap .m-card .m-price .p-unit,
  .building-list-wrap .m-card .m-price .p-unit,
  .gongwei-list-wrap .m-card .m-price .p-unit,
  .creative-list-wrap .m-card .m-price .p-unit,
  .oldhouse-list-wrap .m-card .m-price .p-unit,
  .list-page .m-card .m-price .p-unit {
    font-size: clamp(10px, 2.8vw, 11px) !important;
    color: var(--text-placeholder) !important;
  }

  /* 移动端卡片信息区间距 */
  .rent-list-wrap .m-card .m-info,
  .sale-list-wrap .m-card .m-info,
  .building-list-wrap .m-card .m-info,
  .gongwei-list-wrap .m-card .m-info,
  .creative-list-wrap .m-card .m-info,
  .oldhouse-list-wrap .m-card .m-info {
    gap: 4px !important;
  }

  /* 移动端卡片价格区间距 — 价格数字与单位紧贴，仅保留纵向行距 */
  .rent-list-wrap .m-card .m-price,
  .sale-list-wrap .m-card .m-price,
  .building-list-wrap .m-card .m-price,
  .gongwei-list-wrap .m-card .m-price,
  .creative-list-wrap .m-card .m-price,
  .oldhouse-list-wrap .m-card .m-price {
    margin-top: 6px !important;
    gap: 4px 0 !important;
  }
  .rent-list-wrap .m-card .m-price .p-unit,
  .sale-list-wrap .m-card .m-price .p-unit,
  .building-list-wrap .m-card .m-price .p-unit,
  .gongwei-list-wrap .m-card .m-price .p-unit,
  .creative-list-wrap .m-card .m-price .p-unit,
  .oldhouse-list-wrap .m-card .m-price .p-unit {
    margin-left: 2px !important;
  }

  /* 移动端卡片标签间距 */
  .rent-list-wrap .m-card .m-tags,
  .sale-list-wrap .m-card .m-tags,
  .building-list-wrap .m-card .m-tags,
  .gongwei-list-wrap .m-card .m-tags,
  .creative-list-wrap .m-card .m-tags,
  .oldhouse-list-wrap .m-card .m-tags {
    gap: 5px !important;
    margin-top: 5px !important;
  }
}

/* ---------- 新闻列表页样式统一 ---------- */
@media (min-width: 768px) {
  .news-card {
    display: flex !important;
    gap: 22px !important;
    padding: 22px !important;
    background: var(--white) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    margin-bottom: 18px !important;
    border: 1px solid var(--border) !important;
    transition: box-shadow .2s !important;
  }

  .news-card:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
    transform: none !important;
  }

  .news-card::before {
    display: none !important;
  }

  .news-card .news-thumb {
    width: 220px !important;
    height: 165px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: var(--border-subtle) !important;
  }

  .news-card .news-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .news-card .news-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
  }

  .news-card .news-desc,
  .news-card .news-summary {
    font-size: 14px !important;
    color: var(--text-muted) !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
  }

  .news-card .news-meta {
    font-size: 12px !important;
    color: var(--text-placeholder) !important;
    margin-bottom: 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .news-card .news-read {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 10px !important;
    color: var(--brand-primary) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 767px) {
  .m-news-card {
    display: flex !important;
    background: var(--white) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    gap: 12px !important;
    box-shadow: 0 2px 8px rgba(16,24,40,.03) !important;
  }

  .m-news-card .m-news-img {
    width: 140px !important;
    height: 105px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: var(--border-subtle) !important;
  }

  .m-news-card .m-news-title {
    font-size: clamp(14px, 4vw, 16px) !important;
    font-weight: 600 !important;
    color: var(--text-deep) !important;
    line-height: 1.35 !important;
  }

  .m-news-card .m-news-meta {
    font-size: clamp(11px, 3.1vw, 12px) !important;
    color: var(--text-placeholder) !important;
  }

  .m-news-card .m-news-cat {
    font-size: clamp(10px, 2.8vw, 11px) !important;
    padding: 2px 8px !important;
    background: var(--brand-primary-bg) !important;
    color: var(--brand-primary) !important;
    border-radius: 4px !important;
  }
}

/* ---------- 列表页区块标题统一（与首页一致） ---------- */
@media (min-width: 768px) {
  .list-page .section-title,
  .list-page .cont-title h2,
  .rent-list-wrap .section-head,
  .sale-list-wrap .section-head,
  .building-list-wrap .section-head,
  .gongwei-list-wrap .section-head,
  .creative-list-wrap .section-head,
  .oldhouse-list-wrap .section-head {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--text-deep-2) !important;
  }
}

@media (max-width: 767px) {
  .list-page .section-title,
  .list-page .cont-title h2,
  .rent-list-wrap .section-head,
  .sale-list-wrap .section-head,
  .building-list-wrap .section-head,
  .gongwei-list-wrap .section-head,
  .creative-list-wrap .section-head,
  .oldhouse-list-wrap .section-head {
    font-size: clamp(16px, 4.8vw, 18px) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--text-deep-2) !important;
  }
}

/* === 详情页字体与颜色统一（与首页一致，对齐点点租） === */
@media (min-width: 768px) {
  .title-card h1,
  .detail-wrap h1,
  .property-detail h1 {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--tu-text-t1) !important;
    letter-spacing: 0.005em !important;
  }

  .sec-title,
  .section-title,
  .block-title,
  .detail-wrap h2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--text-deep-2) !important;
  }

  .info-building-name,
  .building-summary-name {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--text-deep-2) !important;
  }

  .right-card-head,
  .property-service-title,
  .property-service-card h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--text-deep-2) !important;
  }

  .tab-nav li,
  .tab-nav a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--text-dark) !important;
  }

  .tab-nav li.active,
  .tab-nav a.active {
    color: var(--brand-primary) !important;
  }

  .info-table .lbl,
  .base-info-table .lbl,
  .building-params-table .lbl,
  .info-table .val,
  .base-info-table .val,
  .building-params-table .val {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .info-table .lbl,
  .base-info-table .lbl,
  .building-params-table .lbl,
  .building-summary-label {
    color: var(--text-muted) !important;
    font-weight: 400 !important;
  }

  .info-table .val,
  .base-info-table .val,
  .building-params-table .val {
    color: var(--text-dark) !important;
  }

  .price-red,
  .info-table .price-red,
  .detail-price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
    font-family: var(--tu-font-num) !important;
  }

  .total-rent,
  .info-table .total-rent {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-dark) !important;
  }

  .desc-box,
  .building-summary-intro,
  .property-service-body p,
  .detail-wrap .content,
  .traffic-row,
  .nearby-panel,
  .faq-list {
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: var(--text-dark) !important;
  }

  .desc-box strong,
  .building-summary-intro strong {
    color: var(--text-deep-2) !important;
    font-weight: 600 !important;
  }

  .title-meta,
  .crumbs,
  .crumbs a,
  .property-contact-tip,
  .building-summary-sub {
    font-size: 12px !important;
    color: var(--text-soft)888 !important;
  }

  .crumbs a:hover {
    color: var(--brand-primary) !important;
  }

  .property-consult-btn,
  .property-service-btn {
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  .property-phone-display {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
    font-family: var(--tu-font-num) !important;
  }

  .rhi-name,
  .guess-card-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: var(--text-dark) !important;
  }

  .rhi-area,
  .rhi-price,
  .guess-card-area,
  .guess-card-price {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--text-muted) !important;
  }

  /* === PC端评价区域专属颜色（与移动端一致） === */
  .review-stats,
  .review-list,
  .review-form-wrap {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #2d3748 !important;
  }

  .review-avg-score {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
    font-family: var(--tu-font-num) !important;
    line-height: 1.2 !important;
  }

  .review-avg-label {
    font-size: 13px !important;
    color: #718096 !important;
    line-height: 1.4 !important;
  }

  .review-stars .star {
    font-size: 14px !important;
    color: #e2e8f0 !important;
  }

  .review-stars .star.filled {
    color: var(--status-warning) !important;
  }

  .bar-label {
    font-size: 13px !important;
    color: #718096 !important;
  }

  .bar-count {
    font-size: 13px !important;
    color: #a0aec0 !important;
    font-family: var(--tu-font-num) !important;
  }

  .bar-track {
    background: var(--border-soft) !important;
  }

  .bar-fill {
    background: linear-gradient(90deg, var(--status-warning), var(--price-orange)) !important;
  }

  .review-item {
    border-color: #e2e8f0 !important;
  }

  .review-author,
  .review-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
  }

  .review-date {
    font-size: 13px !important;
    color: #a0aec0 !important;
    line-height: 1.4 !important;
  }

  .review-item-rating .star {
    font-size: 13px !important;
    color: #e2e8f0 !important;
  }

  .review-item-rating .star.filled {
    color: var(--status-warning) !important;
  }

  .rating-text {
    font-size: 13px !important;
    color: #718096 !important;
  }

  .review-item-content {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #4a5568 !important;
  }

  .review-pros-cons .pros,
  .review-pros-cons .cons {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .review-pros-cons .pros strong {
    color: #38a169 !important;
  }

  .review-pros-cons .cons strong {
    color: #e53e3e !important;
  }

  .review-pros-cons .pros {
    color: #2f855a !important;
  }

  .review-pros-cons .cons {
    color: #c53030 !important;
  }

  .review-empty {
    font-size: 14px !important;
    color: #a0aec0 !important;
    text-align: center !important;
  }

  .review-form-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
  }

  .review-input,
  .review-textarea {
    font-size: 14px !important;
    color: #2d3748 !important;
    background: var(--bg-gray-light) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
  }

  .review-input::placeholder,
  .review-textarea::placeholder {
    color: #a0aec0 !important;
  }

  .review-input:focus,
  .review-textarea:focus {
    border-color: var(--brand-link) !important;
    background: var(--white) !important;
    outline: none !important;
  }

  .review-submit-btn {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--white) !important;
    background: var(--brand-link) !important;
    border-radius: 6px !important;
    border: none !important;
  }

  .review-submit-btn:hover {
    background: #3182ce !important;
  }

  .star-pick .s {
    font-size: 24px !important;
    color: var(--text-disabled) !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: color .15s !important;
  }

  .star-pick .s.filled,
  .star-pick .s.on,
  .star-pick .s.hv {
    color: var(--status-warning) !important;
  }

  .star-text {
    font-size: 13px !important;
    color: #718096 !important;
  }
}

/* === 详情页小屏PC（768-1279px）响应式适配 === */
@media (min-width: 768px) and (max-width: 1279px) {
  /* 双栏布局：768-1023px 单栏，1024-1279px 双栏比例调整 */
  .detail-wrap {
    gap: 14px !important;
  }
  @media (min-width: 1024px) {
    .detail-wrap {
      grid-template-columns: minmax(0, 60%) minmax(0, 40%) !important;
    }
  }
  /* 详情主图高度适配 */
  .detail-main-img,
  .detail-gallery-main,
  .building-main-img,
  .property-main-img {
    height: clamp(240px, 28vw, 380px) !important;
  }
  /* 相似房源卡片：小屏PC图片与间距收紧 */
  .right-hot-item {
    padding: 8px 10px !important;
    gap: 8px !important;
  }
  .rhi-img {
    width: 64px !important;
    height: 48px !important;
    border-radius: 6px !important;
  }
  /* 服务卡片内边距收紧 */
  .property-service-card {
    margin-bottom: 12px !important;
  }
  .property-service-title {
    padding: 12px 14px !important;
  }
  .property-service-body {
    padding: 12px 14px !important;
  }
  /* 电话号码字号适配，避免溢出 */
  .property-phone-display {
    font-size: 16px !important;
  }
  /* 专属顾问头像缩小 */
  .property-service-body > div:first-child {
    width: 48px !important;
    height: 48px !important;
    font-size: 18px !important;
  }
  /* 标题与section标题小幅缩 */
  .title-card h1,
  .detail-wrap h1 {
    font-size: 18px !important;
  }
  .sec-title,
  .section-title,
  .detail-wrap h2 {
    font-size: 16px !important;
  }
  .info-building-name,
  .building-summary-name {
    font-size: 15px !important;
  }
  /* 概况字段表格紧凑 */
  .info-table .lbl,
  .base-info-table .lbl,
  .building-params-table .lbl,
  .info-table .val,
  .base-info-table .val,
  .building-params-table .val {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}

/* === 详情页中等PC（1280-1439px）微调 === */
@media (min-width: 1280px) and (max-width: 1439px) {
  .detail-wrap {
    gap: 18px !important;
  }
  .detail-main-img,
  .detail-gallery-main,
  .building-main-img,
  .property-main-img {
    height: clamp(280px, 30vw, 420px) !important;
  }
  .rhi-img {
    width: 72px !important;
    height: 54px !important;
  }
}

/* === 移动端详情页字体与颜色统一（与首页一致） === */
@media (max-width: 767px) {
  .title-card h1,
  .detail-wrap h1,
  .property-detail h1,
  .m-detail-title {
    font-size: clamp(17px, 4.8vw, 20px) !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--text-deep-2) !important;
    letter-spacing: -0.005em !important;
  }

  .sec-title,
  .section-title,
  .block-title,
  .detail-wrap h2,
  .m-sec-title {
    font-size: clamp(15px, 4.2vw, 17px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--text-deep-2) !important;
  }

  .info-building-name,
  .building-summary-name,
  .m-building-name {
    font-size: clamp(15px, 4.2vw, 17px) !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--text-deep-2) !important;
  }

  .right-card-head,
  .property-service-title,
  .property-service-card h3 {
    font-size: clamp(14px, 3.8vw, 16px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--text-deep-2) !important;
  }

  .tab-nav li,
  .tab-nav a,
  .m-tab-nav li,
  .m-tab-nav a {
    font-size: clamp(13px, 3.6vw, 15px) !important;
    font-weight: 600 !important;
    color: var(--text-dark) !important;
  }

  .tab-nav li.active,
  .tab-nav a.active,
  .m-tab-nav li.active,
  .m-tab-nav a.active {
    color: var(--brand-primary) !important;
  }

  .info-table .lbl,
  .base-info-table .lbl,
  .building-params-table .lbl,
  .m-info-label,
  .info-table .val,
  .base-info-table .val,
  .building-params-table .val,
  .m-info-value {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .info-table .lbl,
  .base-info-table .lbl,
  .building-params-table .lbl,
  .building-summary-label,
  .m-info-label {
    color: var(--text-muted) !important;
    font-weight: 400 !important;
  }

  .info-table .val,
  .base-info-table .val,
  .building-params-table .val,
  .m-info-value {
    color: var(--text-dark) !important;
  }

  .price-red,
  .info-table .price-red,
  .detail-price,
  .m-detail-price {
    font-size: clamp(20px, 6vw, 26px) !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
    font-family: var(--tu-font-num) !important;
  }

  .total-rent,
  .info-table .total-rent,
  .m-total-rent {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-dark) !important;
  }

  .desc-box,
  .building-summary-intro,
  .property-service-body p,
  .detail-wrap .content,
  .traffic-row,
  .nearby-panel,
  .faq-list,
  .m-desc-box {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--text-dark) !important;
  }

  .desc-box strong,
  .building-summary-intro strong,
  .m-desc-box strong {
    color: var(--text-deep-2) !important;
    font-weight: 600 !important;
  }

  .title-meta,
  .crumbs,
  .crumbs a,
  .property-contact-tip,
  .building-summary-sub,
  .m-meta,
  .m-sub-text {
    font-size: 12px !important;
    color: var(--text-soft)888 !important;
  }

  .crumbs a:hover {
    color: var(--brand-primary) !important;
  }

  .property-consult-btn,
  .property-service-btn,
  .m-consult-btn {
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  .property-phone-display,
  .m-phone-display {
    font-size: clamp(17px, 4.8vw, 20px) !important;
    font-weight: 600 !important;
    color: var(--brand-primary) !important;
    font-family: var(--tu-font-num) !important;
  }

  .rhi-name,
  .guess-card-name,
  .m-guess-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--text-dark) !important;
  }

  .rhi-area,
  .rhi-price,
  .guess-card-area,
  .guess-card-price,
  .m-guess-area,
  .m-guess-price {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: var(--text-muted) !important;
  }

  .m-card .m-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--text-deep-2) !important;
  }

  .m-card .m-addr {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: var(--text-muted) !important;
  }

  .m-card .m-price .p-num {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
    font-family: var(--tu-font-num) !important;
  }

  .m-card .m-price .p-unit {
    font-size: 12px !important;
    color: var(--text-muted) !important;
  }

  .m-card .m-tags span {
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  /* === coworking 移动端标签颜色 === */
  .m-card .m-tags .tag-coworking-brand {
    background: #fef3ec !important;
    color: var(--price-orange) !important;
  }
  .m-card .m-tags .tag-coworking-info {
    background: var(--brand-primary-bg) !important;
    color: var(--brand-primary) !important;
  }

  /* === 移动端评价区域专属颜色 === */
  .review-stats,
  .review-list,
  .review-form-wrap {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #2d3748 !important;
  }

  .review-avg-score {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: var(--price-red) !important;
    font-family: var(--tu-font-num) !important;
    line-height: 1.2 !important;
  }

  .review-avg-label {
    font-size: 12px !important;
    color: #718096 !important;
    line-height: 1.4 !important;
  }

  .review-stars .star {
    font-size: 13px !important;
    color: #e2e8f0 !important;
  }

  .review-stars .star.filled {
    color: var(--status-warning) !important;
  }

  .bar-label {
    font-size: 12px !important;
    color: #718096 !important;
  }

  .bar-count {
    font-size: 12px !important;
    color: #a0aec0 !important;
    font-family: var(--tu-font-num) !important;
  }

  .bar-track {
    background: var(--border-soft) !important;
  }

  .bar-fill {
    background: linear-gradient(90deg, var(--status-warning), var(--price-orange)) !important;
  }

  .review-item {
    border-color: #e2e8f0 !important;
  }

  .review-author,
  .review-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
  }

  .review-date {
    font-size: 12px !important;
    color: #a0aec0 !important;
    line-height: 1.4 !important;
  }

  .review-item-rating .star {
    font-size: 12px !important;
    color: #e2e8f0 !important;
  }

  .review-item-rating .star.filled {
    color: var(--status-warning) !important;
  }

  .rating-text {
    font-size: 12px !important;
    color: #718096 !important;
  }

  .review-item-content {
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #4a5568 !important;
  }

  .review-pros-cons .pros,
  .review-pros-cons .cons {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .review-pros-cons .pros strong {
    color: #38a169 !important;
  }

  .review-pros-cons .cons strong {
    color: #e53e3e !important;
  }

  .review-pros-cons .pros {
    color: #2f855a !important;
  }

  .review-pros-cons .cons {
    color: #c53030 !important;
  }

  .review-empty {
    font-size: 13px !important;
    color: #a0aec0 !important;
    text-align: center !important;
  }

  .review-form-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
  }

  .review-input,
  .review-textarea {
    font-size: 14px !important;
    color: #2d3748 !important;
    background: var(--bg-gray-light) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
  }

  .review-input::placeholder,
  .review-textarea::placeholder {
    color: #a0aec0 !important;
  }

  .review-input:focus,
  .review-textarea:focus {
    border-color: var(--brand-link) !important;
    background: var(--white) !important;
    outline: none !important;
  }

  .review-submit-btn {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--white) !important;
    background: var(--brand-link) !important;
    border-radius: 6px !important;
  }

  .review-submit-btn:active {
    background: #3182ce !important;
  }

  .star-pick .s {
    font-size: 22px !important;
    color: var(--text-disabled) !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: color .15s !important;
  }

  .star-pick .s.filled,
  .star-pick .s.on,
  .star-pick .s.hv {
    color: var(--status-warning) !important;
  }

  .star-text {
    font-size: 13px !important;
    color: #718096 !important;
  }
}
/* ===== 深色统计卡片文字强制白色（最高优先级，最后加载覆盖全局 div 灰色）===== */
.m-stats-card,
.m-stats-section .m-stats-card {
  color: var(--white) !important;
}
.m-stats-section .m-stats-title,
.m-stats-card .m-stats-title {
  color: var(--white) !important;
  font-weight: 700 !important;
}
.m-stats-section .m-stats-big,
.m-stats-card .m-stats-big {
  color: var(--white) !important;
  font-weight: 800 !important;
}
.m-stats-section .m-stats-big small,
.m-stats-card .m-stats-big small {
  color: var(--white) !important;
  font-weight: 700 !important;
}
.m-stats-section .m-stats-sub,
.m-stats-card .m-stats-sub {
  color: rgba(255,255,255,.9) !important;
  font-weight: 600 !important;
}

/* PC端把深蓝渐变卡片改为白底深字，彻底避免深色背景+白色文字看不清 */
@media (min-width: 768px) {
  .m-stats-card {
    background: var(--white) !important;
    color: var(--text-dark) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
    border: 1px solid var(--border) !important;
  }
  .m-stats-section .m-stats-title,
  .m-stats-card .m-stats-title,
  .m-stats-section .m-stats-big,
  .m-stats-card .m-stats-big,
  .m-stats-section .m-stats-big small,
  .m-stats-card .m-stats-big small,
  .m-stats-section .m-stats-sub,
  .m-stats-card .m-stats-sub {
    color: var(--text-dark) !important;
    text-shadow: none !important;
  }
  .m-stats-divider {
    background: var(--border) !important;
  }

  /* PC端楼盘统计栏：深色底 + 白色文字 */
  .m-building-stats-bar {
    background: linear-gradient(135deg,#3a4d61 0%,#4d6074 100%) !important;
    color: var(--white) !important;
    box-shadow: 0 4px 14px rgba(58,77,97,.28) !important;
    border: none !important;
  }
  .m-building-stats-bar .m-bs-title,
  .m-building-stats-bar .m-bs-big,
  .m-building-stats-bar .m-bs-big small,
  .m-building-stats-bar .m-bs-sub {
    color: var(--white) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.25) !important;
  }
  .m-building-stats-bar .m-bs-divider {
    background: rgba(255,255,255,.28) !important;
  }
}

/* ===== PC 端房源卡片内可点击链接 hover 变蓝色 ===== */
.pc-rent-card a:not(.pc-rent-link):hover,
.pc-sale-card a:not(.pc-sale-link):hover,
.pc-building-card a:not(.pc-building-link):hover,
.pc-gongwei-card a:not(.pc-gongwei-link):hover,
.pc-creative-card a:not(.pc-creative-link):hover,
.pc-oldhouse-card a:not(.pc-oldhouse-link):hover {
  color: #096dd9 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
}

/* ===== PC 端顶部导航：黑字 + hover蓝字 + 白底无边框 ===== */
body .header,
body .pc-header,
body .bb-header,
body .h_header_new,
body .h_header_container,
body .desktop-nav-wrap,
body .top {
  background: var(--white) !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

body .header.scrolled,
body .pc-header.scrolled {
  box-shadow: none !important;
}

body .header .desktop-nav a,
body .pc-header .pc-nav a,
body .bb-header .bb-nav a,
body .header .nav a,
body .header a,
body .header span,
body .header .nav-right a,
body .header .logo-text,
body .header .logo-link,
body .pc-header a,
body .pc-header span,
body .bb-header a,
body .bb-header span,
body .h_header_new a,
body .h_header_new span,
body .nav-right a,
body .nav-right span,
body .main-nav a,
body .main-nav span {
  color: var(--black) !important;
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
}

body .header .desktop-nav a:hover,
body .pc-header .pc-nav a:hover,
body .bb-header .bb-nav a:hover,
body .header .nav a:hover,
body .main-nav a:hover,
body .desktop-nav a.cur,
body .pc-nav a.active,
body .bb-nav a.active,
body .header a:hover,
body .nav-right a:hover {
  color: var(--brand-primary) !important;
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
}

@media (min-width: 768px) {
  body .header,
  body .pc-header,
  body .bb-header,
  body .h_header_new,
  body .h_header_container,
  body .desktop-nav-wrap {
    background: var(--white) !important;
    box-shadow: none !important;
    border-bottom: none !important;
  }

  body .header span {
    color: var(--black) !important;
  }
}

/* ===== 去掉导航区域内所有横线竖线（最高优先级） ===== */

/* 导航项之间的竖线分隔符 */
body .desktop-nav a:not(:last-child),
body .pc-nav a:not(:last-child),
body .nav a:not(:last-child),
body .bb-nav a:not(:last-child),
body .h_new_links li:not(:last-child) a,
body .main-nav a:not(:last-child) {
  border-right: none !important;
  border-left: none !important;
}

/* 面包屑区域的底部横线 */
body .breadcrumb-row,
body .pc-breadcrumb,
body .breadcrumb-inner {
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* 登录按钮的边框 — 仅去掉边框线，保留背景色 */
body .header .login-link,
body .pc-header .login-link,
body .bb-header .login-link {
  border: none !important;
}

/* ===== PC 端电话号码红色 + 登录按钮统一大小 ===== */
body .header .pc-phone,
body .pc-header .pc-phone,
body .bb-header .pc-phone {
  color: var(--price-red) !important;
}

body .header .pc-phone span,
body .pc-header .pc-phone span,
body .bb-header .pc-phone span {
  color: var(--price-red) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body .header .pc-phone svg,
body .pc-header .pc-phone svg,
body .bb-header .pc-phone svg {
  fill: var(--price-red) !important;
}

/* 登录/注册按钮统一大小 */
body .header .login-link,
body .header .login-link.logged-in,
body .pc-header .login-link,
body .bb-header .login-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 6px 14px !important;
  border-radius: 16px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  color: var(--brand-primary) !important;
  border: none !important;
  background: transparent !important;
}

body .header .login-link svg,
body .header .login-link.logged-in svg,
body .pc-header .login-link svg,
body .bb-header .login-link svg {
  width: 14px !important;
  height: 14px !important;
  fill: var(--brand-primary) !important;
}

/* ===============================================
 * 全站 PC 卡片内部元素统一规范（覆盖内联 style）
 * 适用所有列表页：rent / buildings / creative / sale / coworking / oldhouse
 * 优先级：用 !important 强制覆盖 card_helper.php 内联样式
 * =============================================== */

/* --- 卡片外层 --- */
.pc-rent-card,
.pc-building-card,
.pc-sale-card,
.pc-gongwei-card,
.pc-oldhouse-card {
  background: var(--white) !important;
  border-radius: 6px !important;
  margin-bottom: 15px !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
  padding: 2px 4px !important;
}

.pc-rent-link,
.pc-building-link,
.pc-sale-link,
.pc-gongwei-link,
.pc-oldhouse-link {
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
}

/* --- 卡片表格 --- */
.pc-rent-table,
.pc-building-table,
.pc-sale-table,
.pc-gongwei-table,
.pc-oldhouse-table {
  border-collapse: collapse !important;
  table-layout: fixed !important;
  width: 100% !important;
}

/* --- 图片单元格：左侧 --- */
.pc-rent-img-cell,
.pc-building-img-cell,
.pc-sale-img-cell,
.pc-gongwei-img-cell {
  vertical-align: top !important;
  background: transparent !important;
  position: relative !important;
  padding: 8px 0 !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.pc-oldhouse-card td:first-child {
  vertical-align: top !important;
  background: transparent !important;
  position: relative !important;
  padding: 8px 0 !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.pc-rent-img,
.pc-building-img,
.pc-sale-img,
.pc-gongwei-img,
.pc-oldhouse-card img {
  height: 165px !important;
  width: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 6px !important;
  margin: 0 !important;
}

/* --- 信息单元格：中间 --- */
.pc-rent-info-cell,
.pc-building-info-cell,
.pc-sale-info-cell,
.pc-gongwei-info-cell {
  vertical-align: top !important;
  padding: 8px 4px 8px 12px !important;
  border-left: none !important;
}

.pc-oldhouse-card td:nth-child(2) {
  vertical-align: top !important;
  padding: 8px 4px 8px 12px !important;
  border-left: none !important;
}

/* --- 标题统一：14px/600 --- */
.pc-rent-title,
.pc-building-title,
.pc-sale-title,
.pc-gongwei-title,
.pc-oldhouse-card div:first-child {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--text-deep) !important;
  line-height: 1.35 !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.1px !important;
}

/* --- 区域/商圈/地铁/标签：全部 14px --- */
.pc-rent-building,
.pc-building-building,
.pc-sale-building,
.pc-gongwei-brand,
.pc-gongwei-building,
.pc-oldhouse-card > td:nth-child(2) > div:nth-child(2),
.pc-oldhouse-card > td:nth-child(2) > div:nth-child(3) {
  font-size: 14px !important;
  color: var(--text-placeholder) !important;
  line-height: 1.5 !important;
  margin-bottom: 6px !important;
}

.pc-rent-location,
.pc-building-location,
.pc-sale-location,
.pc-gongwei-location {
  font-size: 14px !important;
  color: var(--text-soft) !important;
  line-height: 1.5 !important;
  margin-bottom: 6px !important;
}

/* --- 标签行 --- */
.pc-rent-tags span,
.pc-building-tags span,
.pc-building-tags a,
.pc-sale-tags span,
.pc-gongwei-tags span,
.pc-oldhouse-card td:nth-child(2) div:nth-child(4) span {
  font-size: 14px !important;
  display: inline-block !important;
  padding: 2px 8px !important;
  background: var(--bg-gray) !important;
  color: var(--text-sub) !important;
  border-radius: 2px !important;
  margin-right: 5px !important;
  margin-bottom: 3px !important;
}

.pc-rent-tags a,
.pc-building-tags a {
  text-decoration: none !important;
}

/* --- 样本房源链接（面积按钮）---
   已收敛为公共组件 renderCardAreaLinks() 输出的 .pc-card-area-link / .pc-card-more-link，
   样式单源在 assets/css/components/pc-card.css，此处不再按卡片类型重复定义。 */

/* --- 价格单元格：右侧 --- */
.pc-rent-price-cell,
.pc-building-price-cell,
.pc-sale-price-cell,
.pc-gongwei-price-cell {
  vertical-align: top !important;
  text-align: right !important;
  padding: 4px 8px 4px 14px !important;
  border-left: 1px solid var(--border-light) !important;
}

.pc-oldhouse-card td:nth-child(3) {
  vertical-align: top !important;
  text-align: right !important;
  padding: 4px 8px 4px 14px !important;
  border-left: 1px solid var(--border-light) !important;
}

/* --- 价格数字 --- */
.pc-rent-price-num,
.pc-building-price-num,
.pc-sale-price-num,
.pc-gongwei-price-num,
.pc-oldhouse-price-num {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--price-red) !important;
  line-height: 1 !important;
}

.pc-rent-price-unit,
.pc-building-price-unit,
.pc-sale-price-unit,
.pc-gongwei-price-unit,
.pc-oldhouse-card td:nth-child(3) span:not([style*="免中介费"]):not([style*="var(--text-light)"]):not([style*="var(--text-muted)"]) {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--price-red) !important;
  white-space: nowrap !important;
  margin-left: 2px !important;
}

/* --- 价格下方的辅助行（面积范围）--- */
.pc-rent-price-cell div[style*="font-size:12px"],
.pc-building-price-cell div[style*="font-size:12px"],
.pc-sale-price-cell div[style*="font-size:12px"],
.pc-gongwei-price-cell div[style*="font-size:12px"],
.pc-oldhouse-card td:nth-child(3) div[style*="font-size:12px"] {
  font-size: 12px !important;
  color: var(--text-muted) !important;
}

/* --- 更新时间 + 关注数 --- */
.pc-rent-update,
.pc-building-update,
.pc-sale-update,
.pc-gongwei-update,
.pc-oldhouse-update,
.pc-rent-follow,
.pc-building-follow,
.pc-sale-follow,
.pc-gongwei-follow,
.pc-oldhouse-follow {
  font-size: 12px !important;
  color: var(--text-light) !important;
  text-align: right !important;
  white-space: normal !important;
}

/* --- "免中介费" 标签 --- */
.pc-rent-price-cell span[style*="免中介费"],
.pc-oldhouse-card td:nth-child(3) span[style*="免中介费"] {
  display: inline-block !important;
  padding: 2px 8px !important;
  background: var(--white)0ed !important;
  color: var(--price-red) !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
  border: 1px solid #ffd4cc !important;
  font-size: 12px !important;
}

/* --- 分页器统一 --- */
.pc-page {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 20px !important;
}

.pc-page a,
.pc-page span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: var(--text-2) !important;
  background: var(--white) !important;
  border: 1px solid var(--border-soft) !important;
  text-decoration: none !important;
}

.pc-page a:hover {
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
}

.pc-page a.active {
  background: var(--brand-primary) !important;
  color: var(--white) !important;
  border-color: var(--brand-primary) !important;
}

.pc-page .dots {
  border: none !important;
  background: transparent !important;
}

/* --- 空列表提示 --- */
.pc-empty-hint,
.pc-filter-result .empty-hint {
  text-align: center !important;
  padding: 80px 20px !important;
  color: var(--text-placeholder) !important;
  background: var(--white) !important;
  border-radius: 8px !important;
}

.pc-empty-hint div:first-child,
.empty-hint .icon {
  font-size: 60px !important;
  margin-bottom: 20px !important;
  opacity: 0.3 !important;
}

.pc-empty-hint p,
.empty-hint p {
  font-size: 16px !important;
}

/* --- 列表页 PC 主容器宽度 --- */
@media (min-width: 768px) {
  .pc-wrap,
  .pc-container,
  [class*="-page"] .pc-only {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
  }
}

/* --- 卡片 hover 效果 --- */
.pc-rent-card:hover,
.pc-building-card:hover,
.pc-sale-card:hover,
.pc-gongwei-card:hover,
.pc-oldhouse-card:hover {
  box-shadow: 0 2px 12px rgba(0, 160, 233, 0.12) !important;
  border-color: var(--brand-primary) !important;
}

.pc-rent-card:hover .pc-rent-img,
.pc-building-card:hover .pc-building-img,
.pc-sale-card:hover .pc-sale-img,
.pc-gongwei-card:hover .pc-gongwei-img {
  opacity: 0.92 !important;
  transition: opacity 0.2s ease !important;
}

/* ===== PC / 移动端互斥显示（最高优先级，!important）===== */

/* PC端（>= 768px）：隐藏所有 .mobile-only */
@media (min-width: 768px) {
  .mobile-only,
  [class*="__mobile"],
  body:not(.mobile-view) .m-header,
  body:not(.mobile-view) .m-filter-bar,
  body:not(.mobile-view) .quick-tags {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
  }
  .pc-only,
  [class*="__pc"] {
    display: block !important;
    visibility: visible !important;
  }
}

/* 移动端（<= 767px）：隐藏所有 .pc-only */
@media (max-width: 767px) {
  .pc-only,
  [class*="__pc"],
  body:not(.pc-view) .pc-topbar,
  body:not(.pc-view) .pc-header,
  body:not(.pc-view) .pc-breadcrumb,
  body:not(.pc-view) .pc-filter-wrap,
  body:not(.pc-view) .pc-wrap,
  body:not(.pc-view) .pc-sortbar,
  body:not(.pc-view) .pc-page {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
  }
  .mobile-only,
  [class*="__mobile"] {
    display: block !important;
    visibility: visible !important;
  }
}

/* 平板（768-1023px）：PC 布局但窄栏 */
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --container-max: 100%;
  }
  .pc-wrap {
    padding: 0 12px !important;
    gap: 12px !important;
  }
  .pc-card .pc-img,
  .pc-rent-img-cell,
  .pc-building-img-cell,
  .pc-sale-img-cell {
    width: 160px !important;
    min-width: 160px !important;
    height: 120px !important;
  }
  .pc-card .pc-img img {
    width: 160px !important;
    height: 120px !important;
  }
}

/* 大屏（>= 1920px）：容器更宽 */
@media (min-width: 1920px) {
  :root {
    --container-max: 1400px;
  }
}

/* ===== 全局流式字体（clamp）===== */
html {
  font-size: clamp(14px, 1vw + 12px, 16px);
}

/* ===== 全局 box-sizing + 渲染优化 ===== */
*,
*::before,
*::after {
  box-sizing: border-box !important;
}

html, body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  -webkit-text-size-adjust: 100% !important;
}

/* ===== 滚动条统一 ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bg-gray);
}
::-webkit-scrollbar-thumb {
  background: #d0d0d0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b0b0b0;
}

/* ===== 图片加载占位 ===== */
img {
  background: linear-gradient(90deg, var(--border-light) 25%, var(--border) 50%, var(--border-light) 75%);
  background-size: 200% 100%;
  animation: img-shimmer 1.5s infinite;
}
img[loaded] {
  animation: none;
  background: transparent;
}
@keyframes img-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}