/* =====================================================================
   昕搜 · AI认知资产体检 —— 公开页「高雅版」主题（设计样片）
   用法：放在 site.css、report.css 之后加载，只覆盖颜色与样式，不改任何内容。
   配色取自 www.xinsou.cn：品牌深蓝 #0F51AA / #1550B6，亮蓝 #3675FF，青色 #63D7E1，
   冷白底 #F7FAFF / #F4F8FE / #EFF3FA。
   布局思路：板块之间用「白 / 冰蓝 / 深一级冰蓝」交替衬底区分，收尾的预约板块用品牌深蓝压底。
   ===================================================================== */

:root{
  /* 基础色（沿用原变量名，所有组件自动换色） */
  --bg:#F6F9FE; --surface:#FFFFFF; --surface-2:#EEF3FB; --surface-3:#DFE8F6;
  --ink:#0E1E3C; --ink-2:#465671; --muted:#7D8AA0; --line:#DFE6F1; --line-strong:#C5D1E4;
  --accent:#1553B6; --accent-ink:#FFFFFF; --accent-soft:#E4EDFC;
  --s-brand:#2A6FE0; --s-comp:#8B6BD6;
  --paper:#FFFFFF;
  /* 新增：品牌渐变、青色点缀、板块衬底、深蓝压底、阴影 */
  --cyan:#3FC1D4;
  --grad:linear-gradient(118deg,#0F51AA 0%,#2F6FEA 52%,#4FC6DA 100%);
  --grad-btn:linear-gradient(118deg,#1553B6 0%,#2C6BE4 100%);
  --sec-white:#FFFFFF;
  --sec-ice:#F4F8FE;
  --sec-deep:#EBF1FA;
  --navy:#0A1F47; --navy-2:#113476; --on-navy:#FFFFFF; --on-navy-2:rgba(226,236,255,.74); --on-navy-line:rgba(160,190,245,.22);
  --shadow-sm:0 1px 2px rgba(14,30,60,.04),0 2px 8px -4px rgba(21,83,182,.08);
  --shadow-md:0 1px 2px rgba(14,30,60,.04),0 14px 34px -18px rgba(21,83,182,.22);
  --shadow-lg:0 2px 6px rgba(14,30,60,.05),0 30px 60px -28px rgba(15,81,170,.35);
  --glow-a:rgba(54,117,255,.13); --glow-b:rgba(99,215,225,.16);
  --dot:rgba(21,83,182,.07);
  --r:14px;
  /* 报告里的板块底色、平台色，同步换成蓝色系 */
  --r-band:#EDF3FC; --r-band-line:#1553B6;
  --pc-doubao:#2A6FE0; --pc-kimi:#2FA6B8;
  --sb1:#2A6FE0; --sb4:#2FA6B8;
  --heat-rgb:21,83,182; --heat-ink:#FFFFFF;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0A1426; --surface:#0F1D36; --surface-2:#152746; --surface-3:#1D3257;
    --ink:#E6EDFA; --ink-2:#A9B7D0; --muted:#7F8DA8; --line:#1F3155; --line-strong:#2E4471;
    --accent:#6E9DF5; --accent-ink:#06142E; --accent-soft:#16295080;
    --s-brand:#5C93F2; --s-comp:#A48BEA; --paper:#0F1D36;
    --cyan:#5CD3E3;
    --grad:linear-gradient(118deg,#4F86F0 0%,#6E9DF5 50%,#6ED8E6 100%);
    --grad-btn:linear-gradient(118deg,#3F78E6 0%,#5C93F2 100%);
    --sec-white:#0C182E; --sec-ice:#0A1426; --sec-deep:#0E1C35;
    --navy:#071530; --navy-2:#0D2A5E;
    --shadow-sm:0 1px 2px rgba(0,0,0,.3);
    --shadow-md:0 1px 2px rgba(0,0,0,.3),0 14px 34px -18px rgba(0,0,0,.6);
    --shadow-lg:0 2px 6px rgba(0,0,0,.35),0 30px 60px -28px rgba(0,0,0,.7);
    --glow-a:rgba(79,134,240,.16); --glow-b:rgba(94,211,227,.10);
    --dot:rgba(140,175,240,.08);
    --r-band:#132647; --r-band-line:#6E9DF5; --heat-rgb:92,147,242; --heat-ink:#06142E;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0A1426; --surface:#0F1D36; --surface-2:#152746; --surface-3:#1D3257;
  --ink:#E6EDFA; --ink-2:#A9B7D0; --muted:#7F8DA8; --line:#1F3155; --line-strong:#2E4471;
  --accent:#6E9DF5; --accent-ink:#06142E; --accent-soft:#16295080;
  --s-brand:#5C93F2; --s-comp:#A48BEA; --paper:#0F1D36;
  --cyan:#5CD3E3;
  --grad:linear-gradient(118deg,#4F86F0 0%,#6E9DF5 50%,#6ED8E6 100%);
  --grad-btn:linear-gradient(118deg,#3F78E6 0%,#5C93F2 100%);
  --sec-white:#0C182E; --sec-ice:#0A1426; --sec-deep:#0E1C35;
  --navy:#071530; --navy-2:#0D2A5E;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow-md:0 1px 2px rgba(0,0,0,.3),0 14px 34px -18px rgba(0,0,0,.6);
  --shadow-lg:0 2px 6px rgba(0,0,0,.35),0 30px 60px -28px rgba(0,0,0,.7);
  --glow-a:rgba(79,134,240,.16); --glow-b:rgba(94,211,227,.10);
  --dot:rgba(140,175,240,.08);
  --r-band:#132647; --r-band-line:#6E9DF5; --heat-rgb:92,147,242; --heat-ink:#06142E;
}

body{background:var(--bg);letter-spacing:.01em}
::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}

/* ---------- 标题字体：更轻、更疏朗 ---------- */
.hero h1,.sec-head h2,#book h2{font-weight:700!important;letter-spacing:.01em}
.sec-head h2{font-size:clamp(26px,3.2vw,36px);line-height:1.32}
.sec-head p{line-height:1.85}

/* 眉题：前面加一段品牌渐变短线 */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.18em;color:var(--accent);font-weight:500}
.eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--grad);flex:none}

/* ---------- 顶部导航 ---------- */
.nav{background:color-mix(in srgb,var(--surface) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 6px 24px -20px rgba(15,81,170,.35)}
.nav-links a{position:relative;transition:color .2s}
.nav-links a:hover{background:transparent;color:var(--accent)}
.nav-links a::after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transition:transform .25s}
.nav-links a:hover::after{transform:scaleX(1)}

/* ---------- 按钮：药丸形、品牌渐变 ---------- */
.btn{border-radius:999px;font-weight:500;letter-spacing:.02em;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s}
.btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 8px 20px -10px rgba(21,83,182,.65)}
.btn-primary:hover{filter:none;transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(21,83,182,.7)}
.btn-ghost{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 28%,var(--line-strong));color:var(--accent)}
.btn-ghost:hover{background:var(--accent-soft);border-color:var(--accent)}
.btn{padding:10px 22px}
.btn-sm{padding:7px 16px}

/* ---------- 首屏：冰蓝渐变 + 光晕 + 细点阵 ---------- */
.hero{position:relative;overflow:hidden;padding-block:72px 84px;
  background:
    radial-gradient(700px 420px at 88% 8%,var(--glow-a),transparent 70%),
    radial-gradient(620px 380px at 6% 96%,var(--glow-b),transparent 70%),
    linear-gradient(180deg,var(--sec-ice),var(--sec-white));}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(var(--dot) 1px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 35%,transparent),transparent)}
.hero .wrap{position:relative}
.hero h1{line-height:1.22}
.hero h1 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{line-height:1.9;font-size:16.5px}
.hero .facts{border-top:1px solid var(--line);gap:0}
.hero .facts div{padding:0 26px;border-left:1px solid var(--line)}
.hero .facts div:first-child{padding-left:0;border-left:0}
.hero .facts b{color:var(--accent);font-weight:500;font-size:30px}

/* 首屏右侧报告单：白卡 + 顶部品牌渐变条 + 大阴影 */
.sheet{border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent);border-radius:16px;box-shadow:var(--shadow-lg);position:relative}
.sheet::before{content:"";display:block;height:4px;background:var(--grad)}
.sheet-head{border-bottom:1.5px solid var(--ink)}
.sheet-foot{border-top:1.5px solid var(--ink);background:linear-gradient(180deg,var(--surface),var(--sec-ice))}
.sheet-foot .idx b{color:var(--accent)}
.layer-sep{background:var(--surface-2);color:var(--accent)}
.meter span{background:linear-gradient(90deg,var(--s-brand),var(--cyan))}

/* ---------- 板块：交替衬底，去掉硬分隔线 ---------- */
section.block{border-top:0;padding-block:88px;position:relative}
#system{background:var(--sec-white)}
#rx{background:
    radial-gradient(var(--dot) 1px,transparent 1.2px) 0 0/22px 22px,
    linear-gradient(180deg,var(--sec-ice),var(--sec-ice))}
#quick{background:
    radial-gradient(900px 360px at 50% 0%,var(--glow-a),transparent 70%),
    var(--sec-white)}
#report{background:linear-gradient(180deg,var(--sec-deep),var(--sec-ice))}
#compare{background:var(--sec-white)}
#method{background:
    radial-gradient(var(--dot) 1px,transparent 1.2px) 0 0/22px 22px,
    var(--sec-ice)}
/* 板块之间一条极细的渐变光线，衔接更柔和 */
#rx::before,#report::before,#method::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 22%,transparent),transparent)}

/* ---------- 卡片：统一圆角、细边、柔和阴影、悬停微浮 ---------- */
.panel,.dim,.o,.mth-c,.layers,.optional,.qi-types div,.cmo-card{border-radius:var(--r)}
.panel,.dim,.o,.mth-c,.layers{border-color:var(--line);box-shadow:var(--shadow-sm)}
.dim,.o,.mth-c{transition:transform .25s,box-shadow .25s,border-color .25s}
.dim:hover,.ogrid .o:hover,.mth-c:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}

/* 三层说明条 */
.layers{background:linear-gradient(180deg,var(--surface),var(--sec-ice));overflow:hidden;position:relative}
.layers::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}
.layers > div{padding:26px 26px 22px}
.layers .n{color:var(--accent);letter-spacing:.12em}
.layers .tag{display:inline-block;align-self:flex-start;background:var(--accent-soft);border-radius:999px;padding:2px 10px}

/* 十二度卡片 */
.layer-title h3{position:relative;padding-left:14px}
.layer-title h3::before{content:"";position:absolute;left:0;top:.28em;bottom:.28em;width:3px;border-radius:3px;background:var(--grad)}
.dim{position:relative;overflow:hidden}
.dim::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--grad);opacity:0;transition:opacity .25s}
.dim:hover::before{opacity:1}
.dim-code{color:var(--accent);letter-spacing:.08em}
.dim li::before{background:color-mix(in srgb,var(--accent) 45%,var(--line-strong))}
.dim ul{border-top-color:var(--line)}
.optional{background:var(--sec-ice);border-color:color-mix(in srgb,var(--accent) 25%,var(--line-strong))}

/* 十二项优化 */
.chip{border-color:var(--line-strong);background:var(--surface);transition:all .2s}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip[aria-pressed="true"]{background:var(--grad-btn);border-color:transparent;color:#fff;box-shadow:0 6px 16px -8px rgba(21,83,182,.6)}
.o-code{color:var(--accent);font-weight:600}
.o-grp{background:var(--accent-soft);color:var(--accent)}
.lanes.filtering .o.hit{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-md)}

/* 在线快检 */
.field input,.field select,.field textarea{background:var(--surface);border-color:var(--line-strong);border-radius:10px;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
#qcForm{border:1px solid var(--line);border-top:3px solid var(--accent);border-image:none}
.qc-intro{background:linear-gradient(180deg,var(--surface),var(--sec-ice))}
.qi-steps li::before{background:var(--grad-btn);color:#fff}
.qi-types div{background:var(--surface);border-color:var(--line)}
.qi-types b{color:var(--accent)}
.plat-line{background:var(--sec-ice)}

/* 报告样例：纸张卡片浮在深一级冰蓝上 */
.full-report{border-radius:16px;border-color:var(--line);box-shadow:var(--shadow-lg)}
.sample-report-tag{border-radius:999px;display:inline-block;padding:6px 14px}
.sr-wrap.folded .sr-fade{background:linear-gradient(180deg,transparent,var(--sec-ice) 88%)}
/* 报告里的雷达图是写死的青绿色，这里改成品牌蓝（只影响网页显示） */
.full-report svg [stroke="#008F80"]{stroke:var(--s-brand)}
.full-report svg [fill="#008F80"]{fill:var(--s-brand)}
.full-report svg [stroke="#C9D4D5"]{stroke:var(--line-strong)}
.full-report svg [fill="#0F2A31"]{fill:var(--ink)}
.full-report svg [fill="#8A9A9E"],.full-report svg [stroke="#6F8287"]{fill:var(--muted);stroke:var(--muted)}
.full-report svg [stroke="#6F8287"]{fill:none}

/* 快检 vs 深度体检 */
.cmp2-t .d{background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface))}
.cmp2-t thead .d{background:var(--grad);border-color:transparent}
.cmp2-t tbody tr:hover td{background-image:linear-gradient(color-mix(in srgb,var(--accent) 4%,transparent),color-mix(in srgb,var(--accent) 4%,transparent))}
.cmp2-t .ck{background:var(--grad-btn);color:#fff}
.cmp2-badge{background:#fff;color:var(--accent);box-shadow:0 2px 8px -2px rgba(0,0,0,.2)}
.cmp2-t .d,.cmp2-t tfoot .d{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}
.cmp2 .table-wrap{border-radius:16px}

/* 检测方法 */
.mth-h span{background:var(--grad-btn);color:#fff}
.mth-c:not(:last-child)::after{border-color:color-mix(in srgb,var(--accent) 45%,var(--line-strong))}
.mth-tags i{background:var(--sec-ice);border-color:var(--line)}
.mth-ex,.mth-f div{background:var(--sec-ice)}
.mth-list li{border-left-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.redline{border-left:3px solid transparent;border-image:var(--grad) 1;background:color-mix(in srgb,var(--surface) 70%,transparent);padding:12px 16px;border-radius:0 10px 10px 0}

/* ---------- 预约：品牌深蓝压底，表单白卡浮起 ---------- */
#book{color:var(--on-navy);background:
    radial-gradient(640px 360px at 92% 10%,rgba(79,198,218,.20),transparent 70%),
    radial-gradient(700px 420px at 0% 100%,rgba(54,117,255,.28),transparent 70%),
    linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%)}
#book::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:22px 22px}
#book .wrap{position:relative}
#book .eyebrow{color:#9EC4FF}
#book .eyebrow::before{background:linear-gradient(90deg,#9EC4FF,#63D7E1)}
#book h2{color:var(--on-navy)}
#book .book-flow b{color:var(--on-navy)}
#book .book-flow span{color:var(--on-navy-2)}
#book .book-flow li::before{background:var(--navy);border-color:#7FB0FF;color:#CFE0FF}
#book .book-flow li:not(:last-child)::after{background:var(--on-navy-line)}
#book .panel{color:var(--ink);box-shadow:0 30px 60px -24px rgba(0,0,0,.45);border:0}
#book .checks label{background:var(--surface);border-color:var(--line-strong);border-radius:999px;transition:all .2s}
#book .checks label:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}

/* 页脚 */
footer{background:#061534;border-top:1px solid rgba(160,190,245,.14);color:rgba(214,226,250,.62)}

/* 手机导航弹层阴影改蓝调 */
@media (max-width:640px){
  .nav-sheet{box-shadow:0 12px 24px rgba(15,50,110,.14)}
  section.block{padding-block:64px}
}
@media (max-width:640px){
  .hero .facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 0}
  .hero .facts div{padding:0 16px}
  .hero .facts div:nth-child(odd){padding-left:0;border-left:0}
}
@media (prefers-reduced-motion:reduce){.dim:hover,.ogrid .o:hover,.mth-c:hover,.btn-primary:hover{transform:none}}

/* =====================================================================
   第二轮：排版升级（版心节奏 · 字体层级 · 板块标题 · 卡片形式 · 首屏 · 快检 · 报告 · 方法 · 预约）
   ===================================================================== */
:root{--f-num:"Avenir Next","Helvetica Neue","Segoe UI",Arial,sans-serif}

/* 1. 版心与节奏：更宽的版心、更大的留白 */
.wrap{max-width:1240px;padding-inline:32px}
section.block{padding-block:120px}
.sec-head{margin-bottom:60px;gap:28px 72px}
@media (min-width:821px){.sec-head{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
body{font-size:15.5px}

/* 2. 字体层级：标题更大更舒展，数字用细体 */
.hero h1{font-size:clamp(32px,4vw,54px);line-height:1.16;letter-spacing:-.005em;margin-block:22px 26px}
.sec-head h2{font-size:clamp(28px,3.1vw,40px);line-height:1.28;margin-top:14px;letter-spacing:0}
.sec-head p{font-size:15.5px;color:var(--ink-2);padding-left:28px;border-left:1px solid var(--line-strong);align-self:start}
/* 板块标题左右两栏顶部对齐：左侧眉题与右侧说明第一行齐平，大标题紧跟眉题；右侧竖线与整块同高 */
@media (min-width:821px){
  .sec-head{align-items:stretch}
  .sec-head > div:first-child{align-self:start}
  .sec-head > div:first-child .eyebrow{display:flex;width:max-content}
  .sec-head h2{margin-top:16px}
  .sec-head p{align-self:stretch}
}
.hero .facts b,.sheet-foot .idx b,.qi-types b,.bignum b{font-family:var(--f-num);font-weight:300;letter-spacing:-.01em}
.hero .facts b{font-size:42px;line-height:1.05}
.hero .facts span{font-size:12.5px;letter-spacing:.06em;margin-top:6px}
.eyebrow{font-size:12px;letter-spacing:.22em}

/* 3. 首屏：雷达同心圆纹理 + 报告单叠纸效果 */
.hero{padding-block:96px 112px;background:
    repeating-radial-gradient(circle at 78% 46%,transparent 0 69px,color-mix(in srgb,var(--accent) 7%,transparent) 70px 71px),
    radial-gradient(700px 420px at 88% 8%,var(--glow-a),transparent 70%),
    radial-gradient(620px 380px at 6% 96%,var(--glow-b),transparent 70%),
    linear-gradient(180deg,var(--sec-ice),var(--sec-white))}
.hero::before{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 45%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 45%,#000 100%);opacity:.6}
@media (min-width:921px){.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:72px}}
.hero .lede{font-size:17px;line-height:1.95;max-width:31em}
.hero .ctas{margin-top:36px;gap:14px}
.hero .ctas .btn{padding:13px 30px;font-size:15.5px}
.hero .facts{margin-top:48px;padding-top:28px}
.sheet{box-shadow:14px 14px 0 -1px var(--sec-deep),14px 14px 0 0 var(--line),var(--shadow-lg)}
.sheet-head{padding:18px 22px 12px}
.sheet-meta,.sheet-cols,.sheet-row,.sheet-foot,.layer-sep{padding-inline:22px}
.sheet-row{padding-block:6px}

/* 4. 板块内小标题 */
.layer-title{margin:0 0 22px;gap:18px}
.layer-title h3{font-size:22px}

/* 5. 三层说明：大号细体序号 */
.layers{counter-reset:ly;margin-bottom:64px;border-radius:18px}
.layers > div{padding:34px 32px 30px;counter-increment:ly}
.layers > div::after{content:"0" counter(ly);position:absolute;right:28px;top:22px;font-family:var(--f-num);font-weight:200;font-size:54px;line-height:1;color:color-mix(in srgb,var(--accent) 16%,transparent);pointer-events:none}
.layers h3{font-size:20px;margin-top:4px}
.layers p{line-height:1.8;max-width:22em}

/* 6. 十二度 / 十二项优化：由零散卡片改为一整块细线分格 */
.dims,.lanes.ogrid{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}
.dims{margin-bottom:56px}
.dim,.ogrid .o{border:0;border-radius:0;box-shadow:none;background:var(--surface)}
.dim{padding:28px 26px 22px;gap:12px}
.dim:hover,.ogrid .o:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--accent-soft) 35%,var(--surface))}
.dim h4{font-size:24px;margin-top:6px}
.dim .q{font-size:14px}
.dim ul{border-top:1px solid var(--line);padding-top:14px}
.dim .w{padding-top:12px;border-top:1px solid var(--line)}
.ogrid .o{padding:24px 22px 20px;gap:8px}
.ogrid .o::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--grad);opacity:0;transition:opacity .25s}
.ogrid .o{position:relative}
.ogrid .o:hover::before{opacity:1}
.o-code{font-family:var(--f-num);font-weight:500;font-size:20px;letter-spacing:.06em}
.o-name{font-size:15px}
.lanes.filtering .o.hit{box-shadow:inset 0 0 0 2px var(--accent);border:0}
.picker{gap:10px;margin-bottom:16px}
.chip{padding:7px 18px}
.picker-note{margin-bottom:32px}
.optional{border-radius:14px;padding:18px 24px}

/* 7. 在线快检：表单与说明合成一整块面板 */
.qc{gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);background:var(--surface)}
@media (min-width:901px){.qc{grid-template-columns:minmax(0,420px) minmax(0,1fr)}}
.qc > .panel{border:0;border-radius:0;box-shadow:none}
#qcForm{border:0;padding:36px 34px;gap:16px}
.qc > .qc-intro,.qc > .runp{border-left:1px solid var(--line)!important;padding:36px 40px}
.qc-intro{background:linear-gradient(180deg,var(--sec-ice),var(--surface))}
.qc-intro h3{font-size:20px}
.qi-types div{border-radius:12px;padding:12px}
.qi-types b{font-size:28px}
@media (max-width:900px){.qc > .qc-intro,.qc > .runp{border-left:0!important;border-top:1px solid var(--line)!important}}
.brief-full{border-radius:20px;box-shadow:var(--shadow-md)}

/* 8. 报告样例：纸张叠放 */
.sr-wrap .full-report{box-shadow:12px 12px 0 -1px var(--surface),12px 12px 0 0 var(--line),24px 24px 0 -1px color-mix(in srgb,var(--surface) 60%,transparent),24px 24px 0 0 color-mix(in srgb,var(--line) 60%,transparent),var(--shadow-lg)}
.sr-wrap{padding:0 26px 26px 0}
.sr-wrap.folded{max-height:1726px}

/* 9. 快检 vs 深度体检：行距更松，深度体检一栏整体抬起 */
.cmp2-t th,.cmp2-t td{padding:18px 22px}
.cmp2-t .k{font-size:13.5px;color:var(--muted);letter-spacing:.04em}
.cmp2-t thead th{padding-top:22px;padding-bottom:20px}
.cmp2-t thead .d{font-size:20px}
.cmp2 .table-wrap{filter:drop-shadow(0 18px 30px rgba(21,83,182,.08))}

/* 10. 检测方法：四步改为时间轴 */
.mth{gap:24px;padding-top:44px;position:relative}
.mth::before{content:"";position:absolute;left:10px;right:10px;top:14px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 50%,transparent),color-mix(in srgb,var(--cyan) 60%,transparent))}
.mth-c{padding:26px 24px 24px;border-radius:16px}
.mth-c:not(:last-child)::after{display:none}
.mth-h span{position:absolute;top:-44px;left:24px;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;font-family:var(--f-num);font-weight:500;font-size:12px;box-shadow:0 0 0 5px var(--sec-ice)}
.mth-h{margin-bottom:12px}
.mth-h h3{font-size:18px}
@media (max-width:1080px){.mth{padding-top:0}.mth::before{display:none}.mth-h span{position:static;box-shadow:none;width:auto;height:auto;padding:3px 8px;border-radius:6px}}
.redline{margin-top:48px}

/* 11. 预约 */
@media (min-width:901px){#book .book{gap:72px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
#book h2{font-size:clamp(30px,3.6vw,44px)!important;line-height:1.3!important;margin-top:14px!important}
#book .book-flow{margin-top:40px}
#book .book-flow li::before{font-family:var(--f-num);font-weight:500}
#book .panel{padding:36px 34px;border-radius:20px}

/* 12. 导航与页脚 */
.nav .wrap{height:68px}
.nav-links{gap:10px;justify-content:center}
.nav-links a{font-size:14.5px;letter-spacing:.02em}
footer{padding-block:40px 48px}
footer .wrap{letter-spacing:.04em}

/* 手机端：留白和字号按比例收回 */
@media (max-width:640px){
  .wrap{padding-inline:16px}
  section.block{padding-block:72px}
  .hero{padding-block:56px 72px}
  .sec-head{margin-bottom:36px}
  .sec-head p{padding-left:16px}
  .hero .facts b{font-size:34px}
  .sheet{box-shadow:8px 8px 0 -1px var(--sec-deep),8px 8px 0 0 var(--line),var(--shadow-lg);margin-right:8px}
  .sheet-meta,.sheet-cols,.sheet-row,.sheet-foot,.layer-sep,.sheet-head{padding-inline:12px}
  .layers > div{padding:26px 22px 22px}
  .layers > div::after{font-size:40px;right:18px}
  .dim{padding:22px 20px 18px}
  #qcForm,.qc > .qc-intro,.qc > .runp{padding:24px 20px}
  .sr-wrap{padding:0 12px 12px 0}
  .cmp2-t th,.cmp2-t td{padding:10px 12px}
  #book .panel{padding:24px 20px}
  .nav .wrap{height:60px}
}

/* 快检 vs 深度体检：两栏的栏头标题和底部按钮居中 */
.cmp2-t thead th.q,.cmp2-t thead th.d,.cmp2-t tfoot td.q,.cmp2-t tfoot td.d{text-align:center}

/* 工作台里嵌入查看快检简报（?embed=1）时不要板块衬底 */
html.embed #quick{background:none}


/* 板块间距收紧（v149，Ray 10-1 确认原型）：板块上下 120 → 64px，首屏 72/72px，标题与内容 36px；手机板块 48px */
section.block{padding-block:64px}
.hero{padding-block:72px 72px}
.sec-head{margin-bottom:36px}
.layers{margin-bottom:40px}
.dims{margin-bottom:36px}
.layer-title{margin-bottom:18px}
.picker-note{margin-bottom:20px}
.redline{margin-top:32px}
@media (max-width:640px){
  section.block{padding-block:48px}
  .hero{padding-block:44px 52px}
  .sec-head{margin-bottom:24px}
}

/* 板块标题（v150，Ray 10-1 确认原型）：右侧竖线与说明往左移，顶部与左侧大标题齐平（不再与蓝色小标题齐平） */
@media (min-width:821px){
  .sec-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:44px;row-gap:16px;align-items:start}
  .sec-head > div:first-child{display:contents}
  .sec-head .eyebrow{grid-column:1;grid-row:1}
  .sec-head h2{grid-column:1;grid-row:2;margin-top:0}
  .sec-head p{grid-column:2;grid-row:2;align-self:stretch}
}