/* ============================================================================
   移动端重排版层（mobile-layout.css）
   ----------------------------------------------------------------------------
   与 mobile.css 的分工：
     mobile.css         —— 兜底层。解除 PC 固定宽度、防横向溢出、汉堡抽屉、按列数降级。
     mobile-layout.css  —— 版式层。移动端不沿用 PC 的"多列压成单列"，按手机阅读与
                           单手触控重新组织内容：竖排区块、列表行、横滑卡组、2×2 数据格。

   加载位置：base.html 中位于 mobile.css 之后（最终样式，用于覆盖版式而非仅防溢出）。
   设计口径：克制科技 × 编辑风 × 金融信任感。深绿主色 #0d3b3a / #075d58，
             金色点缀 #b48a3c，中性墨色 #133f3e / #3f5655 / #6b7f7d。
   断点：≤1024px 平板骨架，≤767px 手机细化。
   ========================================================================== */

/* ---------------------------------------------------------------------------
   0. 阅读基准：字号与行高
   PC 上 13px 的说明文字在手机上等于不可读，这里统一抬到下限。
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: 68px;
  }

  body {
    font-size: 15px;
    line-height: 1.78;
    letter-spacing: 0.1px;
  }

  .container,
  .container-wide,
  .about3-container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .section-tight {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  /* 标题阶梯：手机屏宽下用固定值，避免 clamp 在小屏取到 36px 级别 */
  h1,
  .page-hero h1,
  .about3-hero-title {
    font-size: 26px !important;
    line-height: 1.34 !important;
    letter-spacing: -0.3px !important;
    text-wrap: pretty;
  }

  h2,
  .sec-head h2,
  .cta-strip-title {
    font-size: 22px !important;
    line-height: 1.4 !important;
    letter-spacing: -0.2px !important;
    text-wrap: pretty;
  }

  h3 {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  p,
  li {
    font-size: 14.5px;
    line-height: 1.8;
  }

  /* 小字下限：标签/元信息不低于 12.5px */
  .ac-meta,
  .sec-eyebrow,
  .pill,
  .badge,
  .breadcrumb,
  .kb-tag {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  .sec-head {
    margin-bottom: 22px !important;
  }

  .sec-head p {
    margin-top: 8px !important;
    font-size: 14px !important;
  }

  /* 通用按钮：搬成单手可点的通栏按钮 */
  .btn,
  .btn-lg,
  .btn-sm {
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 15px !important;
    padding: 0 20px !important;
    border-radius: 11px !important;
  }

  .text-center > .btn,
  .text-center > .btn + .btn {
    width: 100% !important;
    margin: 0 0 10px !important;
  }

  .mt-lg,
  .mt-md {
    margin-top: 18px !important;
  }
}

/* ---------------------------------------------------------------------------
   1. 首页 Hero：PC 左右双列 → 手机竖向叙事
   PC 是「左文案 + 右表单卡」，手机上右列整个跑出视口（CTA 与指标全不可见）。
   这里改为：徽标 → 主标题 → 副文案 → 主 CTA → 2×2 数据 → 园区查询卡。
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .hero.hero-home {
    min-height: 0 !important;
  }

  .hero-home .hero-inner {
    padding: 22px 0 30px !important;
  }

  .hero-home .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero.hero-home h1 {
    font-size: 29px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.6px !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
  }

  .hero.hero-home .hero-badge {
    font-size: 12px !important;
    letter-spacing: 0.4px !important;
    line-height: 1.6 !important;
    white-space: normal !important;
  }

  .hero.hero-home .hero-sub {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    margin: 10px 0 0 !important;
  }

  /* CTA 与数据区：竖向堆叠、按钮通栏 */
  .hero-home .hero-bottom {
    grid-column: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-top: 22px !important;
    width: 100% !important;
  }

  .hero-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .hero-cta .btn {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 15.5px !important;
  }

  /* 指标：PC 4 连排 → 手机 2×2，用细线分格替代卡片堆叠 */
  .hero.hero-home .hero-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 4px 0 0 !important;
    border-top: 1px solid #d6dedd !important;
    background: transparent !important;
  }

  .hero.hero-home .hero-metric {
    padding: 14px 12px 14px 0 !important;
    border-left: 0 !important;
    min-width: 0 !important;
  }

  .hero.hero-home .hero-metric:nth-child(odd) {
    border-right: 1px solid #e2e8e7 !important;
    padding-right: 14px !important;
  }

  .hero.hero-home .hero-metric:nth-child(even) {
    padding-left: 14px !important;
  }

  .hero.hero-home .hero-metric:nth-child(n + 3) {
    border-top: 1px solid #e2e8e7 !important;
  }

  .hero.hero-home .hero-metric b {
    font-size: 23px !important;
    line-height: 1.2 !important;
    display: block;
  }

  .hero.hero-home .hero-metric span {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    color: #5a6f6d !important;
    margin-top: 3px;
    display: block;
  }

  /* 园区查询卡：表单纵向铺满，标签横滑 */
  .hero-home .hero-card {
    width: 100% !important;
    padding: 16px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe7e5 !important;
    box-shadow: 0 8px 22px rgba(13, 59, 58, 0.06) !important;
  }

  .hero-home .hero-card-title {
    font-size: 15.5px !important;
    line-height: 1.5 !important;
  }

  .hero-home .hero-search {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .hero-home .hero-search input,
  .hero-home .hero-search select,
  .hero-home .hero-search > button,
  .hero-home .hero-search .btn {
    width: 100% !important;
    min-height: 46px !important;
    font-size: 14.5px !important;
    border-radius: 10px !important;
  }

  .hero-home .hero-tags {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
    margin: 2px 0 0 !important;
  }

  .hero-home .hero-tags::-webkit-scrollbar {
    display: none;
  }

  .hero-home .hero-tags a,
  .hero-home .hero-tags span,
  .hero-home .hero-tags .tag {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center;
    padding: 0 12px !important;
    font-size: 12.5px !important;
    white-space: nowrap !important;
    border-radius: 8px !important;
  }

  .hero-home .hero-card-foot {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    font-size: 12px !important;
  }

  .hero-home .hero-arrow {
    display: none !important;
  }

  .hero-home .hero-dots {
    position: static !important;
    margin-top: 10px;
    justify-content: flex-start !important;
  }
}

/* ---------------------------------------------------------------------------
   2. 内页 Hero：背景图曾被压成 148px 宽的窄条
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .page-hero {
    padding: 30px 0 32px !important;
    min-height: 0 !important;
  }

  .page-hero img.banner-bg,
  .page-hero > img,
  .page-hero .banner-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .page-hero h1 {
    font-size: 25px !important;
    line-height: 1.36 !important;
    margin-top: 8px !important;
  }

  .page-hero p {
    font-size: 14px !important;
    line-height: 1.75 !important;
    margin-top: 8px !important;
    max-width: 100% !important;
  }

  .page-hero .breadcrumb {
    font-size: 12px !important;
    margin-bottom: 6px !important;
  }
}

/* ---------------------------------------------------------------------------
   3. 服务项目：PC 三列大卡 → 手机两列紧凑卡（去掉卡内按钮，整卡可点）
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .svc-showcase .container {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  /* 左侧介绍块：手机上收成一条横幅 */
  .svc-showcase aside,
  .svc-showcase .svc-intro {
    width: 100% !important;
    order: -1;
  }

  .svc-showcase .svc-intro-fill,
  .svc-showcase .svc-intro-img {
    height: 140px !important;
    border-radius: 14px !important;
    overflow: hidden;
  }

  .svc-showcase .svc-intro-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .svc-showcase .svc-intro-btn {
    display: none !important;
  }

  .svc-showcase .svc-intro-ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 12px !important;
    margin-top: 12px !important;
  }

  .svc-showcase .svc-intro-ul li {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .svc-showcase .svc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .svc-showcase .svc-card {
    padding: 16px 14px !important;
    border-radius: 14px !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    position: relative;
  }

  .svc-showcase .svc-card .service-line-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    margin: 0 0 4px !important;
  }

  .svc-showcase .svc-card .service-line-icon svg {
    width: 19px !important;
    height: 19px !important;
  }

  .svc-showcase .svc-card-title {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
  }

  .svc-showcase .svc-card p {
    font-size: 12.5px !important;
    line-height: 1.62 !important;
    margin: 0 !important;
    color: #5f7371 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* 卡片内的"点击了解"按钮在手机上占位且重复，去掉，靠箭头暗示可点 */
  .svc-showcase .svc-btn {
    display: none !important;
  }

  .svc-showcase .svc-card::after {
    content: "›";
    position: absolute;
    right: 13px;
    bottom: 12px;
    font-size: 17px;
    line-height: 1;
    color: #9aaeab;
  }

  .svc-showcase .svc-hot {
    top: 10px !important;
    right: 10px !important;
    font-size: 10.5px !important;
    padding: 1px 6px !important;
    border-radius: 5px !important;
  }
}

/* ---------------------------------------------------------------------------
   4. 行业解决方案：PC 6 列拼图 → 手机图片列表行
   2 列卡片时正文只剩 124px（每行 10 字），改为一图一行的目录式列表。
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .industries-v2 .ind-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    grid-template-columns: none !important;
  }

  .industries-v2 .ind-card,
  .industries-v2 .ind-card:nth-child(-n + 2) {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) 14px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 13px;
    width: 100% !important;
    height: auto !important;
    min-height: 100px !important;
    padding: 12px 14px 12px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    overflow: visible !important;
  }

  .industries-v2 .ind-card:nth-child(-n + 2) .ind-media,
  .industries-v2 .ind-card .ind-media {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 !important;
    width: 84px !important;
    height: 84px !important;
    max-width: 84px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .industries-v2 .ind-card .ind-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .industries-v2 .ind-card:nth-child(-n + 2) .ind-media::after {
    display: none !important;
  }

  .industries-v2 .ind-card:nth-child(-n + 2) .ind-body,
  .industries-v2 .ind-card .ind-body {
    position: relative !important;
    inset: auto !important;
    bottom: auto !important;
    grid-column: 2 !important;
    padding: 0 !important;
    background: none !important;
    min-width: 0 !important;
  }

  .industries-v2 .ind-card:nth-child(-n + 2) .ind-card-title,
  .industries-v2 .ind-card .ind-card-title {
    color: #ffffff !important;
    font-size: 15.5px !important;
    line-height: 1.4 !important;
    font-weight: 600;
    margin: 0 !important;
    letter-spacing: 0 !important;
  }

  .industries-v2 .ind-card:nth-child(-n + 2) .ind-body p,
  .industries-v2 .ind-card .ind-body p {
    color: #a8c3bf !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    margin: 4px 0 0 !important;
    max-width: 100% !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .industries-v2 .ind-card .ind-more,
  .industries-v2 .ind-card:nth-child(-n + 2) .ind-more {
    display: none !important;
  }

  .industries-v2 .ind-card::after {
    content: "›";
    grid-column: 3;
    position: static;
    font-size: 19px;
    line-height: 1;
    color: #7f9d99;
    justify-self: end;
  }

  .industries-v2 .mt-lg {
    margin-top: 18px !important;
  }

  .industries-v2 .mt-lg .btn {
    width: 100% !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
  }
}

/* ---------------------------------------------------------------------------
   5. 顾问团队：PC 四列 → 手机横向滑动卡组（人物卡适合滑动浏览）
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .section-experts .grid-4 {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin: 0 -18px !important;
    padding: 2px 18px 8px !important;
  }

  .section-experts .grid-4::-webkit-scrollbar {
    display: none;
  }

  .section-experts .grid-4 > * {
    flex: 0 0 70% !important;
    max-width: 70% !important;
    scroll-snap-align: start;
  }

  .section-experts .expert-card,
  .section-experts .grid-4 > * {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  .section-experts .expert-card-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .section-experts .grid-4 img {
    border-radius: 10px !important;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100% !important;
    height: auto !important;
  }
}

/* ---------------------------------------------------------------------------
   6. 服务流程：PC 横向四段 → 手机纵向时间线
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .section-process .flow2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .section-process .flow2-step {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 0 12px !important;
    align-items: start !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  /* 装饰性过程图在手机上只会拉长页面，隐藏 */
  .section-process .process-photo {
    display: none !important;
  }

  .section-process .flow2-num {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 13px !important;
    background: #0d3b3a !important;
    color: #e8d9b5 !important;
    margin: 2px 0 0 0 !important;
  }

  .section-process .flow2-card {
    grid-column: 2 !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    border: 1px solid #e4eae9 !important;
    background: #ffffff !important;
    min-height: 0 !important;
  }

  .section-process .flow2-card-title,
  .section-process .flow2-text b {
    font-size: 15.5px !important;
    line-height: 1.45 !important;
  }

  .section-process .flow2-card p,
  .section-process .flow2-text p {
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    margin-top: 4px !important;
  }

  .section-process .flow2-ico {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 6px !important;
  }

  .section-process .flow2-arrow {
    display: none !important;
  }
}

/* ---------------------------------------------------------------------------
   7. 交付数据 / 统计数字：3 连排
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .tm-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .tm-stat {
    padding: 12px 8px !important;
    text-align: center;
    border-radius: 12px !important;
    background: rgba(13, 59, 58, 0.04) !important;
  }

  .tm-stat b {
    font-size: 21px !important;
    line-height: 1.2 !important;
    display: block;
  }

  .tm-stat span {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #5f7371 !important;
  }
}

/* ---------------------------------------------------------------------------
   8. 风险排查：三列 → 竖排行式（图标 + 标题 + 箭头）
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .section-risks .risk-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .section-risks .risk-card {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    min-height: 0 !important;
  }

  .section-risks .risk-ico {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    grid-column: 1;
  }

  .section-risks .risk-card-title {
    grid-column: 2;
    font-size: 15.5px !important;
    line-height: 1.4 !important;
  }

  .section-risks .risk-card p,
  .section-risks .risk-desc {
    grid-column: 2;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    margin-top: 2px !important;
  }

  .section-risks .risk-btn {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    min-height: 38px !important;
    padding: 0 10px !important;
    font-size: 12.5px !important;
    border-radius: 9px !important;
    white-space: nowrap;
  }
}

/* ---------------------------------------------------------------------------
   9. 知识库 / 资讯：四列卡 → 手机"左文右图"列表行
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .section-knowledge .grid-4,
  .section-news .grid-4 {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 10px !important;
  }

  .section-knowledge .kb-card,
  .section-news .kb-card,
  .section-knowledge .grid-4 > a,
  .section-news .grid-4 > a {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    grid-template-rows: auto auto !important;
    align-items: start;
    column-gap: 14px;
    width: 100% !important;
    padding: 14px !important;
    border-radius: 14px !important;
    min-height: 0 !important;
  }

  .section-knowledge .kb-cover,
  .section-news .kb-cover {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    width: 96px !important;
    height: 74px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .section-knowledge .kb-cover img,
  .section-news .kb-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .section-knowledge .kb-body,
  .section-news .kb-body {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  .section-knowledge .kb-title,
  .section-news .kb-title {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* 行式卡上的分类角标缩小，避免挤压 */
  .section-knowledge .kb-tag,
  .section-news .kb-tag,
  .section-knowledge .kb-cover .pill,
  .section-news .kb-cover .pill {
    position: absolute !important;
    top: 5px !important;
    left: 5px !important;
    font-size: 10px !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
    line-height: 1.5 !important;
  }

  .section-knowledge .ac-meta,
  .section-news .ac-meta {
    font-size: 11.5px !important;
    color: #7c8f8d !important;
    margin: 0 !important;
  }

  .section-news .cat-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -18px !important;
    padding: 0 18px 4px !important;
  }

  .section-news .cat-pills .pill {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center;
    padding: 0 14px !important;
  }
}

/* ---------------------------------------------------------------------------
   10. 表格：手机上不强行压窄，改为容器内横滑 + 首列吸附
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    margin-left: -18px !important;
    margin-right: -18px !important;
    padding: 0 18px !important;
    scrollbar-width: thin;
    position: relative;
  }

  .table-wrap table {
    min-width: 560px;
    font-size: 13px !important;
  }

  .table-wrap th,
  .table-wrap td {
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    white-space: nowrap;
  }

  .table-wrap th:first-child,
  .table-wrap td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #ffffff;
    box-shadow: 1px 0 0 #e6ecea;
  }

  .table-wrap thead th:first-child {
    background: #f4f7f6;
    z-index: 3;
  }

  /* 首列之外的长文本允许换行，避免横向过长 */
  .table-wrap td:nth-child(n + 4) {
    white-space: normal;
    min-width: 148px;
  }
}

/* ---------------------------------------------------------------------------
   11. 常见问答：折叠行放大触控区与字号
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .faq-item {
    border-radius: 12px !important;
    margin-bottom: 8px !important;
  }

  .faq-q,
  .faq-question {
    min-height: 52px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .faq-a,
  .faq-answer {
    font-size: 14px !important;
    line-height: 1.8 !important;
    padding: 0 16px 16px !important;
  }

  .section-faq-compact .faq-wrap {
    gap: 0 !important;
  }
}

/* ---------------------------------------------------------------------------
   12. CTA 条：三入口竖排通栏
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .cta-strip {
    padding: 22px 18px !important;
    border-radius: 16px !important;
  }

  .cta-strip-title {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
  }

  .cta-entries {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }

  .cta-entry {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
    font-size: 14.5px !important;
    border-radius: 11px !important;
  }
}

/* ---------------------------------------------------------------------------
   13. 页脚：五列 → 两列 + 联系方式置顶
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .site-footer {
    padding-top: 32px !important;
  }

  .footer-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 16px !important;
  }

  .footer-grid h4 {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  .footer-grid a {
    display: flex !important;
    align-items: center;
    min-height: 38px !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  .footer-nap {
    grid-column: 1 / -1 !important;
  }

  .footer-nap b,
  .footer-nap .footer-phone {
    font-size: 19px !important;
    letter-spacing: 0 !important;
  }

  .footer-bottom {
    font-size: 12px !important;
    line-height: 1.7 !important;
    text-align: left !important;
  }
}

/* ---------------------------------------------------------------------------
   14. 关于我们：PC 双栏叙事 → 手机单列（曾把 H1 挤进 135px 宽）
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .about3-hero {
    padding: 26px 0 28px !important;
  }

  .about3-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .about3-hero-title {
    font-size: 26px !important;
    line-height: 1.35 !important;
  }

  .about3-hero-slogan {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .about3-hero-desc {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  .about3-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
  }

  .about3-btn {
    width: 100% !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 14.5px !important;
    border-radius: 11px !important;
  }

  .about3-hero-trust {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* 双栏叙事区一律拆为单列，并让图片回到正常比例 */
  .about3-story-grid,
  .about3-split,
  .about3-two-col,
  .about3-contact-grid,
  .about3-stats-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .about3-story-grid > *,
  .about3-split > *,
  .about3-two-col > * {
    min-width: 0 !important;
    width: 100% !important;
  }

  .about3-story-grid img,
  .about3-split img,
  .about-photo {
    width: 100% !important;
    height: auto !important;
    max-height: 240px;
    object-fit: cover !important;
    border-radius: 14px !important;
  }

  .about3-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .about3-stats-grid > * {
    border-radius: 12px !important;
    padding: 14px !important;
  }

  .about3-stats-grid b,
  .about3-stat-num {
    font-size: 21px !important;
    line-height: 1.2 !important;
  }
}

/* ---------------------------------------------------------------------------
   15. 服务详情等内页：PC 侧栏/图文双列 → 手机单列
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .grid.grid-2,
  .grid-cols-220-1fr,
  .grid-cols-280-1fr,
  .grid.grid-cols-2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .side-card,
  .aside-card {
    position: static !important;
    width: 100% !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  .fee-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .p-24,
  .p-20 {
    padding: 16px !important;
  }

  /* 服务详情内页的三级标题不再低于首页口径 */
  .service-detail h2,
  .article-detail h2,
  .page-article h2 {
    font-size: 20px !important;
    line-height: 1.45 !important;
  }

  .service-detail p,
  .article-detail p,
  .page-article p {
    font-size: 15px !important;
    line-height: 1.85 !important;
  }
}

/* ---------------------------------------------------------------------------
   16. 列表页：园区库 / 知识库 / 资讯列表的卡片密度
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  /* 园区卡：单列目录行，压缩竖向占用 */
  .parks-list .park-card,
  .park-list .park-card,
  .park-card {
    padding: 14px 16px !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
  }

  .park-card .park-name,
  .park-card h3 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .park-card p,
  .park-card .park-desc {
    font-size: 13px !important;
    line-height: 1.65 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .kb-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .svc-card-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .svc-card-grid > * {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .svc-card-grid .svc-card p,
  .svc-card-grid .svc-card-desc {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* ---------------------------------------------------------------------------
   17. 手机细化（≤767px）：间距与字号再收一档
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body {
    font-size: 15px;
    line-height: 1.8;
  }

  .section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  h1,
  .page-hero h1,
  .about3-hero-title {
    font-size: 24px !important;
  }

  h2,
  .sec-head h2,
  .cta-strip-title {
    font-size: 20.5px !important;
  }

  .hero.hero-home h1 {
    font-size: 27px !important;
  }

  .sec-head {
    text-align: left !important;
    margin-bottom: 18px !important;
  }

  .sec-head.center {
    text-align: left !important;
  }

  .sec-head.center .sec-eyebrow,
  .sec-head .sec-eyebrow {
    display: inline-block;
    margin-bottom: 6px;
  }

  /* 手机上不再居中孤立按钮，全部通栏 */
  .text-center > .btn + .btn {
    margin-top: 0 !important;
  }

  .section-experts .grid-4 > * {
    flex: 0 0 78% !important;
    max-width: 78% !important;
  }

  .industries-v2 .ind-card,
  .industries-v2 .ind-card:nth-child(-n + 2) {
    grid-template-columns: 76px minmax(0, 1fr) 12px !important;
    min-height: 94px !important;
  }

  .industries-v2 .ind-card .ind-media,
  .industries-v2 .ind-card:nth-child(-n + 2) .ind-media {
    width: 76px !important;
    height: 76px !important;
    max-width: 76px !important;
  }

  .section-knowledge .kb-cover,
  .section-news .kb-cover {
    width: 88px !important;
    height: 70px !important;
  }

  .section-knowledge .kb-card,
  .section-news .kb-card,
  .section-knowledge .grid-4 > a,
  .section-news .grid-4 > a {
    grid-template-columns: minmax(0, 1fr) 88px !important;
    padding: 13px !important;
  }

  .footer-grid {
    grid-template-columns: 1fr !important;
  }

  .footer-nap {
    grid-column: 1 !important;
  }
}

/* ---------------------------------------------------------------------------
   18. 尊重系统偏好：减少动效
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
  .hero-slider .slide.active img,
  .industries-v2 .ind-card:hover .ind-media img {
    animation: none !important;
    transform: none !important;
  }
}

/* ============================================================================
   19. 高特异性修正层
   ----------------------------------------------------------------------------
   首页（body.brand-demo）皮肤里若干组件用 `.brand-demo .xxx .yyy` 级别的选择器
   加了 !important，把上面 0-2 级特异性的版式规则反压回去，实测出现：
     · 首页查询卡仍是横向 flex，表单右侧 44px 被裁出视口（P0）
     · 服务卡虽 2 列但整体只有 295px 宽，右侧空出 36px
     · 知识/资讯卡仍是大图竖排卡，/news/ 单页 11919px
     · 行业卡 .ind-media 被 height:100% 拉成 76×185 的竖条
   这里统一用 html body(.brand-demo) 前缀提升一级以上，只覆盖版式，不改桌面。
   ========================================================================== */

@media (max-width: 1024px) {
  /* --- 19.1 首页园区查询卡（真实挂载点是 .homepage-policy-dock，不在 .hero-grid 内） --- */
  html body.brand-demo .homepage-policy-dock,
  html body .homepage-policy-dock {
    padding: 16px 0 20px !important;
    background: #f3f6f7 !important;
  }

  html body.brand-demo .homepage-policy-dock .hero-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 16px !important;
    border: 1px solid #dbe5e7 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(13, 59, 58, 0.05) !important;
  }

  html body.brand-demo .homepage-policy-dock .hero-card-title {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: stretch !important;
    font-size: 15.5px !important;
    line-height: 1.5 !important;
    font-weight: 600;
    border-left: 3px solid #168780 !important;
    padding-left: 10px !important;
    margin: 0 !important;
  }

  html body.brand-demo .homepage-policy-dock .hero-search {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.brand-demo .homepage-policy-dock .hero-search input,
  html body.brand-demo .homepage-policy-dock .hero-search button,
  html body.brand-demo .homepage-policy-dock .hero-search .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    font-size: 14.5px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  html body.brand-demo .homepage-policy-dock .hero-tags {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }

  html body.brand-demo .homepage-policy-dock .hero-tags::-webkit-scrollbar {
    display: none;
  }

  html body.brand-demo .homepage-policy-dock .hero-tags a {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center;
    min-height: 34px !important;
    padding: 0 11px !important;
    font-size: 12.5px !important;
    white-space: nowrap !important;
    color: #055755 !important;
    background: #f1f6f5 !important;
    border: 1px solid #dde8e6 !important;
    border-radius: 8px !important;
    line-height: 1.4 !important;
  }

  html body.brand-demo .homepage-policy-dock .hero-card-foot {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
    border-top: 1px solid #edf1f1 !important;
    padding-top: 10px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  /* --- 19.2 服务项目：容器改块级，卡片两列均分 --- */
  html body .svc-showcase > .container,
  html body.brand-demo .svc-showcase > .container {
    display: block !important;
  }

  html body .svc-showcase .svc-intro {
    margin-bottom: 20px !important;
  }

  html body .svc-showcase .svc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  html body .svc-showcase .svc-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* --- 19.3 行业方案：图片正方形不变形、箭头绝对定位 --- */
  html body .industries-v2 .ind-card,
  html body .industries-v2 .ind-card:nth-child(-n + 2) {
    position: relative !important;
    padding-right: 36px !important;
  }

  html body .industries-v2 .ind-card .ind-media,
  html body .industries-v2 .ind-card:nth-child(-n + 2) .ind-media,
  html body.brand-demo .industries-v2 .ind-card .ind-media,
  html body.brand-demo .industries-v2 .ind-card:nth-child(-n + 2) .ind-media,
  html body .industries-v2 .ind-card:hover .ind-media {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
    aspect-ratio: 1 / 1 !important;
    transform: none !important;
  }

  html body .industries-v2 .ind-card .ind-media img,
  html body.brand-demo .industries-v2 .ind-card .ind-media img,
  html body .industries-v2 .ind-card:nth-child(-n + 2) .ind-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
  }

  /* 箭头改用背景 SVG：桌面皮肤对 .ind-card::after 有多种声明，伪元素不可靠 */
  html body .industries-v2 .ind-card,
  html body .industries-v2 .ind-card:nth-child(-n + 2) {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'><path d='M1 1l6 6-6 6' fill='none' stroke='%237f9d99' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 8px 14px !important;
  }

  html body .industries-v2 .ind-card::after {
    content: none !important;
    display: none !important;
  }

  /* --- 19.4 知识库 / 资讯卡：左文右图行式（含列表页 .kb-grid） --- */
  html body .section-knowledge .grid-4,
  html body.brand-demo .section-knowledge .grid-4,
  html body .section-news .grid-4,
  html body.brand-demo .section-news .grid-4,
  html body .kb-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    width: 100% !important;
  }

  html body .section-knowledge .grid-4 > a.kb-card,
  html body.brand-demo .section-knowledge .grid-4 > a.kb-card,
  html body .section-news .grid-4 > a.kb-card,
  html body.brand-demo .section-news .grid-4 > a.kb-card,
  html body .kb-grid > a.kb-card,
  html body .kb-grid > .kb-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    column-gap: 14px !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 13px !important;
    border-radius: 14px !important;
    min-height: 0 !important;
  }

  html body .section-knowledge .kb-card .kb-cover,
  html body .section-news .kb-card .kb-cover,
  html body .kb-grid .kb-card .kb-cover {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    width: 96px !important;
    height: 74px !important;
    max-height: 74px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  html body .section-knowledge .kb-card .kb-cover img,
  html body .section-news .kb-card .kb-cover img,
  html body .kb-grid .kb-card .kb-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body .section-knowledge .kb-card .kb-body,
  html body .section-news .kb-card .kb-body,
  html body .kb-grid .kb-card .kb-body {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  html body .section-knowledge .kb-card .kb-title,
  html body .section-news .kb-card .kb-title,
  html body .kb-grid .kb-card .kb-title {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    font-weight: 600;
    margin: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* --- 19.5 触控目标下限（手机） --- */
@media (max-width: 767px) {
  html body .site-header .menu-toggle,
  html body .site-header .nav-search,
  html body .site-header .nav-search-btn,
  html body .site-header .search-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    width: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  html body .site-header .btn,
  html body .site-header .header-cta {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 16px !important;
  }

  html body .site-header .logo {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
  }

  html body .pill,
  html body .zh-filter .pill {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .table-wrap td a,
  html body .table-wrap td button {
    display: inline-flex !important;
    align-items: center;
    min-height: 44px !important;
    padding: 2px 0 !important;
  }

  html body .cat-pills a,
  html body .cat-pills .pill,
  html body .section-news .cat-pills a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .faq-acc-more,
  html body .zh-item-more {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
  }

  /* 页面内的次级链接（列表标题、面包屑外）统一给出可点高度 */
  html body .faq-acc-head {
    min-height: 52px !important;
    padding: 12px !important;
  }

  html body .footer-grid a,
  html body .footer-bottom a {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center;
  }
}

/* ============================================================================
   20. 视觉修正层：行业解决方案（2026-10 反馈）
   该区块底色是浅色，此前沿用深色皮肤口径给了 #fff 标题 + #a8c3bf 正文，
   在浅底上几乎不可读。改为浅底卡片 + 深字，并保证对比度 ≥ 4.5:1。
   ========================================================================== */
@media (max-width: 1024px) {
  html body .industries-v2 .ind-card,
  html body .industries-v2 .ind-card:nth-child(-n + 2) {
    background: #ffffff !important;
    border: 1px solid #e3ebe9 !important;
    box-shadow: 0 1px 3px rgba(15, 46, 43, .05) !important;
  }

  html body .industries-v2 .ind-card .ind-card-title,
  html body .industries-v2 .ind-card:nth-child(-n + 2) .ind-card-title {
    color: #0f2e2b !important;
  }

  html body .industries-v2 .ind-card .ind-body p,
  html body .industries-v2 .ind-card:nth-child(-n + 2) .ind-body p {
    color: #556764 !important;
  }

  html body .industries-v2 .ind-card::after {
    color: #9aaba8 !important;
  }

  html body .industries-v2 .mt-lg .btn {
    background: #ffffff !important;
    color: #0f2e2b !important;
    border-color: #c9d8d5 !important;
  }
}

/* ============================================================================
   21. 视觉修正层：资深顾问团队（2026-10 反馈）
   横滑 70% 大图卡在手机上会裁切右侧按钮、头像撑满卡片。改为小圆图列表行：
   左 56px 圆头像 + 右姓名/年限/擅长 + 尾部「预约咨询」，一行一人，无遮挡。
   ========================================================================== */
@media (max-width: 1024px) {
  html body .section-experts .grid-4 {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto;
  }

  html body .section-experts .grid-4 > * {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: none !important;
  }

  html body .section-experts .expert-card {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    column-gap: 12px;
    row-gap: 1px;
    padding: 12px 14px !important;
    min-height: 84px;
    border-radius: 14px !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  html body .section-experts .expert-photo {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #e8efee;
  }

  html body .section-experts .expert-photo img,
  html body .section-experts .grid-4 img {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center 20% !important;
  }

  html body .section-experts .expert-photo-fallback {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    font-size: 20px !important;
  }

  html body .section-experts .expert-card-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
  }

  html body .section-experts .expert-years {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  html body .section-experts .expert-good {
    grid-column: 2 !important;
    grid-row: 3 !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  html body .section-experts .expert-card .btn,
  html body .section-experts .expert-card .btn-block {
    grid-column: 3 !important;
    grid-row: 1 / span 3 !important;
    width: auto !important;
    min-width: 84px;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
    white-space: nowrap;
    align-self: center;
  }
}

/* ============================================================================
   22. 财务外包 / 财税合规：移动端重排版
   两页原有独立 HTML（自带旧导航），已并入 base.html 公共头尾；
   这里按移动端重排：大图收小、双列/多列拆单列、悬浮咨询条不再压内容。
   ========================================================================== */
@media (max-width: 1024px) {
  /* 22.1 右侧悬浮咨询条在手机上会压住正文与按钮，隐藏（底部浮动挂件已覆盖同一功能） */
  html body.brand-inner > .fixed.right-4,
  html body.brand-inner > div.fixed {
    display: none !important;
  }

  /* 22.2 Tailwind 网格一律降为单列 */
  html body.brand-inner main .grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  /* 22.3 hero：大图让位给文案，改为 150px 矮图，避免首屏被图占满 */
  html body.brand-inner :is(.cwwb-hero, .comp-hero) {
    padding: 18px 0 26px !important;
    gap: 14px !important;
  }

  html body.brand-inner :is(.cwwb-hero-visual, .comp-hero-visual) {
    order: 2;
  }

  html body.brand-inner :is(.cwwb-hero-visual, .comp-hero-visual) img {
    width: 100% !important;
    height: 150px !important;
    max-height: 150px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  /* 22.4 正文配图：统一压到 160px 高，避免长图撑爆页面 */
  html body.brand-inner .section-img {
    width: 100% !important;
    height: auto !important;
    max-height: 160px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
  }

  /* 22.5 区块纵向留白与标题字号收敛 */
  html body.brand-inner :is(.cwwb-audit, .cwwb-alarm, .cwwb-value, .cwwb-srv,
      .cwwb-matrix, .cwwb-fit, .cwwb-process, .cwwb-trust, .cwwb-faq, .cwwb-cta,
      .comp-risk, .comp-value, .comp-mod, .comp-scene, .comp-flow, .comp-adv,
      .comp-case, .comp-faq, .comp-cta) {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

  html body.brand-inner :is(.cwwb-sec-title, .comp-sec-title) {
    font-size: 19px !important;
    line-height: 1.4 !important;
    margin-bottom: 16px !important;
  }

  html body.brand-inner :is(.cwwb-sec-title, .comp-sec-title)::after {
    margin: 10px 0 0 !important;
  }

  /* 22.6 卡片内边距/字号：手机上 p-6 / p-10 过大 */
  html body.brand-inner :is(.cwwb-audit-card, .cwwb-alarm-card, .cwwb-value-card,
      .cwwb-srv-card, .cwwb-matrix-card, .cwwb-fit-card, .cwwb-trust-card,
      .comp-risk-card, .comp-value-card, .comp-mod-card, .comp-scene-card,
      .comp-adv-card) {
    padding: 14px !important;
    border-radius: 12px !important;
  }

  html body.brand-inner :is(.cwwb-audit-card, .cwwb-alarm-card, .cwwb-value-card,
      .cwwb-srv-card, .cwwb-matrix-card, .cwwb-fit-card, .comp-risk-card,
      .comp-value-card, .comp-mod-card, .comp-scene-card, .comp-adv-card) h3 {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  html body.brand-inner :is(.cwwb-audit-card, .cwwb-alarm-card, .cwwb-value-card,
      .cwwb-srv-card, .cwwb-matrix-card, .cwwb-fit-card, .comp-risk-card,
      .comp-value-card, .comp-mod-card, .comp-scene-card, .comp-adv-card) p,
  html body.brand-inner :is(.cwwb-matrix-list, .comp-mod-list, .cwwb-alarm-card ul) {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  /* 22.7 五步流程：去掉 PC 的横向连接线，步骤卡改横排紧凑样式 */
  html body.brand-inner .cwwb-process .absolute,
  html body.brand-inner .comp-flow .absolute {
    display: none !important;
  }

  html body.brand-inner :is(.cwwb-step) {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px;
    text-align: left !important;
    padding: 10px 12px !important;
    border: 1px solid #e6eeec;
    border-radius: 12px;
    background: #fff;
  }

  html body.brand-inner :is(.cwwb-step) > :is(.cwwb-step-num) {
    grid-column: 1 !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    font-size: 13px !important;
  }

  html body.brand-inner :is(.cwwb-step) h3,
  html body.brand-inner :is(.cwwb-step) p {
    grid-column: 2 !important;
    margin: 0 !important;
  }

  /* 合规页流程卡：徽标 + 标题 + 说明 + 交付物，两列自动放置 */
  html body.brand-inner .comp-flow-step {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    column-gap: 10px;
    row-gap: 2px;
    align-items: start !important;
    text-align: left !important;
    padding: 12px !important;
    border: 1px solid #e6eeec;
    border-radius: 12px;
    background: #fff;
  }

  html body.brand-inner .comp-flow-step > .comp-flow-badge {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    font-size: 12.5px !important;
  }

  html body.brand-inner .comp-flow-step > h3,
  html body.brand-inner .comp-flow-step > p,
  html body.brand-inner .comp-flow-step > .comp-flow-deliver {
    grid-column: 2 !important;
    margin: 0 !important;
  }

  html body.brand-inner .comp-flow-step > h3 {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  html body.brand-inner .comp-flow-step > p,
  html body.brand-inner .comp-flow-step > .comp-flow-deliver {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  /* 22.8 案例卡与 CTA 盒：收窄内边距 */
  html body.brand-inner .cwwb-cta-box,
  html body.brand-inner .comp-cta-box {
    padding: 20px 16px !important;
    border-radius: 14px !important;
    text-align: left !important;
  }

  html body.brand-inner .cwwb-cta-box .flex,
  html body.brand-inner .comp-cta-box .flex {
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  html body.brand-inner .cwwb-cta-box a,
  html body.brand-inner .comp-cta-box a {
    width: 100% !important;
    text-align: center;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  /* 22.9 长链接/长英文不撑破卡片 */
  html body.brand-inner main :is(p, li, h2, h3, td, dd) {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

/* ============================================================================
   23. 「查看更多」分级展开按钮
   ========================================================================== */
@media (max-width: 1024px) {
  /* 重复 class 三次提特异性：首页 .svc-showcase .svc-card / .industries-v2 .ind-card /
     .section-experts .expert-card / .cwwb-step 等都带 display:grid|flex!important，
     单 class 的 (0,1,2) 会被它们压掉，折叠就"点了没反应"。 */
  html body.brand-inner .m-more-hidden.m-more-hidden.m-more-hidden,
  html body .m-more-hidden.m-more-hidden.m-more-hidden {
    display: none !important;
  }

  html body .mobile-more-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 44px;
    margin: 14px 0 0;
    padding: 0 16px;
    border: 1px solid #cfdcda;
    border-radius: 999px;
    background: #fff;
    color: #11544f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  html body .mobile-more-btn::after {
    content: "\2304";
    font-size: 13px;
    line-height: 1;
    opacity: .7;
  }

  html body .mobile-more-btn[hidden] {
    display: none !important;
  }

  html body .mobile-more-btn:active {
    background: #f2f7f6;
  }
}

/* ---------------------------------------------------------------------------
   24. cwwb 三方对比表（cmp2）：手机上容器内横滑 + 首列吸附 + 滑动提示
   PC（>1024px）完全不受影响，仅小屏生效
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  html body .cmp2-section .cmp2-wrap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    border-radius: 14px;
  }

  html body .cmp2-section .cmp2-table {
    min-width: 620px;
    width: auto;
    table-layout: auto;
  }

  html body .cmp2-section .cmp2-table th,
  html body .cmp2-section .cmp2-table td {
    padding: 11px 12px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
    white-space: normal;
  }

  html body .cmp2-section .cmp2-table th {
    font-size: 12.5px !important;
    white-space: nowrap;
  }

  /* 首列（对比维度）吸附，横滑时始终可见 */
  html body .cmp2-section .cmp2-table th:first-child,
  html body .cmp2-section .cmp2-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #ffffff;
    box-shadow: 1px 0 0 #e6ecea;
    min-width: 92px;
    white-space: nowrap;
  }

  html body .cmp2-section .cmp2-table thead th:first-child {
    z-index: 3;
  }

  html body .cmp2-section .cmp2-table td.cmp2-dim {
    background: #ffffff;
  }

  /* 高亮列（财务外包）收窄，避免横滑过长 */
  html body .cmp2-section .cmp2-table td.cmp2-highlight-cell {
    min-width: 132px;
  }
}

/* 滑动提示：仅移动端显示 */
html body .cmp2-hint {
  display: none;
}
@media (max-width: 1024px) {
  html body .cmp2-hint {
    display: block;
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #6b7f7d;
    text-align: right;
  }
}

/* ============================================================================
   25. 常见问答（/faq/ 列表 + /faq/{id}.html 详情）移动端重排（2026-10 反馈）
   根因：main.css 的 @media(max-width:640px) 里 .faq-acc-side{width:100%}
   与 .faq-acc-head 默认 nowrap 冲突，q-wrap（flex:1 1 0%）被压成 0 宽，
   标题变成一字一行、摘要不可见、卡片高度暴涨。此层改为「卡片 + 标题整行 +
   标签/箭头另起一行」的两段式结构，PC（>1024px）完全不受影响。
   ========================================================================== */
@media (max-width: 1024px) {
  /* --- 列表容器：问答卡改为独立卡片，卡间留 12px 间距 --- */
  html body .zh-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html body .zh-list .zh-item,
  html body .zh-list .faq-acc {
    background: #ffffff !important;
    border: 1px solid #e4ebe9 !important;
    border-bottom: 1px solid #e4ebe9 !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(15, 46, 43, .04) !important;
  }

  /* --- 卡片头：标题独占整行，标签与箭头下沉一行 --- */
  html body .faq-acc-head {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px 10px !important;
    padding: 16px 14px 12px !important;
    min-height: 52px !important;
  }

  html body .faq-acc-q-wrap {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
  }

  html body .zh-item-q {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    color: #16302d !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  html body .zh-item-summary {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 6px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #5f7370 !important;
    overflow: hidden !important;
  }

  html body .faq-acc-side {
    flex: 0 0 100% !important;
    width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 2px !important;
  }

  html body .zh-list .zh-tag {
    font-size: 11.5px !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    white-space: nowrap;
  }

  html body .faq-acc-arrow {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 auto;
  }

  /* --- 展开体：正文与标题左缘对齐，行高放大 --- */
  html body .faq-acc-inner {
    padding: 0 14px !important;
  }

  html body .faq-acc-answer {
    padding: 0 0 12px !important;
    font-size: 14.5px !important;
    line-height: 1.85 !important;
    color: #3d4f4c !important;
    overflow-wrap: break-word !important;
  }

  html body .faq-acc-more {
    margin: 0 0 16px !important;
    padding: 9px 16px !important;
    min-height: 40px !important;
  }

  /* --- 分类筛选：行距放开 --- */
  html body .zh-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 8px !important;
    margin-bottom: 20px !important;
  }

  /* --- 分页：触控区补到 44px --- */
  html body .site-pager {
    gap: 8px !important;
    margin-top: 26px !important;
  }

  html body .site-pager-btn,
  html body .site-pager-num {
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
  }

  html body .site-pager-info {
    font-size: 12.5px !important;
  }

  /* --- 底部咨询条：纵向排列，按钮等宽铺满 --- */
  html body .cta-strip {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 20px 16px !important;
  }

  html body .cta-strip h3 {
    font-size: 17px !important;
    line-height: 1.4 !important;
    margin: 0 0 4px !important;
  }

  html body .cta-strip p {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }

  html body .cta-strip .cta-entries {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  html body .cta-strip .cta-entry {
    flex: 1 1 140px !important;
    justify-content: center !important;
  }
}

/* --- FAQ 详情页：正文可读性与表格横滑 --- */
@media (max-width: 1024px) {
  html body .zh-detail {
    padding: 18px 14px 20px !important;
  }

  html body .zh-q-head {
    gap: 8px !important;
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
  }

  html body .zh-q-head h2 {
    font-size: 18px !important;
    line-height: 1.5 !important;
    width: 100% !important;
  }

  html body .zh-a-body {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  html body .zh-a-body h3 {
    font-size: 16px !important;
    line-height: 1.55 !important;
    margin: 20px 0 10px !important;
  }

  html body .zh-a-body ul,
  html body .zh-a-body ol {
    padding-left: 20px !important;
  }

  html body .zh-a-body li {
    margin-bottom: 8px !important;
    line-height: 1.85 !important;
  }

  html body .zh-a-body table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100% !important;
  }

  html body .zh-related ul {
    padding-left: 0 !important;
    list-style: none !important;
  }

  html body .zh-related li a {
    display: flex !important;
    align-items: center;
    min-height: 44px !important;
    padding: 4px 0 !important;
    line-height: 1.6 !important;
  }
}

/* --- 内页 hero：手机上 banner 从右侧压字改为标题下方通栏图（PC 不变） --- */
@media (max-width: 767px) {
  html body.brand-inner .page-hero {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 26px 0 22px !important;
    gap: 14px !important;
  }

  html body.brand-inner .page-hero > .container {
    order: 1 !important;
    width: 100% !important;
  }

  html body.brand-inner .page-hero img.banner-bg {
    position: static !important;
    order: 2 !important;
    width: 100% !important;
    height: 170px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
    object-position: center !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  html body.brand-inner .page-hero h1 {
    font-size: 25px !important;
    line-height: 1.35 !important;
    max-width: 100% !important;
    margin-top: 8px !important;
  }

  html body.brand-inner .page-hero p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
    margin-top: 8px !important;
  }

  html body.brand-inner .page-hero .breadcrumb {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    overflow-wrap: break-word !important;
  }
}

/* ============================================================================
   26. 财税知识 / 资讯详情页（文章正文）移动端重排（2026-10 反馈）
   根因：inner-brand.css 第 79 行
     .brand-inner .grid-cols-115-85{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important}
   特异性 (0,2,0)，压过 mobile.css 的 (0,1,0) 单列规则 → 手机上仍是两栏，
   第二轨硬占 300px，正文列被挤到 0~6px 宽（每行 1 字、表格宽 0、页高 8.7 倍）。
   此层强制单列，并补齐正文可读性；PC（>1024px）完全不受影响。
   ========================================================================== */
@media (max-width: 1024px) {
  /* 26.1 两栏 → 单列，正文列宽回满 */
  html body.brand-inner .grid.grid-cols-115-85,
  html body .grid.grid-cols-115-85 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  html body .grid-cols-115-85 > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* 26.2 正文排版：字号/行高/段落间距/列表缩进 */
  html body .article-body {
    font-size: 15px !important;
    line-height: 1.9 !important;
    min-width: 0 !important;
  }

  html body .article-body p {
    margin-bottom: 14px !important;
    line-height: 1.9 !important;
  }

  html body .article-body h2 {
    font-size: 19px !important;
    line-height: 1.45 !important;
    margin: 26px 0 10px !important;
  }

  html body .article-body h3 {
    font-size: 16.5px !important;
    line-height: 1.5 !important;
    margin: 22px 0 8px !important;
  }

  html body .article-body h4 {
    font-size: 15.5px !important;
    line-height: 1.5 !important;
    margin: 18px 0 6px !important;
  }

  html body .article-body ul,
  html body .article-body ol {
    padding-left: 20px !important;
    margin-bottom: 14px !important;
  }

  html body .article-body li {
    margin-bottom: 6px !important;
    line-height: 1.85 !important;
  }

  html body .article-body blockquote {
    margin: 16px 0 !important;
    padding: 12px 14px !important;
    font-size: 14.5px !important;
    line-height: 1.8 !important;
  }

  /* 26.3 表格与图片不再被裁切 */
  html body .article-body table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html body .article-body img,
  html body .article-body iframe {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 26.4 结论条 / 相关服务卡 / 侧栏卡 */
  html body .conclusion-box {
    margin-top: 20px !important;
    padding: 14px 16px !important;
    font-size: 14.5px !important;
    line-height: 1.8 !important;
  }

  html body .related-service-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body .related-service-item {
    min-height: 44px !important;
    padding: 12px 34px 12px 14px !important;
  }

  html body .grid-cols-115-85 .card {
    width: 100% !important;
  }

  /* 26.5 详情页 h1 长标题不溢出 hero 容器 */
  html body.brand-inner .page-hero h1 {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}