/* ==========================================================================
   移动优先覆盖层
   策略：桌面规则保留为「增强」，本层在 ≤760px 重排为单列流式布局。
   手机端为主：单列、大触控、表格转卡片、导航折叠吸顶。
   ========================================================================== */

/* ---------- 基础：折叠菜单默认隐藏，仅在手机端显示 ---------- */
.nav-mob{display:none}

/* ---------- 全站基础 ---------- */
@supports (padding: max(0px)) {
  .wrap{padding-left:max(16px, env(safe-area-inset-left));
        padding-right:max(16px, env(safe-area-inset-right))}
}

@media (max-width: 760px) {
  /* ---- 排版：正文加大，标题收敛 ---- */
  body{font-size:15px;line-height:1.78}
  .wrap{padding:0 16px}
  h1{font-size:26px;line-height:1.34;letter-spacing:-.01em;margin-top:10px}
  h2{font-size:19px;line-height:1.42}
  h3{font-size:15.5px}
  .hero{padding:26px 0 20px}
  .hero .lead{max-width:none;margin-top:12px;font-size:14px;line-height:1.85}
  .lead{font-size:14px;line-height:1.85}
  .small{font-size:12px;line-height:1.75}
  .eyebrow{font-size:9.5px;letter-spacing:.14em}
  .sec{padding:26px 0}
  .sec-h{flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:10px}
  .sec-h h2{font-size:18px}
  .sec-h .as{width:100%;margin-left:0;font-size:10px}
  .crumb{padding:11px 0;font-size:10.5px;line-height:1.6;
    white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .crumb::-webkit-scrollbar{display:none}
  .note,.warnbox{padding:12px 14px;font-size:12.5px;line-height:1.8;margin:14px 0}

  /* ---- 页头：吸顶 + 折叠菜单 ---- */
  header{position:sticky;top:0;z-index:60;background:var(--paper);
    border-bottom:1px solid var(--rule)}
  .top{height:54px;padding:0 16px;gap:10px;position:relative}
  .logo{gap:7px}
  .logo .mk{width:20px;height:20px}
  .logo .lw{font-size:15px;letter-spacing:.04em}
  .nav-desk{display:none}
  .top .sp{margin-left:auto}
  .nav-cta{padding:8px 12px;font-size:11.5px;height:34px;line-height:1}
  .nav-mob{display:block;position:static}
  .nav-mob summary{list-style:none;width:38px;height:34px;border:1px solid var(--rule2);
    display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 9px;cursor:pointer}
  .nav-mob summary::-webkit-details-marker{display:none}
  .nav-mob summary span{display:block;height:1.5px;background:var(--ink);transition:.15s}
  .nav-mob[open] summary span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .nav-mob[open] summary span:nth-child(2){opacity:0}
  .nav-mob[open] summary span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .nm-list{position:absolute;left:0;right:0;top:54px;background:#fff;
    border-bottom:1px solid var(--rule2);box-shadow:0 12px 24px rgba(19,22,27,.10);
    padding:6px 0 10px;max-height:calc(100vh - 54px);overflow-y:auto}
  .nm-list a{display:flex;align-items:center;height:48px;padding:0 20px;
    font-size:15px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
  .nm-list a:last-child{border-bottom:0}
  .nm-list a.on{font-weight:700;color:var(--accent)}
  .nm-list a.on:after{content:'';width:5px;height:5px;background:var(--accent);
    border-radius:50%;margin-left:9px}
  .nm-list .nm-cta{margin:8px 16px 0;height:46px;justify-content:center;background:var(--accent);
    color:#fff;font-weight:700;border:0}

  /* ---- 二级导航：横滑 chip ---- */
  .subnav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    gap:8px;padding:10px 0;scrollbar-width:none;margin:0 -16px;padding-left:16px;padding-right:16px}
  .subnav::-webkit-scrollbar{display:none}
  .subnav a{flex:0 0 auto;padding:7px 12px;font-size:11.5px;height:34px;line-height:18px}

  /* ---- 网格：全部收敛为单列或两列 ---- */
  .hero-2col{grid-template-columns:1fr;gap:24px}
  .hero-2col .figure.portrait{order:2}
  .stats{grid-template-columns:1fr 1fr;margin:18px 0 6px}
  .stat{padding:14px 14px 16px}
  .stat .n{font-size:26px}
  .stat .l{font-size:10.5px;margin-top:6px;line-height:1.5}
  .grid{grid-template-columns:1fr !important}
  .gi{padding:15px 16px}
  .gi .n{font-size:14px}
  .params{grid-template-columns:1fr}
  .p{padding:14px 15px}
  .p .v{font-size:15px}
  .about-2col,.contact-grid,.price-grid,.feat3,.cat-grid,.glist,.cert-mini,
  .dont,.sys{grid-template-columns:1fr !important}
  .feat3{margin:0}
  .feat{border-right:0;border-bottom:1px solid var(--rule);padding:22px 16px}
  .feat:last-child{border-bottom:0}
  .prod-hero{grid-template-columns:1fr;gap:22px;padding:26px 0 22px}
  .prod-hero .boundary{border-left-width:2px;padding-left:16px;font-size:12.5px}
  .band{grid-template-columns:1fr;gap:22px;padding:24px 16px;margin:24px -16px 0}
  .band .stats{gap:14px}
  .price-grid .plan{padding:20px 18px 24px}
  .plan .price{font-size:28px}
  .slot .fields{grid-template-columns:1fr}
  .rule-list li{grid-template-columns:1fr;gap:5px;padding:14px 0}
  .rule-list .t{font-size:14px}
  .rule-list .d{font-size:12.5px;line-height:1.85}
  .name-tbl td.k{width:auto;text-align:left}
  table.t.stack.name-tbl td.k{font-size:26px;line-height:1.1;padding:2px 0 5px}
  table.t.stack.name-tbl td:nth-child(2){font-family:var(--mono);font-size:10px;
    color:var(--ink4);letter-spacing:.12em;padding-bottom:4px}
  table.t.stack.name-tbl td:nth-child(3){font-size:13px;font-weight:700;color:var(--ink)}
  .kvbox{padding:13px 14px}
  .kvbox .row{flex-direction:column;gap:2px;padding:8px 0}
  .kvbox .row .k{width:auto;font-size:11.5px}

  /* ---- 指南：去侧栏，单列 ---- */
  .guide-wrap{display:block;margin:0}
  .guide-main{padding:0;border-right:0}
  .guide-side{display:none}
  .guide-main h2{font-size:18px;margin:26px 0 10px}
  .guide-main h3{font-size:15px;margin:18px 0 7px}
  .guide-main p,.guide-main ul,.guide-main ol{font-size:13.5px;line-height:1.95}
  .guide-main ul,.guide-main ol{margin-left:18px}
  .clause{font-size:10.5px;padding-left:10px;margin:14px 0;line-height:1.75}
  .pol-wrap{grid-template-columns:1fr}
  .pol-main{padding:0;border-right:0}
  .pol-side{padding:20px 0 0;background:transparent;border-top:1px solid var(--rule)}
  .pol-side .side-card{margin-bottom:12px}
  .kv{grid-template-columns:1fr 1fr}
  .timeline{padding-left:14px}

  /* ---- 表格：≤3 列转卡片；宽表横滑 ---- */
  table.t.stack{display:block;width:100%;margin:14px 0;border:0}
  table.t.stack tr:first-child{display:none}
  table.t.stack tr{display:block;background:#fff;border:1px solid var(--rule);
    margin-bottom:9px;padding:13px 14px}
  table.t.stack td{display:block;width:auto !important;border:0;padding:2px 0;
    font-size:13px;line-height:1.75}
  table.t.stack td.k{width:auto !important;font-size:13.5px;font-weight:700;
    color:var(--ink);padding-bottom:5px}
  /* 堆叠后每格显示列名，避免多列对比表失去上下文 */
  table.t.stack td[data-label]:not([data-label=""]){padding-top:5px}
  table.t.stack td[data-label]:not([data-label=""]):before{content:attr(data-label);
    display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;
    color:var(--ink4);margin-bottom:2px}
  /* 若该行存在 .k 单元格，则首列的序号/日期降为元信息，不再当标题 */
  table.t.stack tr:has(td.k) td:first-child:not(.k){font-family:var(--mono);
    font-size:10px;font-weight:400;color:var(--ink4);letter-spacing:.06em;padding-bottom:1px}
  table.t.stack tr:hover td{background:transparent}

  .scroll-x{position:relative;margin:14px 0;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .scroll-x:before{content:'横向滑动查看全部 →';display:block;text-align:right;
    font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--ink4);
    padding:0 2px 6px}
  table.t{min-width:0}
  table.t thead th{font-size:9px}
  table.cmp{min-width:860px}
  table.cert-tbl{min-width:760px}
  /* 城市索引：双列 */
  .grid.grid-cities{grid-template-columns:1fr 1fr !important}
  .grid.grid-cities .gi{padding:12px 13px}
  .grid.grid-cities .gi .n{font-size:13px}
  .grid.grid-cities .gi .m{font-size:9px;line-height:1.5;margin-top:3px}
  table.cmp td,table.cmp th{padding:9px 10px}
  table.cmp td.city{position:sticky;left:0;background:#fff;z-index:2;
    box-shadow:1px 0 0 var(--rule)}
  table.cmp tr:hover td.city{background:var(--paper2)}
  table.t td,table.t th{padding:10px 11px}

  /* ---- 认定机构卡片 ---- */
  .cert-mini{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .cm{border-right:0;padding:15px 16px}
  .cm .co-m{font-size:13px}
  .cert-exam{padding:13px 14px}
  .ce-i{font-size:12.5px;line-height:1.85;padding:3px 0}
  .cert-empty{font-size:12.5px;padding-left:12px}

  /* ---- 工具页 ---- */
  .tool{padding:18px 16px}
  .checks{grid-template-columns:1fr}
  .chk{padding:13px 14px;min-height:44px}
  .field-row{grid-template-columns:1fr;gap:12px}
  .field input,.field select{height:46px;font-size:16px}  /* 16px 防 iOS 缩放 */
  .result{padding:18px 16px}
  .result .v{font-size:34px}

  /* ---- 联系 ---- */
  .cc{padding:18px 16px}
  .cc .v{font-size:18px}
  .cc .qr{max-width:200px;margin:14px auto 0}

  /* ---- 图片 ---- */
  .figure.wide{margin:0 -16px}
  .figure.hdr img{aspect-ratio:16/9}
  .manifesto{padding:26px 16px;margin:0 -16px}
  .manifesto p{font-size:15px;letter-spacing:.04em;line-height:1.75}
  .manifesto small{font-size:8.5px;letter-spacing:.18em}
  .slogan-h1{font-size:23px;line-height:1.66}
  .slogan-h1 .h1-sub{font-size:10.5px;margin-top:14px;letter-spacing:.06em}

  /* ---- 页脚：品牌块通栏，四组链接两列 ---- */
  .foot{margin-top:34px;padding:24px 0 40px}
  .foot .cols{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
  .foot .cols > div:first-child{grid-column:1 / -1}
  .foot .cols > div:first-child .fx-slogan{margin-bottom:2px}
  .foot a{font-size:13px;line-height:1.9;padding:3px 0}
  .foot h4{font-size:9px;margin-bottom:5px;letter-spacing:.1em}
  .fx-slogan{font-size:12px;margin-top:10px;max-width:none}
  .disc{font-size:10.5px;line-height:1.85;margin-top:16px}

  /* 锚点跳转避开吸顶页头 */
  [id],h2,h3{scroll-margin-top:66px}

  /* ---- 触控：所有按钮 ≥44px ---- */
  .btn{padding:13px 18px;font-size:13.5px;min-height:44px;
    display:inline-flex;align-items:center;justify-content:center}
  .btn.sm{padding:9px 13px;font-size:12px;min-height:36px}
  .btn-print{min-height:44px}
  a{ -webkit-tap-highlight-color:rgba(168,52,27,.12) }
}

/* ---------- 平板：收敛为两列 ---------- */
@media (min-width: 761px) and (max-width: 1024px) {
  .wrap{padding:0 24px}
  /* 负外边距按 32px 内边距设计，平板收窄后必须归零，否则整页横向溢出 */
  .guide-wrap,.pol-wrap,.feat3,.manifesto,.figure.wide,.band,
  .price-grid,.contact-grid{margin-left:0;margin-right:0}
  h1{font-size:30px}
  .hero .lead{max-width:none}
  .grid{grid-template-columns:1fr 1fr !important}
  .stats{grid-template-columns:1fr 1fr}
  .params{grid-template-columns:1fr 1fr}
  .cert-mini{grid-template-columns:1fr 1fr}
  .about-2col,.price-grid,.contact-grid{grid-template-columns:1fr 1fr}
  .feat3{grid-template-columns:1fr}
  .feat{border-right:0;border-bottom:1px solid var(--rule)}
  .prod-hero{grid-template-columns:1fr;gap:28px}
  .band{grid-template-columns:1fr;gap:24px}
  .guide-wrap,.pol-wrap{grid-template-columns:1fr}
  .guide-side,.pol-side{display:none}
  .guide-main,.pol-main{padding:0;border-right:0}
  .tablet-hide{display:none}
}

/* ---------- 宽表在手机端转为卡片（省级名单、城市对比） ---------- */
@media (max-width: 760px) {
  table.cert-tbl.stack, table.cmp.stack{display:block;min-width:0;width:100%;
    border:0;margin:14px 0}
  table.cert-tbl.stack tr:first-child, table.cmp.stack tr:first-child{display:none}
  table.cert-tbl.stack tr, table.cmp.stack tr{display:block;background:#fff;
    border:1px solid var(--rule);margin-bottom:10px;padding:13px 14px}
  table.cert-tbl.stack td, table.cmp.stack td{display:block;width:auto !important;
    border:0;padding:2px 0;font-size:13px;line-height:1.72}
  table.cert-tbl.stack tr:hover td, table.cmp.stack tr:hover td{background:transparent}

  /* 省份 / 城市名作卡片标题 */
  table.cert-tbl.stack td.city, table.cmp.stack td.city{position:static;box-shadow:none;
    font-size:15.5px;font-weight:700;padding-bottom:7px;border-bottom:1px solid var(--rule);
    margin-bottom:7px}

  /* 每个单元格显示列名 */
  table.cert-tbl.stack td:not(.city):not(:empty):before,
  table.cmp.stack td:not(.city):not(:empty):before{content:attr(data-label);
    display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;
    color:var(--ink4);margin-bottom:2px}

  /* 机构数列与状态并排，省一行 */
  table.cert-tbl.stack td:nth-child(2){display:inline-block;margin-right:10px}
  table.cert-tbl.stack td:nth-child(2):before{content:'机构 ';display:inline;
    font-family:var(--mono);font-size:8.5px;color:var(--ink4)}
  table.cert-tbl.stack td:nth-child(2):after{content:' 家';font-size:10px;color:var(--ink4)}
  table.cert-tbl.stack td:nth-child(3){display:inline-block}
  table.cert-tbl.stack td:nth-child(3):before{display:none}
  /* 日期已在依据文件行内出现，卡片里不再重复 */
  table.cert-tbl.stack td:nth-child(6){display:none}
  table.cert-tbl.stack td:nth-child(7){padding-top:8px}
  table.cert-tbl.stack td:nth-child(7):before{display:none}
  table.cert-tbl.stack td:nth-child(4){padding-top:8px}
  /* 对比卡里空值不占位，避免每城七行大半是「—」 */
  table.cmp.stack td.na{display:none}
  table.cert-tbl.stack .co-g{margin:6px 0 3px}
  table.cert-tbl.stack .co-m{font-size:12.5px}
}