/* ============================================
   响应式样式 v4.8 - 甘肃近图企服科技有限公司
   ============================================ */

/* --- v4.3 移动端增强组件（B 案）：默认隐藏，≤768 启用（桌面端零变化） --- */
.m-grid-section { display: none; }
.m-dots { display: none; }
.m-modal { display: none; }

/* --- v4.5 首页 5 屏收纳组件：默认隐藏，≤768 启用 --- */
.m-acc, .m-tier, .m-scene, .m-rows, .m-note { display: none; }

/* ============================================================================
   ★ 导航抽屉（≤1024px）—— 2026-09-22 从 ≤768 上移（李总拍板 A 案）
   为什么要上移：7 个一级项 + CTA 在 769–1024 根本放不下。实测（页宽 900px）
   中文导航尾部溢出容器 +42px、英文在 1024px 溢出 +112px；此前一直靠压扁 logo
   硬撑——800px 时 `.navbar-brand` 实测宽 0px、logo 变成一条看不见的竖线。
   上移到 ≤1024 后，窄屏统一走汉堡抽屉，桌面导航只在真放得下（≥1025）时出现。
   ★ 本块是导航抽屉规则的**唯一来源**；≤768 各块不再重复导航规则。
   ★ 配套：styles 里 769–1180 / 769–960 两档压缩规则已改名到 ≥1025（见下方 v5 段），
     否则同specificity的后置规则会盖掉抽屉里的 padding。
   ============================================================================ */
@media (max-width: 1024px) {
  .navbar-toggle { display: flex; }
  .navbar-nav {
    position: fixed; top: 72px; left: 0; right: 0;
    background: var(--color-white); flex-direction: column; padding: 20px;
    box-shadow: var(--shadow-nav); transform: translateY(-120%);
    opacity: 0; visibility: hidden; transition: var(--transition); gap: 0;
    max-height: calc(100vh - 72px); overflow-y: auto;
  }
  .navbar-nav.open { transform: translateY(0); opacity: 1; visibility: visible; }
  .navbar-nav a { padding: 12px 16px; width: 100%; border-bottom: 1px solid var(--color-border); border-radius: 0; }
  .navbar-nav a.active::after { display: none; }
  /* --- 抽屉菜单：组标题大字 + 触控目标 + 当前页高亮 --- */
  .navbar-nav a { min-height: 44px; display: flex; align-items: center; }
  .navbar-nav a.active { color: var(--color-primary); font-weight: 600; }
  .nav-dropdown-menu { position: static; transform: none; box-shadow: none; border: none; padding: 0 0 0 16px; opacity: 1; visibility: visible; min-width: auto; }
  .nav-dropdown-menu.nav-mega {
    display: block; width: auto; padding: 0 0 0 16px; transform: none;
  }
  .nav-dropdown:hover .nav-dropdown-menu.nav-mega { transform: none; }
  .nav-mega-group { margin-bottom: 14px; }
  /* 下面两条原分处 ≤768 的两个块，合并后 padding 以「大字版」为准（与原级联结果一致） */
  .nav-mega-group h5 {
    border-bottom: none; margin-bottom: 2px;
    font-size: 0.95rem; font-weight: 700; color: var(--color-text); padding: 6px 0 2px;
  }
  .nav-mega-group a small { display: none; }
  .navbar-nav .nav-dropdown > span {
    padding: 12px 16px; width: 100%; display: block;
    border-bottom: 1px solid var(--color-border); border-radius: 0;
  }
  .navbar-nav a.nav-cta {
    margin: 10px 16px 6px; padding: 12px 16px; width: auto;
    text-align: center; border-bottom: none; display: block;
  }
  .navbar-brand .logo-img { height: 38px; }
}

/* --- Tablet (max-width: 768px) --- */
@media (max-width: 768px) {
  :root { --section-padding: 48px; }
  h1 { font-size: 2rem; } h2 { font-size: 1.7rem; } h3 { font-size: 1.25rem; }

  .hero { min-height: 480px; padding: 110px 20px 60px; }
  .hero h1 { font-size: 2.2rem; letter-spacing: 1px; }
  .hero .subtitle { font-size: 1rem; }
  .hero-shape { display: none; }

  .page-banner { padding: 110px 20px 45px; }
  .page-banner h1 { font-size: 2rem; }

  .product-hero { padding: 110px 20px 50px; }
  .product-hero h1 { font-size: 2rem; }

  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; gap: 20px; }
  .feature-highlight { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .stats-row { gap: 30px; }
  .stat-number { font-size: 2.2rem; }

  .about-intro, .brand-detail, .contact-grid { grid-template-columns: 1fr; gap: 30px; }
  .brand-detail.reverse { direction: ltr; }

  .timeline::before { left: 20px; }
  .timeline-item, .timeline-item:nth-child(even) { padding-right: 0; padding-left: 50px; }
  .timeline-item .timeline-dot { left: 20px; }
  .timeline-item .timeline-content { max-width: 100%; }

  .values-grid { grid-template-columns: 1fr; gap: 20px; }
  .brand-flow { flex-direction: column; }
  .brand-arrow { transform: rotate(90deg); }

  .pricing-table { grid-template-columns: 1fr; }
  .franchise-models { grid-template-columns: 1fr; }
  .profit-grid { grid-template-columns: 1fr; }

  .process-steps { flex-direction: column; gap: 30px; }
  .process-steps::before { top: 32px; bottom: 32px; left: 32px; right: auto; width: 2px; height: auto; }
  .process-step { text-align: left; display: flex; align-items: center; gap: 16px; padding: 0; }
  .process-step .step-number { margin: 0; flex-shrink: 0; width: 52px; height: 52px; font-size: 1rem; }

  .data-table, .comparison-table { display: block; overflow-x: auto; white-space: nowrap; }

  .section-header { margin-bottom: 30px; }
  .cta-section h2 { font-size: 1.6rem; }

  /* --- 客服吸底栏 A1：深蓝底 4 键（电话/微信/询价/留言），公众号+商务咨询合并进微信弹窗 --- */
  .cs-sidebar { bottom: 0; right: 0; top: auto; transform: none; flex-direction: row; width: 100%; background: #0B1F3A; gap: 0; padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); }
  .cs-sidebar-item { width: auto; flex: 1; height: auto; min-height: 52px; border-radius: 10px; flex-direction: column; gap: 3px; background: transparent; color: #fff; padding: 6px 2px; transition: none; }
  .cs-sidebar-item:first-child, .cs-sidebar-item:last-child { border-radius: 10px; }
  .cs-sidebar-item .cs-icon .v-ico { width: 22px; height: 22px; }
  .cs-sidebar-item .cs-label { color: #fff; font-size: 11px; }
  .cs-item-mhide { display: none; }
  .cs-quote-item { display: flex; flex: 1.25; background: var(--color-accent); border-radius: 22px; margin-left: 6px; }
  .cs-quote-item .cs-icon, .cs-quote-item .cs-label { color: #0B1F3A; }
  .cs-quote-item .cs-label { font-weight: 600; }
  .cs-popup { display: none; }

  .cloud-chain-grid { grid-template-columns: 1fr; gap: 16px; }
  .cloud-chain-card { padding: 24px 20px; }
  .cloud-chain-card h4 { font-size: 1rem; padding-right: 40px; }
  .cloud-chain-number { font-size: 1.8rem; top: 12px; right: 16px; }
}

/* --- Mobile (max-width: 480px) --- */
@media (max-width: 480px) {
  :root { --section-padding: 40px; }
  h1 { font-size: 1.6rem; } h2 { font-size: 1.4rem; }

  .hero { min-height: 400px; padding: 100px 16px 50px; }
  .hero h1 { font-size: 1.7rem; }
  .hero .subtitle { font-size: 0.9rem; margin-bottom: 28px; }
  .hero .btn-group { flex-direction: column; align-items: center; }

  /* v4.4 更新面板小屏只露 4 条，其余进 news.html */
  .update-log-item:nth-child(n+5) { display: none; }

  .btn { padding: 11px 26px; font-size: 0.9rem; }
  .btn-lg { padding: 13px 32px; font-size: 1rem; }
  .card { padding: 24px 20px; }
  .container { padding: 0 16px; }

  .page-banner { padding: 100px 16px 35px; }
  .page-banner h1 { font-size: 1.6rem; }
  .product-hero h1 { font-size: 1.6rem; }

  .footer { padding: 24px 0 0; }
  .footer-grid { gap: 8px; }
  .stats-row { gap: 20px; }
  .stat-number { font-size: 1.8rem; }
  .stat-label { font-size: 0.85rem; }

  .back-to-top { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); right: 16px; width: 40px; height: 40px; }
  .franchise-model-card .model-details { grid-template-columns: 1fr; }
}

@media (min-width: 1400px) { .container { max-width: 1320px; } }



/* === 招投标信息 & 内容中心 响应式 === */
@media (max-width: 768px) {
  .bid-card-header { flex-direction: column; gap: 0.5rem; }
  .bid-date { margin-left: 0; }
  .bid-meta { flex-direction: column; gap: 0.5rem; }
  .bid-cta { flex-direction: column; text-align: center; }
  .bid-footer { flex-direction: column; gap: 0.5rem; }
  .cta-banner-content { flex-direction: column; text-align: center; }
  .cta-banner-actions { justify-content: center; }
  .article-card { flex-direction: column; gap: 0.75rem; }
  .category-tabs { gap: 0.4rem; }
  .category-tab { padding: 0.4rem 0.8rem; font-size: 0.8rem; }
}

@media (max-width: 480px) {
  .bid-filter, .bid-type-filter { gap: 0.3rem; }
  .bid-filter-btn, .bid-type-btn { padding: 0.35rem 0.8rem; font-size: 0.8rem; }
  .bid-title { font-size: 0.95rem; }
  .bid-card { padding: 1rem; }
}

/* 更新日志面板响应式 */
@media (max-width: 1024px) {
  .hero-layout {
    flex-direction: column;
  }
  .hero-carousel {
    width: 100%;
    min-height: 500px;
  }
  .update-log-panel {
    width: 100%;
    min-height: auto;
    max-height: 350px;
  }
}

@media (max-width: 768px) {
  .hero-carousel {
    min-height: 420px;
  }
  .update-log-panel {
    min-height: auto;
    max-height: 300px;
    padding: 16px;
  }
  .update-log-panel h3 {
    font-size: 1rem;
  }
  .update-log-item {
    padding: 10px 12px;
  }
  .update-log-title {
    font-size: 0.85rem;
  }
}

@media (max-width: 480px) {
  .hero-carousel {
    min-height: 380px;
  }
  .update-log-panel {
    min-height: auto;
    max-height: 280px;
    padding: 12px;
  }
  .update-log-item {
    padding: 8px 10px;
  }
  .update-log-title {
    font-size: 0.8rem;
  }
  .update-log-meta {
    font-size: 0.7rem;
  }
}

/* ============================================
   v5 新增：官网改版 v3 的响应式（2026-09-14）
   ============================================ */

/* --- 桌面窄屏（1025–1180px）：压缩导航，避免 7 项溢出 ---
   2026-09-22：下界由 769 提到 1025 —— ≤1024 已整体走汉堡抽屉（见文件顶部块）。 */
@media (min-width: 1025px) and (max-width: 1180px) {
  .navbar-brand { font-size: 1.05rem; }
  .navbar-brand .logo-icon { width: 36px; height: 36px; font-size: 1rem; border-radius: 9px; }
  .navbar-nav a { padding: 8px 10px; font-size: 0.85rem; }
  .nav-dropdown-menu.nav-mega { width: 560px; transform: translateX(-36%) translateY(8px); }
  .nav-dropdown:hover .nav-dropdown-menu.nav-mega { transform: translateX(-36%) translateY(0); }
  /* 2026-09-16 广印学院加入后一级项增至 7 项，中屏再压一档避免换行 */
  .navbar-nav { gap: 0; }
  .navbar-nav a, .navbar-nav .nav-dropdown > span { padding: 8px 8px; font-size: 0.82rem; }
  .navbar-nav a.nav-cta { padding: 7px 12px; margin-left: 4px; }
}

/* --- 原「窄中屏 769–960px」压缩档已删除（2026-09-22）---
   该档覆盖的宽度已全部并入 ≤1024 汉堡抽屉，保留即成死代码且会盖掉抽屉里的
   padding（同 specificity 后置者胜）。其唯一非导航规则
   `.navbar-brand .logo-img { height: 38px }` 已并入上方抽屉块。 */

/* --- 中屏（769–1024px）：新增板块降列 --- */
@media (max-width: 1024px) {
  .identity-row { grid-template-columns: repeat(3, 1fr); }  .pf-row { grid-template-columns: repeat(2, 1fr); }
  .bf-cards, .bf-cards.col-3 { grid-template-columns: repeat(2, 1fr); }
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .tier-row { grid-template-columns: 1fr; }
  .promise-list { grid-template-columns: 1fr; }
  .global-cards { grid-template-columns: 1fr; }
  .space-feature { grid-template-columns: 1fr; gap: 30px; }
  .value-bar { grid-template-columns: 1fr; }
  .value-cell { border-right: none; border-bottom: 1px solid var(--color-border); }
  .value-cell:last-child { border-bottom: none; }
}

/* --- 移动端（≤768px）：品牌家族三组面板的纵向折叠已随导航抽屉上移到 ≤1024 --- */
@media (max-width: 768px) {
  .identity-row, .pf-row, .bf-cards, .bf-cards.col-2, .bf-cards.col-3, .trust-grid { grid-template-columns: 1fr; }
  .brand-hero { padding: 110px 20px 50px; }
  .brand-hero h1 { font-size: 2rem; }
  .brand-hero .bh-logo { width: 64px; height: 64px; font-size: 1.3rem; }
  .value-bar { margin-top: 24px; }
  .brand-step { padding: 44px 0; }
}

/* ===== v4.1 导航收敛适配（6 项 + CTA）=====
   2026-09-22：下界 769 → 1025（≤1024 已整体走汉堡抽屉）；
   原 ≤768 的抽屉写法已并入文件顶部 ≤1024 块，此处不再重复。 */
@media (min-width: 1025px) and (max-width: 1180px) {
  .navbar-nav .nav-dropdown > span { padding: 8px 10px; font-size: 0.85rem; }
  .navbar-nav a.nav-cta { padding: 7px 13px; margin-left: 6px; }
}

/* ============================================================
   v4.2 视觉优化适配（一期）
   ============================================================ */
@media (max-width: 1024px) {
  .bf-cards.slide-track .bf-card { flex: 0 0 270px; }
  .identity-row.slide-track .identity-card { flex: 0 0 230px; }
  .grid-3.slide-track > * { flex: 0 0 280px; }
  .bh-decor { width: 220px; height: 220px; opacity: 0.1; }
  .ring-row { gap: 22px; }
}
@media (max-width: 768px) {
  .slide-track { gap: 14px; padding: 4px 14px 16px; margin-left: -14px; margin-right: -14px; }
  .bf-cards.slide-track .bf-card, .grid-3.slide-track > * { flex: 0 0 78vw; }
  .identity-row.slide-track .identity-card { flex: 0 0 66vw; }
  .media-pic { height: 120px; }
  .timeline .tl-line { margin: 0 4% 26px; }
  .timeline .tl-node-row { display: none; }
  .timeline.v-in .tier-card:nth-child(2) { transition-delay: 0.18s; }
  .timeline.v-in .tier-card:nth-child(3) { transition-delay: 0.36s; }
  .vtabs-nav { gap: 8px; }
  .vtab { flex: 1 1 44%; padding: 10px 12px; font-size: 0.86rem; }
  .ring-progress { width: 92px; height: 92px; }
  .ring-row { gap: 16px; }
  .boot-skeleton { grid-template-columns: 1fr; padding: 110px 22px 40px; gap: 16px; }
  .bs-block { height: 170px; }
  .bh-decor { display: none; }
}

/* ============================================================
   v4.3 移动端得力式增强（B 案，2026-09-15）
   ============================================================ */
@media (max-width: 768px) {
  /* --- 四宫格快捷入口（首页 hero 下）--- */
  .m-grid-section { display: block; padding: 14px 0 0; }
  .m-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
  .m-grid a {
    display: flex; flex-direction: column; align-items: center; gap: 5px;
    padding: 14px 4px 12px; background: var(--color-white);
    border: 1px solid var(--color-border); border-radius: 14px;
    text-align: center; text-decoration: none;
    box-shadow: 0 2px 10px rgba(15, 40, 80, 0.06);
    transition: transform .25s var(--ease-out, ease-out), box-shadow .25s var(--ease-out, ease-out);
  }
  .m-grid a:active { transform: scale(0.96); }
  .m-grid a .v-ico { width: 26px; height: 26px; color: var(--color-primary); }
  .m-grid a strong { font-size: 0.95rem; color: var(--color-text); letter-spacing: 2px; }
  .m-grid a small { font-size: 0.7rem; color: var(--color-text-light); }

  /* --- 横滑卡片进度点 --- */
  .m-dots {
    display: flex; justify-content: center; gap: 6px;
    padding: 10px 0 0;
  }
  .m-dots span {
    width: 7px; height: 7px; border-radius: 999px;
    background: var(--color-border); transition: all .25s var(--ease-out, ease-out);
  }
  .m-dots span.on { width: 18px; background: var(--color-accent); }

  /* --- 客服吸底栏：安全区 + 触控目标 --- */
  .service-sidebar { padding-bottom: env(safe-area-inset-bottom, 0); }
  .service-sidebar-item { min-height: 50px; cursor: pointer; }
  .service-sidebar-item .service-sidebar-label { font-size: 0.68rem; }

  /* --- 客服弹窗（二维码 / 电话）--- */
  .m-modal {
    display: flex; position: fixed; inset: 0; z-index: 9999;
    background: rgba(11, 31, 58, 0.55);
    align-items: center; justify-content: center; padding: 24px;
  }
  .m-modal-box {
    position: relative; background: var(--color-white);
    border-radius: 16px; padding: 28px 22px 24px;
    width: min(320px, 86vw); text-align: center;
    box-shadow: 0 20px 60px rgba(11, 31, 58, 0.35);
  }
  .m-modal-box h4 { color: var(--color-primary); font-size: 1.05rem; margin-bottom: 14px; }
  .m-modal-box { max-height: 82vh; overflow-y: auto; }
  .m-qr-row { display: flex; flex-direction: column; gap: 16px; }
  .m-qr-block .m-modal-qr { width: 180px; height: 180px; }
  .m-qr-t { font-size: 0.9rem; font-weight: 600; color: var(--color-text); margin: 0; }
  .m-qr-d { font-size: 0.78rem; color: var(--color-text-light); margin: 6px 0 0; }
  .m-modal-qr {
    width: 200px; height: 200px; object-fit: contain;
    border: 1px solid var(--color-border); border-radius: 10px;
  }
  .m-modal-box p { font-size: 0.85rem; color: var(--color-text-light); margin-top: 10px; }
  .m-modal-phone {
    font-size: 1.6rem; font-weight: 700; color: var(--color-primary);
    font-variant-numeric: tabular-nums; margin-top: 6px;
  }
  .m-modal-tel {
    display: block; margin: 16px auto 0; padding: 12px 0;
    background: var(--color-accent); color: var(--color-primary-dark);
    border-radius: 999px; font-weight: 700; font-size: 1rem; text-decoration: none;
  }
  .m-modal-close {
    position: absolute; top: 6px; right: 12px;
    font-size: 1.5rem; line-height: 1; background: none; border: none;
    color: var(--color-text-light); padding: 6px;
  }

  /* --- 抽屉菜单的组标题/触控目标/当前页高亮已随导航抽屉上移到 ≤1024 --- */

  /* --- 页脚栏目折叠（收起时紧凑排列，展开时留出列表间距） --- */
  .footer .footer-col h4 {
    cursor: pointer; position: relative; padding-right: 22px;
    min-height: 40px; display: flex; align-items: center;
    margin-bottom: 0;
  }
  .footer .footer-col.m-open h4 { margin-bottom: 8px; }
  .footer .footer-col h4::after {
    content: "▾"; position: absolute; right: 2px;
    color: var(--color-text-light); transition: transform .25s var(--ease-out, ease-out);
  }
  .footer .footer-col.m-open h4::after { transform: rotate(180deg); }
  .footer .footer-col ul { display: none; }
  .footer .footer-col.m-open ul { display: block; }

  /* --- 页脚整屏紧凑化 v2（李总 09-27 截图反馈：底部太高再压；内容零删除） --- */
  .footer { padding: 26px 0 0; }
  .footer-grid { gap: 10px; padding-bottom: 18px; }
  .footer .footer-brand h3 { margin-bottom: 6px; font-size: 1.05rem; }
  .footer .footer-brand p { margin-bottom: 0; font-size: 0.78rem; line-height: 1.6; }
  .footer .footer-col h4 { font-size: 0.92rem; min-height: 34px; }
  .footer .footer-col ul li { margin-bottom: 5px; }
  .footer .footer-col ul li a { font-size: 0.78rem; }
  .footer .footer-contact p { margin-bottom: 3px; font-size: 0.78rem; }
  .footer .footer-contact .icon { width: 13px; height: 13px; font-size: .8rem; }
  .footer-bottom { padding: 10px 52px calc(78px + env(safe-area-inset-bottom, 0px)) 12px; line-height: 1.6; }
  .footer .footer-bottom p { font-size: 0.7rem !important; margin-top: 4px !important; }
  /* --- 英文站页脚再加一档（html[lang=en] 作用域, 中文站不受影响）: 英文长文案行数多, 需更密排 --- */
  html[lang="en"] .footer .footer-brand p { font-size: 0.72rem; line-height: 1.5; }
  html[lang="en"] .footer .footer-col ul li a { font-size: 0.74rem; }
  html[lang="en"] .footer .footer-contact p { font-size: 0.74rem; }
  html[lang="en"] .footer .footer-bottom { padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)); line-height: 1.5; }
  html[lang="en"] .footer .footer-bottom p { font-size: 0.66rem !important; margin-top: 3px !important; }
  .back-to-top { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); right: 16px; }
}

/* --- 小屏（≤480）：hero 精简（单主按钮 + 副标限 2 行）--- */
@media (max-width: 480px) {
  .hero .btn-group .btn-white { display: none; }
  .hero .btn-group .btn-primary { min-width: 210px; }
  .hero .subtitle {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* ============================================================
   v4.5 首页 5 屏收纳（李总拍板，2026-09-15）
   原则：收纳不删除（隐藏板块均有子页承接），PC 端零变化
   ============================================================ */
@media (max-width: 768px) {
  /* --- 整板块收纳 --- */
  .m-tuck { display: none; }
  .update-log-panel { display: none; }
  .m-bf-host .bf-group { display: none; }
  .m-tier-host .timeline, .m-tier-host .info-box { display: none; }
  .m-scene-host .grid-3 { display: none; }
  .m-ind-host .vtabs-nav, .m-ind-host .vtabs-body { display: none; }
  .m-out-host .global-cards { display: none; }

  /* --- 三档时效小卡 --- */
  .m-tier { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .m-tier a {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 14px 4px 12px; background: var(--color-white);
    border: 1px solid var(--color-border); border-radius: 12px;
    text-decoration: none; box-shadow: 0 2px 10px rgba(15, 40, 80, 0.06);
  }
  .m-tier a strong {
    font-size: 1.05rem; color: var(--color-accent-dark); letter-spacing: 3px;
  }
  .m-tier a span {
    font-size: 1.2rem; font-weight: 700; color: var(--color-primary);
    font-family: var(--font-en, inherit);
  }
  .m-tier a small { font-size: 0.7rem; color: var(--color-text-light); }
  .m-note {
    display: block; margin: 12px 0 0; padding: 10px 14px;
    background: var(--color-primary-bg); border-left: 3px solid var(--color-primary);
    border-radius: 0 8px 8px 0; font-size: 0.78rem; line-height: 1.6;
    color: var(--color-text);
  }

  /* --- 六大场景 2x3 宫格 --- */
  .m-scene { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .m-scene a {
    display: flex; align-items: center; justify-content: center;
    min-height: 48px; padding: 8px 10px;
    background: var(--color-white); border: 1px solid var(--color-border);
    border-radius: 10px; font-size: 0.92rem; font-weight: 500;
    color: var(--color-text); text-decoration: none;
    box-shadow: 0 2px 8px rgba(15, 40, 80, 0.05);
  }
  .m-scene a:active { transform: scale(0.97); }

  /* --- 品牌家族三组手风琴 --- */
  .m-acc { display: block; }
  .m-acc-group {
    background: var(--color-white); border: 1px solid var(--color-border);
    border-radius: 12px; margin-bottom: 10px; overflow: hidden;
    box-shadow: 0 2px 10px rgba(15, 40, 80, 0.05);
  }
  .m-acc-head {
    display: flex; flex-direction: column; gap: 2px; width: 100%;
    min-height: 52px; padding: 10px 14px;
    background: none; border: none; text-align: left; font-family: inherit;
    font-size: 0.95rem; font-weight: 500; color: var(--color-text);
    position: relative; cursor: pointer;
  }
  .m-acc-head small { font-size: 0.72rem; font-weight: 400; color: var(--color-text-light); }
  .m-acc-head::after {
    content: "▾"; position: absolute; right: 14px; top: 50%;
    transform: translateY(-50%); color: var(--color-text-light);
    transition: transform .25s var(--ease-out, ease-out);
  }
  .m-acc-group.open .m-acc-head::after { transform: translateY(-50%) rotate(180deg); }
  .m-acc-list { display: none; }
  .m-acc-group.open .m-acc-list { display: block; }
  .m-acc-list a {
    display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
    min-height: 44px; padding: 8px 14px;
    border-top: 1px solid var(--color-border);
    text-decoration: none;
  }
  .m-acc-list a strong { font-size: 0.9rem; color: var(--color-primary); font-weight: 500; }
  .m-acc-list a small { font-size: 0.72rem; color: var(--color-text-light); text-align: right; }

  /* --- 产业 / 出海行式列表 --- */
  .m-rows { display: grid; gap: 8px; }
  .m-rows a {
    display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
    min-height: 46px; padding: 10px 14px;
    background: var(--color-white); border: 1px solid var(--color-border);
    border-radius: 10px; text-decoration: none;
    box-shadow: 0 2px 8px rgba(15, 40, 80, 0.05);
  }
  .m-rows a strong { font-size: 0.92rem; font-weight: 500; color: var(--color-primary); }
  .m-rows a small { font-size: 0.72rem; color: var(--color-text-light); text-align: right; }
  .m-out-host .m-rows.out a strong { color: var(--color-primary-dark); }

  /* --- 实力与信任区紧凑化（v4.6，李总反馈手机端太散）--- */
  .m-trust-host .v-split { margin-top: 24px; }
  .m-trust-host .v-split .vs-media { min-height: 160px; }
  .m-trust-host .v-split .vs-body p { font-size: 0.85rem; }
  .m-trust-host .stats-row {
    display: grid; grid-template-columns: repeat(2, 1fr);
    gap: 10px 12px; margin-top: 22px;
  }
  .m-trust-host .stat-item { padding: 10px 6px; }
  .m-trust-host .stat-number { font-size: 1.6rem; }
  .m-trust-host .stat-label { font-size: 0.8rem; }
  .m-trust-host .stat-sublabel { font-size: 0.7rem; }
  .m-trust-host .trust-grid {
    grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 22px;
  }
  .m-trust-host .trust-item { padding: 14px 8px; }
  .m-trust-host .trust-item .stat-number { font-size: 1.3rem; }
  .m-trust-host .ring-row { gap: 10px; margin-top: 22px; flex-wrap: nowrap; }
  .m-trust-host .ring-progress { width: 76px; height: 76px; }
  .m-trust-host .ri-label { font-size: 0.72rem; }
  .m-trust-host .ri-sub { font-size: 0.66rem; }
  .m-trust-host .grid-4 {
    grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 20px !important;
  }
  .m-trust-host .advantage-item { padding: 14px 10px; }
  .m-trust-host .advantage-item .icon { width: 38px; height: 38px; margin-bottom: 8px; }
  .m-trust-host .advantage-item h4 { font-size: 0.82rem; }
  .m-trust-host .advantage-item p { font-size: 0.72rem; }
}

/* ============================================================
   v4.10 移动端二级页紧凑化（李总 2026-09-27 反馈：散、长、层次不清）
   原则：只压显示密度，内容一字不减，PC 端零变化
   覆盖：brand-*「数据与实力」/ services 流程与优势 / about 品牌文化
   ============================================================ */
@media (max-width: 768px) {
  :root { --section-padding: 38px; }
  .section { padding: 38px 0; }
  .section-header { margin-bottom: 20px; }
  .section-header h2 { font-size: 1.4rem; }
  .section-header p { font-size: 0.82rem; }

  /* 图1 数据与实力：单列大卡 → 2 列紧凑小卡 */
  .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 16px; }
  .trust-item { padding: 12px 6px; }
  .trust-item .ti-num { font-size: 1.2rem; }
  .trust-item .ti-label { font-size: 0.72rem; }

  /* 图2 服务流程：压缩步距（竖排时间线更利落） */
  .process-steps { gap: 12px; margin: 20px 0; }
  .process-steps::before { left: 21px; top: 21px; bottom: 21px; }
  .process-step { gap: 12px; }
  .process-step .step-number { width: 42px; height: 42px; font-size: 0.88rem; }
  .process-step h4 { font-size: 0.9rem; margin-bottom: 2px; }
  .process-step p { font-size: 0.76rem; }

  /* 服务优势 / grid-4 卡片 → 2 列紧凑 */
  .grid-4 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .advantage-item { padding: 12px 8px; }
  .advantage-item .icon { width: 40px; height: 40px; font-size: 1.05rem; margin: 0 auto 8px; }
  .advantage-item h4 { font-size: 0.82rem; margin-bottom: 4px; }
  .advantage-item p { font-size: 0.7rem; line-height: 1.55; }
  .identity-card { padding: 12px 10px; }
  .identity-card .id-icon { font-size: 1.4rem; margin-bottom: 6px; }
  .identity-card h4 { font-size: 0.85rem; }
  .identity-card p { font-size: 0.7rem; }

  /* 图3 品牌文化 6 卡 → 2 列紧凑（p 为内联字号，须 !important 压住） */
  .values-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .values-grid + .values-grid { margin-top: 10px !important; }
  .value-card { padding: 12px 10px; }
  .value-card .icon { font-size: 1.4rem; margin-bottom: 6px; }
  .value-card h4 { font-size: 0.88rem; margin-bottom: 4px; }
  .value-card p { font-size: 0.72rem !important; }
  .value-card p[style] { margin-top: 4px !important; }

  /* 图3 三大核心服务：原为无样式裸块 → 紧凑卡 */
  .features-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .feature-card { padding: 12px 14px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 12px; }
  .feature-icon { font-size: 1.3rem; margin-bottom: 4px; }
  .feature-card h4 { font-size: 0.9rem; margin-bottom: 4px; }
  .feature-card p { font-size: 0.76rem; line-height: 1.6; }
}

/* ============================================================
   v4.10b 二轮实测补压（渲染断言发现仍跨屏的块，2026-09-27）
   :has() 为渐进增强，不支持时自动回退单列，零风险
   ============================================================ */
@media (max-width: 768px) {
  /* services 六大核心业务（原 2972px≈4.5 屏）：2 列 + 描述 2 行截断 + 亮点双列 */
  .grid-3:has(> .service-card) { grid-template-columns: 1fr 1fr; gap: 10px; }
  .service-card .card-header { padding: 10px 12px; }
  .service-card .card-header .icon { width: 32px; height: 32px; font-size: 1rem; }
  .service-card .card-header h3 { font-size: 0.88rem; }
  .service-card .card-body { padding: 8px 12px 12px; }
  .service-card .card-body p { font-size: 0.72rem; line-height: 1.6; margin-bottom: 6px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .service-card .card-body ul { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 8px; margin: 0; }
  .service-card .card-body ul li { font-size: 0.68rem; line-height: 1.5; }

  /* 品牌页正文长段落（内联 1.9 行距）：移动端收紧行距与段距 */
  .container > div[style*="max-width:820px"] { font-size: 0.82rem !important; line-height: 1.72 !important; }
  .container > div[style*="max-width:820px"] p { margin-bottom: 8px !important; }

  /* 品牌页 bl-* 留资卡（原 1040px）：.bl-card 前缀提特异性，压过页内后加载的内联样式 */
  .bl-card .bl-info { padding: 18px 16px 12px; }
  .bl-card .bl-tag { margin-bottom: 8px; }
  .bl-card .bl-info h2 { font-size: 1.08rem; margin-bottom: 8px; }
  .bl-card .bl-rows li { padding: 7px 0; gap: 10px; }
  .bl-card .bl-v { font-size: 0.8rem; line-height: 1.6; }
  .bl-card li.bl-key .bl-v { font-size: 0.86rem; }
  .bl-card .bl-hint { margin-top: 10px; font-size: 0.72rem; line-height: 1.6; }
  .bl-card .bl-side { padding: 16px 16px 14px; }
  .bl-card .bl-side-h strong { font-size: 0.94rem; }
  .bl-card .bl-form { margin-top: 10px; }
  .bl-card .bl-fg { margin-bottom: 8px; }
  .bl-card .bl-fg label { margin-bottom: 4px; }
  .bl-card .bl-fg input, .bl-card .bl-fg select { padding: 8px 10px; font-size: 0.88rem; }
  .bl-card .bl-btn { padding: 11px 14px; font-size: 0.92rem; margin-top: 4px; }

  /* grid-3 文字卡：2 列（dispatch/contact/brands 实测 2 列更优）；solutions 场景卡单独强制 1 列 */
  .grid-3:has(> .card) { grid-template-columns: 1fr 1fr; gap: 10px; }
  .grid-3 > .card { padding: 12px 12px; }
  .grid-3 > .card h3 { font-size: 0.88rem; margin-bottom: 4px; }
  .grid-3 > .card p { font-size: 0.72rem; line-height: 1.6; }

  /* 生态协同 promise-list：保持 1 列（2 列实测更长文本挤窄列反增高度），改压条目自身 */
  .promise-list { grid-template-columns: 1fr; gap: 8px; }

  /* about 品牌文化（原 846px）：副句移除 + 卡再压 */
  .values-grid .value-card p + p { display: none; }
  .values-grid .value-card { padding: 10px 8px; }
  .values-grid .value-card .icon { font-size: 1.2rem; margin-bottom: 4px; }
  .values-grid .value-card h4 { font-size: 0.84rem; margin-bottom: 3px; }
  .values-grid .value-card p { font-size: 0.68rem !important; }

  /* about 发展历程 timeline（原 1432px）：压缩条目间距 */
  .timeline { margin-top: 14px; }
  .timeline-item { margin-bottom: 12px; }
  .timeline-item .timeline-content { padding: 10px 14px; }
  .timeline-item .timeline-content h4 { font-size: 0.9rem; margin-bottom: 3px; }
  .timeline-item .timeline-content p { font-size: 0.72rem; line-height: 1.6; }

  /* about-intro 图文段微压 */
  .about-intro { gap: 14px; }
}

/* ============================================================
   v4.10c 三轮实测收口（2026-09-27）
   ============================================================ */
@media (max-width: 768px) {
  /* 生态协同：info-box 间距 + 条目自身压缩 */
  .info-box { margin-bottom: 12px !important; }
  .info-box p { font-size: 0.76rem; }
  .promise-item { padding: 11px 13px; }
  .promise-item h4 { font-size: 0.86rem; margin-bottom: 3px; }
  .promise-item p { font-size: 0.71rem; line-height: 1.55; }

  /* 留资卡：textarea 一并压 + 行内「标签: 值」布局 */
  .bl-card .bl-fg textarea { height: 64px; padding: 6px 10px; font-size: 0.85rem; }
  .bl-card .bl-rows li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 5px 0; }
  .bl-card .bl-info h2 { font-size: 1rem; }
  .bl-card .bl-hint { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

  /* 六大核心业务：卡头横排 + 亮点单列一行一条 */
  .service-card .card-header { display: flex; align-items: center; gap: 8px; padding: 8px 12px; }
  .service-card .card-header .icon { margin: 0; flex-shrink: 0; }
  .service-card .card-body ul { grid-template-columns: 1fr; gap: 2px 0; }
  .service-card .card-body ul li { font-size: 0.66rem; line-height: 1.55; }
  .section:has(> .container .service-card) .section-header p { display: none; }

  /* about-intro：图片限高 */
  .about-intro .about-image { height: 225px; }

  /* 发展历程：正文 2 行截断 */
  .timeline-item .timeline-content p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .timeline-item { margin-bottom: 8px; }

  /* 品牌文化再压一档 */
  .values-grid .value-card { padding: 8px 7px; }
  .values-grid .value-card .icon { font-size: 1.05rem; }
  .values-grid .value-card h4 { font-size: 0.8rem; }
  .values-grid .value-card p { font-size: 0.65rem !important; }
}

/* ============================================================
   v4.10d 四轮微调收口（2026-09-27，按逐项实测数据）
   ============================================================ */
@media (max-width: 768px) {
  /* 六大核心业务：li 基础内边距压掉 */
  .service-card .card-body ul li { padding: 2px 0; }

  /* 留资卡：装饰 tag 隐藏、表单密度再提一档 */
  .bl-card .bl-tag { display: none; }
  .bl-card .bl-side { padding: 14px 16px 12px; }
  .bl-card .bl-form { margin-top: 8px; }
  .bl-card .bl-fg { margin-bottom: 6px; }
  .bl-card .bl-fg label { margin-bottom: 2px; font-size: 0.72rem; }
  .bl-card .bl-fg input, .bl-card .bl-fg select { padding: 6px 10px; }
  .bl-card .bl-btn { padding: 10px 14px; }
  .bl-card .bl-priv { margin-top: 6px; font-size: 0.66rem; }
  .bl-card .bl-rows li { padding: 4px 0; }
  .bl-card .bl-v { font-size: 0.76rem; }

  /* about-intro：文字段同步压 */
  .about-intro .text-content p { font-size: 0.76rem; line-height: 1.65; }

  /* 发展历程：条目压到 ~80px */
  .timeline-item .timeline-content { padding: 8px 12px; }
  .timeline-item .timeline-content .year { font-size: 0.68rem; }
  .timeline-item .timeline-content h4 { font-size: 0.85rem; margin-bottom: 2px; }
  .timeline-item .timeline-content p { font-size: 0.68rem; line-height: 1.5; }
}

/* ============================================================
   v4.10e ≤480 小屏专项收口（667px 视口机型实测差值定向补压）
   ============================================================ */
@media (max-width: 480px) {
  .section { padding: 32px 0; }
  .section-header { margin-bottom: 16px; }

  /* 六大核心业务：卡内密度再提 */
  .grid-3:has(> .service-card) { gap: 8px; }
  .service-card .card-header { padding: 6px 10px; gap: 6px; }
  .service-card .card-header .icon { width: 26px; height: 26px; font-size: 0.9rem; }
  .service-card .card-header h3 { font-size: 0.82rem; }
  .service-card .card-body { padding: 6px 10px 10px; }
  .service-card .card-body p { font-size: 0.68rem; margin-bottom: 4px; }
  .service-card .card-body ul li { font-size: 0.62rem; line-height: 1.45; padding: 1px 0; }

  /* 留资卡：小屏终档 */
  .bl-card .bl-info { padding: 14px 14px 10px; }
  .bl-card .bl-info h2 { font-size: 0.95rem; }
  .bl-card .bl-rows li { padding: 3px 0; gap: 8px; }
  .bl-card .bl-v { font-size: 0.72rem; }
  .bl-card li.bl-key .bl-v { font-size: 0.8rem; }
  .bl-card .bl-hint { font-size: 0.68rem; }
  .bl-card .bl-side { padding: 12px 14px 10px; }
  .bl-card .bl-side-h strong { font-size: 0.88rem; }
  .bl-card .bl-fg input, .bl-card .bl-fg select, .bl-card .bl-fg textarea { font-size: 0.8rem; }
  .bl-card .bl-fg textarea { height: 54px; }
  .bl-card .bl-btn { padding: 9px 12px; font-size: 0.88rem; }

  /* 发展历程：年份与标题同行 */
  .timeline-item .timeline-content .year { display: inline; margin-right: 8px; font-size: 0.62rem; }
  .timeline-item .timeline-content h4 { display: inline; font-size: 0.8rem; }
  .timeline-item .timeline-content p { margin-top: 3px; font-size: 0.64rem; }
  .timeline-item .timeline-content { padding: 7px 10px; }
}

/* v4.10f 留资卡最后一档（实测 705→目标 ≤667，仅 ≤480） */
@media (max-width: 480px) {
  .bl-card .bl-rows li { padding: 2px 0; }
  .bl-card .bl-v { font-size: 0.7rem; }
  .bl-card li.bl-key .bl-v { font-size: 0.78rem; }
  .bl-card .bl-hint { -webkit-line-clamp: 1; }
  .bl-card .bl-side-h span { font-size: 0.68rem; }
  .bl-card .bl-fg textarea { height: 50px; }
  .bl-card .bl-fg input, .bl-card .bl-fg select { padding: 5px 9px; }
  .bl-card .bl-btn { padding: 8px 12px; }
  .bl-card .bl-priv { display: none; }
}

/* ============================================================
   v4.10g 第二批：全站体检超标块（brands/index/solutions/contact/
   dispatch/cases，2026-09-27 李总拍板）教训沿用：内容密的卡保持 1 列压卡体
   ============================================================ */
@media (max-width: 768px) {
  /* ---- brands.html 品牌家族 ---- */
  .brand-flow { gap: 10px; margin: 16px 0; }
  .brand-node { padding: 10px 16px; }
  .brand-node h3 { font-size: 0.95rem; }
  .brand-node p { font-size: 0.74rem; }
  .brand-arrow { display: none; }
  .info-box { margin-bottom: 0 !important; padding: 12px 14px; }
  .info-box p { font-size: 0.72rem; line-height: 1.6; }
  .bf-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
  .bf-card { padding: 12px 10px; }
  .bf-card h4 { font-size: 0.9rem; margin-bottom: 2px; }
  .bf-tagline { font-size: 0.72rem; }
  .bf-desc { font-size: 0.68rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .bf-tags { gap: 4px; }
  .bf-tag { font-size: 0.62rem; padding: 2px 8px; }
  .bf-more { font-size: 0.72rem; }
  .tier-row { grid-template-columns: 1fr 1fr; gap: 10px; }
  .tier-card { padding: 12px 10px; }
  .tier-speed { font-size: 1.05rem; }
  .tier-card h4 { font-size: 0.85rem; margin-bottom: 3px; }
  .tier-card p { font-size: 0.68rem; line-height: 1.55; }
  .pf-row { grid-template-columns: 1fr 1fr; gap: 10px; }
  .pf-card { padding: 12px 10px; }
  .pf-verb { font-size: 0.85rem; }
  .pf-card h4 { font-size: 0.85rem; }
  .pf-card p { font-size: 0.68rem; line-height: 1.55; }
  .pf-owner { font-size: 0.62rem; }
  .compare-table { font-size: 0.68rem; }
  .compare-table th, .compare-table td { padding: 5px 8px; }
  .grid-2 { gap: 10px; }
  .grid-2 > .card { padding: 12px; }
  .grid-2 > .card h3 { font-size: 0.88rem; margin-bottom: 4px; }
  .grid-2 > .card p { font-size: 0.72rem; line-height: 1.6; }

  /* ---- index.html ---- */
  .vtabs-body p { font-size: 0.72rem; line-height: 1.6; }
  .m-ind-host .grid-2 > * { padding: 12px; }
  .m-ind-host .grid-2 > * p { font-size: 0.7rem; line-height: 1.6; }
  .m-trust-host .v-split .vs-media { min-height: 140px; }
  .m-trust-host .stats-row, .m-trust-host .trust-grid, .m-trust-host .ring-row { margin-top: 14px; }
  .m-trust-host .ring-progress { width: 62px; height: 62px; }
  .m-trust-host .grid-4 { margin-top: 12px !important; }
  .grid-3:has(> .article-card) { grid-template-columns: 1fr 1fr; gap: 10px; }
  .grid-3 > .article-card .article-card-content { padding: 10px 12px 12px; }
  .grid-3 > .article-card h3 { font-size: 0.82rem; margin: 0 0 4px !important; }
  .grid-3 > .article-card p { font-size: 0.68rem; margin: 0 0 6px !important; }

  /* ---- solutions.html 场景卡（icon 卡内容密，保持 1 列压卡体）---- */
  .card:has(.card-icon) { padding: 12px 14px; }
  .card .card-icon { font-size: 1.3rem; margin-bottom: 6px; }
  .card:has(.card-icon) h3 { font-size: 0.92rem; margin-bottom: 4px; }
  .card:has(.card-icon) p { font-size: 0.7rem; line-height: 1.6; margin-bottom: 6px; }

  /* ---- contact.html 表单 ---- */
  .contact-grid { gap: 14px; }
  .contact-form .form-group { margin-bottom: 10px; }
  .contact-form .form-group label { margin-bottom: 4px; font-size: 0.8rem; }
  .contact-form .form-group input, .contact-form .form-group textarea, .contact-form .form-group select { padding: 8px 12px; }
  .contact-form .form-group textarea { min-height: 90px; }
  .contact-form .form-group h3, .contact-info h3 { font-size: 0.9rem; }
  .contact-info p, .contact-form .form-group p { font-size: 0.72rem; line-height: 1.6; }

  /* ---- dispatch.html ---- */
  .pricing-card { padding: 16px 14px; }
  .pricing-card .price { font-size: 1.6rem; }
  .pricing-card .features li { font-size: 0.72rem; padding: 3px 0; }
  .faq-item .faq-question { padding: 9px 12px; font-size: 0.8rem; }
  .faq-item .faq-answer p { font-size: 0.7rem; line-height: 1.55; padding: 8px 12px; }

  /* ---- cases.html 案例块 ---- */
  .case-block { padding: 12px; margin: 12px 0; gap: 10px; }
  .case-img img { aspect-ratio: 16/9; }
  .case-block h3 { font-size: 0.95rem; margin: 0 0 6px; }
  .case-block p { font-size: 0.72rem; line-height: 1.6; margin: 0 0 6px; }
  .case-nums { gap: 6px; margin: 8px 0; }
  .case-num { padding: 8px 6px; }
  .case-num b { font-size: 0.95rem; }
  .case-num span { font-size: 0.62rem; }
  .case-quote { padding: 8px 12px; }
  .case-quote p { font-size: 0.68rem; }
}

/* ============================================================
   v4.10h 三批修正（09-27 二轮实测回推）
   ============================================================ */
@media (max-width: 768px) {
  /* cases.html：页内 <style> 后加载压过外链，双写类名提特异性 */
  .case-block.case-block { padding: 12px; margin: 12px 0; gap: 10px; }
  .case-img.case-img img { aspect-ratio: 16/9; }
  .case-block.case-block h3 { font-size: 0.95rem; margin: 0 0 6px; }
  .case-block.case-block p { font-size: 0.72rem; line-height: 1.6; margin: 0 0 6px; }
  .case-nums.case-nums { gap: 6px; margin: 8px 0; }
  .case-num.case-num { padding: 8px 6px; }
  .case-num.case-num b { font-size: 0.95rem; }
  .case-num.case-num span { font-size: 0.62rem; }
  .case-quote.case-quote { padding: 8px 12px; }
  .case-quote.case-quote p { font-size: 0.68rem; }
  .case-tags.case-tags { gap: 5px; margin: 0 0 8px; }
  .case-tag.case-tag { font-size: 0.64rem; padding: 2px 9px; }

  /* brands：装饰 tags 移动端收起、文案卡截断 */
  .bf-tags { display: none; }
  .tier-card p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .grid-2 > .card p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
  .identity-card p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .compare-table { font-size: 0.62rem; }
  .compare-table th, .compare-table td { padding: 4px 6px; }
  .m-ind-host .grid-2 > * p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

  /* contact：表单密度终档 */
  .contact-form .form-group { margin-bottom: 8px; }
  .contact-form .form-group label { font-size: 0.75rem; }
  .contact-form .form-group input, .contact-form .form-group textarea, .contact-form .form-group select { padding: 7px 11px; font-size: 0.85rem; }
  .contact-form .form-group textarea { min-height: 80px; }
}

/* ============================================================
   v4.10i 四批修正（09-27 三轮探针定位）
   ============================================================ */
@media (max-width: 768px) {
  /* solutions 场景卡：1 列 + 内联样式 !important 压制（icon 收成小方块） */
  .card:has(.card-icon) { padding: 12px 14px !important; }
  .card:has(.card-icon) .card-icon { width: 36px; height: 36px; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; margin-bottom: 6px; }
  .card:has(.card-icon) h3 { font-size: 0.92rem !important; margin-bottom: 3px !important; }
  .card:has(.card-icon) p { font-size: 0.7rem !important; line-height: 1.55 !important; margin-bottom: 4px !important; }

  /* brands bf 卡内距终档（实测 305px/卡） */
  .bf-card { padding: 10px 8px; }
  .bf-card-logo { width: 32px; height: 32px; font-size: 0.85rem; }
  .bf-card h4 { font-size: 0.85rem; margin: 0 0 2px !important; }
  .bf-tagline { font-size: 0.68rem; margin-bottom: 3px; }
  .bf-desc { margin-bottom: 4px; }
  .bf-more { margin-top: 4px; font-size: 0.68rem; }
}

/* ============================================================
   v4.10j about 品牌文化整齐化 + about 页整体紧凑（李总 09-27 图1）
   6 卡 3+3 分两组各落单一张 → 第 3 卡通栏，行行对齐；卡等高居中
   ============================================================ */
@media (max-width: 768px) {
  .section:has(#mission-vision) { padding: 28px 0; }
  .section:has(#mission-vision) .section-header { margin-bottom: 14px; }
  .section:has(#mission-vision) .section-header h2 { font-size: 1.3rem; }
  .section:has(#mission-vision) .section-header p { font-size: 0.76rem; }
  .section:has(#mission-vision) .values-grid { gap: 8px; margin-top: 0 !important; }
  .section:has(#mission-vision) .value-card:nth-child(3) { grid-column: 1 / -1; }
  .section:has(#mission-vision) .value-card {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; min-height: 92px; padding: 10px 8px !important;
  }
  .section:has(#mission-vision) .value-card .icon { font-size: 1.05rem; margin-bottom: 4px; }
  .section:has(#mission-vision) .value-card h4 { font-size: 0.84rem; margin-bottom: 3px !important; }
  .section:has(#mission-vision) .value-card p { font-size: 0.68rem !important; line-height: 1.55 !important; margin: 0 !important; }

  /* about 页其余板块同步紧凑 */
  .section:has(.features-grid), .section:has(.timeline),
  .section:has(.about-intro), .section:has(.stats-row) { padding: 28px 0; }
  .section:has(.features-grid) .section-header,
  .section:has(.timeline) .section-header,
  .section:has(.about-intro) .section-header { margin-bottom: 14px; }
}

/* ===== v5.4 2026-09-28 首页案例导流卡移动端紧凑（李总截图反馈：375 单卡 345px 偏高） ===== */
@media (max-width: 768px) {
  .section .grid-3 .article-card img { aspect-ratio: 16/9 !important; }
  .section .grid-3 .article-card .article-card-content { padding: 10px 12px 12px !important; }
  .section .grid-3 .article-card h3 {
    font-size: .84rem !important; margin: 0 0 4px !important; line-height: 1.45 !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .section .grid-3 .article-card p {
    font-size: .76rem !important; margin: 0 0 6px !important; line-height: 1.6 !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .section .grid-3 .article-card .article-card-link { font-size: .76rem !important; }
  .section .grid-3 { gap: 12px !important; }
}

/* ===== v5.5 2026-09-28 品牌家族移动端紧凑 + v-bleed 图带适配（李总截图反馈） ===== */
@media (max-width: 768px) {
  .page-banner { padding: 26px 0 !important; }
  .page-banner h1 { font-size: 1.3rem !important; }
  .page-banner p { font-size: .84rem !important; }
  .stats-row { gap: 20px 26px !important; }
  .stat-number { font-size: 2rem !important; }
  .stat-label { font-size: .76rem !important; margin-top: 2px !important; }
  .stat-sublabel { font-size: .64rem !important; color: #8a97a8 !important; margin-top: 2px !important; }
  .v-bleed { min-height: 140px; }
  .v-bleed .vb-inner { padding: 0 16px; }
  .v-bleed .vb-kicker { font-size: .62rem !important; margin-bottom: 4px !important; }
  .v-bleed .vb-title { font-size: 1rem !important; margin-bottom: 0 !important; }
  .bf-card { padding: 16px 14px !important; }
  .bf-tagline { font-size: .74rem !important; }
  .bf-desc { font-size: .78rem !important; line-height: 1.65 !important; }
  .bf-tags { gap: 5px !important; }
  .bf-tag { font-size: .64rem !important; padding: 2px 8px !important; }
}

/* ===== v5.6 2026-09-28 brands 移动端：四档卡单列 + B组对比表卡片化（李总截图反馈） ===== */
@media (max-width: 768px) {
  .tier-row { grid-template-columns: 1fr !important; gap: 10px !important; }
  .tier-card { padding: 14px 16px !important; }
  .tier-speed { font-size: 1.3rem !important; }
  .tier-card p { font-size: .8rem !important; }
  /* 对比表：5 列 table → 每维度一张卡，td 前缀品牌名 */
  .compare-table thead { display: none; }
  .compare-table, .compare-table tbody, .compare-table tr, .compare-table td { display: block; width: 100%; }
  .compare-table tr { border: 1px solid var(--color-border); border-radius: 12px; margin-bottom: 12px;
    overflow: hidden; box-shadow: var(--shadow-card); background: var(--color-white); }
  .compare-table td { padding: 9px 14px !important; font-size: .84rem !important; line-height: 1.65 !important;
    border-bottom: 1px dashed var(--color-border-light); width: auto !important; background: none !important; }
  .compare-table td:last-child { border-bottom: none; }
  .compare-table td:first-child { background: #E9F2FC !important; color: var(--color-primary) !important;
    font-weight: 700 !important; padding: 7px 14px !important; }
  .compare-table td:nth-child(2)::before { content: "广印云链®："; color: #0D47A1; font-weight: 700; }
  .compare-table td:nth-child(3)::before { content: "广印派单®："; color: #0D47A1; font-weight: 700; }
  .compare-table td:nth-child(4)::before { content: "广印云工汇®："; color: #0D47A1; font-weight: 700; }
  .compare-table td:nth-child(5)::before { content: "蜘蛛安装："; color: #8a6400; font-weight: 700; }
}

/* ===== v5.8 2026-09-28 首页轮播移动端收紧：核心文字下方空白过长（李总截图反馈） =====
   slide 原继承 130px/90px 大 padding + min-height 380~420，内容垂直居中后
   按钮圆点下方留白明显。收紧容器 min-height 与 slide 上下 padding，圆点上移 */
@media (max-width: 768px) {
  .hero-carousel { min-height: 350px; }
  .hero-carousel .hero-slide { padding: 112px 20px 56px; }
  .hero-carousel .hero-dots { bottom: 22px; }
}
@media (max-width: 480px) {
  .hero-carousel { min-height: 320px; }
  .hero-carousel .hero-slide { padding: 106px 18px 52px; }
  .hero-carousel .hero-dots { bottom: 18px; }
}

/* ===== v5.9+v5.10 2026-09-28 首页轮播二轮优化（李总双截图+红框示意图反馈） =====
   ① 高度：定高 clamp(380px, 66vh, 460px) —— 矮屏占一屏 2/3，大屏手机封顶 460px，
     根治 v5.9 min-height:66vh 在大屏上被拉出 150~200px 纯背景空白（李总红框区）
   ② slide 顶部对齐：内容再高也不压圆点（v5.8 居中+小容器导致黄按钮与圆点重叠）
   ③ 文字间距放松 + ④ 内容丰富化（hero-kicker / hero-chips，样式在 style.css v5.15） */
@media (max-width: 768px) {
  .hero-carousel { height: clamp(380px, 66vh, 460px); min-height: 0; }
  .hero-carousel .hero-slide { align-items: flex-start; padding: 100px 22px 66px; }
  .hero-carousel .hero-content h1 { line-height: 1.4 !important; margin-bottom: 10px !important; }
  .hero-carousel .hero-content .subtitle { line-height: 1.75 !important; margin-bottom: 14px !important; }
  .hero-carousel .hero-kicker { margin-bottom: 10px; font-size: .7rem; }
  .hero-carousel .hero-chips { margin-top: 12px; gap: 7px; }
  .hero-carousel .hero-chip { font-size: .66rem; padding: 3px 9px; }
  .hero-carousel .hero-dots { bottom: 20px; }
}

/* ===== v5.7 2026-09-28 修复：移动端 page-banner 被 fixed 导航遮挡（李总截图反馈） =====
   v5.5 紧凑化把 .page-banner 顶距压到 26px，而 .navbar 为 fixed 高 72px，
   导致 h1「品牌家族」被导航整行盖住。顶距补回 86px（72 导航 + 14 余量），全局 page-banner 页均受益 */
@media (max-width: 768px) {
  .page-banner { padding: 86px 16px 26px !important; }
  .page-banner h1 { margin-bottom: 6px !important; }
  .page-banner .breadcrumb { margin-top: 8px !important; }
}

/* ===== v5.11 全站搜索移动端适配（抽屉顶部搜索框 + 全屏结果面板）===== */
@media (max-width: 1024px) {
  .navbar-nav .nav-search { order: -1; display: block; width: 100%; margin: 0 0 14px; }
  .navbar-nav .nav-search-btn {
    width: 100%; height: 46px; border-radius: var(--radius-sm);
    justify-content: flex-start; gap: 10px; padding: 0 14px;
    background: var(--color-bg-light); border: 1px solid var(--color-border);
    color: var(--color-text-light);
  }
  .navbar-nav .nav-search-btn svg { width: 16px; height: 16px; }
  .navbar-nav .nav-search-lbl { display: block; font-size: 0.9rem; color: var(--color-text-light); }
  .navbar-nav .nav-search.is-open .nav-search-btn { background: var(--color-primary-dark); color: #fff; }
  .navbar-nav .nav-search.is-open .nav-search-lbl { color: #fff; }

  .nav-search-panel {
    position: fixed; top: 72px; left: 0; right: 0; width: auto; max-width: none;
    border-radius: 0; border-left: 0; border-right: 0;
    max-height: calc(100vh - 72px); display: flex; flex-direction: column;
    max-height: calc(100dvh - 72px);
    /* v5.12 修复：抽屉关闭态的 visibility:hidden 会被面板继承（面板打不开），
       显式 visible；关闭显隐改由下方 [hidden]{display:none} 负责
       （visibility 可被子元素显式值"挖出"，opacity 不行 → 见下方 lock） */
    visibility: visible;
  }
  .nav-search-panel[hidden] { display: none !important; }
  /* v5.12 修复：transform 祖先会让 position:fixed 子元素相对它定位——
     抽屉关闭态的 translateY(-120%) 曾把全屏搜索面板带到视口外（top:-744px）。
     v5.14 修复：opacity 与 transform 不同，**无法被子元素豁免**——抽屉关闭态
     opacity:0 会把面板整体透明化（真机上"弹层看不见、输入不可见"，而自动化
     测试因 opacity:0 仍算可见而全部漏检）。面板打开期间锁定抽屉三件套：
     transform 归零 + opacity 归一 + visibility 隐藏（抽屉自身靠 visibility
     隐藏，面板靠自身的 visibility:visible 从中"挖出"显示） */
  .navbar-nav.search-open-lock {
    transform: none !important;
    transition: none !important;
    opacity: 1 !important;
    visibility: hidden !important;
  }
  /* v5.15：抽屉的下拉菜单有显式 visibility:visible（常显设计），会在 lock 的
     hidden 父级下被"挖出"而从面板底下露出 → 面板打开期间隐藏搜索容器以外的
     全部抽屉直接子元素（菜单项/下拉/分组标题等） */
  .navbar-nav.search-open-lock > *:not(.nav-search) { display: none !important; }
  .nav-search-list { max-height: none; flex: 1 1 auto; overflow-y: auto; }
  .nav-search-item { padding: 11px 10px; }
  .nav-search-title { font-size: 0.92rem; }
  .nav-search-sub { font-size: 0.78rem; }
  .nav-search-hint { font-size: 0.7rem; }
}

/* ===== 移动端导航栏常驻搜索按钮（v1.2 · responsive v5.13） ===== */
.navbar .nav-search-mbtn { display: inline-flex; }