/*
 * mobile-fix.css —— 移动端修复补丁 v2
 * 用途：修复多文件样式叠加导致的移动端覆盖冲突 + 手机端阅读节奏/触控尺寸问题
 * 加载位置：必须在所有站点样式之后（header.php 最后一个 <link>）
 * 断点约定：≤900px 平板/大屏手机，≤640px 手机，≤600px 窄屏
 * 兼容：纯 CSS，无 PHP 依赖，IIS/PHP 5.6 环境直接可用
 * 原则：只做“覆盖”，不改动任何原有文件里的规则；删掉本文件即回滚
 */

/* ============================================================
 * 一、产品中心列表（products.php）
 * 修复：rev64 无媒体查询的 grid 规则覆盖了 rev44 的移动端布局
 * ============================================================ */
@media (max-width: 900px) {
  .product-catalog-v3 { padding: 88px 0 56px; }
  .product-catalog-v3-card {
    display: block;
    height: auto;
    min-height: 0;
  }
  .product-catalog-v3-card figure {
    height: 210px;
    min-height: 0;
  }
  .product-catalog-v3-card > div {
    min-height: 0;
    padding-top: 10px;
    display: block;
  }
  .product-catalog-v3-card h3 { font-size: 22px; margin-bottom: 8px; }
  .product-catalog-v3-card h3 span { font-size: 19px; }
}

/* ============================================================
 * 二、工程案例列表（cases.php / 首页案例区）
 * 修复：rev64 的三列规则覆盖了 site.css ≤620px 的单列规则
 * ============================================================ */
@media (max-width: 900px) {
  .case-showcase-grid,
  .case-demo-main .case-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (max-width: 600px) {
  .case-showcase-grid,
  .case-demo-main .case-showcase-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .case-showcase-body { min-height: 0; }
  .case-showcase-body > small { font-size: 12px; }
  .case-showcase-body > strong { font-size: 16.5px; }
  .case-showcase-body > span { font-size: 12px; }
  .case-modal-details h2 { font-size: 28px; }
}

/* 首页案例横条：保持原有跑马灯效果，只保证不产生页面级横向滚动 */
@media (max-width: 900px) {
  .home-case-row { overflow: hidden; }
}

/* ============================================================
 * 三、首页数据区与产品体系字号
 * 修复：rev44 把移动端说明字压到 10px/11px
 * ============================================================ */
@media (max-width: 900px) {
  .eyebrow { font-size: 12px; line-height: 1.5; }
  .page-home .stat-item p { font-size: 14px; line-height: 1.55; }
  .page-home .stats-section { padding: 36px 0 44px; }
  .page-home .product-selector-item p { font-size: 14px; line-height: 1.55; }
  .page-home .hero-content > p,
  .page-home .product-performance-copy > p,
  .page-home .system-card-copy > p,
  .page-home .home-contact-intro > p { font-size: 15px; line-height: 1.65; }
  .timeline p { font-size: 14px; line-height: 1.65; }
}

/* ============================================================
 * 四、首屏大图（hero）
 * 问题：2341×1480 横图塞进 390×760 容器，仅可见 32.4% 宽度
 * 方案：压缩首屏高度（减少纵向裁切量），并把构图焦点上移
 * ============================================================ */
@media (max-width: 900px) {
  .hero-slider { height: min(76vh, 620px); min-height: 540px; overflow: hidden; }
  .page-home .hero-slider { height: min(76vh, 620px); min-height: 540px; }
  .hero-slide > img { object-position: 50% center; }
  /* 首屏图的运动员位于画面左侧，第二张图的跑者位于中右侧。 */
  .page-home .hero-slide[data-hero-id="home-hero-projects"] > img { object-position: 8% center; }
  .page-home .hero-slide[data-hero-id="home-hero-performance"] > img { object-position: 38% center; }
}

/* ============================================================
 * 五、悬浮客服球
 * 问题：固定左下角，遮挡产品名/表单标签等正文
 * 方案：移到右下角并缩小，与主流移动端习惯一致
 * ============================================================ */
@media (max-width: 900px) {
  .home-contact-dock-chat {
    width: 48px;
    height: 48px;
  }
  .home-contact-dock-chat > img { width: 40px; height: 40px; }
}

/* ============================================================
 * 六、关于我们二级导航
 * 问题：5 个标签等分 390px，每个 78px，“研发与检测/资质荣耀”被压到贴边
 * 方案：改为按内容宽度自然排布（不再等分），字号收到 13px，5 项一屏放得下；
 *       屏幕更窄时仍可横向滑动
 * ============================================================ */
@media (max-width: 900px) {
  .about-v2-tab-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 14px 0 16px;
  }
  .about-v2-tab-wrap::-webkit-scrollbar { display: none; }
  .about-v2-tabs {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 0;
    justify-content: space-between;
    grid-template-columns: none;
    padding-left: 10px;
    padding-right: 10px;
  }
  .about-v2-tabs > button {
    flex: 0 0 auto;
    min-width: 0;
    padding: 13px 8px;
    font-size: 13px;
    white-space: nowrap;
  }
}

/* ============================================================
 * 七、服务支持 / 联系我们（rev87 的移动端规则被 rev89 覆盖）
 * ============================================================ */
@media (max-width: 760px) {
  .service-subnav-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 0; }
  .service-subnav a { min-height: 58px; padding: 10px 8px; font-size: 14px; }
  .service-page-hero { padding: 64px 0 48px; }
  .service-page-hero-copy h1 { font-size: 40px; }
  .service-page-content { padding: 56px 0 72px; }
  .service-page-card-grid { grid-template-columns: 1fr; }
  .service-page-card { min-height: 0; }
  .contact-service-faq { padding: 56px 0 72px; }
  .contact-service-faq summary { min-height: 64px; font-size: 15px; }
  .contact-service-card { min-height: 0; }
  .service-page-cta { padding: 48px 0 56px; }
}

/* ============================================================
 * 八、关于我们数据字（rev28 ≤600px 的 38px 被 rev64 的 42px 覆盖）
 * ============================================================ */
@media (max-width: 600px) {
  .about-v2-stats strong { font-size: 38px; }
}

/* ============================================================
 * 九、手机端纵向节奏（留白）
 * 问题：各区块沿用电脑端 76~116px 的上下内边距，手机一屏只有半屏内容，
 *       区块之间出现 180~220px 的纯空白，整体像“断开的几段”。
 * 方案：手机端把区块内边距收到 44~56px，保留呼吸感但不空旷。
 * ============================================================ */
@media (max-width: 900px) {
  .products-section,
  .home-cases-section,
  .home-news-v2,
  .home-consult-v2,
  .home-color-studio,
  .about-v2-profile,
  .about-v2-space,
  .about-v2-team,
  .hd-service-support .ss-contact-area,
  .hd-service-support .ss-regions {
    padding-top: 56px !important;
    padding-bottom: 60px !important;
  }
  .hd-service-support .ss-contact-area { padding-left: 14px !important; padding-right: 14px !important; }
  .hd-service-support .ss-regions { padding-left: 14px !important; padding-right: 14px !important; }
}
@media (max-width: 600px) {
  .products-section,
  .home-cases-section,
  .home-news-v2,
  .home-consult-v2,
  .home-color-studio,
  .about-v2-profile,
  .about-v2-space,
  .about-v2-team,
  .hd-service-support .ss-contact-area,
  .hd-service-support .ss-regions {
    padding-top: 44px !important;
    padding-bottom: 48px !important;
  }
  .about-v2-profile { padding-top: 40px !important; padding-bottom: 36px !important; }
}

/* ============================================================
 * 十、新闻列表筛选标签
 * 窄屏时允许筛选条自身横向滚动，不让内容撑宽整页。
 * ============================================================ */
@media (max-width: 600px) {
  .news-filter-tabs {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }
  .news-filter-tabs button {
    min-height: 44px;
    flex: 0 0 auto;
    padding: 8px 12px;
    font-size: 13.5px;
  }
}

/* ============================================================
 * 十一、联系我们 · 全国服务点表格
 * 问题：手机上仍是「1.15fr .9fr 64px」三列，字号压到 11px，
 *       联系电话列只剩 64px 被裁切，二维码缩到 58px 扫不出来
 * 方案：每行改成两行式（区域名一行 / 联系人+职务一行），字号回到 12.5px，
 *       二维码放大到 84px
 * ============================================================ */
@media (max-width: 640px) {
  .hd-service-support .ss-table-head,
  .hd-service-support .page .ss-table-head { font-size: 11px; min-height: 46px; }

  .hd-service-support .ss-region-row,
  .hd-service-support .page .ss-region-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px 10px;
    min-height: 62px;
    padding: 12px 12px 12px 14px;
    font-size: 12.5px;
  }
  .hd-service-support .ss-region-row > strong,
  .hd-service-support .page .ss-region-row > strong {
    flex: 1 1 100%;
    font-size: 14.5px;
    line-height: 1.5;
  }
  .hd-service-support .ss-region-row .hdss-ss-name,
  .hd-service-support .page .ss-region-row .hdss-ss-name { font-size: 12.5px; }
  .hd-service-support .ss-region-row .ss-role,
  .hd-service-support .page .ss-region-row .ss-role {
    display: inline;
    font-size: 12px;
    color: #9a9da0;
  }
  .hd-service-support .ss-region-row .ss-expand,
  .hd-service-support .page .ss-region-row .ss-expand {
    margin-left: auto;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
  }

  .hd-service-support .ss-contact-person,
  .hd-service-support .page .ss-contact-person { grid-template-columns: 84px 1fr; min-height: 104px; }
  .hd-service-support .ss-contact-qr,
  .hd-service-support .page .ss-contact-qr { width: 84px; height: 84px; }
  .hd-service-support .ss-person-name,
  .hd-service-support .page .ss-person-name { font-size: 15px; }
  .hd-service-support .ss-person-meta,
  .hd-service-support .page .ss-person-meta { font-size: 12px; }

  /* 表格最后一行不要被右下角客服球压住 */
  .hd-service-support .ss-regions { padding-bottom: 108px !important; }
}

/* ============================================================
 * 十二、触控元素尺寸（拇指可点）
 * 问题：案例分页按钮 38×38、首页“查看全部”链接高 20px、
 *       隐私协议勾选框 18×18、菜单里的快捷入口 11px/36px
 * 方案：统一放大到 44px 以上（移动端最小可点尺寸）
 * ============================================================ */
@media (max-width: 900px) {
  .case-demo-pagination { flex-wrap: wrap; gap: 8px; }
  .case-demo-pagination button { width: 44px; height: 44px; flex: 0 0 44px; font-size: 15px; }
  .case-demo-pagination button.is-arrow { font-size: 20px; }

  .text-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .hdss-ss-privacy,
  .hd-service-support .hdss-ss-privacy,
  .hd-service-support .page .hdss-ss-privacy {
    min-height: 44px;
    align-items: center;
    font-size: 13px;
    line-height: 1.5;
  }
  .hdss-ss-privacy input,
  .hd-service-support .hdss-ss-privacy input,
  .hd-service-support .page .hdss-ss-privacy input {
    width: 22px;
    height: 22px;
    margin-top: 0;
    flex: 0 0 22px;
  }
  .hdss-ss-privacy a,
  .hd-service-support .hdss-ss-privacy a { padding: 11px 0; display: inline-block; }

  .mobile-product-shortcuts a {
    min-height: 44px;
    padding: 0 14px;
    font-size: 12.5px;
  }

  .about-v2-space small,
  .about-v2-team small { font-size: 12px; line-height: 1.7; }

  /* 首页首屏按钮在 600px 断点原先降到 42px，这里统一为 44px。 */
  .page-home .hero-controls button,
  .page-home .hero-controls button + button { width: 44px; height: 44px; }
}

/* ============================================================
 * 十三、页脚可读性与安全区
 * 问题：版权行、二维码说明只有 10px；页脚底部被客服球压住
 * ============================================================ */
@media (max-width: 900px) {
  .site-footer .footer-bottom { font-size: 11.5px; line-height: 1.7; }
  .site-footer figcaption { font-size: 11px; }
  .site-footer { padding-bottom: 88px; }
}

/* ============================================================
 * 十四、新闻列表日期 + 页脚联系块小字
 * 问题：日期里的年份只有 9px，页脚 “PROJECT CONSULTATION” 也是 9px
 * ============================================================ */
@media (max-width: 900px) {
  .news-effects-info time span { font-size: 11px; }
  .news-effects-info time { font-size: 13px; }
  .site-footer .mobile-menu-contact small,
  .site-footer small { font-size: 11px; letter-spacing: .1em; }
}

/* ============================================================
 * 十五、手机端复核后的视觉修整
 * 只影响 900px 以下视口：整理关于页横幅、首页滑动卡片、流程导航、
 * 首页咨询入口、详情页颜色选择与移动端冗余推荐区。
 * ============================================================ */
@media (max-width: 900px) {
  /* 关于页：去除窄屏下不完整的红色斜切覆盖，横幅随视口收高。 */
  .page-about .about-v2-hero {
    height: min(72vh, 660px);
    min-height: 480px;
    background: #111313;
  }
  .page-about .about-v2-hero::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
  }
  .page-about .about-v2-hero > img,
  .page-about .about-v2-hero-shade {
    inset: 0;
    height: 100%;
    clip-path: none;
  }
  .page-about .about-v2-hero > img { object-position: center 42%; }
  .page-about .about-v2-hero-copy { padding-top: 64px; transform: none; }
  .page-about .about-v2-hero-copy h1 {
    margin-bottom: 12px;
    font-size: clamp(48px, 13vw, 66px);
    line-height: 1.08;
    transform: none;
  }
  .page-about .about-v2-hero-copy p {
    max-width: 90%;
    font-size: 16px;
    line-height: 1.6;
    transform: none;
  }
  .page-about .about-v2-tab-wrap { margin-top: 0; padding: 0; transform: none; }

  /* 首页产品系统：手机上一屏一张，横向滑动浏览。 */
  .page-home .product-selector {
    width: 100%;
    max-width: none;
    margin-top: -28px;
    padding: 8px 12px 18px;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .page-home .product-selector::-webkit-scrollbar { display: none; }
  .page-home .product-selector-item {
    flex: 0 0 100%;
    min-height: 0;
    padding: 16px 14px 18px;
    display: grid;
    grid-template-rows: 184px auto;
    border-radius: 10px;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }
  .page-home .product-selector-item figure {
    height: 184px;
    overflow: visible;
  }
  .page-home .product-selector-item figure img {
    width: 94%;
    height: 94%;
    max-width: 100%;
    object-fit: contain;
  }
  .page-home .product-selector-caption {
    min-height: 82px;
    margin-top: 10px;
    padding: 14px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #f3f4f6;
    border-radius: 8px;
  }
  .page-home .product-selector-item strong { font-size: 18px; }
  .page-home .product-selector-item small { margin: 0; font-size: 13px; line-height: 1.5; }
  .page-home .product-selector-item.is-active { transform: none; }

  /* 产品切换卡片共用 GOTER 的浅色图底与信息底板，避免只有选中卡片显色。 */
  .page-home .product-selector-item,
  .page-home .product-selector-item.is-active {
    background: #eef3f3;
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(22, 23, 24, .08);
  }
  .page-home .product-selector-item::after { display: none; }
  .page-home .product-selector-item figure {
    overflow: hidden;
    background: #eef3f3;
    border-radius: 8px;
  }
  .page-home .product-selector-caption,
  .page-home .product-selector-item.is-active .product-selector-caption {
    background: #f3f4f6;
  }
  .page-home .product-selector-item.is-active .product-selector-caption strong { color: var(--red); }

  /* 施工流程阶段条：标题可以换行，不再被省略号截掉。 */
  .service-process-stage-nav { overflow-x: auto; overflow-y: hidden; }
  .service-process-stage-list { grid-auto-columns: min(76vw, 260px); }
  .service-process-stage-choice { min-height: 70px; align-items: start; }
  .service-process-stage-choice strong {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.45;
  }
  .service-process-stage-choice small { white-space: normal; }

  /* 首页咨询入口改成紧凑的图标加文字行，减少连续大块留白。 */
  .page-home .home-consult-v2 { padding-top: 64px !important; padding-bottom: 72px !important; }
  .page-home .home-consult-v2-grid { row-gap: 24px; }
  .page-home .home-consult-v2-intro .button { margin-bottom: 4px; }
  .page-home .home-consult-v2-item {
    padding: 18px 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 3px 14px;
    align-items: center;
    border-top: 1px solid #e3e4e5;
  }
  .page-home .home-consult-v2-item svg {
    width: 42px;
    height: 42px;
    margin: 0;
    grid-row: 1 / span 2;
    align-self: center;
  }
  .page-home .home-consult-v2-item h3 { margin: 0; font-size: 19px; line-height: 1.4; }
  .page-home .home-consult-v2-item p { grid-column: 2; font-size: 13px; line-height: 1.6; }

  /* 页脚仍保留现有信息，只收紧品牌区与导航之间的间距。 */
  .site-footer .footer-grid { row-gap: 28px; }
  .site-footer .footer-brand .footer-partners-title { margin-top: 9px; }
  .footer-partner-marks { margin-top: 26px; }

  /* 产品详情：手机端不重复展示同类产品；颜色入口规整为两行色卡。 */
  .page-product-detail .pd-related { display: none !important; }
  .page-product-detail .pd-swatches {
    display: grid;
    grid-template-columns: repeat(4, 42px);
    gap: 12px;
    margin: 18px 0 16px;
  }
  .page-product-detail .pd-swatch { width: 42px; height: 42px; }
  .page-product-detail .pd-color-meta > .text-link {
    width: fit-content;
    min-height: 44px;
    margin-top: 2px;
    padding: 0 0 2px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid currentColor;
    line-height: 1.4;
  }
}

/* ============================================================
 * 移动端首页下半段：统一标题、说明、CTA 与咨询入口节奏
 * ============================================================ */
@media (max-width: 600px) {
  .page-home .home-cases-section {
    padding-top: 48px !important;
    padding-bottom: 52px !important;
  }
  .page-home .home-cases-heading {
    width: 100%;
    max-width: 560px;
    margin: 0 auto 26px;
    align-items: flex-start;
    text-align: left;
  }
  .page-home .home-cases-heading .eyebrow {
    margin-bottom: 12px;
    justify-content: flex-start;
  }
  .page-home .home-cases-heading h2 {
    margin: 0 0 12px;
    font-size: clamp(34px, 9vw, 38px);
    line-height: 1.12;
    letter-spacing: -.04em;
    text-wrap: balance;
  }
  .page-home .home-cases-heading p {
    max-width: 36ch;
    margin: 0 0 16px;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 1.65;
  }
  .page-home .home-cases-heading .text-link {
    min-height: 46px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 999px;
  }

  .page-home .home-news-v2 {
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }
  .page-home .home-v2-center-heading {
    max-width: 560px;
    margin: 0 auto 28px;
    text-align: left;
  }
  .page-home .home-v2-center-heading .eyebrow {
    margin-bottom: 12px;
    justify-content: flex-start;
  }
  .page-home .home-v2-center-heading h2 {
    margin: 0 0 12px;
    font-size: clamp(34px, 9vw, 38px);
    line-height: 1.12;
    letter-spacing: -.04em;
    text-wrap: balance;
  }
  .page-home .home-v2-center-heading p {
    max-width: 36ch;
    margin: 0 0 16px;
    color: #686a6e;
    font-size: 15px;
    line-height: 1.65;
  }
  .page-home .home-v2-center-heading .text-link {
    min-height: 46px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #d6d7d9;
    border-radius: 999px;
  }

  .page-home .home-consult-v2 {
    padding-top: 48px !important;
    padding-bottom: 88px !important;
  }
  .page-home .home-consult-v2-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }
  .page-home .home-consult-v2-intro {
    margin-bottom: 22px;
  }
  .page-home .home-consult-v2-intro h2 {
    max-width: 18ch;
    margin: 0 0 14px;
    font-size: clamp(32px, 8.4vw, 36px);
    line-height: 1.2;
    letter-spacing: -.04em;
    text-wrap: balance;
    transform: none;
  }
  .page-home .home-consult-v2-intro > p {
    max-width: 36ch;
    margin: 0 0 18px;
    color: #686a6e;
    font-size: 15px;
    line-height: 1.65;
  }
  .page-home .home-consult-v2-intro .button {
    min-height: 50px;
    margin: 0;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }
  .page-home .home-consult-v2-item {
    min-height: 82px;
    padding: 16px 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 24px;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 4px 12px;
    border-top: 1px solid #e3e4e5;
  }
  .page-home .home-consult-v2-item:last-child { border-bottom: 1px solid #e3e4e5; }
  .page-home .home-consult-v2-item svg {
    width: 34px;
    height: 34px;
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0;
  }
  .page-home .home-consult-v2-item h3 {
    grid-column: 2 / 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 18px;
    line-height: 1.35;
  }
  .page-home .home-consult-v2-item h3 span { flex: 0 0 auto; margin: 0; }
  .page-home .home-consult-v2-item p {
    grid-column: 2 / 4;
    font-size: 13px;
    line-height: 1.5;
  }
  .page-home .home-contact-dock-chat {
    right: 14px;
    bottom: 16px;
    left: auto;
  }
  .page-home .hero-controls button:focus-visible {
    outline: 3px solid rgba(232,53,37,.72);
    outline-offset: 3px;
  }
}

@media (max-width: 420px) {
  .page-home .product-selector-item { flex-basis: 100%; }
  .page-home .product-selector-item { grid-template-rows: 184px auto; }
  .page-home .product-selector-item figure { height: 184px; }
  .page-home .home-consult-v2-item { grid-template-columns: 40px minmax(0, 1fr) 24px; gap: 4px 12px; }
  .page-home .home-consult-v2-item svg { width: 34px; height: 34px; }
}

/* 首页手机首屏：两个行动入口居中纵向排列为药丸按钮。 */
@media (max-width: 900px) {
  .page-home .hero-content .hero-actions {
    width: 100%;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
  .page-home .hero-content .hero-actions .hero-action-button {
    width: min(100%, 236px);
    min-width: 0;
    min-height: 52px;
    font-size: 14px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-radius: 999px;
    color: #fff;
    background: var(--red);
    border: 1px solid var(--red);
    text-align: center;
  }
  .page-home .hero-content .hero-actions .hero-action-button + .hero-action-button {
    background: rgba(8, 14, 20, .3);
    border-color: rgba(255, 255, 255, .82);
  }

  /* 清除手机点击控件时出现的系统蓝色高亮方块。 */
  .page-home button,
  .page-home a { -webkit-tap-highlight-color: transparent; }
  .page-home .hero-controls button,
  .page-home .hero-controls button:active,
  .page-home .hero-controls button:focus {
    outline: none;
    box-shadow: none;
  }
  .page-home .hero-controls button:active { background-color: transparent; }

  /* 数据区中央分隔改成两段短线，各自与所在行数字等高。 */
  .page-home .stats-grid { border: 0; }
  .page-home .stat-item { border-bottom: 0; }
  .page-home .stat-item:nth-child(odd) {
    position: relative;
    border-right: 0;
  }
  .page-home .stat-item:nth-child(odd)::after {
    position: absolute;
    top: 18px;
    right: 0;
    left: auto;
    width: 1px;
    height: clamp(46px, 12vw, 56px);
    display: block;
    content: "";
    background: #d8d9da;
  }
  .page-home .stat-item:nth-child(even) { border-right: 0; }
  .page-home .stat-item strong::after { display: none !important; }
}

/* 首页新闻：移动端四条新闻为单卡横向滑动，不再按分类拆成不同面板。 */
@media (max-width: 900px) {
  .page-home .home-news-v2-grid {
    width: 100%;
    margin: 0;
    padding: 0 0 8px;
    display: flex;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .page-home .home-news-v2-grid::-webkit-scrollbar { display: none; }
  .page-home .home-news-v2-card {
    width: 100%;
    min-width: 0;
    flex: 0 0 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}

/* 产品体系：移动端给标题、说明和卡片留出清晰间距，桌面端保持现有版式。 */
@media (max-width: 900px) {
  .page-home .products-section { padding-top: 64px; padding-bottom: 88px; }
  .page-home .product-performance-stage { min-height: 0; margin-bottom: 0; }
  .page-home .product-performance-copy { max-width: 100%; padding: 0 6px; text-align: center; }
  .page-home .product-performance-copy .eyebrow { margin-bottom: 24px; font-size: 34px; line-height: 1.2; }
  .page-home .product-performance-copy h2 { margin: 0 0 16px; font-size: clamp(25px,7vw,31px); line-height: 1.35; }
  .page-home .product-performance-copy > p { max-width: 34em; margin: 0 auto; font-size: 15px; line-height: 1.8; }
  .page-home .product-selector { margin-top: 22px; }
}

/* 页脚按手机参考图压缩：合作方横排、导航双列、二维码四列，保留全部原内容。 */
@media (max-width: 900px) {
  .site-footer { padding-top: 36px; padding-bottom: 56px; }
  .site-footer .footer-grid { width: calc(100% - 40px); grid-template-columns: minmax(0,1fr); gap: 30px; }
  .site-footer .footer-brand { grid-column: auto; display: flex; flex-direction: column; align-items: flex-start; }
  .site-footer .footer-brand > a > img { width: min(196px,68vw); }
  .site-footer .footer-brand .footer-partners-title { order: 2; margin: 24px 0 12px; font-size: 16px; line-height: 1.5; }
  .site-footer .footer-brand .footer-partner-marks { order: 3; width: 100%; max-width: 100%; margin: 0; }
  .site-footer .footer-nav-block { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 22px; }
  .site-footer .footer-nav-block h3 { grid-column: 1 / -1; margin: 0 0 12px; font-size: 16px; }
  .site-footer .footer-nav-block a { min-height: 48px; margin: 0; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 14px; line-height: 1.5; }
  .site-footer .footer-contact-phone,
  .site-footer .footer-contact-block .footer-contact-phone { margin-bottom: 20px; font-size: clamp(20px,5.7vw,24px); }
  .site-footer .footer-contact-block .footer-wechat-codes { margin: 0 0 22px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
  .site-footer .footer-contact-block .footer-wechat-codes figure { width: auto; min-width: 0; }
  .site-footer .footer-contact-block .footer-wechat-codes img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
  .site-footer .footer-contact-block figcaption { font-size: 11px; line-height: 1.4; }
  .site-footer .footer-contact-block > p { overflow-wrap: anywhere; font-size: 13px; line-height: 1.65; }
  .site-footer .footer-bottom { padding-top: 18px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px 14px; }
}