/**
 * theme-overrides.css — 全站配色与字体方案（对齐点点租 diandianzu.com）
 * 字体：PingFang SC + Helvetica Neue + Microsoft YaHei
 * 字号：12px 基准 / 14px 正文 / 20px 大标题
 * 引入位置：在所有页面 CSS 最后加载（footer），确保最高优先级
 * 更新：2026-07-28
 */

/* ===== 设计令牌（对齐点点租 typography）===== */
:root {
  /* 主色与点缀色 */
  --to-primary: #17A1E6;       /* 点点租链接蓝 */
  --to-primary-dark: #1289BF;  /* 按下态 */
  --to-accent: #CC2929;        /* 价格红（点点租标准）*/
  --to-accent-light: #E03333;  /* 价格 hover 提亮 */

  /* 文字四阶灰（对齐点点租）*/
  --to-text-1: #353535;        /* 一级 标题深灰 */
  --to-text-2: #555555;        /* 二级 正文（点点租 body 色）*/
  --to-text-3: #696B70;        /* 三级 中灰 备注 */
  --to-text-4: #B2B2B2;        /* 四级 浅灰 */

  /* 状态功能色 */
  --to-success: #52C41A;       /* 在售/可租 */
  --to-warning: #FA8C16;       /* 特价急售 */
  --to-error: #CC2929;         /* 租罄/错误（与价格红一致）*/

  /* 背景色 */
  --to-bg-page: #FFFFFF;       /* 页面底色 纯白 */
  --to-bg-section: #F5F5F5;    /* 板块分区底色 淡灰 */
  --to-bg-hover: #EBF5FB;      /* 卡片悬浮底色 淡蓝 */
  --to-bg-footer: #2A2A2A;     /* 页脚深色底 */

  /* 边框/分割线 */
  --to-border-card: #E8E8E8;   /* 卡片边框 */
  --to-border-line: #DDDDDD;   /* 分割细线 */

  /* 标签专用色 */
  --to-tag-green: #52C41A;     /* 现房/直租 */
  --to-tag-blue: #17A1E6;      /* 科创/地铁 */
  --to-tag-muted: #B2B2B2;     /* 失效/面议 */

  /* 字号（对齐点点租：12px 基准 / 14px 正文 / 20px 大标题）*/
  --to-fz-banner: 28px;        /* Banner主标题 */
  --to-fz-phone: 22px;         /* 手机号（放大提升辨识度）*/
  --to-fz-price: 14px;         /* 租金/售价（点点租 14px，不突出）*/
  --to-fz-h1: 20px;            /* 大标题（点点租 h1=20px/500）*/
  --to-fz-h2: 16px;            /* 板块标题（点点租 16px/500）*/
  --to-fz-sub: 14px;           /* 小标题/卡片标题（点点租 h3=14px/600）*/
  --to-fz-body: 13px;          /* 正文（对齐点点租 12-13px 紧凑）*/
  --to-fz-nav: 15px;           /* 导航链接（对齐首页 home.css 15px/600/#333）*/
  --to-fz-tag: 12px;           /* 标签文字（点点租 12px）*/
  --to-fz-foot: 12px;          /* 页脚/友链（点点租 12-13px）*/
  --to-fz-mini: 11px;          /* 极小字（备案等）*/

  /* 字体族（对齐点点租：PingFang SC 优先）*/
  --to-font-cn: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, 黑体, Arial, sans-serif;
  --to-font-num: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
  --to-font-all: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, 黑体, Arial, sans-serif;
}

/* ===== 全局隐藏 logo 站点文字，只保留图标，防止点击/加载时闪现 ===== */
.logo-text,
.mobile-logo-text,
.pc-logo-text,
.bb-logo span,
.h_header_new .logo-text,
.header .logo-link span:not(.logo-icon),
.pc-header .pc-logo span:not(.logo-icon),
.header a[href="/"] > span:not(.logo-icon):not(img),
.pc-header a[href="/"] > span:not(.logo-icon):not(img) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  transition: none !important;
  animation: none !important;
}

/* 固定滚动条占位，避免不同页面因滚动条出现/消失导致 header 左右偏移 */
html {
  scrollbar-gutter: stable !important;
}

/* ===== 一、全站字体统一 ===== */
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, .bot-footer,
.container, .wrap, .wrap-box, .header, .nav, .desktop-nav,
.pc-header, .pc-topbar, .pc-filter-wrap, .pc-wrap, .pc-sortbar {
  font-family: var(--to-font-all) !important;
  letter-spacing: 0.005em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* 数字与英文使用 Inter */
.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,
.phone-display, .pc-phone, .desktop-phone, .bb-phone, .bot-tel,
.footer-phone strong, .m-stat-num,
.review-avg-score, .review-score-num,
.info-table td.val.price-red {
  font-family: var(--to-font-num) !important;
}

/* ===== 字号统一 ===== */
/* 页面大标题 20px/500（对齐点点租）*/
h1, .title-card h1, .hero-title, .page-title {
  font-size: var(--to-fz-h1) !important;
  font-weight: 500 !important;
}

/* 板块标题 20px/500（对齐点点租）*/
h2, .cont-title h3, .biz-section-head h2, .section-head,
.sec-title, .nb-section-title, .around-block-head,
.right-card-head, .bot-service-header,
.faq-collapse-title h2, .faq-collapse-title h3,
.review-form-title, .rv-form-title {
  font-size: var(--to-fz-h2) !important;
  font-weight: 500 !important;
}

/* 卡片标题/小标题 14px/600（对齐点点租 h3）*/
h3, .pc-card .pc-title, .info-building-name,
.side-group-title, .m-card .m-title, .rhi-name,
.guess-card-name, .lp-card h4, .office-list .content h4 {
  font-size: var(--to-fz-sub) !important;
  font-weight: 600 !important;
}

/* 导航链接 15px/600（全站统一对齐首页，高优先级覆盖页面级样式）*/
body .header .desktop-nav a, body .pc-header .pc-nav a,
body .bb-header .bb-nav a, body .header .nav a,
body .pc-topbar a, body .pc-header a,
body .h_header_new .h_new_links a,
body .h_header_new .h_sel_qu a,
body .mobile-nav-dropdown a {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: #333 !important;
  transition: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
  transform: none !important;
  backface-visibility: visible !important;
}

/* 正文统一 14px */
body, p, li, td, th, .desc-box, .info-table td,
.base-info-table td, .building-params-table td,
.nearby-table td, .review-item-content, .review-text,
.bot-link-grid a, .bot-legal-links a,
.pc-card .pc-building-row, .pc-card .pc-loc-row,
.pc-filter-opts a, .pc-sortbar,
.m-card .m-addr, .office-list .content .grey,
.news-list .content h4, .tab-nav li {
  font-size: var(--to-fz-body) !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,
.guess-card-price, .rhi-price, .lp-card .price .num,
.office-list .content .price .num,
.recom-loupan .lp-card .price .num,
.m-stat-num {
  font-size: var(--to-fz-price) !important;
  font-weight: 600 !important;
}

/* 更多按钮 14px（对齐点点租）*/
.more-btn, .cont-title .more-btn, .more,
.bot-nav-tabs .bot-nav-tab {
  font-size: var(--to-fz-body) !important;
}

/* 标签小字 12px */
.tag, .pc-tags .tag, .m-tags span, .bot-nav-tab,
.quick-tags a, .bot-mobile-seo a,
.bot-hours, .bot-email a,
.pc-breadcrumb, .title-meta, .contact-tip,
.m-stat-label, .rhi-area, .guess-card-area {
  font-size: var(--to-fz-tag) !important;
}

/* 页脚/友链 12px */
.bot-copyright-left p, .bot-logo-sub, .footer-copyright p,
.bot-mobile-seo-label, .bot-mobile-seo a,
.bot-legal-links a,
.mbb-item, .p-date, .pc-price-col .p-date,
.rhi-price, .guess-card-price,
.bot-copyright-left p a {
  font-size: var(--to-fz-foot) !important;
}

/* ===== 排版硬性要求 ===== */
body {
  line-height: 1.7 !important;
  font-weight: 400 !important;
}

/* 标题字间距 +0.5px，字重 500（对齐点点租）*/
h1, h2, h3, h4, h5, h6,
.cont-title h2, .cont-title h3,
.pc-card .pc-title, .m-card .m-title,
.title-card h1, .sec-title, .section-head {
  letter-spacing: 0.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* 全站文字统一左对齐（居中容器除外）*/
p, .desc-box, .info-table td, .base-info-table td,
.building-params-table td, .review-item-content,
.pc-card .pc-info, .m-card .m-info,
.tab-content, .nearby-panel {
  text-align: left !important;
}

/* ===== 二、全站文字四阶高级灰（禁纯黑）===== */
/* 一级标题文字 #2A2A2A */
h1, h2, h3, .title-card h1, .cont-title h3,
.pc-card .pc-title, .m-card .m-title,
.sec-title, .section-head, .info-building-name,
.right-card-head, .biz-section-head h2,
.faq-collapse-title h2, .faq-collapse-title h3,
.review-form-title, .rv-form-title,
.bot-service-header, .around-block-head,
.nb-section-title, .lp-card h4, .guess-card-name {
  color: var(--to-text-1) !important;
}

/* 二级正文参数 #555555 */
body, p, li, td, th, label,
.desc-box, .info-table td.val, .base-info-table td.val,
.building-params-table td.val, .nearby-table td,
.review-item-content, .review-text,
.pc-card .pc-building-row, .pc-card .pc-loc-row,
.m-card .m-addr, .office-list .content h4,
.news-list .content h4, .bot-link-grid a,
.info-table td, .around-val, .nb-life-name {
  color: var(--to-text-2) !important;
}

/* 三级备注小字 #888888 */
.title-meta, .contact-tip, .rhi-area, .guess-card-area,
.m-stat-label, .bot-hours, .bot-email a,
.bot-nav-tab, .pc-breadcrumb, .pc-breadcrumb a,
.pc-sortbar .pc-count, .pc-sortbar .pc-sortopts a,
.bot-mobile-seo a, .quick-tags a,
.hint, .tips, .desc, .sub, .summary, .meta, small,
.info-table td.lbl, .base-info-table td.lbl,
.building-params-table td.lbl, .bar-label, .bar-count,
.nb-subway-dist, .nb-life-dist, .around-label,
.review-date, .star-text, .s-txt, .bot-logo-sub {
  color: var(--to-text-3) !important;
}

/* 覆盖内联浅灰样式 */
[style*="color:#999"], [style*="color: #999"],
[style*="color:#888"], [style*="color: #888"],
[style*="color:#aaa"], [style*="color: #aaa"],
[style*="color:#bbb"], [style*="color: #bbb"],
[style*="color:#6b7280"], [style*="color: #6b7280"] {
  color: var(--to-text-3) !important;
}

/* placeholder */
input::placeholder, textarea::placeholder {
  color: var(--to-text-3) !important;
  opacity: 1 !important;
}

/* ===== 三、主色与点缀色 ===== */
/* 主色 #1289BF 应用：导航、链接hover、主标题色块、普通按钮 */
.pc-nav a:hover, .pc-nav a.active,
.desktop-nav a:hover, .desktop-nav a.cur,
.bb-nav a:hover, .bb-nav a.active,
.nav a:hover, .bot-nav-tab:hover {
  color: var(--to-primary) !important;
}

/* 链接主色 */
a { color: var(--to-text-2) !important; }
a:hover { color: var(--to-primary) !important; }

/* 板块标题前缀色块、激活下划线统一为主色 */
.cont-title h3::before,
.sec-title::before, .section-head,
.bot-service-header:after,
.faq-q-badge, .faq-q-icon,
.desktop-nav a.cur::after, .pc-nav a.active::after {
  background: var(--to-primary) !important;
}

.tab-nav { border-bottom-color: #f0f0f0 !important; }
.tab-nav li.on, .tab-nav li:hover { color: var(--to-primary) !important; border-bottom-color: transparent !important; }

/* 筛选激活态 */
.pc-filter-opts a.active,
.pc-loc-tabs a.active,
.quick-tags a.active, .quick-tags a:hover,
.m-expand-item.sel, .m-line.sel, .m-opt-item.sel,
.pc-sub-opts a.active {
  background: rgba(23,161,230, 0.08) !important;
  color: var(--to-primary) !important;
}

/* 分页激活 */
.pc-page a.active,
.pagination .active {
  background: var(--to-primary) !important;
  color: #fff !important;
  border-color: var(--to-primary) !important;
}
.pc-page a:hover { border-color: var(--to-primary) !important; color: var(--to-primary) !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,
.info-table td.val.price-red,
.guess-card-price, .rhi-price, .lp-card .price .num,
.office-list .content .price .num,
.recom-loupan .lp-card .price .num,
.m-stat-num, .m-stat-highlight .m-stat-num {
  color: var(--to-accent) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  font-family: var(--to-font-num) !important;
}

/* 价格 hover 提亮 */
.pc-price-col .p-num:hover,
.pc-rent-price-num:hover, .pc-sale-price-num:hover, .pc-building-price-num:hover,
.pc-gongwei-price-num:hover, .pc-oldhouse-price-num:hover, .pc-creative-price-num:hover,
.m-card .m-price .p-num:hover {
  color: var(--to-accent-light) !important;
}

/* 价格单位同步红色 */
.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,
.m-card .m-price .p-unit,
.info-table td.val.price-red small,
.m-stat-num small {
  color: var(--to-accent) !important;
  font-weight: 600 !important;
}

/* 移动端价格保持 14px（对齐点点租）*/
@media (max-width: 767px) {
  .m-card .m-price .p-num,
  .hot-page .m-price .p-num {
    font-size: var(--to-fz-price) !important;
  }
}

/* 全站电话号码 — 价格红 22px/600（放大提升辨识度）*/
.phone-display, .pc-phone span, .desktop-phone,
.bb-phone, .bot-tel,
.footer-phone, .footer-phone strong,
.rc-phone, .mcb-phone,
.mobile-bottom-bar .mbb-phone,
.bot-service-info .bot-tel,
.property-phone-display, .broker-tips1,
.property-phone-display span, .property-phone-display a {
  color: var(--to-accent) !important;
  font-size: var(--to-fz-phone) !important;
  font-weight: 600 !important;
  font-family: var(--to-font-num) !important;
}

/* 电话 hover 提亮 */
.phone-display:hover, .pc-phone span:hover, .desktop-phone:hover,
.bb-phone:hover, .bot-tel:hover,
.footer-phone strong:hover, .rc-phone:hover,
.property-phone-display:hover, .broker-tips1:hover {
  color: var(--to-accent-light) !important;
}

/* 电话图标同步金色 */
.pc-phone svg, .desktop-phone svg,
.phone-display svg, .bb-phone svg,
.rc-phone svg, .footer-phone svg,
.property-phone-display svg {
  fill: var(--to-accent) !important;
}

/* 总价、总额等次要价格保持中灰（非主价格）*/
.pc-price-col .p-total,
.pc-price-col .p-date,
.info-table td.val.total-rent {
  color: var(--to-text-3) !important;
  font-weight: 400 !important;
}

/* ===== 五、按钮两套固定 ===== */
/* 普通咨询按钮：深蓝底 + 纯白字 */
.rc-btn, .modal-submit,
.mcb-consult, .btn-primary,
.search-row .s-btn, .m-btn-confirm,
.footer-quick-btn:hover {
  background: var(--to-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: background 0.2s ease !important;
}
.rc-btn:hover, .modal-submit:hover,
.mcb-consult:active, .btn-primary:hover,
.search-row .s-btn:hover, .m-btn-confirm:hover {
  background: var(--to-primary-dark) !important;
  color: #fff !important;
}

/* 主点击看房按钮：轻奢金底 + 纯白加粗字 */
.btn-primary-gold, .btn-view, .btn-kanfang,
.rc-btn-gold, .m-submit, .review-submit,
.faq-more-btn, .rv-submit,
.btn-gold {
  background: var(--to-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: background 0.2s ease !important;
}
.btn-primary-gold:hover, .btn-view:hover, .btn-kanfang:hover,
.rc-btn-gold:hover, .m-submit:hover, .review-submit:hover,
.faq-more-btn:hover, .rv-submit:hover,
.btn-gold:hover {
  background: var(--to-accent-light) !important;
  color: #fff !important;
}

/* 次级按钮/登录按钮：深蓝描边 */
.login-link, .pc-login .login-link, .bb-login a,
.btn-secondary {
  border: 1.5px solid var(--to-primary) !important;
  color: var(--to-primary) !important;
  background: transparent !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
}
.login-link:hover, .pc-login .login-link:hover, .bb-login a:hover,
.btn-secondary:hover {
  background: var(--to-primary) !important;
  color: #fff !important;
}

/* ===== 蓝色背景按钮 hover 文字保持白色修复 =====
   解决全局 a:hover { color: 蓝色 } 导致蓝色按钮 hover 时文字看不清的问题
   使用方法：给蓝色背景按钮加 class="btn-blue-solid" 即可
*/
.btn-blue-solid,
.pagination .current,
.pc-page a.active {
  color: #fff !important;
}
.btn-blue-solid:hover,
.pagination .current:hover,
.pc-page a.active:hover {
  color: #fff !important;
  background: var(--to-primary-dark) !important;
}

/* ===== 六、顶部导航浅底整块（固定悬浮 + 滚动缩小）===== */
.header, .pc-header, .bb-header, .h_header_container,
.desktop-nav-wrap, .top {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
  transition: none !important;
}

/* ===== 统一 PC 端导航栏高度 60px（消除页面间跳动，容纳Logo）===== */
@media (min-width: 768px) {
  body .header, body .pc-header, body .bb-header,
  body .h_header_new, body .h_header_container {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
  }
  body .pc-header-inner, body .bb-header .wrap,
  body .h_header_new {
    height: 60px !important;
    min-height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* 导航链接统一高度+行高+左右内边距（对齐首页）*/
  body .header .desktop-nav a,
  body .pc-header .pc-nav a,
  body .bb-header .bb-nav a,
  body .h_header_new .h_new_links li a,
  body .h_header_new .h_sel_qu a {
    height: 60px !important;
    line-height: 60px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }
  body .h_new_links, body .bb-nav, body .pc-nav, body .desktop-nav {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
  }
}

/* 导航滚动缩小效果 — 已禁用，保持无框 */
.pc-header.scrolled, .header.scrolled {
  box-shadow: none !important;
}

/* 导航文字统一黑色 #000/600 */
body .header .desktop-nav a, body .pc-header .pc-nav a,
body .bb-header .bb-nav a, body .header .nav a,
body .pc-topbar, body .pc-topbar a, body .pc-header a,
body .h_header_new .h_new_links a,
body .h_header_new .h_sel_qu a,
body .mobile-nav-dropdown a {
  color: #000 !important;
  font-weight: 600 !important;
}

body .pc-header .pc-nav a:hover, body .pc-header .desktop-nav a:hover,
body .bb-header .bb-nav a:hover,
body .pc-header .pc-nav a.active, body .pc-header .desktop-nav a.cur, body .bb-header .bb-nav a.active,
body .h_header_new .h_new_links a:hover,
body .h_header_new .h_new_links li.active a,
body .h_header_new .h_sel_qu a:hover,
body .mobile-nav-dropdown a:hover {
  color: var(--to-primary) !important;
  background: transparent !important;
}

body .pc-header .pc-nav a.active::after, body .pc-header .desktop-nav a.cur::after,
body .h_header_new .h_new_links li.active::after {
  background: var(--to-primary) !important;
}

/* logo 文字统一深色 + 18px/700（对齐首页）*/
.pc-logo-text, .bb-logo, .bb-logo span, .logo-text,
.logo-text span, .mobile-logo-text, .header .mobile-logo-text {
  color: #333 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
/* logo 图标统一：首页蓝渐变 + 38px 尺寸（覆盖各页 36/42 不一致与红色误用）*/
.pc-logo-icon, .header .logo, .logo-icon,
.bb-logo > div, .h_header_new .logo > .logo-icon,
.nav-logo-icon {
  background: linear-gradient(135deg,#00A0E9,#7FCFF0) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* 导航分割线已移除 — 不再需要竖线分隔符 */
.pc-nav a:not(:last-child),
.nav a:not(:last-child),
.desktop-nav a:not(:last-child),
.bb-nav a:not(:last-child),
.h_new_links li:not(:last-child) a {
  border-right: none !important;
}
.pc-nav a::after,
.nav a::after,
.desktop-nav a::after,
.bb-nav a::after,
.h_new_links a::after {
  display: none !important;
  content: none !important;
}

/* 顶部电话在导航中保持金色 */
.pc-phone, .desktop-phone, .bb-phone,
.phone-display, .phone-display a,
.phone-display span {
  color: var(--to-accent) !important;
}

/* 导航栏内所有文字、链接统一黑色 #000 */
.header a, .header span, .header .nav-right a,
.header .logo-text, .header .logo-link,
.header .home-btn, .header .menu-toggle,
.pc-header a, .pc-header span,
.bb-header a, .bb-header span,
.h_header_new a, .h_header_new span,
.nav-right a, .nav-right span {
  color: #000 !important;
}

/* 导航栏内链接 hover 蓝色 */
.header a:hover, .pc-header a:hover, .bb-header a:hover,
.nav-right a:hover, .header .nav a:hover {
  color: var(--to-primary) !important;
}

/* 导航栏内所有 SVG 图标强制深色（覆盖内联 fill）*/
.header svg path, .pc-header svg path, .bb-header svg path,
.header .user-btn svg, .header .login-link svg,
.desktop-nav svg, .nav svg {
  fill: #555 !important;
}
/* 导航栏电话图标金色 */
.header .desktop-phone svg path,
.header .pc-phone svg path, .header .phone-display svg path {
  fill: var(--to-accent) !important;
}

/* 登录/注册按钮缩小为精致描边按钮（与导航文字区分开但不过于抢眼） */
.header .login-link, .header .login-link.logged-in, .header .desktop-login,
.pc-login .login-link, .pc-login .logged-in,
.bb-login a, .bb-login .logged-in,
.h_login a, .h_login .logged-in,
.login-link, .desktop-login {
  height: auto !important;
  line-height: 1.4 !important;
  padding: 4px 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--to-primary) !important;
  background: transparent !important;
  border: 1px solid var(--to-primary) !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
  box-sizing: border-box !important;
  transform: translateZ(0) !important;
}
.header .login-link svg, .header .desktop-login svg,
.pc-login .login-link svg, .pc-login .logged-in svg,
.bb-login a svg, .bb-login .logged-in svg,
.h_login a svg, .h_login .logged-in svg,
.login-link svg, .desktop-login svg {
  width: 14px !important;
  height: 14px !important;
  fill: var(--to-primary) !important;
  flex-shrink: 0 !important;
}
.header .login-link:hover, .header .desktop-login:hover,
.pc-login .login-link:hover, .pc-login .logged-in:hover,
.bb-login a:hover, .bb-login .logged-in:hover,
.h_login a:hover, .h_login .logged-in:hover,
.login-link:hover, .desktop-login:hover {
  color: #fff !important;
  background: var(--to-primary) !important;
  border-color: var(--to-primary) !important;
}
.header .login-link:hover svg, .pc-login .login-link:hover svg,
.bb-login a:hover svg, .h_login a:hover svg,
.login-link:hover svg {
  fill: #fff !important;
}

/* 导航栏内电话号码链接金色 */
.phone-display a, .pc-phone span, .desktop-phone span,
.bb-phone a, .nav-right .pc-phone a {
  color: var(--to-accent) !important;
}

/* 移动端头部保持浅底 */
.m-header, .mobile-header {
  background: #fff !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.m-header .logo, .mobile-header .mh-logo,
.m-header .logo a, .mobile-header .mh-logo a {
  color: #000 !important;
}
.m-header .back-btn svg, .m-header .home-btn svg,
.m-header .back-btn path, .m-header .home-btn path {
  fill: #555 !important;
}
.m-header a, .m-header span {
  color: #000 !important;
}
/* 移动端搜索框保持白底深色文字 */
.m-header .search-box,
.m-header .search-input {
  background: #fff !important;
  color: var(--to-text-2) !important;
}
.m-header .search-box svg,
.m-header .search-icon {
  fill: var(--to-text-3) !important;
  color: var(--to-text-3) !important;
}

/* ===== 七、房源卡片统一样式 ===== */
/* 纯白底、1px极细灰边框、8px统一圆角（商务柔和）*/
.pc-card, .pc-rent-card, .pc-sale-card, .pc-building-card,
.pc-gongwei-card, .pc-creative-card, .pc-oldhouse-card,
.m-card, .guess-card, .lp-card,
.office-list li, .news-list li,
.right-card, .title-card, .img-info-row,
.tab-content, .tab-nav, .nearby-panel,
.title-card, .card {
  background: #fff !important;
  border: 1px solid var(--to-border-card) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* 卡片默认过渡 — 仅对支持 hover 的设备启用，避免移动端触摸抖动 */
@media (hover: hover) and (pointer: fine) {
  .pc-card, .pc-rent-card, .pc-sale-card, .pc-building-card,
  .pc-gongwei-card, .pc-creative-card, .pc-oldhouse-card,
  .guess-card, .lp-card, .right-card, .card {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  }

  /* 卡片悬浮 — 轻微上浮 + 柔和阴影加深 */
  .pc-card:hover, .pc-rent-card:hover, .pc-sale-card:hover,
  .pc-building-card:hover, .pc-gongwei-card:hover,
  .guess-card:hover, .lp-card:hover,
  .right-card:hover, .card:hover {
    background: #fff !important;
    border-color: var(--to-accent) !important;
    box-shadow: 0 4px 16px rgba(23,161,230,0.10) !important;
    transform: translateY(-2px) !important;
  }
}

/* 卡片标题 hover 主色 */
.pc-card .pc-title:hover,
.guess-card:hover .guess-card-name,
.right-hot-item:hover .rhi-name {
  color: var(--to-primary) !important;
}

/* 卡片图片圆角统一 8px */
.pc-card .pc-img, .guess-card-img, .lp-card .thumb,
.office-list .thumb, .news-list .thumb,
.m-card .m-img {
  border-radius: 8px !important;
}

/* ===== 八、板块区域淡灰底、留白充足 ===== */
body {
  background: var(--to-bg-page) !important;
}

/* 板块分区淡灰底 */
.pc-wrap, .wrap-box, .bot-nav-section,
.recom-loupan, .hot-office, .news-box,
.faq-section, .guess-like-section,
.section-gray, .pc-filter-wrap {
  background: var(--to-bg-section) !important;
}

/* 列表/筛选区域白底 */
.pc-sortbar, .pc-sidebar, .crumbs-bar {
  background: #fff !important;
  border-color: var(--to-border-card) !important;
}

/* 表格标签列淡灰底 */
.base-info-table td.lbl,
.building-params-table td.lbl,
.nearby-table th,
.info-table td.lbl {
  background: var(--to-bg-section) !important;
  color: var(--to-text-3) !important;
  font-weight: 500 !important;
}

/* 表格边框极细 */
.base-info-table td, .building-params-table td,
.nearby-table th, .nearby-table td,
.info-table td {
  border-color: var(--to-border-card) !important;
}

/* ===== 九、标签专用低饱和色 ===== */
/* 现房/直租/可租标签 — 哑光墨绿 */
.tag-green, .pc-tags .tag.tag-green,
.m-tags span.tag-green,
.tag-success, .pc-tags .tag-success {
  background: rgba(45, 139, 110, 0.1) !important;
  color: var(--to-success) !important;
  border: none !important;
}

/* 科创/地铁标签 — 品牌青蓝 */
.tag-blue, .pc-tags .tag.tag-blue,
.m-tags span.tag-blue,
.tag-primary, .pc-tags .tag-primary,
.office-list .content .tag-group span {
  background: rgba(0, 160, 233, 0.08) !important;
  color: var(--to-primary) !important;
  border: none !important;
}

/* 急售/特价标签 — 哑光暖橙 */
.tag-orange, .pc-tags .tag.tag-orange,
.tag-warning, .pc-tags .tag-warning {
  background: rgba(212, 126, 48, 0.1) !important;
  color: var(--to-warning) !important;
  border: none !important;
}

/* 租罄/错误标签 — 哑光红 */
.tag-red, .pc-tags .tag.tag-red,
.tag-error, .pc-tags .tag-error,
.tag-muted.tag-soldout {
  background: rgba(196, 69, 69, 0.08) !important;
  color: var(--to-error) !important;
  border: none !important;
}

/* 失效/面议文字 — 浅灰 */
.tag-muted, .tag-gray,
.tag[style*="color:#aaa"], .tag[style*="color:#999"] {
  color: var(--to-tag-muted) !important;
  background: var(--to-bg-section) !important;
}

/* 标签统一圆角与字号 */
.tag, .pc-tags .tag, .m-tags span,
.office-list .content .tag-group span {
  border-radius: 3px !important;
  font-size: var(--to-fz-tag) !important;
  font-weight: 500 !important;
  padding: 2px 8px !important;
}

/* ===== 十、页脚白底（PC端与页面保持一致） ===== */
.bot-nav-section, .footer-copyright,
.site-footer, .bb-footer {
  background: #fff !important;
  color: #666 !important;
  border-top: 1px solid #e8e8e8 !important;
}

/* 页脚普通字深灰 */
.bot-copyright-left p,
.bot-copyright-left p a,
.bot-legal-links a,
.footer-copyright p,
.footer-copyright a,
.footer-legal-inner a,
.site-footer, .bb-footer {
  color: #666 !important;
}

.bot-copyright-left p a:hover,
.bot-legal-links a:hover,
.footer-copyright a:hover,
.footer-legal-inner a:hover,
.bot-link-grid a:hover {
  color: #17A1E6 !important;
}

/* 公安备案号保持原色不变 */
.bot-psb-link,
.bot-psb-link:hover,
.bot-psb-link:visited,
.bot-psb-link svg,
.bot-psb-link svg path {
  color: #939393 !important;
  fill: #939393 !important;
}

/* 页脚电话红色高亮 */
.bot-tel, .bot-service-info .bot-tel,
.footer-phone, .footer-phone strong {
  color: var(--to-accent) !important;
  font-weight: 600 !important;
}

/* 页脚导航区背景 */
.bot-nav-section {
  background: #fff !important;
  border-top: 1px solid #e8e8e8 !important;
}

.bot-service-box {
  background: #fff !important;
}

.bot-nav-tab {
  background: transparent !important;
  color: #555 !important;
}
.bot-nav-tab:hover {
  color: #17A1E6 !important;
  background: rgba(23,161,230,0.08) !important;
}
.bot-nav-tab.active {
  background: var(--to-primary) !important;
  color: #fff !important;
}

/* 页脚客服标题下划线主色 */
.bot-service-header:after {
  background: var(--to-primary) !important;
}

/* 页脚链接网格文字 */
.bot-link-grid a {
  color: #666 !important;
}
.bot-link-grid a:hover {
  color: #17A1E6 !important;
}

/* 页脚客服标题 */
.bot-service-header {
  color: #333 !important;
}
.bot-service-body .bot-hours {
  color: #888 !important;
}
.bot-email a {
  color: #888 !important;
}

/* 移动端底部浮动栏 — 白底 */
.mobile-bottom-bar {
  background: #fff !important;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.08) !important;
  border-top: 1px solid #f0f0f0 !important;
}
.mobile-bottom-bar .mbb-item {
  color: #666 !important;
}
.mobile-bottom-bar .mbb-icon {
  background: #f5f5f5 !important;
  box-shadow: none !important;
}
.mobile-bottom-bar .mbb-icon svg {
  fill: #888 !important;
}
.mobile-bottom-bar .mbb-phone {
  color: var(--to-accent) !important;
}

/* ===== 十三、顶部导航终极统一：定位、防遮挡、logo 禁止缩放 ===== */
/* 目标：所有页面 PC 端头部与首页 .header 保持同一位置、同一高度、同一字号；
   修复 detail/内容页因固定头部导致的内容遮挡；
   移除点击导航时 logo 出现的缩放/跳动感。 */

/* PC 端统一固定头部 — 透明无框 */
@media (min-width: 768px) {
  body .header,
  body .pc-header,
  body .bb-header,
  body .h_header_new,
  body .h_header_container,
  body .desktop-nav-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1200 !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
    transition: none !important;
  }

  /* 头部内部容器统一 flex 布局与高度 */
  body .header .container,
  body .header-inner,
  body .pc-header-inner,
  body .bb-header .wrap,
  body .bb-header-inner,
  body .h_header_new,
  body .h_header_container > div {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  /* 导航统一：自适应展开，overflow:visible 防止滚动条淡入淡出 */
  body .desktop-nav,
  body .pc-nav,
  body .bb-nav,
  body .h_new_links,
  body .nav {
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    gap: 16px !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body .desktop-nav::-webkit-scrollbar,
  body .pc-nav::-webkit-scrollbar,
  body .bb-nav::-webkit-scrollbar,
  body .h_new_links::-webkit-scrollbar {
    display: none !important;
  }

  /* 导航链接统一字号/字重/内边距（PC 端）
     使用固定 px 值，避免 clamp() 随视口重算导致抖动 */
  body .desktop-nav a,
  body .pc-nav a,
  body .bb-nav a,
  body .h_new_links li a,
  body .h_sel_qu a,
  body .nav a,
  body .main-nav .nav-links a,
  body .main-nav .nav-links a[href*="login"],
  body .nav-right > a {
    height: 64px !important;
    line-height: 64px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    transition: none !important;
    box-sizing: border-box !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
  }

  /* hover / active / cur — 仅允许改颜色，所有布局属性完全一致
     注意：不设置 padding/font-size/width 等，避免覆盖默认状态导致重排抖动 */
  body .desktop-nav a:hover,
  body .pc-nav a:hover,
  body .bb-nav a:hover,
  body .h_new_links li a:hover,
  body .h_sel_qu a:hover,
  body .nav a:hover,
  body .main-nav .nav-links a:hover,
  body .nav-right > a:hover,
  body .desktop-nav a.cur,
  body .pc-nav a.active,
  body .bb-nav a.active,
  body .h_new_links li.active a,
  body .main-nav .nav-links a.active,
  body .desktop-nav a:focus,
  body .pc-nav a:focus,
  body .nav a:focus,
  body .desktop-nav a:visited,
  body .pc-nav a:visited,
  body .nav a:visited {
    color: var(--to-primary) !important;
    text-decoration: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  /* logo 图片统一 32px 高度，禁止缩放动画 */
  body .header .logo-link,
  body .pc-header .pc-logo,
  body .bb-header .bb-logo,
  body .h_header_new .logo {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
  }
  body .header .logo-img,
  body .pc-header .pc-logo img,
  body .bb-header .bb-logo img,
  body .h_header_new .logo img {
    height: 32px !important;
    width: auto !important;
    max-height: 32px !important;
    max-width: none !important;
    display: block !important;
    transition: none !important;
    transform: none !important;
    animation: none !important;
    flex-shrink: 0 !important;
  }

  /* logo 图标容器统一 38x38，无缩放 */
  body .logo-icon,
  body .pc-logo-icon,
  body .header .logo,
  body .bb-logo > div:first-child,
  body .h_header_new .logo-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    transition: none !important;
    transform: none !important;
    animation: none !important;
    flex-shrink: 0 !important;
  }

  /* logo 文字统一 */
  body .pc-logo-text,
  body .bb-logo span,
  body .logo-text,
  body .h_header_new .logo-text {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    white-space: nowrap !important;
    transition: none !important;
  }

  /* PC 端导航栏只保留 logo 图标，隐藏站点文字，避免文字占用过多空间导致导航被遮挡 */
  body .header .logo-text,
  body .pc-header .pc-logo-text,
  body .bb-header .bb-logo span,
  body .h_header_new .logo-text {
    display: none !important;
  }

  /* 隐藏文字后去掉 logo 区域的间隙 */
  body .header .logo-link,
  body .pc-header .pc-logo,
  body .bb-header .bb-logo,
  body .h_header_new .logo {
    gap: 0 !important;
  }

  /* 右侧电话/登录统一靠右 */
  body .nav-right,
  body .pc-phone,
  body .bb-phone,
  body .phone_header,
  body .pc-login,
  body .bb-login,
  body .h_login {
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }

  /* 页面主体统一留出 64px 头部空间，防止固定头部遮挡内容（首页除外） */
  body:not(.home-page) {
    padding-top: 64px !important;
  }
  body.home-page {
    padding-top: 0 !important;
  }

  /* 部分页面残留的 PC 顶部栏与固定头部重叠，统一隐藏（链接已在主导航/页脚提供） */
  body .pc-topbar,
  body .bb-topbar,
  body .h_topbar {
    display: none !important;
  }

  /* 修复内容页面包屑/首屏区域被遮挡，同时与固定顶部导航留出 12px 间距 */
  body:not(.home-page) .pc-breadcrumb,
  body:not(.home-page) .breadcrumb-row,
  body:not(.home-page) .white_bg,
  body:not(.home-page) .list_postion,
  body:not(.home-page) .contact-page,
  body:not(.home-page) .faq-hero {
    margin-top: 12px !important;
  }
  /* 详情页 .crumbs-bar 也与顶部导航留出间距 */
  body:not(.home-page) .crumbs-bar {
    margin-top: 12px !important;
  }
}

/* PC 端 .nav-right 中的登录/注册按钮恢复为小按钮（覆盖上方 nav 统一高度规则） */
body .nav-right > a.login-link,
body .nav-right > a[href*="/login.php"] {
  height: auto !important;
  line-height: 1.4 !important;
  padding: 4px 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--to-primary) !important;
  background: transparent !important;
  border: 1px solid var(--to-primary) !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
  transform: translateZ(0) !important;
}
body .nav-right > a.login-link:hover,
body .nav-right > a[href*="/login.php"]:hover {
  color: #fff !important;
  background: var(--to-primary) !important;
  border-color: var(--to-primary) !important;
}

/* 移动端：统一头部高度与背景，禁止 logo 缩放 */
@media (max-width: 767px) {
  body .m-header,
  body .header,
  body .mobile-header,
  body .faq-mobile-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  /* 移动端 logo 禁止缩放 */
  body .m-header .logo,
  body .m-header .logo img,
  body .header .logo-link,
  body .header .logo-img,
  body .mobile-header .mh-logo,
  body .mobile-header .mh-logo img {
    transition: none !important;
    transform: none !important;
    animation: none !important;
    flex-shrink: 0 !important;
  }
}

/* 彻底禁止 logo 及导航在 hover/active/focus 时缩放或跳动 */
body .logo-link,
body .logo-link:hover,
body .logo-link:active,
body .logo-link:focus,
body .header .logo-img,
body .header .logo-img:hover,
body .header .logo-img:active,
body .header .logo-img:focus,
body .logo-icon,
body .logo-icon:hover,
body .logo-icon:active,
body .logo-icon:focus,
body .logo-text,
body .logo-text:hover,
body .logo-text:active,
body .logo-text:focus,
body .desktop-nav a,
body .desktop-nav a:hover,
body .desktop-nav a:active,
body .desktop-nav a:focus,
body .m-header .logo a,
body .m-header .logo a:hover,
body .m-header .logo a:active,
body .m-header .logo a:focus,
body .mobile-header .mh-logo,
body .mobile-header .mh-logo:hover,
body .mobile-header .mh-logo:active,
body .mobile-header .mh-logo:focus,
body .faq-mobile-header .mh-logo,
body .faq-mobile-header .mh-logo:hover,
body .faq-mobile-header .mh-logo:active,
body .faq-mobile-header .mh-logo:focus {
  -webkit-transform: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* ===== 修复顶部导航点击抖动/文字左右移动 =====
   原因：header.php 内联样式给 .header/.nav/.nav a 加了 transition:all，
        点击时任意属性变化都会触发过渡，导致页面抖动；
        desktop-nav 的 overflow-x:auto 在点击时也可能产生横向微移。
   处理：强制 header/nav 容器禁用全属性过渡，链接仅保留颜色过渡；
        导航容器增加 overscroll-behavior 防止横向滚动影响页面，
        并减小链接内边距让内容更不易触发滚动。 */
body .header,
body .pc-header,
body .bb-header,
body .h_header_new,
body .m-header,
body .nav,
body .desktop-nav,
body .pc-nav,
body .bb-nav,
body .h_new_links,
body .m-header nav,
body .m-header .nav {
  transition: none !important;
  animation: none !important;
}

body .desktop-nav,
body .pc-nav,
body .bb-nav,
body .h_new_links {
  overscroll-behavior-x: contain !important;
  scroll-behavior: auto !important;
}

body .desktop-nav a,
body .pc-nav a,
body .bb-nav a,
body .h_new_links li a,
body .h_sel_qu a,
body .nav a,
body .m-header a,
body .m-header nav a {
  transition: none !important;
  animation: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  transform: none !important;
  backface-visibility: visible !important;
  padding: 0 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

body .desktop-nav a:hover,
body .pc-nav a:hover,
body .bb-nav a:hover,
body .desktop-nav a.cur,
body .pc-nav a.active,
body .bb-nav a.active,
body .nav a:hover,
body .nav a:active,
body .m-header a:hover,
body .m-header a:active,
body .desktop-nav a:focus,
body .pc-nav a:focus,
body .nav a:focus,
body .desktop-nav a:visited,
body .pc-nav a:visited,
body .nav a:visited {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  text-decoration: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* ===== 十一、边框/分割线极细极简 ===== */
/* 卡片边框统一 */
.pc-card, .m-card, .guess-card, .lp-card,
.office-list li, .news-list li,
.right-card, .tab-content, .tab-nav,
.nearby-panel, .around-item {
  border-color: var(--to-border-card) !important;
}

/* 分割细线 */
.office-list li, .news-list li, .faq-item,
.review-item, .right-hot-item,
.m-expand-item, .m-opt-item,
.pc-filter-row,
.bot-copyright-section,
.base-info-table td, .building-params-table td,
.nearby-table td, .nearby-table th {
  border-color: var(--to-border-line) !important;
}

/* 禁止粗黑边框、粗分割线 */
.pc-card, .m-card, .guess-card, .lp-card,
.tab-nav, .tab-content, .right-card,
.base-info-table td, .building-params-table td {
  border-width: 1px !important;
  border-style: solid !important;
}

/* 面包屑分割线 */
.pc-breadcrumb span.sep, .crumbs span {
  color: var(--to-border-line) !important;
}

/* ===== 十二、详情页统一 ===== */
/* 详情页标题 */
.title-card h1 {
  color: var(--to-text-1) !important;
  font-size: var(--to-fz-h1) !important;
  font-weight: 500 !important;
}

/* 详情页 tab 激活 */
.tab-nav li.on {
  color: var(--to-primary) !important;
  border-bottom-color: transparent !important;
}

/* 详情页右侧表单按钮 — 普通咨询深蓝 */
.rc-btn, .modal-submit {
  background: var(--to-primary) !important;
}

/* 详情页电话金色 */
.rc-phone, .phone-display {
  color: var(--to-accent) !important;
}

/* 详情页评分星级 — 香槟金（不刺眼）*/
.review-avg-score, .star-filled, .star-pick .s.on,
.star-pick .s.hv, .star-rating .star.active,
.star-rating .star.hover,
.bar-fill, .rv-bar-fill,
.review-stars .star-filled,
.review-item-stars,
.review-score-num {
  color: var(--to-accent) !important;
}
.bar-fill, .rv-bar-fill {
  background: var(--to-accent) !important;
}

/* 详情页头像渐变改主色 */
.review-avatar {
  background: var(--to-primary) !important;
}

/* 详情页周边配套图标 — 统一低饱和 */
.subway-icon { background: var(--to-tag-blue) !important; }
.bus-icon { background: #8a7a6b !important; }
.food-icon { background: #b07b6b !important; }
.shop-icon { background: #7a6b8a !important; }
.bank-icon { background: var(--to-tag-blue) !important; }
.school-icon { background: var(--to-tag-green) !important; }

/* 详情页免费咨询按钮 — 红底白字加粗，文字清晰 */
.btn-consult {
  background: var(--to-accent) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 12px 40px !important;
  border-radius: 6px !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(204,41,41,0.25) !important;
  letter-spacing: 1px !important;
}
.btn-consult:hover {
  background: var(--to-accent-light) !important;
  color: #fff !important;
}

/* sale详情页免费咨询按钮 .telBox .s1 — 同样红底白字 */
.telBox .s1,
.property-consult-btn {
  background: var(--to-accent) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(204,41,41,0.25) !important;
}
.telBox .s1:hover,
.property-consult-btn:hover {
  background: var(--to-accent-light) !important;
  color: #fff !important;
}

/* 详情页地址链接：默认黑色，hover 蓝色 */
.addr-link, .nb-name, .building-params-more {
  color: #111 !important;
  text-decoration: none !important;
  transition: color .15s;
}
.addr-link:hover, .addr-link:active,
.m-address-text .addr-link:hover,
.cmd-addr-text .addr-link:hover {
  color: var(--to-primary) !important;
}
/* 地铁线路/站点链接副信息色 */
.m-address-sub .addr-link,
.cmd-addr-sub .addr-link {
  color: var(--to-primary) !important;
  font-size: inherit;
}
.m-address-sub .addr-link:hover,
.cmd-addr-sub .addr-link:hover {
  color: var(--to-primary-dark, var(--to-primary)) !important;
}

/* ===== 详情页文字清晰度提升（修复看不清问题）===== */
/* 免费咨询提示文字放大加深（原12-13px/#696B70/#8a8f99 看不清）*/
.contact-tip, .property-contact-tip,
.property-service-body p,
.broker-tips1 + p, .broker-tips {
  font-size: 14px !important;
  color: #333333 !important;
  font-weight: 400 !important;
}

/* 信息表格标签 — 覆盖所有详情页变体（.lbl / .p-label / .cmd-param-label）*/
.info-table td.lbl, .info-table .lbl,
.base-info-table td.lbl, .base-info-table .lbl,
.building-params-table td.lbl, .building-params-table .lbl,
.p-label, .cmd-param-label {
  font-size: 14px !important;
  color: #555555 !important;
  font-weight: 500 !important;
}

/* 信息表格值 — 覆盖所有详情页变体（.val / .p-value / .cmd-param-value）*/
.info-table td.val, .info-table .val,
.base-info-table td.val, .base-info-table .val,
.building-params-table td.val, .building-params-table .val,
.p-value, .cmd-param-value {
  font-size: 14px !important;
  color: #353535 !important;
  font-weight: 400 !important;
}

/* 信息表格总价等次要值保持中灰但不透明 */
.info-table .total-rent, .info-table td.val.total-rent {
  color: #666666 !important;
  font-size: 14px !important;
}
.info-table td.val.price-red,
.info-table td.val.total-rent.price-red {
  color: #CC2929 !important;
  font-weight: 600 !important;
}

/* 地铁站区域标题 */
.nb-section-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #353535 !important;
}

/* 地铁站名 — 周边配套tab内 */
.nb-subway-station {
  font-size: 14px !important;
  color: #353535 !important;
  font-weight: 500 !important;
}

/* 地铁站距离 — 周边配套tab内（原13px/#999 看不清）*/
.nb-subway-dist {
  font-size: 13px !important;
  color: #666666 !important;
  font-weight: 400 !important;
}

/* house-traffic 内地铁站名（building/sale/creative 等详情页地址栏）*/
.sw-station-name,
.house-traffic .sw-station-name {
  font-size: 14px !important;
  color: #353535 !important;
  font-weight: 600 !important;
}

/* house-traffic 内地铁距离内联 style="color:#999;font-size:12px" 覆盖 */
.house-traffic span[style*="color:#999"],
.house-traffic span[style*="color: #999"],
.house-traffic span[style*="color:#999;margin"],
.sale-info-row span[style*="color:#999"],
.sale-info-row span[style*="color: #999"] {
  font-size: 13px !important;
  color: #666666 !important;
}

/* 地铁线路标签 — 扁平长方形 + 纯白大字 */
body .sw-line-tag {
  padding: 4px 10px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  display: inline-block !important;
  color: #FFFFFF !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* 周边配套tab内地铁线路标签 — 同样扁平化 + 纯白大字 */
body .nb-line-tag {
  padding: 4px 10px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  color: #FFFFFF !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* PC端在租房源卡片悬停效果 */
@media (min-width: 768px) {
  .gw-rent-card-d:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    transform: translateY(-2px);
    border-color: #00A0E9 !important;
  }
  .gw-rent-card-d:hover img {
    transform: scale(1.03);
  }
  .gw-rent-card-d img {
    transition: transform .3s ease;
  }
}

/* 移动端在租房源卡片 */
@media (max-width: 767px) {
  .gw-rent-card:active {
    transform: scale(.98);
  }
}

/* 生活配套距离加深（原#999）*/
.nb-life-dist {
  font-size: 13px !important;
  color: #666666 !important;
}

/* 周边配套标签文字加深 */
.around-label, .nb-life-type {
  font-size: 13px !important;
  color: #555555 !important;
  font-weight: 500 !important;
}
.around-val, .nb-life-name {
  font-size: 13px !important;
  color: #555555 !important;
}

/* 详情页概况标签 — 高特异性覆盖页面内联 .gx-about .p-label{color:#888} */
.gx-about .p-label,
.params-grid .p-label,
.gx-about .params-grid .p-label {
  color: #555555 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* 详情页概况值 — 高特异性覆盖页面内联 .gx-about .p-value{color:#555} */
.gx-about .p-value,
.params-grid .p-value,
.gx-about .params-grid .p-value {
  color: #353535 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* 详情页描述文字加深 + 左对齐（覆盖 text-align:justify） */
.gx-about dd, .desc-box, .desc-text,
.cmd-desc-body, .desc-text p, .cmd-desc-body p {
  font-size: 14px !important;
  color: #555555 !important;
  text-align: left !important;
}

/* ===== 详情页概况/基本信息全部文字左对齐（非媒体查询，所有视口通用） ===== */
/* 覆盖范围：building / sale / creative / gongwei / oldhouse / property 等所有详情页 */
.gx-about,
.gx-about dl,
.gx-about dt,
.gx-about dd,
.gx-about .params-grid,
.params-grid,
.params-grid .p-item,
.cmd-param-grid,
.cmd-param-grid .cmd-param-item,
.info-table,
.info-table td,
.base-info-table,
.base-info-table td,
.building-params-table,
.building-params-table td {
  text-align: left !important;
}

/* flex 容器统一靠左排列 */
.gx-about .p-item,
.params-grid .p-item,
.cmd-param-grid .cmd-param-item,
.gx-about .p-item .p-label,
.gx-about .p-item .p-value,
.params-grid .p-label,
.params-grid .p-value,
.cmd-param-grid .cmd-param-label,
.cmd-param-grid .cmd-param-value {
  text-align: left !important;
  justify-content: flex-start !important;
}

/* 标签统一：宽度自适应、文字靠左、内边距紧凑 */
.gx-about .p-item .p-label,
.params-grid .p-label,
.gx-about .params-grid .p-label,
.cmd-param-grid .cmd-param-label,
.info-table td.lbl,
.base-info-table td.lbl,
.building-params-table td.lbl {
  width: auto !important;
  min-width: auto !important;
  padding: 13px 10px 13px 12px !important;
  white-space: nowrap !important;
  text-align: left !important;
}

/* 值统一：左侧内边距减小，更靠左 */
.gx-about .p-item .p-value,
.params-grid .p-value,
.gx-about .params-grid .p-value,
.cmd-param-grid .cmd-param-value,
.info-table td.val,
.base-info-table td.val,
.building-params-table td.val {
  padding: 13px 12px 13px 8px !important;
  text-align: left !important;
}

/* house-traffic 整体文字加深 */
.house-traffic li,
.house-traffic li a {
  color: #353535 !important;
  font-size: 14px !important;
}
.house-traffic li a:hover {
  color: #17A1E6 !important;
}

/* ===== 十三、表单统一 ===== */
.form-control, .rc-input, .review-input,
.review-textarea, .rv-input, .rv-textarea,
.modal-row input, .modal-row textarea,
.search-input, .rc-textarea,
.pc-custom-input input, .m-custom-row input,
.m-header .search-box {
  border: 1px solid var(--to-border-card) !important;
  border-radius: 4px !important;
  font-size: var(--to-fz-body) !important;
  color: var(--to-text-2) !important;
  background: #fff !important;
}

.form-control:focus, .rc-input:focus, .review-input:focus,
.review-textarea:focus, .rv-input:focus, .rv-textarea:focus,
.search-input:focus, .rc-textarea:focus,
.modal-row input:focus, .modal-row textarea:focus {
  border-color: var(--to-primary) !important;
  box-shadow: 0 0 0 2px rgba(23,161,230,0.08) !important;
  outline: none !important;
}

/* ===== 十四、禁止规则强制 ===== */
/* 禁止纯黑文字 — 覆盖所有 #000 #111 #222 #333 */
[style*="color:#000"], [style*="color: #000"],
[style*="color:#111"], [style*="color: #111"],
[style*="color:#222"], [style*="color: #222"],
[style*="color:#333"], [style*="color: #333"],
[style*="color:#1a1a1a"], [style*="color: #1a1a1a"],
[style*="color:#3B5BA8"], [style*="color: #3B5BA8"] {
  color: var(--to-text-1) !important;
}

/* 禁止红色价格 — 全部改为活力橙 */
[style*="color:#E53935"], [style*="color: #E53935"],
[style*="color:#e74c3c"], [style*="color: #e74c3c"],
[style*="color:#ff5722"], [style*="color: #ff5722"],
[style*="color:#f5222d"], [style*="color: #f5222d"],
[style*="color:red"], [style*="color: red"],
[style*="color:#e53935"], [style*="color: #e53935"] {
  color: var(--to-accent) !important;
}

/* 禁止旧灰绿 — 统一改为品牌青蓝 */
[style*="color:#17A1E6"], [style*="color: #17A1E6"],
[style*="color:#1289BF"], [style*="color: #1289BF"],
[style*="color:#1289BF"], [style*="color: #1289BF"],
[style*="color:#CC2929"], [style*="color: #CC2929"],
[style*="color:#CC2929"], [style*="color: #CC2929"],
[style*="color:#E03333"], [style*="color: #E03333"] {
  color: var(--to-primary) !important;
}

/* 禁止旧金色 #CC2929 — 统一改为活力橙 */
[style*="color:#CC2929"], [style*="color: #CC2929"],
[style*="color:#CC2929"], [style*="color: #CC2929"] {
  color: var(--to-accent) !important;
}

/* 禁止亮绿/亮橙等艳色文字 */
[style*="color:#52c41a"], [style*="color: #52c41a"],
[style*="color:#4CAF50"], [style*="color: #4CAF50"],
[style*="color:#fa8c16"], [style*="color: #fa8c16"],
[style*="color:#FF9800"], [style*="color: #FF9800"] {
  color: var(--to-success) !important;
}

/* 禁止粗黑边框 */
[style*="border:2px"], [style*="border: 2px"],
[style*="border:3px"], [style*="border: 3px"] {
  border-width: 1px !important;
}

/* 旧灰绿背景改为品牌青蓝 */
[style*="background:#17A1E6"], [style*="background: #17A1E6"],
[style*="background:#1289BF"], [style*="background: #1289BF"],
[style*="background-color:#17A1E6"], [style*="background-color: #17A1E6"],
[style*="background-color:#1289BF"], [style*="background-color: #1289BF"] {
  background: var(--to-primary) !important;
}

/* 旧金色背景改为活力橙 */
[style*="background:#CC2929"], [style*="background: #CC2929"],
[style*="background:#CC2929"], [style*="background: #CC2929"],
[style*="background-color:#CC2929"], [style*="background-color: #CC2929"],
[style*="background-color:#CC2929"], [style*="background-color: #CC2929"] {
  background: var(--to-accent) !important;
}

/* 旧红色按钮背景改为青蓝 */
[style*="background:#E53935"], [style*="background: #E53935"],
[style*="background:#e74c3c"], [style*="background: #e74c3c"],
[style*="background-color:#E53935"], [style*="background-color: #E53935"] {
  background: var(--to-primary) !important;
}

/* 旧页脚深蓝改为白底 */
[style*="background:#1D2E47"], [style*="background: #1D2E47"],
[style*="background-color:#1D2E47"], [style*="background-color: #1D2E47"] {
  background: #fff !important;
}

/* ===== 十五、搜索框与浮窗统一 ===== */
/* 首页搜索面板 */
.search-panel {
  background: rgba(23,161,230, 0.85) !important;
  border-radius: 8px !important;
}
.search-tabs a.cur::after {
  background: var(--to-accent) !important;
}
.search-row .s-btn {
  background: var(--to-accent) !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
}
.search-row .s-btn:hover {
  background: var(--to-accent-light) !important;
}

/* 浮动按钮 */
.floating-pc-btn {
  background: var(--to-primary) !important;
  color: #fff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.floating-pc-btn:hover {
  background: var(--to-accent) !important;
}
.floating-pc-btn.owner-btn {
  background: var(--to-primary) !important;
}

/* 悬浮工具栏 */
.side-tool-btn {
  background: var(--to-primary) !important;
  color: #fff !important;
  border-radius: 4px !important;
}
.side-tool-btn:hover {
  background: var(--to-accent) !important;
}

/* entrust 弹窗 */
.entrust-modal-header {
  background: var(--to-primary) !important;
  color: #fff !important;
}
.modal-head {
  background: var(--to-primary) !important;
}

/* FAQ 区域 */
.faq-q-icon, .faq-q-badge {
  background: var(--to-primary) !important;
}
.faq-more-btn {
  background: var(--to-accent) !important;
  border-radius: 4px !important;
}
.faq-more-btn:hover {
  background: var(--to-accent-light) !important;
}
.faq-section {
  border: 1px solid var(--to-border-card) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}
.faq-item {
  border: 1px solid var(--to-border-card) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.faq-item summary {
  background: var(--to-bg-section) !important;
  border-bottom-color: var(--to-border-card) !important;
}
.faq-a strong, .faq-a a {
  color: var(--to-primary) !important;
}

/* ===== 十六、响应式微调 ===== */
@media (max-width: 767px) {
  /* 移动端字号对齐点点租：h1 18px/500，板块标题 16px/500 */
  h1, .title-card h1 { font-size: 18px !important; font-weight: 500 !important; }
  h2, .sec-title, .section-head { font-size: 16px !important; font-weight: 500 !important; }

  /* 移动端导航浅底 */
  .m-header, .mobile-header {
    background: #fff !important;
  }

  /* 移动端卡片 — 禁用 transform 过渡，避免滚动/触摸时抖动 */
  .m-card {
    border: 1px solid var(--to-border-card) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: none !important;
    transform: none !important;
  }
  .m-card:active {
    transform: none !important;
    box-shadow: none !important;
  }

  /* 移动端筛选栏 */
  .m-filter-bar, .quick-tags {
    background: #fff !important;
    border-color: var(--to-border-card) !important;
  }
  .m-filter-bar .m-filter-item.active {
    color: var(--to-accent) !important;
  }
  .m-expand-item.sel, .m-line.sel, .m-opt-item.sel {
    background: rgba(204,41,41,0.08) !important;
    color: var(--to-accent) !important;
  }

  /* 移动端底部栏白底 */
  .mobile-bottom-bar {
    background: #fff !important;
  }
}

/* ===== 十七、滚动条统一 ===== */
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
::-webkit-scrollbar-track {
  background: var(--to-bg-section) !important;
}
::-webkit-scrollbar-thumb {
  background: var(--to-border-line) !important;
  border-radius: 3px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--to-text-3) !important;
}

/* ===== 十八、链接与交互细节 ===== */
/* 链接默认正文色，hover 主色 */
a { text-decoration: none !important; }
a:hover { text-decoration: none !important; }

/* 已访问链接不突变 */
a:visited { color: inherit !important; }

/* 选中文本主色 */
::selection {
  background: rgba(23,161,230, 0.15) !important;
  color: var(--to-text-1) !important;
}

/* 图片占位背景 */
img[onerror-i], .img-placeholder, .placeholder,
.pc-card .pc-img, .guess-card-img-ph {
  background: var(--to-bg-section) !important;
}

/* loading 统一主色 */
.loading {
  border-color: rgba(23,161,230,0.2) !important;
  border-top-color: var(--to-primary) !important;
}

/* ===== 十九、PC端评价星级修复 ===== */
/* Fix: .star-rating .star 为空span，需 ::before 添加★字符 */
.star-rating .star::before {
  content: "★";
  display: inline-block;
}
.star-rating .star {
  color: #ccc !important;
  font-size: 24px !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: color .15s !important;
  line-height: 1 !important;
}
.star-rating .star:hover {
  transform: scale(1.15);
}

/* ===== 二十、PC端概况文字统一左对齐 ===== */
/* 确保 .gx-about .params-grid 和 .cmd-param-grid 中标签和值都左对齐 */
@media (min-width: 768px) {
  .gx-about .p-item,
  .params-grid .p-item,
  .cmd-param-grid .cmd-param-item {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .gx-about .p-label,
  .params-grid .p-label,
  .cmd-param-grid .cmd-param-label {
    text-align: left !important;
  }
  .gx-about .p-value,
  .params-grid .p-value,
  .cmd-param-grid .cmd-param-value {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}

/* ===== 二十、设备隔离：防止 PC/移动端内容串屏 ===== */
@media (min-width: 768px) {
  .mobile-only { display: none !important; }
}
@media (max-width: 767px) {
  .desktop-only { display: none !important; }
}

/* ===== 二十一、深色统计卡片文字强制高对比白色（修复深底看不清）===== */
/* .m-stats-row 深蓝渐变卡片 — building / creative / sale 详情页 */
.m-stats-row .m-stat-title {
  color: rgba(255,255,255,.95) !important;
  font-weight: 600 !important;
}
.m-stats-row .m-stat-num {
  color: #fff !important;
  font-weight: 800 !important;
}
.m-stats-row .m-stat-num small {
  color: rgba(255,255,255,.9) !important;
  font-weight: 600 !important;
}
.m-stats-row .m-stat-label {
  color: rgba(255,255,255,.85) !important;
  font-weight: 500 !important;
}
.m-stats-row .m-stat-highlight .m-stat-num {
  color: #fff !important;
}

/* .cmd-stats-cards #2d3748 深底卡片 — sale/building/creative/coworking 详情页通用（纯白文字，最高对比度） */
.cmd-stats-cards .cmd-sc-title {
  color: #fff !important;
  font-weight: 500 !important;
}
.cmd-stats-cards .cmd-sc-big {
  color: #fff !important;
  font-weight: 800 !important;
}
.cmd-stats-cards .cmd-sc-big i {
  color: #fff !important;
  font-weight: 400 !important;
}
.cmd-stats-cards .cmd-sc-sub {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.cmd-stats-cards .cmd-sc-sub span {
  color: #fff !important;
}

/* .m-stats-section / .m-stats-card 深蓝渐变卡片 — rent / sale / property 详情页 */
.m-stats-card,
.m-stats-section .m-stats-card {
  color: #fff !important;
}
.m-stats-section .m-stats-title,
.m-stats-card .m-stats-title {
  color: rgba(255,255,255,.95) !important;
  font-weight: 700 !important;
}
.m-stats-section .m-stats-big,
.m-stats-card .m-stats-big {
  color: #fff !important;
  font-weight: 800 !important;
}
.m-stats-section .m-stats-big small,
.m-stats-card .m-stats-big small {
  color: rgba(255,255,255,.9) !important;
  font-weight: 700 !important;
}
.m-stats-section .m-stats-sub,
.m-stats-card .m-stats-sub {
  color: rgba(255,255,255,.85) !important;
  font-weight: 600 !important;
}

/* ===== 二十二、PC端头部完全统一（修复导航跳动/电话颜色/登录按钮不一致/老洋房遮挡）===== */
@media (min-width: 768px) {
  /* 1. 主导航页面头部统一flex布局 + 64px高度 + fixed定位 + 白色背景
     注意：不含.bb-header(详情页)和.h_header_new(工位详情页)，避免破坏详情页原有布局 */
  body .header,
  body .pc-header,
  body .main-nav {
    display: flex !important;
    align-items: center !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 40px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1200 !important;
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08) !important;
  }
  body .header-inner,
  body .pc-header-inner,
  body .main-nav .container {
    display: flex !important;
    align-items: center !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* 2. 导航自适应展开 flex:1 + justify-content:space-between */
  body .desktop-nav,
  body .pc-nav,
  body .nav-links,
  body .header .nav {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-width: 0 !important;
    height: 64px !important;
  }

  /* 3. 隐藏header.php中重复的电话显示（保留nav-right中的pc-phone） */
  body .header > .phone-display,
  body .header-inner > .phone-display {
    display: none !important;
  }

  /* 3.5 pc-phone 基础布局统一 */
  body .pc-phone {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }
  body .pc-phone svg {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0 !important;
  }

  /* 4. 电话+登录区统一靠右 */
  body .nav-right,
  body .pc-phone,
  body .pc-login,
  body .desktop-phone,
  body .main-nav .container > div[style*="margin-left:auto"] {
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }

  /* 5. 确保下拉菜单不被裁剪 + z-index足够高 */
  body .pc-header,
  body .header,
  body .main-nav {
    overflow: visible !important;
  }
  body .dropdown-menu,
  body .login-dropdown .dropdown-menu {
    z-index: 9999 !important;
  }

  /* 6. 强制登录按钮尺寸统一（覆盖index.php内联样式） */
  body .header .login-link,
  body .header .desktop-login,
  body .header .login-link.logged-in {
    font-size: 12px !important;
    padding: 4px 12px !important;
    border-radius: 16px !important;
  }

  /* 7. 导航链接统一样式（不带蓝色背景块） */
  body .main-nav .nav-links a,
  body .nav-links a {
    padding: 8px 13px !important;
    border-radius: 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body .main-nav .nav-links a:hover,
  body .nav-links a:hover {
    color: var(--to-primary) !important;
    background: rgba(23,161,230,0.08) !important;
  }
  body .main-nav .nav-links a.active,
  body .nav-links a.active {
    color: var(--to-primary) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* 8. news页面top-bar隐藏（避免重复信息） */
  body .top-bar {
    display: none !important;
  }

  /* 9. 列表页pc-topbar隐藏（与header导航重复） */
  body .pc-topbar {
    display: none !important;
  }

  /* 10. pc-breadcrumb margin-top调整（topbar隐藏后，64px header + 12px gap = 76px）*/
  body .pc-breadcrumb {
    margin-top: 76px !important;
  }

  /* 11. 统一所有页面登录按钮尺寸和样式（覆盖内联#00A0E9样式）*/
  body .header .login-link,
  body .header .desktop-login,
  body .header .login-link.logged-in,
  body .pc-header .login-link,
  body .pc-header .pc-login .login-link,
  body .pc-header .pc-login .login-link.logged-in,
  body .pc-login a[style*="border:1.5px solid #00A0E9"],
  body .main-nav a[style*="border:1.5px solid #00A0E9"] {
    font-size: 13px !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    border: 1.5px solid var(--to-primary) !important;
    color: var(--to-primary) !important;
    background: transparent !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  body .header .login-link:hover,
  body .pc-header .login-link:hover,
  body .pc-login a[style*="border:1.5px solid #00A0E9"]:hover,
  body .main-nav a[style*="border:1.5px solid #00A0E9"]:hover {
    background: var(--to-primary) !important;
    color: #fff !important;
  }
  /* 覆盖登录按钮内联SVG fill:#00A0E9 */
  body .pc-login a[style*="color:#00A0E9"] svg,
  body .pc-login a[style*="color:#00A0E9"] svg path,
  body .main-nav a[style*="color:#00A0E9"] svg,
  body .main-nav a[style*="color:#00A0E9"] svg path,
  body .pc-login a[style*="border:1.5px solid #00A0E9"] svg,
  body .pc-login a[style*="border:1.5px solid #00A0E9"] svg path,
  body .main-nav a[style*="border:1.5px solid #00A0E9"] svg,
  body .main-nav a[style*="border:1.5px solid #00A0E9"] svg path {
    fill: var(--to-primary) !important;
  }

  /* 12. 首页user-btn在PC端隐藏（已有login-link文字按钮，避免重复）*/
  body .header .user-btn {
    display: none !important;
  }

  /* 13. 首页搜索框紧凑 */
  body .header .search-box {
    flex-shrink: 0 !important;
    margin: 0 8px !important;
  }

  /* 14. 首页desktop-phone确保显示且靠右 */
  body .header .desktop-phone {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
  }

  /* 15. logo文字统一深色（覆盖内联color:#fff） */
  body .header .mobile-logo-text,
  body .header .logo-text,
  body .header .pc-logo-text,
  body .main-nav .container > a > span[style*="color:#333"],
  body .pc-header .pc-logo-text {
    color: #333 !important;
    font-weight: 700 !important;
  }

  /* 16. news页面main-nav改为fixed后，body需要padding-top */
  body:has(.main-nav) {
    padding-top: 64px !important;
  }

  /* 17. PC端隐藏移动端header */
  body .mobile-header {
    display: none !important;
  }

  /* 18. 搜索框强制无浅蓝色边框/阴影 */
  body .search-inline .search-input-wrap,
  body .search-inline .search-input-wrap:hover,
  body .search-inline .search-input-wrap:focus-within {
    border-color: #4db8e8 !important;
    box-shadow: none !important;
    outline: none !important;
  }
  body .search-inline .search-input,
  body .search-inline .search-input:focus,
  body .search-inline .search-input:hover {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }
  body .search-box-inner,
  body .search-box-inner:hover,
  body .search-box-inner:focus-within {
    border-color: #4db8e8 !important;
    box-shadow: none !important;
    outline: none !important;
  }
}

/* ===== 二十二、搜索框浅蓝色边框强制清除（全局覆盖） ===== */
/* 覆盖 search_box.php 输出的内联样式 */
body .search-inline .search-input-wrap,
body .search-inline .search-input-wrap:hover,
body .search-inline .search-input-wrap:focus-within,
body .search-inline .search-input-wrap:focus {
  border-color: #4db8e8 !important;
  box-shadow: none !important;
  outline: none !important;
  outline-width: 0px !important;
  outline-style: none !important;
}
body .search-box-inner .search-input-wrap,
body .search-box-inner .search-input-wrap:hover,
body .search-box-inner .search-input-wrap:focus-within,
body .search-box-inner .search-input-wrap:focus {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
body .search-inline .search-box-inner .search-input-wrap,
body .search-inline .search-box-inner .search-input-wrap:hover,
body .search-inline .search-box-inner .search-input-wrap:focus-within {
  border-color: #4db8e8 !important;
}
body .search-box,
body .search-box:hover,
body .search-box:focus-within,
body .m-header .search-box,
body .m-header .search-box:hover,
body .m-header .search-box:focus-within {
  border-color: #4db8e8 !important;
  box-shadow: none !important;
  outline: none !important;
}
body .search-input,
body .search-input:hover,
body .search-input:focus,
body .search-input:focus-visible,
body .search-input:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
body .search-input-wrap input,
body .search-input-wrap input:hover,
body .search-input-wrap input:focus,
body .search-input-wrap input:focus-visible,
body .search-input-wrap input:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
/* 清除WebKit搜索框默认样式 */
body input[type="search"]::-webkit-search-decoration,
body input[type="search"]::-webkit-search-cancel-button,
body input[type="search"]::-webkit-search-results-button,
body input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
}
/* 清除所有搜索相关元素的focus ring */
body [class*="search"]:focus,
body [class*="search"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* ===== 二十三、电话号码颜色强制红色（覆盖#00A0E9蓝色/#FF6B35橙色）===== */
/* 覆盖列表页CSS中的.pc-phone color:#00A0E9 */
.pc-phone,
.pc-phone span,
.pc-phone a,
.desktop-phone,
.desktop-phone span,
.desktop-phone a,
.phone-display,
.phone-display a,
.phone-display span,
.bb-phone,
.bb-phone a,
.bb-phone span {
  color: var(--to-accent) !important;
}
.pc-phone svg,
.pc-phone svg path,
.desktop-phone svg,
.desktop-phone svg path,
.phone-display svg,
.phone-display svg path,
.bb-phone svg,
.bb-phone svg path {
  fill: var(--to-accent) !important;
}

/* 覆盖news页面内联 style="color:#00A0E9" 的电话div */
.main-nav div[style*="color:#00A0E9"],
.main-nav div[style*="color: #00A0E9"] {
  color: var(--to-accent) !important;
}
.main-nav div[style*="color:#00A0E9"] span,
.main-nav div[style*="color: #00A0E9"] span,
.main-nav div[style*="color:#00A0E9"] a,
.main-nav div[style*="color: #00A0E9"] a {
  color: var(--to-accent) !important;
}
.main-nav div[style*="color:#00A0E9"] svg,
.main-nav div[style*="color: #00A0E9"] svg,
.main-nav div[style*="color:#00A0E9"] svg path,
.main-nav div[style*="color: #00A0E9"] svg path {
  fill: var(--to-accent) !important;
}

/* 覆盖header.php内联 style="color:#FF6B35" 的电话 */
.phone-display a[style*="color:#FF6B35"],
.phone-display a[style*="color: #FF6B35"],
.header .pc-phone span[style*="color:#FF6B35"],
.header .pc-phone span[style*="color: #FF6B35"],
.nav-right .pc-phone span[style*="color:#FF6B35"],
.nav-right .pc-phone span[style*="color: #FF6B35"] {
  color: var(--to-accent) !important;
}

/* ===== 二十四、移动端登录按钮优化（隐藏文字按钮，仅保留图标）===== */
@media (max-width: 767px) {
  /* 隐藏PC端导航和桌面端特定元素 */
  body .header .desktop-nav,
  body .header .desktop-phone,
  body .header-inner .pc-nav,
  body .bb-header .bb-nav {
    display: none !important;
  }

  /* 隐藏PC端登录文字按钮（user-btn图标按钮已够用） */
  body .header .login-link,
  body .header .login-link.logged-in,
  body .header .desktop-login,
  body .header .login-link.desktop-login {
    display: none !important;
  }

  /* 移动端隐藏上海热门写字楼楼盘 */
  body .recom-loupan {
    display: none !important;
  }

  /* 移动端隐藏房源卡片上的行业/类型标签 */
  body .home-rent-tags,
  body .m-tags {
    display: none !important;
  }

  /* 移动端价格区域：单价和总价在同一行显示，底部对齐 */
  body .m-card .m-price {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  body .m-card .m-price-row {
    margin: 0 !important;
    display: inline !important;
    line-height: 1 !important;
  }
  body .m-card .m-price-total {
    color: #999 !important;
  }
  body .m-card .m-price-total .p-num {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #999 !important;
    line-height: 1 !important;
  }
  body .m-card .m-price-total .p-unit {
    font-size: 12px !important;
    color: #999 !important;
    line-height: 1 !important;
  }
  body .m-card .m-price-unit .p-num {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #CC2929 !important;
    line-height: 1 !important;
  }
  body .m-card .m-price-unit .p-unit {
    font-size: 12px !important;
    color: #CC2929 !important;
    line-height: 1 !important;
  }

  /* 用户图标按钮缩小并显示（替代文字登录按钮） */
  .header .user-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0 !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
  }
  .header .user-btn svg {
    width: 20px !important;
    height: 20px !important;
    fill: #555 !important;
  }

  /* 移动端header加高 */
  body .header {
    height: 62px !important;
    padding: 0 12px !important;
  }

  /* Logo放大 - 增加权重覆盖内联样式 */
  body .header > a:first-child,
  body .header .logo,
  body .header .logo-link,
  body .header a[href="/"] {
    flex-shrink: 0 !important;
  }
  body .header > a:first-child img,
  body .header .logo img,
  body .header .logo-link img,
  body .header a[href="/"] img {
    height: 36px !important;
    width: auto !important;
    max-height: 36px !important;
  }
  body .header .logo-icon,
  body .header .pc-logo-icon {
    width: 36px !important;
    height: 36px !important;
  }

  /* 搜索框加宽加高 */
  body .header .search-box {
    margin: 0 12px !important;
    flex: 1 1 auto !important;
    flex-grow: 1 !important;
  }
  body .header .search-input {
    height: 42px !important;
    font-size: 14px !important;
    padding: 0 14px 0 42px !important;
  }
  body .header .search-icon {
    width: 18px !important;
    height: 18px !important;
  }
}

/* ===== PC 导航响应式适配：防止链接被左右两侧元素遮挡 ===== */
/* 大屏：链接自动展开铺满 */
@media (min-width: 1320px) {
  body .desktop-nav,
  body .pc-nav,
  body .bb-nav,
  body .h_new_links {
    justify-content: space-between !important;
  }
  body .desktop-nav a,
  body .pc-nav a,
  body .bb-nav a,
  body .h_new_links li a {
    padding: 0 16px !important;
    font-size: 15px !important;
  }
}

/* 中屏：进一步压缩链接、电话、登录，确保 1280px 左右也能完整显示 */
@media (min-width: 768px) and (max-width: 1319px) {
  body .desktop-nav a,
  body .pc-nav a,
  body .bb-nav a,
  body .h_new_links li a {
    padding: 0 10px !important;
    font-size: 14px !important;
  }
  body .pc-phone span,
  body .bb-phone span,
  body .desktop-phone span {
    font-size: 16px !important;
  }
  body .pc-login .login-link,
  body .bb-login a,
  body .h_login a,
  body .login-link {
    font-size: 13px !important;
    padding: 4px 10px !important;
  }
}

/* ===== 移动端顶部header和logo加大（最终覆盖） ===== */
@media (max-width: 767px) {
  html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
  }
  body {
    min-height: 100%;
    height: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  html body .header {
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 14px !important;
    background: #fff !important;
  }
  html body .wrap-box {
    padding-top: 70px !important;
    min-height: 100%;
    box-sizing: border-box;
  }
  html body .header > a:first-child img,
  html body .header a[href="/"] img,
  html body .header .logo-img {
    height: 36px !important;
    width: auto !important;
    max-height: 36px !important;
    min-height: 36px !important;
  }
  html body .header .search-box {
    margin: 0 14px !important;
    flex: 1 1 auto !important;
    flex-grow: 1 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
  }
  html body .header .search-input {
    height: 44px !important;
    font-size: 15px !important;
    padding: 0 16px 0 44px !important;
    border-radius: 24px !important;
  }
  html body .header .search-icon {
    width: 20px !important;
    height: 20px !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 767px) {
  html body .m-header {
    height: 50px !important;
    padding: 0 12px !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .04) !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: none !important;
  }
  html body .m-header .logo {
    max-width: 36px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
  }
  html body .m-header .logo img {
    height: 36px !important;
    width: auto !important;
    max-width: 36px !important;
    object-fit: contain !important;
  }
  html body .m-header .search-box {
    flex: 1 !important;
    min-width: 0 !important;
    height: 34px !important;
    margin: 0 8px !important;
    border: none !important;
    box-shadow: none !important;
  }
  html body .m-header .search-input {
    height: 34px !important;
    border: 0 !important;
    background: #f2f5f8 !important;
    color: #344054 !important;
    font-size: 13px !important;
    border-radius: 17px !important;
    padding-left: 38px !important;
  }
  html body .m-header .search-icon {
    left: 13px !important;
  }
  html body .m-header .back-btn {
    display: none !important;
  }
  html body .m-header .user-btn {
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body .m-header .user-btn svg {
    width: 22px !important;
    height: 22px !important;
    fill: #344054 !important;
  }
}