/* ============================================================
   移动端体验优化层（mobile.css）
   - 仅作用于 ≤768px（≤400px 另有细调），PC 样式完全不受影响
   - 目标：压缩页面高度、提高可读性、放大触控目标、强化线索转化入口
   - 与 mobile.js 配合：抽屉导航 / 长列表折叠 / 表格滑动提示 / 底部条统一
   ============================================================ */

/* 抽屉与遮罩默认隐藏（桌面端绝不出现，移动端由下面的媒体查询启用） */
.m-drawer, .m-mask, .m-shell { display: none !important; }

/* 移动端设计令牌（参考 m.ruiss.vip 的转化型移动站规范） */
@media (max-width: 768px) {
  :root {
    --m-act: #FF7214;            /* 行动主色（按钮/强调） */
    --m-act-dark: #E85F00;
    --m-act-soft: #FFF1E6;
    --m-ink: #333333;            /* 主文字 */
    --m-ink-2: #666666;          /* 次文字 */
    --m-ink-3: #999999;          /* 弱文字 */
    --m-field: #F6F6F6;          /* 输入框底色 */
    --m-r-btn: 6px;              /* 主按钮圆角 */
    --m-r-field: 4px;            /* 输入框圆角 */
  }
}

@media (max-width: 768px) {

  /* ---------- 1. 页头：全新紧凑设计（52px，绝不重叠） ---------- */
  .gov-bar { display: none !important; }
  .site-header { position: sticky; top: 0; z-index: 900; background: #fff; box-shadow: 0 1px 0 var(--line), 0 4px 14px rgba(16, 52, 110, .05); }
  .site-header .wrap {
    display: flex !important; align-items: center; justify-content: space-between;
    gap: 8px; height: 52px; min-height: 52px; padding: 0 12px;
    flex-wrap: nowrap !important;
  }
  /* 品牌：矢量图标 + 文字（不用位图，任何宽度都不重叠） */
  .brand {
    display: flex !important; align-items: center; gap: 7px;
    min-width: 0; width: auto !important; height: 52px !important;
    padding: 0 0 0 34px !important; margin: 0 !important;
    background: url('../../favicon.svg') left center/28px 28px no-repeat !important;
    font-size: 16px !important; font-weight: 700; color: var(--navy-700) !important;
    white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis;
  }
  .brand small { display: none !important; }
  .brand::after { display: none !important; }
  .brand::before { content: none !important; display: none !important; }

  /* 页头右侧：评估按钮 + 汉堡 */
  .m-head-cta {
    flex: none; display: inline-flex; align-items: center; justify-content: center;
    height: 32px; padding: 0 12px; margin-left: auto;
    border-radius: 999px; font-size: 13px; font-weight: 700;
    background: linear-gradient(135deg, var(--gold-400), var(--gold-500)); color: var(--navy-900);
  }
  .nav-toggle {
    flex: none; width: 38px !important; height: 38px !important; margin-left: 6px;
    border: 1px solid var(--line); background: var(--surface-2);
  }

  /* 抽屉导航（由 mobile.js 生成并控制） */
  .main-nav { display: none !important; }
  .m-mask {
    display: block !important;
    position: fixed; inset: 0; background: rgba(12, 24, 44, .48);
    opacity: 0; visibility: hidden; transition: .22s; z-index: 940;
  }
  .m-mask.show { opacity: 1; visibility: visible; }
  .m-shell {
    display: block !important;
    position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 950;
  }
  .m-drawer {
    display: flex !important;
    position: absolute; top: 0; right: 0; bottom: 0; width: 84%; max-width: 340px;
    background: #fff; transform: translateX(102%); pointer-events: auto;
    transition: transform .26s cubic-bezier(.22, .61, .36, 1);
    flex-direction: column; box-shadow: -12px 0 32px rgba(12, 24, 44, .18);
  }
  .m-drawer.open { transform: translateX(0); }
  .m-d-head {
    flex: none; display: flex; align-items: center; justify-content: space-between;
    padding: 12px 14px; border-bottom: 1px solid var(--line);
  }
  .m-d-head b { font-size: 15px; color: var(--navy-800); }
  .m-d-close {
    width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px;
    background: var(--surface-2); font-size: 19px; line-height: 1; color: var(--ink-600);
  }
  .m-d-body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 14px 14px 20px; }

  /* 服务入口：一行 4 个（简洁，不用长列表） */
  .m-svc { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 18px; }
  .m-svc a {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
    height: 66px; border-radius: 12px; background: var(--surface-2);
    border: 1px solid var(--line); font-size: 12px; font-weight: 600; color: var(--navy-700);
  }
  .m-svc a .ic {
    width: 28px; height: 28px; border-radius: 9px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(160deg, var(--navy-500), var(--navy-800)); color: #fff; font-size: 13px; font-weight: 700;
  }
  .m-svc a.main { background: linear-gradient(135deg, var(--gold-100), #F7E9B8); border-color: var(--gold-400); }
  .m-svc a.main .ic { background: linear-gradient(135deg, var(--gold-400), var(--gold-500)); color: var(--navy-900); }

  /* 核心栏目：2 列宫格 */
  .m-grid-title { font-size: 12px; font-weight: 700; color: var(--ink-400); letter-spacing: .5px; margin: 0 0 8px; }
  .m-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px; }
  .m-grid a {
    display: flex; align-items: center; gap: 8px; height: 50px; padding: 0 12px;
    border-radius: 12px; background: #fff; border: 1px solid var(--line);
    font-size: 14px; font-weight: 600; color: var(--ink-800);
  }
  .m-grid a .ic {
    flex: none; width: 24px; height: 24px; border-radius: 7px; display: flex; align-items: center; justify-content: center;
    background: var(--navy-100); color: var(--navy-700); font-size: 12px; font-weight: 700;
  }
  .m-grid a:active { background: var(--navy-100); }
  .m-d-foot { display: flex; align-items: center; gap: 14px; padding-top: 12px; border-top: 1px solid var(--surface-2); font-size: 13px; color: var(--ink-500); }
  .m-d-foot a { color: var(--ink-500); }
  body.m-lock { overflow: hidden; }

  /* ---------- 2. 首屏与区块间距：整体压缩 ---------- */
  .hero { padding: 26px 0 24px; }
  .hero h1 { font-size: 22px; line-height: 1.36; }
  .hero p { font-size: 14px; line-height: 1.7; }
  .v4-hero { padding: 24px 0 20px; }
  .v4-hero h1, .v4-hero-main h1 { font-size: 23px !important; line-height: 1.34 !important; }
  .v4-sub { font-size: 13.5px; line-height: 1.75; margin: 10px 0 14px !important; }
  .v4-badge { font-size: 11.5px; padding: 4px 10px; }
  .v4-cta-row { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
  .v4-cta-row .v4-btn, .v4-cta-row .btn-hero { min-height: 48px; font-size: 15px; padding: 0 12px; }
  .v4-hero .v4-stats, .v4-hero .hero-trust, .v4-hero .trust-row { margin-top: 14px; }
  section, .section { padding: 28px 0; }
  .v4-sec { padding: 26px 0 !important; }
  .wrap.section { padding: 20px 14px 26px; }
  .v4-sec-head { margin-bottom: 16px !important; }
  .v4-sec-head .tt, .section h2, .sec-h2 { font-size: 19px !important; }
  .v4-sec-head .st, .section .lead { font-size: 13px !important; line-height: 1.7; }
  .mb-18 { margin-bottom: 12px; }
  .mt-26 { margin-top: 18px !important; }
  .left-mb24 { margin-bottom: 14px; }
  .pill-wrap { gap: 6px; }
  .pill { padding: 7px 12px; font-size: 12.5px; min-height: 34px; display: inline-flex; align-items: center; }
  .crumb { font-size: 12px; margin: 10px 0; }

  /* ---------- 3. 纵向堆叠 → 横向滑动（大幅降低页面高度） ---------- */
  .m-scroll {
    display: flex !important; flex-wrap: nowrap !important; gap: 12px !important;
    overflow-x: auto !important; overflow-y: hidden;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    padding: 2px 14px 12px !important; margin: 0 -14px !important;
    scrollbar-width: none;
  }
  .m-scroll::-webkit-scrollbar { display: none; }
  .m-scroll > * { scroll-snap-align: start; flex: 0 0 auto; }
  .m-scroll > .card, .m-scroll > .tile, .m-scroll > .rel-card, .m-scroll > .v4-tile { width: 76vw; max-width: 300px; }
  .m-scroll > .pc, .m-scroll > .cert-group, .m-scroll > .honor-card, .m-scroll > .resource { width: 82vw; max-width: 340px; }
  .m-scroll > .article-item, .m-scroll > .rel-card { width: 84vw; max-width: 340px; }
  .m-scroll-hint { font-size: 11.5px; color: var(--ink-400); margin: 0 0 10px; }
  /* 防撑破：flex/grid 子项默认 min-width:auto 会被 nowrap 内容顶开 */
  .m-scroll { min-width: 0; max-width: 100%; }
  .cat-grid > *, .layout > *, .article-layout > *, .cat-main, .cat-panel, .cat-side, .main { min-width: 0; }
  .cat-panel { overflow: hidden; }
  .cat-panel .article-list { display: block !important; }

  .v4-tiles, .portal-cols, .cards, .cert-group, .honor-grid, .resource-grid, .related, .grid, .grid2, .grid3 { grid-template-columns: 1fr !important; }
  .cards .card, .v4-tile { width: 100%; }

  /* ---------- 4. 长列表折叠（由 mobile.js 注入按钮） ---------- */
  .m-fold > *:nth-child(n+6) { display: none; }
  .m-fold.m-open > *:nth-child(n+6) { display: revert; }
  .m-fold-btn {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    width: 100%; min-height: 46px; margin: 10px 0 4px; border-radius: 12px;
    border: 1px dashed var(--line-strong); background: var(--surface-2);
    color: var(--navy-700); font-size: 14px; font-weight: 600; font-family: inherit;
  }
  .m-fold-btn .ar { transition: transform .2s; }
  .m-fold-btn.m-open .ar { transform: rotate(180deg); }

  /* ---------- 5. 正文阅读体验 ---------- */
  .prose p, .prose li { font-size: 16px !important; line-height: 1.85 !important; }
  .prose h2 { font-size: 19px !important; margin: 24px 0 12px !important; }
  .prose h3 { font-size: 16.5px !important; margin: 20px 0 10px !important; }
  .art-date { font-size: 11.5px !important; padding: 8px 10px !important; line-height: 1.7 !important; }
  .prose ul, .prose ol { padding-left: 20px; }
  .keypoints li, .review-box li, .tips li { font-size: 15px !important; line-height: 1.8 !important; }
  .table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; position: relative; }
  .table-wrap table { min-width: 520px; }
  .m-table-hint { font-size: 11.5px; color: var(--ink-400); margin: 6px 0 2px; }

  /* ---------- 6. 表单与转化组件 ---------- */
  .lead-form { padding: 16px 14px 14px !important; }
  .lead-form .lf-bens { padding: 9px 11px !important; }
  .lead-form input, .lead-form select { min-height: 48px !important; font-size: 16px !important; }
  .lead-form .btn-submit { min-height: 52px !important; font-size: 16.5px !important; margin-top: 12px !important; }
  .lead-form .lf-more { min-height: 46px !important; font-size: 13.5px !important; }
  .m-eval-strip {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    margin: 0 0 16px; padding: 12px 14px; border-radius: 12px;
    background: linear-gradient(120deg, #0A2E5C, #14539A 65%, #1D6FD6);
    color: #fff; box-shadow: 0 8px 20px rgba(16, 52, 110, .16);
  }
  .m-eval-strip .tx { font-size: 13px; line-height: 1.55; }
  .m-eval-strip .tx b { display: block; font-size: 14.5px; margin-bottom: 2px; }
  .m-eval-strip .go {
    flex: none; min-height: 40px; padding: 0 14px; border-radius: 999px;
    background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
    color: var(--navy-900); font-size: 13.5px; font-weight: 700;
    display: inline-flex; align-items: center;
  }

  /* ---------- 7. 底部固定条：统一 3 项、加大触控 ---------- */
  .mobile-ctas { display: grid !important; grid-template-columns: 1fr 1fr; }
  .mobile-ctas.mc-3 { grid-template-columns: 1fr 1.15fr 1fr; }
  .mobile-ctas a { min-height: 52px; font-size: 14px; padding: 8px 4px; }
  .mobile-ctas a.mc-primary { background: linear-gradient(135deg, var(--gold-400), var(--gold-500)); color: var(--navy-900); font-weight: 700; }
  .mobile-ctas a:last-child { border-right: none; }
  body { padding-bottom: 52px; }

  /* 悬浮客服：让开底部条，缩小尺寸 */
  .float-bar { right: 10px !important; bottom: 108px !important; gap: 8px !important; }
  .float-bar .fb-chat { width: 50px !important; height: 50px !important; }
  .float-bar .fb { display: none !important; }
  .float-bar .fb-chat { display: flex !important; }
  .chat-panel { bottom: 168px !important; right: 10px !important; left: 10px !important; max-width: none; }

  /* ---------- 8. 触控目标：列表/页脚/快捷入口 ≥44px ---------- */
  .pc-list a, .s-quick a, .article-list .article-item a, .arts-list .ar,
  .site-footer .col a, .region-grid a, .guide-links a, .hot-list a,
  .aside .panel a, .topic-links a, .quick-nav .qn {
    min-height: 44px; display: flex; align-items: center;
  }
  .article-item h4 { font-size: 15px; }
  .site-footer .col a { min-height: 40px; }

  /* ---------- 9. 页脚压缩 ---------- */
  .site-footer { padding-top: 22px; }
  .site-footer .f-grid { display: block; }
  .site-footer .f-brand { margin-bottom: 14px; }
  .site-footer .f-brand p { font-size: 12.5px; line-height: 1.7; }
  .site-footer .f-brand-sub { display: none; }
  .site-footer .cols { display: grid !important; grid-template-columns: 1fr 1fr; gap: 4px 12px; }
  .site-footer .col h4 { font-size: 13px; margin-bottom: 4px; }
  .site-footer .foot { padding: 14px 0 18px; font-size: 12px; }
  .foot-tel, .foot-shop { font-size: 12px !important; }
  .foot-icp { font-size: 11.5px !important; }

  /* ---------- 10. 资料/系列页的卡片与表格 ---------- */
  .doc-card { padding: 14px; }
  .casc-stats { grid-template-columns: 1fr 1fr !important; gap: 8px; }
  .casc-stats > div { padding: 10px 8px; }
  .cat-banner { padding: 18px 0 16px; }
  .cat-t h1 { font-size: 21px; }
  .cat-sub { font-size: 13.5px; line-height: 1.7; }
  .notice { padding: 12px 14px; font-size: 13.5px; line-height: 1.75; }
  .cta-band { padding: 20px 16px; border-radius: 14px; }
  .cta-band h2 { font-size: 18px; }
  .cta-band p { font-size: 13.5px; }
  .art-end-cta { padding: 16px; }
  .gs-item, .gs-row { padding: 12px !important; }

  /* ---------- 11. 案例墙：改为横向滑动（原纵向堆叠极高） ---------- */
  .cert-group { padding: 12px !important; margin-bottom: 12px !important; }
  .cert-group .cg-head { flex-wrap: wrap; gap: 6px; }
  .cert-group .cg-head h3 { font-size: 15px !important; }
  .cert-group .cg-sub {
    font-size: 12px !important; line-height: 1.6; margin: 4px 0 8px !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .cert-group .cert-wall {
    display: flex !important; flex-wrap: nowrap !important; gap: 10px;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory; padding-bottom: 6px;
  }
  .cert-group .cert-item { flex: 0 0 auto; width: 64vw; max-width: 230px; scroll-snap-align: start; }
  .cert-group .cert-item img { width: 100% !important; height: 148px !important; object-fit: cover; }
  .cert-group .cert-item figcaption { font-size: 11.5px !important; padding: 6px 8px !important; }

  /* ---------- 12. 首屏查询台：两列压缩 ---------- */
  .v4-query { padding: 14px !important; border-radius: 14px; }
  .v4-query-hd { margin-bottom: 10px; }
  .v4-query-hd b { font-size: 15px; }
  .v4-query-hd small { font-size: 11.5px; }
  .v4-query-bd { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px 10px; align-items: end; }
  .v4-query-bd label { font-size: 12px !important; margin-bottom: 4px !important; }
  .v4-query-bd select { min-height: 44px !important; font-size: 15px !important; padding: 0 10px; }
  .v4-query-bd .v4-qbtn { grid-column: 1 / -1; min-height: 48px !important; font-size: 16px !important; }

  /* ---------- 13. 公示页：筛选芯片与操作按钮 ---------- */
  .gf-chips, .gs-tabs, .v4-chips {
    display: flex !important; flex-wrap: nowrap !important; overflow-x: auto;
    -webkit-overflow-scrolling: touch; gap: 8px; padding-bottom: 6px; scrollbar-width: none;
  }
  .gf-chips::-webkit-scrollbar, .gs-tabs::-webkit-scrollbar, .v4-chips::-webkit-scrollbar { display: none; }
  .gf-chips > *, .gs-tabs > *, .v4-chips > * { flex: 0 0 auto; }
  .gf-chips button.gf { min-height: 40px; padding: 8px 14px; font-size: 13.5px; }
  .gc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .gc-actions a.btn-xs { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 14px; font-size: 13px; }
  .gs-list > * { margin-bottom: 10px !important; }
  .gs-filter { padding: 12px !important; }
  .gs-sub { padding: 12px !important; }
  .region-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }
  .region-grid a { min-height: 42px; font-size: 13px; }
  .honor-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .resource-grid { grid-template-columns: 1fr !important; }

  /* ---------- 14. 长页面的章节导航吸顶（系列页/政策页/资料页） ---------- */
  .pill-wrap {
    position: sticky; top: 54px; z-index: 80;
    display: flex !important; flex-wrap: nowrap !important; overflow-x: auto;
    background: #fff; padding: 8px 0 !important; margin: 0 0 12px !important;
    box-shadow: 0 4px 12px rgba(16, 52, 110, .06); scrollbar-width: none;
  }
  .pill-wrap::-webkit-scrollbar { display: none; }
  .pill-wrap > * { flex: 0 0 auto; }

  /* ---------- 15. 首页快捷导航条：单行横滑（去掉角标错位） ---------- */
  .quick-nav { background: #fff; border-bottom: 1px solid var(--line); }
  .quick-nav .wrap {
    display: flex !important; flex-wrap: nowrap !important;
    grid-template-columns: none !important; gap: 6px;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
    padding: 8px 12px !important; scrollbar-width: none;
  }
  .quick-nav .wrap::-webkit-scrollbar { display: none; }
  .qn {
    flex: 0 0 auto; width: 84px; padding: 8px 4px 7px !important;
    border-left: none !important; border-radius: 12px; background: var(--surface-2);
    gap: 5px !important;
  }
  .qn-ic { width: 30px !important; height: 30px !important; font-size: 14px !important; border-radius: 9px !important; }
  .qn-t { font-size: 12px !important; line-height: 1.25 !important; }
  .qn small { display: none !important; }
  .qn .hot {
    position: static !important; top: auto !important; right: auto !important;
    display: inline-block; margin: 0 0 2px; font-size: 9.5px !important; padding: 1px 6px !important;
  }

  /* ---------- 18. 参考 m.ruiss.vip：行动色 / 按钮 / 输入框 / 首屏预审表单 ---------- */

  /* 页头评估按钮：改为行动色（实心、圆角小、更醒目） */
  .m-head-cta {
    background: var(--m-act) !important; color: #fff !important;
    border-radius: var(--m-r-btn) !important; height: 34px; font-size: 14px;
    box-shadow: 0 2px 8px rgba(255, 114, 20, .28);
  }

  /* 主按钮：整宽、高 50px、圆角 6px、17px、行动色 */
  .btn-hero.primary, .v4-btn.primary, .mobile-ctas a.mc-primary,
  .lead-form .btn-submit, .m-eval-strip .go, .m-sf-submit {
    background: var(--m-act) !important; color: #fff !important;
    border-radius: var(--m-r-btn) !important;
    font-size: 17px !important; font-weight: 600 !important;
    min-height: 50px !important; box-shadow: 0 4px 14px rgba(255, 114, 20, .3) !important;
  }
  .m-eval-strip .go { min-height: 42px !important; font-size: 15px !important; padding: 0 16px; }
  .mobile-ctas a.mc-primary { font-size: 15px !important; min-height: 52px !important; }

  /* 次按钮：白底橙字、胶囊、38px */
  .btn-hero.secondary, .v4-btn.secondary, .v4-o, .m-sf-cancel {
    background: #fff !important; color: var(--m-act) !important;
    border: 1px solid var(--m-act) !important; border-radius: 999px !important;
    font-size: 15.5px !important; min-height: 44px !important;
  }

  /* 输入框：46px、浅灰底、4px 圆角、弱边框 */
  .lead-form input, .lead-form select, .m-sf-form input, .m-sf-form select {
    min-height: 46px !important; background: var(--m-field) !important;
    border: 1px solid #EFEFEF !important; border-radius: var(--m-r-field) !important;
    font-size: 16px !important; color: var(--m-ink) !important;
  }
  .lead-form input:focus, .lead-form select:focus, .m-sf-form input:focus, .m-sf-form select:focus {
    background: #fff !important; border-color: var(--m-act) !important;
    box-shadow: 0 0 0 3px rgba(255, 114, 20, .14) !important;
  }
  .lead-form label, .m-sf-form label { color: var(--m-ink-2) !important; font-size: 13px !important; }

  /* 正文与次要文字对齐参考站的字色/字号 */
  .prose p, .prose li { color: var(--m-ink) !important; }
  .v4-sec-head .st, .section .lead, .cat-sub { color: var(--m-ink-3) !important; }

  /* 首屏「资格预审」表单卡（参考站首屏即表单） */
  .m-sf {
    margin: 14px 0 0; padding: 16px 14px 14px; background: #fff;
    border: 1px solid #EFEFEF; border-radius: 12px; box-shadow: 0 8px 22px rgba(16, 52, 110, .08);
  }
  .m-sf-title { font-size: 17px; font-weight: 700; color: var(--m-ink); margin: 0 0 4px; text-align: center; }
  .m-sf-sub { font-size: 12.5px; color: var(--m-ink-3); text-align: center; margin: 0 0 12px; }
  .m-sf-form .m-sf-row { margin-bottom: 10px; }
  .m-sf-form .m-sf-row:last-of-type { margin-bottom: 12px; }
  .m-sf-form input, .m-sf-form select { width: 100%; box-sizing: border-box; padding: 0 12px; }
  .m-sf-form input::placeholder { color: #AAAAAA; }
  .m-sf-submit { display: flex; align-items: center; justify-content: center; width: 100%; border: none; cursor: pointer; font-family: inherit; }
  .m-sf-phone {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    margin-top: 10px; min-height: 44px; border-radius: var(--m-r-btn);
    border: 1px solid var(--m-act); color: var(--m-act); font-size: 15.5px; font-weight: 600;
    background: #fff;
  }
  .m-sf-ok { display: none; margin-top: 10px; padding: 10px 12px; border-radius: 8px; background: var(--m-act-soft); color: var(--m-act-dark); font-size: 13.5px; text-align: center; }
  .m-sf-ok.show { display: block; }
  .m-sf-tip { margin: 10px 0 0; font-size: 11.5px; color: var(--m-ink-3); text-align: center; line-height: 1.6; }

  /* 底部三键：命名与配色对齐（评估 / 电话咨询 / 资料） */
  .mobile-ctas { background: #fff; box-shadow: 0 -2px 12px rgba(16, 52, 110, .08); }
  .mobile-ctas a { color: var(--m-ink-2) !important; font-size: 14.5px !important; }
  .mobile-ctas a.mc-primary { color: #fff !important; }
  .mobile-ctas a[href^="tel:"] { color: var(--m-act) !important; font-weight: 600; }
  .m-more-sec { padding: 22px 0 !important; background: var(--surface-2); }
  .m-more-head { display: flex; align-items: baseline; gap: 8px; margin: 0 0 12px; }
  .m-more-head b { font-size: 17px; color: var(--navy-800); }
  .m-more-head span { font-size: 12px; color: var(--ink-400); }
  .m-more { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .m-more a {
    display: flex; align-items: center; justify-content: space-between;
    height: 46px; padding: 0 12px; border-radius: 12px; background: #fff;
    border: 1px solid var(--line); font-size: 14px; font-weight: 600; color: var(--ink-800);
  }
  .m-more a em { font-style: normal; color: var(--ink-400); }
  .m-more a:active { background: var(--navy-100); }

  /* 首屏信任行 */
  .m-hero-trust {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 10px;
    margin: 12px 0 0; font-size: 11.5px; color: #C7D0DC;
  }
  .m-hero-trust span { display: inline-flex; align-items: center; gap: 4px; }
  .m-hero-trust span::before { content: "✓"; color: var(--gold-400); font-weight: 700; }

  /* 查询台移出首屏后的容器样式（首页已有预审表单卡，移动端不再重复放多字段工具） */
  .m-query-outer { display: none !important; }
  .m-query-tip { margin: 0 0 8px; font-size: 12px; color: var(--ink-500); text-align: center; }
  .v4-query.m-after-hero { margin-top: 0; }

  /* 触控目标补足：首页芯片 / 更多链接 / 下载按钮等 */
  .v4-chips a { min-height: 40px; display: inline-flex; align-items: center; padding: 8px 12px !important; font-size: 12.5px; }
  .v4-sec-head .more, .home-arts-head a, .home-gs-more a, .v4-query-ft a {
    min-height: 44px; display: inline-flex; align-items: center; font-size: 13px !important;
  }
  .trust-row a { min-height: 40px; display: inline-flex; align-items: center; font-size: 12.5px !important; }
  .resource .dl a, .dl a { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 14px; }
  .v4-sec-head { align-items: flex-start; }

  /* 公示模块压缩：隐藏长篇收录说明，只留入口链接 */
  .home-gs-more { font-size: 0 !important; margin: 8px 0 0 !important; }
  .home-gs-more a { font-size: 13px !important; }
  .home-gs-more b, .home-gs-more span { font-size: 13px !important; }
  .gs-prov-more { display: none !important; }
  .arts-list .ar, .article-list .article-item, .home-gs .gs-item,
  .policy-list .pl-item, .portal-cols .pc-list li, .s-quick a {
    padding-top: 8px !important; padding-bottom: 8px !important; margin-bottom: 8px !important;
  }
  .arts-list .ar-t { font-size: 14px !important; line-height: 1.5; }
  .arts-list .ar-tag { font-size: 11px !important; padding: 2px 7px; }
  .home-gs .gc-title, .home-gs .gs-item b { font-size: 14px !important; line-height: 1.5; }
  .home-gs .gc-org, .home-gs .gc-tags { font-size: 11.5px !important; }
  .aside .panel { padding: 14px !important; margin-bottom: 12px !important; }
  .aside .panel h4 { font-size: 15px !important; margin-bottom: 8px; }
  .related .rel-card h5 { font-size: 14.5px; }
  .related .rel-card p { font-size: 12.5px; }
  .m-fold-btn { margin: 8px 0 4px; }

  /* ============================================================
     19. 首页移动端 v5「一屏一主题」方案
     - 导航图标同一基线（去掉角标占位）
     - 新增「真实下证案例」证书墙（横滑）
     - 首页各模块只留标题 + 内容，去掉重复说明，压缩到 5 屏内
     ============================================================ */

  /* 19.1 快捷导航：9 个图标同一基线；热门项用行动色标识，不再用文字角标 */
  .quick-nav .wrap { padding: 6px 10px !important; gap: 8px; }
  .qn { width: 76px !important; padding: 6px 4px !important; gap: 4px !important; }
  .qn .hot { display: none !important; }
  .qn-ic { width: 28px !important; height: 28px !important; font-size: 13px !important; border-radius: 8px !important; }
  .qn.m-hot .qn-ic { background: var(--m-act) !important; color: #fff !important; box-shadow: 0 3px 8px rgba(255, 114, 20, .28); }
  .qn.m-hot .qn-t { color: var(--m-act) !important; }
  .qn-t { font-size: 11.5px !important; line-height: 1.2 !important; }

  /* 19.2 首页「真实下证案例」证书墙：三级合并成一条横滑 */
  .m-case { padding: 20px 0 !important; }
  .m-case .v4-sec-head { margin-bottom: 10px !important; }
  .m-case .v4-sec-head .st,
  .m-case .cg-tag, .m-case .cg-note, .m-case .cg-sub, .m-case .cert-more { display: none !important; }
  .m-case .v4-sec-head .more { min-height: 40px; font-size: 12.5px !important; }
  .m-case .cert-group {
    display: block !important; overflow: visible !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    background: none !important; box-shadow: none !important;
  }
  .m-case .cg-head { margin: 0 0 8px !important; }
  .m-case .cg-head h3 { font-size: 13.5px !important; font-weight: 600 !important; color: var(--m-ink-2) !important; }
  .m-case-wall { gap: 10px !important; padding: 2px 14px 6px !important; }
  .m-case-wall > .cert-item {
    width: 58vw; max-width: 208px; margin: 0 !important;
    background: #fff; border: 1px solid var(--line); border-radius: 8px; overflow: hidden;
  }
  .m-case-wall > .cert-item img {
    width: 100% !important; height: 146px !important;
    object-fit: cover; border-radius: 0 !important;
  }
  .m-case-wall > .cert-item figcaption { padding: 6px 8px !important; font-size: 11px !important; }
  .m-case-wall > .cert-item figcaption b { font-size: 12px !important; }

  /* 19.3 首页全局压缩：一屏只留一个主题，说明句与重复入口去掉 */
  body[data-m-home] .v4-sec { padding: 20px 0 !important; }
  body[data-m-home] .v4-sec-head { margin-bottom: 10px !important; align-items: center !important; }
  body[data-m-home] .v4-sec-head .st { display: none !important; }
  body[data-m-home] .v4-sec-head .tt { font-size: 18px !important; }
  body[data-m-home] .v4-sec-head .more { min-height: 40px; font-size: 12.5px !important; }
  body[data-m-home] .v4-note { display: none !important; }
  body[data-m-home] .gs-tabs { display: none !important; }
  body[data-m-home] .home-gs-more { display: none !important; }
  body[data-m-home] .home-arts-head { display: none !important; }
  body[data-m-home] .trust-row { display: none !important; }
  body[data-m-home] #brandShop { display: none !important; }

  /* 服务卡：去掉要点列表，只留「适用 + 收费 + 按钮」 */
  body[data-m-home] .cards .card.service { padding: 14px !important; }
  body[data-m-home] .cards .card.service ul { display: none !important; }
  body[data-m-home] .cards .card.service h3 { font-size: 16px !important; margin: 0 0 6px !important; }
  body[data-m-home] .cards .card.service p { font-size: 12.5px !important; line-height: 1.6 !important; margin-bottom: 8px !important; }
  body[data-m-home] .cards .card.service .btn {
    min-height: 44px !important; display: flex !important;
    align-items: center; justify-content: center; font-size: 14px !important;
  }

  /* 攻略入口 / 热门搜索：单行横滑，不再换行堆高 */
  body[data-m-home] .guide-links,
  body[data-m-home] .v4-chips {
    display: flex !important; flex-wrap: nowrap !important; gap: 8px;
    overflow-x: auto; margin: 0 -14px !important; padding: 2px 14px 6px !important;
    scrollbar-width: none;
  }
  body[data-m-home] .guide-links::-webkit-scrollbar,
  body[data-m-home] .v4-chips::-webkit-scrollbar { display: none; }
  body[data-m-home] .guide-links a,
  body[data-m-home] .v4-chips a,
  body[data-m-home] .v4-chips .lb {
    flex: 0 0 auto; white-space: nowrap;
    min-height: 38px !important; display: inline-flex !important; align-items: center;
    padding: 0 12px !important; border-radius: 999px !important;
    background: #fff !important; border: 1px solid var(--line) !important;
    font-size: 12.5px !important;
  }
  body[data-m-home] .v4-chips { margin-top: 8px !important; }

  /* 合规声明与页脚：只留必须看到的 */
  body[data-m-home] .cta-band { padding: 22px 0 26px !important; }
  body[data-m-home] .cta-band h2 { font-size: 17px !important; margin: 0 0 10px !important; }
  body[data-m-home] .cta-band .notice { font-size: 12px !important; line-height: 1.65 !important; padding: 10px 12px !important; }
  body[data-m-home] .cta-band .btn { min-height: 46px !important; font-size: 14.5px !important; }
  body[data-m-home] .site-footer { padding: 20px 0 26px !important; }
  body[data-m-home] .site-footer .cols { display: none !important; }
  body[data-m-home] .site-footer .f-brand-sub { display: none !important; }
  body[data-m-home] .site-footer .foot-shop { font-size: 11.5px !important; }
  body[data-m-home] .m-more-sec { padding: 20px 0 !important; }

  /* 19.4 首页小节标题：标题与入口同一行（省下每节约 33px） */
  body[data-m-home] .v4-sec-head {
    flex-direction: row !important; flex-wrap: nowrap !important;
    align-items: center !important; justify-content: space-between; gap: 10px;
    margin-bottom: 10px !important;
  }
  body[data-m-home] .v4-sec-head .hd { flex: 1 1 auto; gap: 0 !important; }
  body[data-m-home] .v4-sec-head .tt { font-size: 17.5px !important; line-height: 1.3 !important; }
  body[data-m-home] .v4-sec-head .tt::before { width: 4px; height: 17px; }
  body[data-m-home] .v4-sec-head .more {
    flex: none; min-height: 34px !important;
    /* 视觉仍是一行小字，点按区域靠上下留白 + 负外边距扩到 44px（不占版面高度） */
    padding: 5px 0 !important; margin: -5px 0 !important;
    font-size: 12.5px !important; white-space: nowrap !important;
  }

  /* 19.5 首屏：与信任行重复的一条去掉，副标题收紧；主/次按钮统一行动色 */
  body[data-m-home] .v4-trust { display: none !important; }
  body[data-m-home] .v4-sub { font-size: 13px !important; line-height: 1.6 !important; margin: 8px 0 12px !important; }
  body[data-m-home] .v4-cta-row { grid-template-columns: 1fr 1.06fr !important; }
  .v4-cta-row .v4-btn, .v4-cta-row .v4-btn-o {
    font-size: 14px !important; padding: 0 6px !important; white-space: nowrap !important;
  }
  body[data-m-home] .v4-cta-row .v4-btn {
    background: var(--m-act) !important; color: #fff !important; border: 0 !important;
    font-weight: 600 !important; box-shadow: 0 4px 14px rgba(255, 114, 20, .3) !important;
  }
  body[data-m-home] .v4-cta-row .v4-btn-o {
    background: #fff !important; color: var(--m-act) !important; border: 1px solid var(--m-act) !important;
  }
  /* 服务卡按钮统一为行动色（与首屏主按钮一致） */
  .cards .card.service .btn {
    background: var(--m-act) !important; color: #fff !important; border: 0 !important;
    border-radius: var(--m-r-btn) !important; font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(255, 114, 20, .26) !important;
  }

  /* 19.6 证书墙再压 14px（图片高度） */
  .m-case-wall > .cert-item img { height: 132px !important; }

  /* 19.7 公示条目：一行标题 + 状态，去掉重复的系列/年份标签 */
  body[data-m-home] .home-gs { gap: 8px !important; }
  body[data-m-home] .home-gs a { padding: 9px 12px !important; gap: 6px 8px !important; border-radius: 10px !important; }
  body[data-m-home] .home-gs a .hs-meta { display: none !important; }
  body[data-m-home] .home-gs a b { flex: 1 1 auto !important; font-size: 13.5px !important; line-height: 1.5 !important; }
  body[data-m-home] .home-gs a .hs-tag { font-size: 11px !important; padding: 1px 8px !important; }
  body[data-m-home] .home-gs a .hs-go { display: none !important; }   /* 整卡即链接，无需再提示「查看原文」 */

  /* 19.8 资料卡：只留标题 + 领取按钮 */
  body[data-m-home] .resource-grid .resource { padding: 14px !important; }
  body[data-m-home] .resource-grid .resource h4 { font-size: 15px !important; margin: 6px 0 10px !important; }
  body[data-m-home] .resource-grid .resource p { display: none !important; }
  body[data-m-home] .resource-grid .resource .dl span { display: none !important; }

  /* 19.9 合规声明：两个按钮并排 */
  body[data-m-home] .cta-band .wrap {
    display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px;
  }
  body[data-m-home] .cta-band h2, body[data-m-home] .cta-band .notice { grid-column: 1 / -1; }
  body[data-m-home] .cta-band .btn {
    width: auto !important; min-width: 0; min-height: 46px !important;
    display: flex !important; align-items: center; justify-content: center;
    font-size: 14px !important; padding: 0 8px !important;
  }

  /* 19.10 页脚：只留品牌名、电话、店铺与备案信息 */
  body[data-m-home] .site-footer .f-brand p { display: none !important; }
  body[data-m-home] .site-footer .f-grid { gap: 10px !important; }
  body[data-m-home] .site-footer .foot p {
    margin: 0 0 6px !important; font-size: 11.5px !important; line-height: 1.65 !important;
  }
}

/* ---------- 超窄屏（≤400px）细调 ---------- */
@media (max-width: 400px) {
  .m-drawer { width: 90%; }
  .v4-hero h1, .v4-hero-main h1 { font-size: 21px !important; }
  .cards .card { width: 100% !important; }
  .m-scroll > .card, .m-scroll > .v4-tile { width: 84vw; }
  .prose p, .prose li { font-size: 15.5px !important; }
  .mobile-ctas a { font-size: 13px; }
  .m-eval-strip { flex-wrap: wrap; }
  .m-eval-strip .go { width: 100%; justify-content: center; }
}