/**
 * pc-responsive.css - 全站PC端自适应布局最终版
 * 作用范围：所有PC端页面
 * 核心原则：
 *   1. 普通文字字号全程固定，大屏不放大
 *   2. 租金/电话等重点数字，大屏仅小幅放大 5%~10%
 *   3. 卡片内边距、行间距根据屏幕弹性微调
 *   4. 大屏空白靠增加卡片数量填充，不靠放大文字
 *   5. 普通办公显示器（≤1280px）视觉效果与改版前完全一致
 * 加载位置：在 theme-overrides.css、typography-unify.css 之后引入
 */

/* ============================================================
   一、全局变量（三档分档：基础档 / 大屏档 / 超宽档）
   ============================================================ */

:root {
  --container-max: 1280px;
  --warp: 1280px;
  --container-padding: 0 clamp(20px, 2.5vw, 40px);
  --card-padding: 16px;
  --card-gap: 16px;
  --section-gap: 24px;
  --sidebar-width: 280px;
  --line-height-base: 1.6;
}

/* 大屏容器改为「流式宽度」：随视口增长并填满，仅留极小安全边距，
   不再在宽屏（>1920px）出现两侧大片空白。文字可读性由
   theme-tokens.css / responsive-base.css 的 760px 文本容器独立兜住，
   卡片网格用 auto-fill 自动增加列数填充多出的宽度。 */
@media (min-width: 1201px) {
  :root {
    --container-max: min(96vw, 2200px);
    --warp: min(96vw, 2200px);
    --container-padding: 0 clamp(20px, 2.5vw, 40px);
    --card-padding: 16px;
    --card-gap: 18px;
    --section-gap: 28px;
    --sidebar-width: 290px;
    --line-height-base: 1.65;
  }
}

@media (min-width: 1440px) {
  :root {
    --container-max: min(96vw, 2600px);
    --warp: min(96vw, 2600px);
    --container-padding: 0 clamp(20px, 2.5vw, 48px);
    --card-padding: 18px;
    --card-gap: 20px;
    --section-gap: 32px;
    --sidebar-width: 320px;
    --line-height-base: 1.7;
  }
}

@media (min-width: 1920px) {
  :root {
    --container-max: min(97vw, 3200px);
    --warp: min(97vw, 3200px);
    --container-padding: 0 clamp(20px, 2.5vw, 60px);
    --card-padding: 20px;
    --card-gap: 24px;
    --section-gap: 40px;
    --sidebar-width: 340px;
    --line-height-base: 1.75;
  }
}

/* ============================================================
   二、全局主容器自适应（仅PC端 ≥768px）
   ============================================================ */

@media (min-width: 768px) {
.container,
.wrap,
.pc-wrap,
.pc-header-inner,
.pc-topbar,
.pc-topbar-inner,
.pc-breadcrumb,
.pc-breadcrumb-ext,
.pc-filter-wrap,
.pc-filter-inner,
.pc-sortbar,
.pc-page,
.breadcrumb-row,
.hot-tag,
.office-list,
.news-box .cont-title,
.news-list,
.news-rich-inner,
.news-rich-head,
.news-hot-tags,
.bb-footer .wrap,
.footer-contact-inner,
.footer-legal-inner,
.footer-nav-inner,
.guess-wrap,
.guess-like,
.detail-wrap,
.detail-top,
.warp,
.guess-like-section,
.bot-wrap,
.bot-copyright-wrap,
.desktop-faq-near-footer,
.recom-loupan .scroll-wrap,
.recom-loupan .cont-title,
.hot-office .cont-title,
.hot-business-districts .cont-title,
.header-inner,
.top-bar-inner,
.nav-inner,
.page-container,
.page-header-inner,
.search-container,
.calculator-container,
.hot-page,
.contact-page,
.property-data-declaration,
.faq-section,
.desktop-faq-section,
.footer-panel-inner,
.footer-copyright-inner,
.hero-search.no-banner,
.recom-loupan .section-intro,
.home-tabs-content,
.biz-section-head,
.biz-grid,
.home-pc-building-list,
.home-pc-office-list,
.section-more-btn {
  width: 100% !important;
  max-width: var(--container-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 2.5vw, 40px) !important;
  padding-right: clamp(20px, 2.5vw, 40px) !important;
  box-sizing: border-box !important;
}

.biz-grid,
.home-pc-building-list,
.news-list {
  padding-left: clamp(20px, 2.5vw, 40px) !important;
  padding-right: clamp(20px, 2.5vw, 40px) !important;
}

.home-pc-office-list {
  padding-left: clamp(20px, 2.5vw, 40px) !important;
  padding-right: clamp(20px, 2.5vw, 40px) !important;
}
}

/* 兜底：覆盖 PHP 内联 style 中的 max-width 硬编码（仅PC端） */
@media (min-width: 768px) {
[style*="max-width:1200px"],
[style*="max-width:1280px"],
[style*="max-width: 1200px"],
[style*="max-width: 1280px"],
[style*="max-width:1600px"],
[style*="max-width: 1600px"],
[style*="max-width:min("],
[style*="width:1200px"],
[style*="width: 1200px"],
[style*="width:1280px"],
[style*="width: 1280px"] {
  max-width: var(--container-max) !important;
  width: 100% !important;
}
}

/* ============================================================
   三、顶部导航栏自适应
   ============================================================ */

@media (min-width: 768px) {
.pc-header-inner,
.header .container,
.bb-header .wrap {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}

.desktop-nav,
.pc-nav,
.bb-nav,
.main-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}
}

@media (min-width: 1440px) {
  .desktop-nav,
  .pc-nav,
  .bb-nav,
  .main-nav {
    gap: 12px !important;
  }
}

@media (min-width: 1920px) {
  .desktop-nav,
  .pc-nav,
  .bb-nav,
  .main-nav {
    gap: 16px !important;
  }
}

/* Logo 尺寸 */
.logo-img,
.pc-logo img,
a[href="/"] img,
a.logo-link img,
a.pc-logo img {
  display: block !important;
  height: 36px !important;
  width: auto !important;
  max-width: 180px !important;
}

@media (min-width: 1440px) {
  .logo-img,
  .pc-logo img,
  a[href="/"] img,
  a.logo-link img,
  a.pc-logo img {
    height: 36px !important;
    max-width: 200px !important;
  }
}

@media (min-width: 1920px) {
  .logo-img,
  .pc-logo img,
  a[href="/"] img,
  a.logo-link img,
  a.pc-logo img {
    height: 36px !important;
    max-width: 220px !important;
  }
}

/* ============================================================
   四、首页轮播 Banner
   ============================================================ */

.banner-hero,
.banner-section,
.hero-banner,
.home-banner {
  min-height: 320px !important;
}

.banner-hero .hero-content,
.banner-section > .relative.z-10,
.home-banner > .relative.z-10 {
  min-height: 320px !important;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 1440px) {
  .banner-hero,
  .banner-section,
  .hero-banner,
  .home-banner {
    min-height: 380px !important;
  }
  .banner-hero .hero-content,
  .banner-section > .relative.z-10,
  .home-banner > .relative.z-10 {
    min-height: 380px !important;
    padding-top: 56px;
    padding-bottom: 56px;
  }
}

@media (min-width: 1920px) {
  .banner-hero,
  .banner-section,
  .hero-banner,
  .home-banner {
    min-height: 440px !important;
  }
  .banner-hero .hero-content,
  .banner-section > .relative.z-10,
  .home-banner > .relative.z-10 {
    min-height: 440px !important;
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

/* ============================================================
   五、列表页筛选栏自适应（标签自动换行）
   ============================================================ */

.pc-filter-opts,
.pc-filter .opts,
.filter-tags,
.filter-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 10px !important;
  align-content: flex-start !important;
}

.pc-filter-opts a,
.pc-filter .opts a,
.filter-tags a,
.filter-options a {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.pc-sub-opts,
.sub-options,
.sub-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
}

@media (min-width: 1440px) {
  .pc-filter-opts,
  .pc-filter .opts,
  .filter-tags,
  .filter-options {
    gap: 6px 16px !important;
  }
}

@media (min-width: 1920px) {
  .pc-filter-opts,
  .pc-filter .opts,
  .filter-tags,
  .filter-options {
    gap: 6px 20px !important;
  }

  .pc-filter-opts a {
    padding: 5px 14px !important;
    font-size: 14px !important;
  }
}

/* ============================================================
   六、双栏布局（左侧内容 + 右侧侧边栏）
   ============================================================ */

.pc-wrap {
  display: flex !important;
  gap: var(--card-gap) !important;
}

.pc-wrap .pc-main {
  flex: 1 !important;
  min-width: 0 !important;
}

.pc-wrap .pc-sidebar,
.pc-wrap > .sidebar {
  width: 280px !important;
  flex-shrink: 0 !important;
}

@media (min-width: 1440px) {
  .pc-wrap .pc-sidebar,
  .pc-wrap > .sidebar {
    width: 320px !important;
  }
}

@media (min-width: 1920px) {
  .pc-wrap .pc-sidebar,
  .pc-wrap > .sidebar {
    width: 340px !important;
  }
}

/* 详情页双栏 */
.detail-wrap {
  display: grid !important;
  gap: 24px !important;
}

@media (min-width: 1024px) {
  .detail-wrap {
    grid-template-columns: minmax(0, 1fr) 280px !important;
  }
}

@media (min-width: 1440px) {
  .detail-wrap {
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 32px !important;
  }
}

@media (min-width: 1920px) {
  .detail-wrap {
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 40px !important;
  }
}

/* ============================================================
   七、房源卡片、列表条目自适应
   ============================================================ */

/* 卡片宽度跟随父容器 */
.pc-card,
.pc-rent-card,
.pc-sale-card,
.pc-building-card,
.pc-gongwei-card,
.pc-creative-card,
.pc-oldhouse-card,
.property-card,
.office-card,
.rent-card,
.sale-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 卡片外层 padding 缩小，让图片紧贴边框 */
.pc-rent-card,
.pc-sale-card,
.pc-building-card,
.pc-gongwei-card,
.pc-creative-card,
.pc-oldhouse-card {
  padding: 2px 4px !important;
}

/* 兜底：colgroup 第1列图片列固定 220px，防止被 flex/table-layout 撑宽 */
.pc-rent-card col:first-child,
.pc-sale-card col:first-child,
.pc-gongwei-card col:first-child,
.pc-building-card col:first-child,
.pc-oldhouse-card col:first-child {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}
.pc-rent-card col:last-child,
.pc-sale-card col:last-child,
.pc-gongwei-card col:last-child,
.pc-building-card col:last-child,
.pc-oldhouse-card col:last-child {
  width: 190px !important;
  min-width: 190px !important;
}

/* 兜底：img-cell td 强制 220px + 图片顶部对齐 */
.pc-rent-img-cell,
.pc-sale-img-cell,
.pc-gongwei-img-cell,
.pc-building-img-cell,
.pc-oldhouse-card td:first-child {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  min-height: 165px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  vertical-align: top !important;
}

.pc-rent-info-cell,
.pc-sale-info-cell,
.pc-gongwei-info-cell,
.pc-building-info-cell,
.pc-oldhouse-card td:nth-child(2) {
  vertical-align: top !important;
}

.pc-rent-price-cell,
.pc-sale-price-cell,
.pc-gongwei-price-cell,
.pc-building-price-cell,
.pc-oldhouse-card td:nth-child(3) {
  vertical-align: top !important;
}
/* 兜底覆盖 info-cell 内联 style — 左右留间距 */
.pc-rent-info-cell,
.pc-sale-info-cell,
.pc-gongwei-info-cell,
.pc-building-info-cell,
.pc-oldhouse-info-cell {
  padding-left: 12px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  text-align: left !important;
}

/* 价格数字右对齐（覆盖可能的子元素 text-align） */
.pc-rent-price-cell .pc-rent-price-line,
.pc-sale-price-cell .pc-sale-price-line,
.pc-gongwei-price-cell .pc-gongwei-price-line {
  text-align: right !important;
  white-space: nowrap;
}

/* price-cell 内 update + follow 两行间距 */
.pc-rent-update, .pc-sale-update, .pc-building-update, .pc-gongwei-update, .pc-creative-update, .pc-oldhouse-update {
  margin-top: 6px;
}
.pc-rent-follow, .pc-sale-follow, .pc-building-follow, .pc-gongwei-follow, .pc-creative-follow, .pc-oldhouse-follow {
  margin-top: 2px;
}

/* 卡片内边距弹性微调 */
.pc-card .info,
.pc-rent-card .info,
.pc-sale-card .info,
.office-card .info,
.property-card .body {
  padding: 12px !important;
  line-height: var(--line-height-base) !important;
}

@media (min-width: 1440px) {
  .pc-card .info,
  .pc-rent-card .info,
  .pc-sale-card .info,
  .office-card .info,
  .property-card .body {
    padding: 14px !important;
  }
}

@media (min-width: 1920px) {
  .pc-card .info,
  .pc-rent-card .info,
  .pc-sale-card .info,
  .office-card .info,
  .property-card .body {
    padding: 16px !important;
  }
}

/* 卡片图片保持 4:3 比例，尺寸不变 */
.pc-card .pc-img,
.pc-rent-card .pc-img,
.pc-sale-card .pc-img,
.pc-building-card .pc-img,
.pc-card img,
.property-card img,
.office-card img,
.rent-card img,
.sale-card img,
.card-img,
.list-img {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: 165px !important;
  min-height: 165px !important;
  max-height: 165px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  aspect-ratio: 4 / 3 !important;
}

@media (min-width: 1440px) {
  body .pc-rent-table colgroup col:nth-child(1),
  body .pc-sale-table colgroup col:nth-child(1),
  body .pc-gongwei-table colgroup col:nth-child(1),
  body .pc-building-table colgroup col:nth-child(1),
  body table.pc-rent-table col:nth-child(1),
  body table.pc-sale-table col:nth-child(1),
  .pc-card .pc-img,
  .pc-rent-card .pc-img,
  .pc-sale-card .pc-img,
  .pc-building-card .pc-img,
  body .pc-rent-img-cell,
  body .pc-sale-img-cell,
  body .pc-gongwei-img-cell,
  body .pc-building-img-cell {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
  }

  body .pc-rent-img-cell img,
  body .pc-sale-img-cell img,
  body .pc-gongwei-img-cell img,
  body .pc-building-img-cell img,
  .pc-card .pc-img img,
  .pc-rent-card .pc-img img,
  .pc-sale-card .pc-img img,
  .pc-building-card .pc-img img {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }

  body .pc-rent-table colgroup col:nth-child(3),
  body .pc-sale-table colgroup col:nth-child(3),
  body .pc-gongwei-table colgroup col:nth-child(3),
  body .pc-building-table colgroup col:nth-child(3),
  body .pc-rent-price-cell,
  body .pc-sale-price-cell,
  body .pc-gongwei-price-cell,
  body .pc-building-price-cell,
  .pc-price-col {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
}

@media (min-width: 1920px) {
  body .pc-rent-table colgroup col:nth-child(1),
  body .pc-sale-table colgroup col:nth-child(1),
  body .pc-gongwei-table colgroup col:nth-child(1),
  body .pc-building-table colgroup col:nth-child(1),
  .pc-card .pc-img,
  .pc-rent-card .pc-img,
  .pc-sale-card .pc-img,
  .pc-building-card .pc-img,
  body .pc-rent-img-cell,
  body .pc-sale-img-cell,
  body .pc-gongwei-img-cell,
  body .pc-building-img-cell {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
  }

  body .pc-rent-img-cell img,
  body .pc-sale-img-cell img,
  body .pc-gongwei-img-cell img,
  body .pc-building-img-cell img,
  .pc-card .pc-img img,
  .pc-rent-card .pc-img img,
  .pc-sale-card .pc-img img,
  .pc-building-card .pc-img img {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: 195px !important;
    min-height: 195px !important;
    max-height: 195px !important;
  }

  body .pc-rent-table colgroup col:nth-child(3),
  body .pc-sale-table colgroup col:nth-child(3),
  body .pc-gongwei-table colgroup col:nth-child(3),
  body .pc-building-table colgroup col:nth-child(3),
  body .pc-rent-price-cell,
  body .pc-sale-price-cell,
  body .pc-gongwei-price-cell,
  body .pc-building-price-cell,
  .pc-price-col {
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }
}

/* ============================================================
   八、网格布局卡片（商圈、楼盘、新闻等）
   ============================================================ */

.building-list,
.building-grid,
.buildings-grid,
.biz-grid,
.cards-grid,
.hot-buildings-grid,
.recom-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 16px !important;
}

.news-list,
.article-list,
.news-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 20px !important;
}

@media (min-width: 1440px) {
  .building-list,
  .building-grid,
  .buildings-grid,
  .biz-grid,
  .cards-grid,
  .hot-buildings-grid,
  .recom-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 20px !important;
  }
  .news-list,
  .article-list,
  .news-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 24px !important;
  }
}

@media (min-width: 1920px) {
  .building-list,
  .building-grid,
  .buildings-grid,
  .biz-grid,
  .cards-grid,
  .hot-buildings-grid,
  .recom-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 24px !important;
  }
  .news-list,
  .article-list,
  .news-grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 28px !important;
  }
}

/* ============================================================
   九、详情页内容自适应
   ============================================================ */

.detail-main-img,
.detail-gallery-main,
.building-main-img,
.property-main-img {
  width: 100% !important;
  height: 360px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

@media (min-width: 1440px) {
  .detail-main-img,
  .detail-gallery-main,
  .building-main-img,
  .property-main-img {
    height: 420px !important;
    border-radius: 10px !important;
  }
}

@media (min-width: 1920px) {
  .detail-main-img,
  .detail-gallery-main,
  .building-main-img,
  .property-main-img {
    height: 480px !important;
    border-radius: 12px !important;
  }
}

/* 详情页正文行间距弹性微调 */
.detail-content,
.detail-body,
.detail-info,
.house-desc,
.building-desc {
  line-height: var(--line-height-base) !important;
}

/* ============================================================
   十、重点数字（租金、电话）大屏仅小幅放大 5%~10%
   ============================================================ */

/* 租金价格 - 大屏放大8%左右（24→26） */
.pc-price,
.price,
.rent-price,
.sale-price,
.house-price {
  font-size: 24px !important;
}

@media (min-width: 1920px) {
  .pc-price,
  .price,
  .rent-price,
  .sale-price,
  .house-price {
    font-size: 26px !important;
  }
}

/* 联系电话 - 大屏放大约11%（18→20） */
.pc-phone,
.phone-num,
.tel-num,
.contact-phone {
  font-size: 18px !important;
}

@media (min-width: 1920px) {
  .pc-phone,
  .phone-num,
  .tel-num,
  .contact-phone {
    font-size: 20px !important;
  }
}

/* ============================================================
   十一、底部导航区域
   ============================================================ */

.bot-nav-section .bot-wrap {
  padding-left: 15px !important;
  padding-right: calc(15px + 300px) !important;
}

.bot-service-box {
  right: 15px !important;
  width: 300px !important;
}

@media (min-width: 1440px) {
  .bot-nav-section .bot-wrap {
    padding-left: 24px !important;
    padding-right: calc(24px + 320px) !important;
  }
  .bot-service-box {
    right: 24px !important;
    width: 320px !important;
  }
}

@media (min-width: 1920px) {
  .bot-nav-section .bot-wrap {
    padding-left: 32px !important;
    padding-right: calc(32px + 360px) !important;
  }
  .bot-service-box {
    right: 32px !important;
    width: 360px !important;
  }
}

@media (max-width: 991px) {
  .bot-nav-section .bot-wrap {
    flex-direction: column !important;
    padding-right: 15px !important;
    min-height: auto !important;
  }
  .bot-nav-wrap {
    padding-right: 0 !important;
  }
  .bot-service-box {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 16px;
  }
}

/* ============================================================
   十二、首页图片修复：确保初始显示，不依赖 hover
   ============================================================ */

.home-building-img,
.lp-card .thumb img,
.office-list .thumb img,
.building-card img,
.biz-card img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* ============================================================
   十三、保护轮播图容器
   ============================================================ */

.swiper-main,
.swiper-main .swiper-wrapper,
.swiper-main .swiper-slide,
.swiper-main .swiper-slide img {
  max-width: 100% !important;
  width: 100% !important;
}

.swiper-main .swiper-slide img {
  height: 100% !important;
  object-fit: cover !important;
}

/* ============================================================
   十三-B、详情页轮播图放开 650px 锁死 + 右侧栏自适应
   覆盖 property.css / detail-common.css 里的硬编码
   ============================================================ */

@media (min-width: 1024px) {
  .imgBox,
  .gallery-top {
    max-width: none !important;
    width: 100% !important;
  }
}

@media (min-width: 1025px) {
  .warp .content-row .rightBox,
  .warp .rightBox,
  .warp .house-about {
    width: 300px !important;
    flex-basis: 300px !important;
  }
}

@media (min-width: 1440px) {
  .warp .content-row .rightBox,
  .warp .rightBox,
  .warp .house-about {
    width: 320px !important;
    flex-basis: 320px !important;
  }
}

@media (min-width: 1920px) {
  .warp .content-row .rightBox,
  .warp .rightBox,
  .warp .house-about {
    width: 340px !important;
    flex-basis: 340px !important;
  }
}

/* ============================================================
   十三-C、sale/buildings/rent 详情页轮播图 + 容器自适应
   覆盖内联 <style> 和 detail-sale.css / property.css 里的硬编码
   ============================================================ */

@media (min-width: 1440px) {
  :root {
    --warp: 1700px;
  }

  .loupaninfo,
  .h_header_new,
  .list_postion,
  .guess-like,
  .footer-inner,
  .detail-top,
  .detail-wrap,
  .guess-like-section {
    max-width: var(--container-max) !important;
    width: 100% !important;
  }

  .info-row,
  .img-info-row {
    gap: 32px !important;
  }

  .img-area,
  .imgBox {
    flex: 1 !important;
    flex-basis: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .house-about {
    flex: 0 0 300px !important;
    width: 300px !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    display: block !important;
    flex-direction: initial !important;
  }

  .swiper-main,
  .swiper-main .swiper-wrapper,
  .swiper-main .swiper-slide,
  .swiper-main .swiper-slide img {
    max-width: none !important;
    width: 100% !important;
  }

  .swiper-main .swiper-slide,
  .img-placeholder {
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
  }

  .detail-right {
    width: 300px !important;
    flex-basis: 300px !important;
  }

  .gallery-top,
  .gallery-top .swiper-slide,
  .gallery-top .swiper-slide img {
    max-width: none !important;
    width: 100% !important;
  }

  .gallery-top .swiper-slide {
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
  }
}

@media (min-width: 1920px) {
  :root {
    --warp: 1800px;
  }

  .info-row,
  .img-info-row {
    gap: 40px !important;
  }

  .swiper-main .swiper-slide,
  .img-placeholder {
    aspect-ratio: 16 / 9 !important;
  }

  .detail-right {
    width: 320px !important;
    flex-basis: 320px !important;
  }

  .house-about {
    width: 320px !important;
    flex-basis: 320px !important;
  }

  .gallery-top .swiper-slide {
    aspect-ratio: 16 / 9 !important;
  }

  .gallery-thumbs .swiper-slide,
  .swiper-thumbs .swiper-slide {
    height: 90px !important;
  }
}

/* ============================================================
   十三-D、统一 sale/building/creative/oldhouse 详情页轮播图尺寸
   镜像 rent 详情页 property/index.php 的内联 PC 断点样式
   ============================================================ */

@media (min-width: 768px) {
  .info-row {
    gap: 22px !important;
    padding: 16px 18px !important;
  }

  .imgBox {
    flex: 0 0 56% !important;
    width: 56% !important;
    max-width: 640px !important;
    min-width: 0 !important;
  }

  .house-about {
    flex: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-shrink: 1 !important;
  }

  .gallery-top {
    max-width: 100% !important;
  }

  .gallery-top .swiper-slide {
    height: 360px !important;
  }

  .imgBox .placeholder,
  .placeholder {
    height: 360px !important;
  }

  .gallery-thumbs .swiper-slide {
    height: 62px !important;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .info-row {
    gap: 16px !important;
    padding: 14px 16px !important;
  }

  .imgBox {
    flex-basis: 52% !important;
    width: 52% !important;
  }

  .gallery-top .swiper-slide {
    height: 310px !important;
  }

  .imgBox .placeholder,
  .placeholder {
    height: 310px !important;
  }
}

@media (min-width: 1180px) {
  .imgBox {
    flex-basis: 58% !important;
    width: 58% !important;
  }

  .gallery-top .swiper-slide {
    height: 390px !important;
  }

  .imgBox .placeholder,
  .placeholder {
    height: 390px !important;
  }
}

/* ============================================================
   十三-E、详情页 .house-about 右侧栏默认不收缩
   ============================================================ */

@media (min-width: 768px) and (max-width: 1439px) {
  .house-about {
    width: auto !important;
    flex-basis: 0 !important;
    flex-shrink: 1 !important;
  }
}

/* ============================================================
   十三-F、底部导航区 bot-link-grid 多行居中 + 间距优化
   覆盖内联样式 + theme-overrides.css 的可能干扰
   ============================================================ */

@media (min-width: 1024px) {
  .bot-nav-section .bot-link-grid {
    justify-content: flex-start !important;
    column-gap: 18px !important;
    row-gap: 6px !important;
    padding: 8px 0 !important;
  }

  .bot-nav-section .bot-nav-wrap {
    padding-right: 0 !important;
  }
}

@media (min-width: 1440px) {
  .bot-nav-section .bot-nav-wrap {
    padding-right: 0 !important;
  }
}

@media (min-width: 1920px) {
  .bot-nav-section .bot-nav-wrap {
    padding-right: 0 !important;
  }
}

/* ============================================================
   十四、小屏 PC 端（≤1023px）兼容
   ============================================================ */

@media (min-width: 768px) and (max-width: 1023px) {
  .pc-wrap {
    flex-direction: column !important;
  }
  .pc-wrap .pc-sidebar,
  .pc-wrap > .sidebar {
    width: 100% !important;
    order: -1;
  }
}

/* ===== 打印模式不缩放 ===== */
@media print {
  html { font-size: 14px !important; }
  .container { max-width: 100% !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: #fff !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: #000 !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: #17A1E6 !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: #fff !important;
    box-shadow: none !important;
    border-bottom: none !important;
  }

  body .header span {
    color: #000 !important;
  }

  body .crumbs-bar .crumbs a {
    color: #595959 !important;
  }
  body .crumbs-bar .crumbs a:hover {
    color: #17A1E6 !important;
  }
  body .crumbs-bar .crumbs span {
    color: #595959 !important;
  }
  body .crumbs-bar .crumbs .crumb-current {
    color: #595959 !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: #e74c3c !important;
}

body .header .pc-phone span,
body .pc-header .pc-phone span,
body .bb-header .pc-phone span {
  color: #e74c3c !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: #e74c3c !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: flex-start !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: #00A0E9 !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: #00A0E9 !important;
}

/* ============================================================
   首页热门办公室出租房源：单列布局（容器级，卡片样式与 /rent/ 列表页统一）
   ============================================================ */
@media (min-width: 768px) {
  .home-pc-office-list {
    display: block !important;
    max-width: none !important;
    width: 100% !important;
    padding: clamp(10px, 1.5vw, 20px) clamp(20px, 3vw, 40px) !important;
    box-sizing: border-box !important;
  }
  .home-pc-office-list .pc-rent-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
    display: block !important;
    float: none !important;
  }
}

/* ================================================================
   全站字体与卡片统一规范 (PC端 ≥768px)
   覆盖所有内联样式与页面差异，保证全站视觉一致
   字号基准（固定不变）：
     T1 Hero大标题:   28px
     T2 区块标题:     18px
     T3 卡片标题:     16px
     T4 正文/地址:    13px
     T5 辅助文字/标签: 12px
     T6 微小文字:     11px
     导航文字:        15px
     价格数字:        24px  (1920px+ → 26px, +8%)
     联系电话:        18px  (1920px+ → 20px, +11%)
   ================================================================ */
@media (min-width: 768px) {

  /* ---------- 导航文字统一：15px ---------- */
  .desktop-nav a,
  .header nav a,
  .pc-header nav a,
  .main-nav a,
  .top-nav a {
    font-size: 15px !important;
  }

  /* ---------- T2 区块标题统一：18px/500 ---------- */
  .cont-title h2,
  .cont-title h3,
  .biz-section-head h2,
  .section-title h2,
  .section-title h3,
  .hot-office .cont-title h2,
  .recom-loupan .cont-title h2,
  .hot-business-districts .cont-title h2,
  .news-box .cont-title h2,
  .faq-section .cont-title h2,
  .property-service-title,
  .sec-title,
  .sidebar-title,
  .guess-like h2 {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #222 !important;
  }

  /* ---------- T3 卡片标题统一：16px/600 ----------
     覆盖首页/列表页/详情页所有房源、楼盘、商圈、资讯卡片标题 */
  .pc-rent-card .pc-rent-title,
  .pc-sale-card .pc-sale-title,
  .pc-building-card .pc-building-title,
  .pc-gongwei-card .pc-gongwei-title,
  .pc-oldhouse-card > div:first-child > div:first-child,
  .home-rent-title,
  .recom-loupan .lp-info h3,
  .recom-loupan .lp-info h3 a,
  .recom-loupan .lp-card h4,
  .biz-name,
  .biz-bname,
  .news-card h3,
  .news-card h3 a,
  .news-list .content h4,
  .news-title,
  .guess-card .gc-name,
  .guess-card .gc-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #222 !important;
  }

  /* ---------- T4 正文/地址/面积描述统一：13px ----------
     覆盖所有卡片地址行、楼盘名、面积、装修、标签描述 */
  .pc-rent-card .pc-rent-info-line,
  .pc-rent-card .pc-rent-building,
  .pc-rent-card .pc-rent-building a,
  .pc-rent-card .pc-rent-building span,
  .pc-rent-card .pc-rent-location,
  .pc-rent-card .pc-rent-info-line a,
  .pc-sale-card .pc-sale-building,
  .pc-sale-card .pc-sale-building a,
  .pc-sale-card .pc-sale-location,
  .pc-building-card .pc-building-building,
  .pc-building-card .pc-building-building a,
  .pc-building-card .pc-building-location,
  .pc-gongwei-card .pc-gongwei-building,
  .pc-gongwei-card .pc-gongwei-building a,
  .pc-gongwei-card .pc-gongwei-location,
  .home-rent-build,
  .home-rent-addr,
  .recom-loupan .lp-loc,
  .biz-buildings,
  .news-summary,
  .news-meta,
  .faq-a,
  .guess-card .gc-area,
  .guess-card .gc-meta {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #555 !important;
  }

  /* 分隔符 | 与地址文字同大小 */
  .pc-rent-card .pc-rent-building span[style*="color:#ddd"],
  .pc-sale-card .pc-sale-building span[style*="color:#ddd"],
  .pc-building-card .pc-building-building span[style*="color:#ddd"],
  .pc-gongwei-card .pc-gongwei-building span[style*="color:#ddd"] {
    font-size: 13px !important;
  }

  /* ---------- T5 辅助文字/筛选标签/按钮统一：12px ---------- */
  .hot-tag a,
  .filter-tag,
  .filter-item,
  .quick-tags a,
  .tag-group span,
  .home-rent-tags span,
  .pc-rent-card .pc-rent-tags span,
  .pc-sale-card .pc-sale-tags span,
  .pc-building-card .pc-building-tags span,
  .pc-gongwei-card .pc-gongwei-tags span,
  .biz-more,
  .more-btn,
  .more-btn .txt,
  .section-more-btn,
  .faq-more-btn,
  .home-rent-commission,
  .cm-tag,
  .search-tabs a,
  .bot-logo-sub,
  .news-meta .cat {
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #666 !important;
  }

  /* 佣金标签保持红色 */
  .cm-tag,
  .home-rent-commission {
    color: #CC2929 !important;
  }

  /* ---------- T6 微小文字/单位/日期统一：11px ---------- */
  .pc-rent-price-unit,
  .pc-sale-price-unit,
  .pc-gongwei-price-unit,
  .home-rent-price-unit,
  .home-rent-month,
  .home-rent-date,
  .pc-rent-update,
  .pc-sale-update,
  .pc-building-update,
  .pc-creative-update,
  .pc-gongwei-update,
  .pc-oldhouse-update,
  .recom-loupan .lp-price .unit,
  .recom-loupan .lp-price .cur {
    font-size: 11px !important;
    color: #999 !important;
  }

  /* ---------- 价格数字统一：24px/600 ----------
     全站所有价格数字统一为24px，仅1920px+大屏放大到26px */
  .pc-rent-price-num,
  .pc-sale-price-num,
  .pc-building-price-num,
  .pc-gongwei-price-num,
  .pc-creative-price-num,
  .pc-oldhouse-price-num,
  .home-rent-price,
  .recom-loupan .lp-price .num,
  .p-num,
  [class*="price-num"] {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #CC2929 !important;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
    letter-spacing: 0 !important;
  }

  /* 价格单位保持红色但字号小 */
  .pc-rent-price-unit,
  .home-rent-price-unit {
    color: #CC2929 !important;
    font-weight: 600 !important;
  }

  /* 总价行文字 — 灰色小字，但总价数字用红色 */
  .pc-price-total .pc-rent-price-num {
    color: #999 !important;
  }
  .pc-price-total .pc-rent-price-unit {
    color: #999 !important;
  }

  /* ---------- 联系电话统一：18px/600 ---------- */
  .desktop-phone,
  .pc-phone,
  .bot-tel,
  .footer-phone strong,
  [class*="phone-num"],
  [class*="tel-num"] {
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  /* ---------- 1920px+大屏：价格&电话仅放大5%-10% ---------- */
  @media (min-width: 1920px) {
    .pc-rent-price-num,
    .pc-sale-price-num,
    .pc-building-price-num,
    .pc-gongwei-price-num,
    .pc-creative-price-num,
    .pc-oldhouse-price-num,
    .home-rent-price,
    .recom-loupan .lp-price .num,
    .p-num,
    [class*="price-num"] {
      font-size: 26px !important; /* +8% */
    }
    .desktop-phone,
    .pc-phone,
    .bot-tel,
    .footer-phone strong,
    [class*="phone-num"],
    [class*="tel-num"] {
      font-size: 20px !important; /* +11% */
    }
  }

  /* ---------- 卡片内边距统一：弹性调整，宽屏不空旷窄屏不挤 ---------- */
  .pc-rent-card,
  .pc-sale-card,
  .pc-building-card,
  .pc-gongwei-card,
  .pc-creative-card,
  .pc-oldhouse-card {
    padding: 14px 16px !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    box-sizing: border-box !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;
  }

  /* 卡片信息区 padding 统一（左图右文布局中间信息区） */
  .pc-rent-info-cell,
  .pc-sale-info-cell,
  .pc-building-info-cell {
    padding: 12px 18px !important;
    vertical-align: top !important;
  }

  /* ---------- 卡片列表自适应响应式 ---------- */
  /* 1440px+ 加大内边距 */
  @media (min-width: 1440px) {
    .pc-rent-card,
    .pc-sale-card,
    .pc-building-card,
    .pc-gongwei-card,
    .pc-creative-card,
    .pc-oldhouse-card {
      padding: 16px 18px !important;
    }
    .pc-rent-info-cell,
    .pc-sale-info-cell,
    .pc-building-info-cell {
      padding: 14px 22px !important;
    }
  }

  /* 1920px+ 进一步加大 */
  @media (min-width: 1920px) {
    .pc-rent-card,
    .pc-sale-card,
    .pc-building-card,
    .pc-gongwei-card,
    .pc-creative-card,
    .pc-oldhouse-card {
      padding: 18px 20px !important;
    }
    .pc-rent-info-cell,
    .pc-sale-info-cell,
    .pc-building-info-cell {
      padding: 16px 26px !important;
    }
  }

  /* 2560px+ 超大屏 */
  @media (min-width: 2560px) {
    .pc-rent-card,
    .pc-sale-card,
    .pc-building-card,
    .pc-gongwei-card,
    .pc-creative-card,
    .pc-oldhouse-card {
      padding: 20px 24px !important;
    }
    .pc-rent-info-cell,
    .pc-sale-info-cell,
    .pc-building-info-cell {
      padding: 18px 30px !important;
    }
  }

  /* ---------- 文字溢出保护：长标题/地址不溢出卡片 ---------- */
  .pc-rent-title,
  .pc-rent-info-line,
  .pc-rent-building {
    white-space: normal !important;
    word-break: break-all !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  .pc-rent-title {
    -webkit-line-clamp: 1 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  /* ---------- 筛选栏按钮/标签文字统一 ---------- */
  .pc-filter-bar,
  .pc-filter-opts,
  .pc-sortbar {
    font-size: 13px !important;
  }

  .pc-filter-opts a,
  .pc-filter-label,
  .pc-sortbar .pc-sortopts a {
    font-size: 13px !important;
  }

  .pc-sortbar .pc-count {
    font-size: 12px !important;
    color: #999 !important;
  }

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

  /* ---------- 面包屑统一 ---------- */
  .pc-breadcrumb,
  .pc-breadcrumb a,
  .crumbs-bar,
  .crumbs-bar a {
    font-size: 12px !important;
    color: #999 !important;
  }

  /* ---------- 资讯页卡片统一 ---------- */
  .news-card,
  .news-list-item {
    padding: 16px !important;
  }

  .news-card h3,
  .news-list .content h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222 !important;
  }

  .news-summary,
  .news-card p {
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.6 !important;
  }

  .news-read,
  .news-list .more-link {
    font-size: 13px !important;
    color: #00A0E9 !important;
  }


/* ============================================================
   顶部导航栏统一规则（PC端 ≥768px）
   所有页面 header DOM 已统一为：
     <header class="header"><div class="header-inner">...</div></header>
   ============================================================ */
@media (min-width: 768px) {

  html body .header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    z-index: 1200 !important;
    background: #fff !important;
    padding-left: clamp(20px, 2.5vw, 40px) !important;
    padding-right: clamp(20px, 2.5vw, 40px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    transition: none !important;
  }

  html body .header > .header-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body .header .logo-link {
    flex-shrink: 0 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
  }

  html body .header .desktop-nav {
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html body .header .desktop-nav a {
    padding: 10px 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    color: #333 !important;
    border-radius: 20px !important;
    transition: all .2s !important;
  }

  html body .header .desktop-nav a:hover,
  html body .header .desktop-nav a.active {
    color: #00A0E9 !important;
  }

  html body .header .pc-phone {
    flex-shrink: 0 !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #00A0E9 !important;
    white-space: nowrap !important;
  }

  html body .header .pc-phone svg {
    width: 18px !important;
    height: 18px !important;
    fill: #00A0E9 !important;
    flex-shrink: 0 !important;
  }

  html body .header .user-btn {
    flex-shrink: 0 !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
  }

  html body .header .user-btn svg {
    width: 22px !important;
    height: 22px !important;
    fill: #00A0E9 !important;
  }

  html body .header .pc-login {
    flex-shrink: 0 !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  html body .header .pc-login .login-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #00A0E9 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 4px 10px !important;
    border: 1px solid #00A0E9 !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transition: all .15s ease !important;
    transform: translateZ(0) !important;
  }

  html body .header .pc-login .login-link:hover {
    background: #00A0E9 !important;
    color: #fff !important;
  }

  html body .header .pc-login .login-link svg {
    width: 14px !important;
    height: 14px !important;
    fill: #00A0E9 !important;
  }

  html body .header .pc-login .login-link:hover svg {
    fill: #fff !important;
  }

  html body .header .pc-login .login-link.logged-in {
    border-color: #00A0E9 !important;
    padding: 4px 10px !important;
  }

  html body .pc-breadcrumb,
  html body .pc-only,
  html body .pc-filter-wrap,
  html body .pc-filter-inner {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(20px, 2.5vw, 40px) !important;
    padding-right: clamp(20px, 2.5vw, 40px) !important;
  }
}

/* ============================================================
   移动端终极兜底：全站通用，覆盖所有 PC 端泄漏规则
   放在文件最末尾，确保最高优先级
   ============================================================ */
@media (max-width: 767px) {
  html body header.header .desktop-nav,
  html body header.header .pc-nav,
  html body header.header .main-nav,
  html body header.header .pc-phone,
  html body header.header .pc-login,
  html body header.header .pc-login .login-link,
  html body .pc-only,
  html body .home-pc-office-list,
  html body .home-tab-section,
  html body .home-pc-building-list,
  html body .news-rich-section,
  html body .faq-section {
    display: none !important;
  }
}

/* ============================================================
   移动端终极兜底 V2：隐藏所有 PC 端公共元素
   放文件最末尾，最高优先级
   ============================================================ */
@media (max-width: 767px) {
  html body .desktop-nav,
  html body .pc-nav,
  html body .bb-nav,
  html body .main-nav,
  html body .pc-phone,
  html body .pc-login,
  html body .pc-topbar,
  html body .pc-header,
  html body .pc-breadcrumb,
  html body
}

/* ============================================================
   移动端终极兜底 V3：补充筛选栏子元素
   ============================================================ */
@media (max-width: 767px) {
  html body .pc-filter-label,
  html body .pc-filter-opts,
  html body .pc-filter-row,
  html body .pc-sortopts,
  html body .filter-tags,
  html body .filter-options,
  html body .pc-sub-opts,
  html body .sub-options {
    display: none !important;
  }
}

/* ============================================================
   全局移动面包屑导航（对齐 buildings.php 样式）
   所有页面统一风格
   ============================================================ */
/* 合并 V4+V5 终极兜底 */
@media (max-width: 767px) {
  html body .mobile-breadcrumb {
    padding: 0 14px;
    height: 38px;
    min-height: 38px;
    font-size: 13px;
    line-height: 38px;
    color: #666;
    background: #f5f6f8;
    border-bottom: 1px solid #e8eaed;
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    width: 100%;
  }
  html body .mobile-breadcrumb a {
    color: #666;
    flex-shrink: 0;
    text-decoration: none;
    font-size: 13px;
    line-height: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
  }
  html body .mobile-breadcrumb a:last-child {
    color: #333;
    font-weight: 500;
  }
  html body .mobile-breadcrumb .sep {
    color: #bbb;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
  }
  html body [class*="pc-"],
  html body [class*="desktop-"],
  html body [class*="bot-"],
  html body [class*="bb-"],
  html body [class*="h_header_"],
  html body [class*="home-pc-"],
  html body header.header,
  html body .header,
  html body .header-inner,
  html body .logo-link,
  html body .logo-img,
  html body .logo-icon,
  html body .pc-topbar,
  html body .pc-header,
  html body .pc-breadcrumb,
  html body .breadcrumb-row,
  html body .breadcrumb-inner,
  html body .pc-filter-wrap,
  html body .pc-filter-inner,
  html body .pc-filter-row,
  html body .pc-filter-label,
  html body .pc-filter-opts,
  html body .pc-loc-tabs,
  html body .pc-custom-input,
  html body .pc-ok,
  html body .pc-sortbar,
  html body .pc-count,
  html body .pc-page,
  html body .pc-main,
  html body .pc-wrap,
  html body .pc-sidebar,
  html body .pc-only,
  html body .desktop-nav,
  html body .pc-nav,
  html body .main-nav,
  html body .pc-phone,
  html body .pc-login,
  html body .login-link,
  html body .login-dropdown,
  html body .dropdown-menu,
  html body .user-btn,
  html body .search-box-wrap,
  html body .search-box-inner,
  html body .search-input-wrap,
  html body .search-btn,
  html body .search-icon,
  html body .search-clear,
  html body .search-suggest,
  html body .floating-sidebar,
  html body .faq-section,
  html body .desktop-faq-section,
  html body .sidebar,
  html body .sidebar-title {
    display: none !important;
  }
}

/* ============================================================
   PC端隐藏移动端专用元素（面包屑/底部栏/详情容器/搜索头）
   解决 building/property 等详情页 PC 同时显示 PC 和 mobile 两套内容导致布局混乱
   ============================================================ */
@media (min-width: 768px) {
  html body .mobile-breadcrumb,
  html body .m-crumbs-bar,
  html body .creative-mobile-detail,
  html body .mobile-bottom-bar,
  html body .page-search-header {
    display: none !important;
  }
}

/* 浏览信息行右对齐 + 允许换行 */
.pc-rent-update,
.pc-rent-price-cell div:last-child,
.pc-sale-price-cell div:last-child:not(.pc-sale-price-line),
.pc-gongwei-price-cell div:last-child:not(.pc-gongwei-price-line),
.pc-building-price-cell div:last-child,
.pc-oldhouse-price-cell div:last-child {
  text-align: right !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  margin-top: 4px !important;
  word-break: break-all !important;
}