/* ═══════════ 字体（自托管可变字体，禁止外链） ═══════════
   两个家族各一个可变字体文件覆盖全部字重，不做静态字重拆分。
   latin-ext 只在页面出现重音字符时才下载。 */
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-latin.woff2) format("woff2");font-weight:600 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-latin-ext.woff2) format("woff2");font-weight:600 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Tight";src:url(/assets/fonts/inter-tight-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";src:url(/assets/fonts/inter-tight-latin-ext.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ═══════════ Token ═══════════ */
:root{
  --brand-50:#f2f4fe;--brand-100:#e8ecfc;--brand-200:#dae0fb;--brand-400:#788ded;
  --brand-600:#1d3fdb;--brand-800:#16309f;
  --surface-0:#ffffff;--surface-50:#fafbfd;--surface-100:#f4f7fb;--surface-200:#eceff4;
  --border:#e4e8ef;--border-soft:#f1f4f8;
  --ink:#0b0d12;--ink-muted:#5b626e;--ink-faint:#8a919c;--ink-ghost:#a4aab4;
  --accent:#ff5a36;
  --display:"Bricolage Grotesque",system-ui,sans-serif;
  --body:"Inter Tight",system-ui,sans-serif;
  --wrap:1200px;
}

/* ═══════════ Reset ═══════════ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--surface-0);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}

/* ═══════════ 排印 ═══════════ */
h1,h2,h3,.num{font-family:var(--display);letter-spacing:-.045em;font-weight:700;font-variant-numeric:tabular-nums}
h1{font-size:clamp(34px,5.2vw,54px);line-height:.99}
h2{font-size:clamp(26px,3.4vw,36px);line-height:1.05}
h3{font-size:22px;line-height:1.15}
.label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--ink-ghost);margin:0 0 10px}
.lede{font-size:clamp(15px,1.5vw,17px);line-height:1.58;color:var(--ink-muted);max-width:52ch}
.muted{color:var(--ink-muted)}

/* ═══════════ 控件（蓝色只给可操作元素） ═══════════ */
.btn{display:inline-block;font-size:13.5px;font-weight:600;padding:14px 26px;border-radius:100px;text-decoration:none;border:0;cursor:pointer;font-family:var(--body)}
.btn--primary{background:var(--brand-600);color:var(--surface-0)}
.btn--primary:hover{background:var(--brand-800)}
.btn--sm{font-size:14px;font-weight:500;padding:11px 20px}
.link-plain{font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--ink-muted);text-decoration:none;white-space:nowrap}
.link-plain:hover{color:var(--ink)}
.link-ul{font-weight:600;text-decoration:none;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:2px}
.link-brand{font-weight:600;text-decoration:none;color:var(--brand-600);border-bottom:1px solid var(--brand-200);padding-bottom:2px}
.link-brand:hover{border-bottom-color:var(--brand-600)}
.lane{height:2px;background:var(--surface-200);margin-top:11px}
.lane>i{display:block;height:100%;background:var(--brand-600)}

/* ═══════════ 头部 ═══════════
   参数对齐 Prolific 实测值：表头高 75px、导航 14px/500/-0.14px、
   无底边框（靠首屏留白分隔，比一条线更克制）。 */
.site-head{background:var(--surface-0)}
.site-head__inner{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:75px;padding-top:0;padding-bottom:0}
/* wordmark 用真实文本而非 SVG：永不裁切、可选中、可被朗读，
   且 currentColor 天然继承（深底自动反白）。 */
.brand{display:inline-block;text-decoration:none;color:currentColor;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.05em;line-height:1;white-space:nowrap;flex-shrink:0}
.site-nav{display:flex;gap:26px;flex:1}
.site-nav__link{font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--ink-muted);text-decoration:none;white-space:nowrap}
.site-nav__link:hover{color:var(--ink)}
.site-head__actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
/* 参与者入口：暖色，与业务侧的蓝色分工。
   一个 token 一个职责——#ff5a36 = 人，#1d3fdb = 可操作的业务动作。 */
/* 参与者入口用中性色。实测 Qualtrics / Cint / Attest 的表头都是
   「普通文字链 + 一个实色按钮」，没有一家用彩色文字链做强调——
   红色在企业站头部读起来像警告而不是入口。 */
.link-participant{font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--ink-muted);text-decoration:none;white-space:nowrap}
.link-participant:hover{color:var(--ink)}

/* ═══════════ 首屏 ═══════════ */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start;padding:40px 0 0}
.hero h1{margin-bottom:20px}
.hero .lede{margin-bottom:26px}
.hero__cta{display:flex;gap:14px;align-items:center;margin-bottom:22px}
.hero__honest{font-size:12.5px;line-height:1.55;color:var(--ink-faint);max-width:42ch}
.hero__art{position:relative;padding-top:6px}
.hero__art img{width:100%;height:318px;object-fit:cover;object-position:center 22%;border-radius:16px}
.hero__corner{position:absolute;top:-10px;right:-16px;width:58px;height:58px;border-radius:15px;background:var(--accent)}
.hero__stat{position:absolute;bottom:-22px;left:-34px;background:var(--surface-0);border:1px solid var(--border);border-radius:13px;padding:16px 19px 15px;width:246px}
.hero__stat b{display:block;font-family:var(--display);font-size:30px;letter-spacing:-.045em;line-height:1;margin-bottom:5px;font-variant-numeric:tabular-nums}
.hero__stat span{font-size:11px;color:var(--ink-faint);display:block;line-height:1.4}
.hero__stat hr{border:0;border-top:1px solid var(--border-soft);margin:11px 0 10px}
.hero__stat-foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;color:var(--ink-ghost);white-space:nowrap}

.hero__stat-list{margin:0;font-size:11.5px;line-height:1.75;color:var(--ink-muted)}
.hero__stat-list li{position:relative;padding-left:11px}
.hero__stat-list li::before{content:"";position:absolute;left:0;top:.62em;width:4px;height:1px;background:var(--ink-ghost)}

/* ═══════════ 数字带（无卡片、无图标、只有发丝线）
   仅当 config/facts.php 中对应事实为 verified 时才使用 ═══════════ */
.factband{margin-top:64px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr)}
.factband>div{padding:24px 28px;border-right:1px solid var(--border)}
.factband>div:last-child{border-right:0}
.factband b{display:block;font-family:var(--display);font-size:31px;letter-spacing:-.05em;line-height:1;margin-bottom:7px;font-variant-numeric:tabular-nums}
.factband span{font-size:11.5px;color:var(--ink-faint);line-height:1.45;display:block}

/* ═══════════ 受众分流器（Prolific 式，贴首屏下方）
   刻意不用数字带：新进入者的规模数字要么难看要么是编的。 ═══════════ */
.router{margin-top:64px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr)}
.router__door{display:block;padding:28px 30px 30px;border-right:1px solid var(--border);text-decoration:none;color:inherit;transition:background .15s}
.router__door:first-child{padding-left:0}
.router__door:last-child{border-right:0;padding-right:0}
.router__door:hover{background:var(--surface-50)}
.router__door:hover .router__title{color:var(--brand-600)}
.router__kicker{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--ink-ghost);margin-bottom:12px}
.router__title{display:block;font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.04em;margin-bottom:9px}
.router__body{display:block;font-size:13.5px;line-height:1.62;color:var(--ink-muted);max-width:34ch}

/* ═══════════ 用例组（Attest 式具名场景，但不编造客户） ═══════════ */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.cases article{border-top:2px solid var(--ink);padding-top:18px}
.cases h3{font-size:19px;margin:0 0 12px;letter-spacing:-.035em}
.cases p{font-size:13.5px;line-height:1.65;color:var(--ink-muted);margin:0 0 12px}
.cases p:last-child{margin:0}

/* ═══════════ 浅底区块（打断白底的连续性，不靠卡片） ═══════════ */
.band{background:var(--surface-100);padding:64px 0;margin-top:16px}
.band h2{max-width:22ch}

/* ═══════════ 双入口 ═══════════ */
.dual{display:grid;grid-template-columns:1fr 1fr}
.dual>div{padding:34px 0 38px}
.dual__r{border-left:1px solid var(--border);background:var(--surface-50);padding-left:44px}
.dual h3{margin-bottom:9px}
.dual p{font-size:13px;line-height:1.6;color:var(--ink-muted);margin-bottom:15px;max-width:36ch}

/* ═══════════ 内容区 ═══════════ */
.section{padding-top:64px;padding-bottom:64px}
.prose{max-width:68ch}
.prose p{margin:0 0 18px;font-size:16px;line-height:1.7}
.prose h2{margin:40px 0 14px}
.prose h3{margin:28px 0 10px}
.prose ul{margin:0 0 18px;padding-left:20px;list-style:disc}
.prose li{margin-bottom:7px}
.prose a{color:var(--brand-600);text-decoration:underline;text-underline-offset:2px}
.faq__q{margin:32px 0 8px}
.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;background:var(--surface-100);border-left:2px solid var(--brand-600);padding:14px 18px;margin:0 0 18px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--surface-100);padding:1px 5px}

/* 表格：只有发丝线，无斑马纹无圆角无阴影 */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:left;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--ink-ghost);padding:0 18px 10px 0;border-bottom:1px solid var(--border)}
.tbl td{padding:14px 18px 14px 0;border-bottom:1px solid var(--border-soft);vertical-align:top;line-height:1.55;color:var(--ink-muted)}
.tbl td:first-child{color:var(--ink);font-weight:500}
.tbl tr:last-child td{border-bottom:1px solid var(--border)}

/* 定义列表 */
.defs{margin:0;max-width:72ch}
.defs dt{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.02em;margin:26px 0 6px}
.defs dt:first-child{margin-top:0}
.defs dd{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink-muted)}

/* 编号步骤 */
.prose ol{margin:0 0 18px;padding-left:22px;list-style:decimal}
.prose ol li{margin-bottom:12px;line-height:1.65}
.prose ol li strong{color:var(--ink)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:44px}


/* ═══════════ 响应式 ═══════════ */
@media(max-width:1140px){
  .site-nav{gap:19px}
  .site-head__inner{gap:24px}
  .link-plain{display:none}
}
@media(max-width:900px){
  .hero,.grid-2{grid-template-columns:1fr;gap:32px}
  .hero__stat{position:static;width:auto;margin-top:16px}
  .hero__corner{display:none}
  .factband{grid-template-columns:1fr 1fr}
  .router{grid-template-columns:1fr}
  .router__door{border-right:0;border-bottom:1px solid var(--border);padding-left:0;padding-right:0}
  .router__door:last-child{border-bottom:0}
  .cases{grid-template-columns:1fr;gap:32px}
  .dual{grid-template-columns:1fr}
  .dual__r{border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:30px}
  /* 表头换行而不是砍内容：wordmark + 参与者入口 + 主按钮加起来
     超过窄视口宽度，而它们都是 nowrap。隐藏参与者入口不可接受——
     marketplace 框架下它是首页上唯一的参与者入口。 */
  .site-nav{display:none}
  .site-head__inner{flex-wrap:wrap;row-gap:12px;min-height:0;padding-top:14px;padding-bottom:14px}
  .site-head__actions{width:100%;justify-content:space-between;gap:12px}
  .link-plain{display:none}
  .link-participant{font-size:13px}
  .btn--sm{padding:10px 16px;font-size:13px}
}

/* ═══════════ 流程图（原创内联 SVG，非图库素材） ═══════════ */
.flowfig{margin:28px 0 0;overflow-x:auto}
.flowfig svg{width:100%;min-width:820px;height:auto;display:block}

/* ═══════════ 阶段列表（带序号的长条目） ═══════════ */
.stages{counter-reset:stage;list-style:none;margin:24px 0 0;padding:0;max-width:74ch}
.stages>li{counter-increment:stage;position:relative;padding:0 0 22px 44px;border-bottom:1px solid var(--border-soft);margin-bottom:22px}
.stages>li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.stages>li::before{content:counter(stage);position:absolute;left:0;top:1px;font-family:var(--display);font-weight:700;font-size:15px;color:var(--brand-600);font-variant-numeric:tabular-nums}
.stages strong{display:block;font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.025em;margin-bottom:6px}
.stages span{display:block;font-size:14px;line-height:1.65;color:var(--ink-muted)}

/* ═══════════ 分流器：补 CTA 行 ═══════════ */
.router__cta{display:block;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--brand-600);border-bottom:1px solid var(--brand-200);padding-bottom:2px;width:fit-content}
.router__door:hover .router__cta{border-bottom-color:var(--brand-600)}

/* ═══════════ 图文特写区（真实的人 + Verisoul 核验） ═══════════ */
.feature{background:var(--surface-100);margin-top:72px;padding:64px 0}
.feature__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center}
.feature__media img{width:100%;height:420px;object-fit:cover;object-position:center 42%;border-radius:14px}
.feature__body{min-width:0}
.feature__body h2{margin-bottom:16px;max-width:18ch}
.feature__body p{font-size:14.5px;line-height:1.68;color:var(--ink-muted);margin:0 0 14px;max-width:56ch}
.checks{margin:22px 0 18px;max-width:58ch}
.checks li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.6;color:var(--ink-muted);margin-bottom:10px}
.checks li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--brand-600)}
.checks strong{color:var(--ink)}

/* ═══════════ 用例组：加图 ═══════════ */
.cases img{width:100%;height:168px;object-fit:cover;border-radius:10px;margin-bottom:16px}
.cases article{border-top:0;padding-top:0}
.cases .label{margin-bottom:8px}
.cases p strong{color:var(--ink);font-weight:600}

/* ═══════════ 用例网格（按研究目标） ═══════════ */
.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.uses>div{background:var(--surface-100);padding:22px 24px 24px}
.uses b{display:block;font-family:var(--display);font-weight:700;font-size:15.5px;letter-spacing:-.03em;margin-bottom:8px}
.uses span{display:block;font-size:13px;line-height:1.62;color:var(--ink-muted)}

/* ═══════════ 次级 CTA 带 ═══════════ */
.cta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:44px 0;margin-top:24px}
.cta__inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.cta h2{margin-bottom:8px}
.cta p{font-size:14px;line-height:1.6;color:var(--ink-muted);max-width:52ch;margin:0}

/* ═══════════ 内容流（博客上线后复用同一组件） ═══════════ */
.feed{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.feed>a{display:block;background:var(--surface-0);padding:24px 26px 26px;text-decoration:none;color:inherit;transition:background .15s}
.feed>a:hover{background:var(--surface-50)}
.feed__kicker{display:block;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--brand-600);margin-bottom:11px}
.feed b{display:block;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.03em;line-height:1.25;margin-bottom:9px}
.feed__body{display:block;font-size:13px;line-height:1.62;color:var(--ink-muted)}

@media(max-width:1140px){
  .site-nav{gap:19px}
  .site-head__inner{gap:24px}
  .link-plain{display:none}
}
@media(max-width:900px){
  .feature{padding:44px 0;margin-top:48px}
  .feature__grid{grid-template-columns:1fr;gap:28px}
  .feature__media img{height:260px}
  .uses{grid-template-columns:1fr}
  .feed{grid-template-columns:1fr}
  .cta__inner{flex-direction:column;align-items:flex-start;gap:22px}
}

/* ═══════════ 表单 ═══════════ */
.fld{margin-bottom:22px}
.fld label{display:block;font-size:13.5px;font-weight:600;margin-bottom:4px}
.fld label i{font-style:normal;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--ink-ghost);margin-left:8px}
.fld__hint{font-size:12.5px;line-height:1.55;color:var(--ink-faint);margin:0 0 9px}
.fld input,.fld textarea{width:100%;font-family:var(--body);font-size:14.5px;line-height:1.5;color:var(--ink);background:var(--surface-0);border:1px solid var(--border);border-radius:0;padding:11px 13px;transition:border-color .12s}
.fld textarea{resize:vertical}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--brand-600);box-shadow:inset 0 -2px 0 var(--brand-600)}
.fld--bad input,.fld--bad textarea{border-color:var(--accent)}
.fld__err{font-size:12.5px;color:var(--accent);margin:7px 0 0}
/* 蜜罐：对人不可见，但不用 display:none —— 部分机器人会跳过被隐藏的字段 */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}



@media(max-width:1140px){
  .site-nav{gap:19px}
  .site-head__inner{gap:24px}
  .link-plain{display:none}
}
@media(max-width:900px){
}


/* ══════════════════════════════════════════════════════
   Panel book：可达性矩阵。行业标准物件，Cint 与 Dynata 页脚均有
   ══════════════════════════════════════════════════════ */
.pb__head{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:28px}
.pb__head h2{max-width:17ch;margin:0}
.pb__note{font-size:13.5px;line-height:1.62;color:var(--ink-muted);margin:0;max-width:52ch}
.pb__note em{font-style:normal;color:var(--ink);font-weight:600}
/* 网格子项默认 min-width:auto，不加这行 overflow-x 形同虚设，
   min-width:720px 的表格会把整页撑宽 */
.pb__scroll{overflow-x:auto;min-width:0;max-width:100%}
.pb{width:100%;min-width:720px;border-collapse:collapse}
.pb thead th{font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-ghost);font-weight:600;text-align:center;padding:0 0 10px}
.pb thead th:first-child{text-align:left;width:210px}
.pb tbody th{text-align:left;font-size:13px;font-weight:500;padding:0 14px 0 0;border-top:1px solid var(--border-soft)}
.pb td{border-top:1px solid var(--border-soft);padding:5px 2px;text-align:center}
.pb__cell{display:block;height:26px;line-height:26px;border-radius:2px;font-size:9.5px;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.pb__cell--full{background:var(--brand-600);color:var(--surface-0)}
.pb__cell--week1{background:var(--brand-400);color:var(--surface-0)}
.pb__cell--week2{background:var(--brand-200);color:var(--brand-800)}
.pb__cell--thin{background:var(--surface-200);color:var(--ink-ghost)}
.pb__cell--none{background:repeating-linear-gradient(135deg,var(--surface-0),var(--surface-0) 4px,var(--surface-200) 4px,var(--surface-200) 8px);color:var(--ink-ghost)}
.pb__foot{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.pb__legend{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--ink-faint)}
.pb__legend li{display:flex;align-items:center;gap:7px}
.pb__legend i{width:15px;height:10px;border-radius:2px;display:inline-block;flex-shrink:0}
.pb__foot>p{font-size:12.5px;color:var(--ink-faint);margin:0}

/* 方法区：图文 */
.method__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:start}
.method__media img{width:100%;height:340px;object-fit:cover;border-radius:12px}
.method h2{margin-bottom:14px;max-width:19ch}
.method p{font-size:14.5px;line-height:1.7;color:var(--ink-muted);margin:0 0 14px;max-width:58ch}

/* 内容流加图 */
.feed>a img{width:100%;height:132px;object-fit:cover;border-radius:8px;margin-bottom:15px}

@media(max-width:900px){
  .pb__head{grid-template-columns:1fr;gap:16px;align-items:start}
  .method__grid{grid-template-columns:1fr;gap:28px}
  .method__media img{height:220px}
}


/* ══════════════════════════════════════════════════════
   编号索引列表：取代 2×2 卡片网格
   卡片网格是模板语汇；出版物用的是目录，一行一条、发丝线分隔
   ══════════════════════════════════════════════════════ */
.idx__head{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:26px}
.idx__head h2{margin:0;max-width:16ch}
.idx__head p{font-size:14px;line-height:1.6;color:var(--ink-muted);margin:0;max-width:46ch}
.idx{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.idx li{border-bottom:1px solid var(--border)}
.idx a{display:grid;grid-template-columns:52px 116px 1fr 1.15fr 132px;gap:26px;align-items:center;padding:20px 0;text-decoration:none;color:inherit;transition:padding-left .18s}
.idx a:hover{padding-left:10px}
.idx a:hover .idx__t{color:var(--brand-600)}
.idx__n{font-family:var(--display);font-weight:700;font-size:13px;color:var(--ink-ghost);font-variant-numeric:tabular-nums}
.idx__k{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--brand-600)}
.idx__t{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.035em;line-height:1.2}
.idx__d{font-size:13px;line-height:1.55;color:var(--ink-muted)}
.idx img{width:132px;height:74px;object-fit:cover;border-radius:5px;display:block}

@media(max-width:900px){
  .idx__head{grid-template-columns:1fr;gap:12px;align-items:start}
  .idx a{grid-template-columns:40px 1fr;gap:8px 16px;padding:18px 0}
  .idx__k{grid-column:2}
  .idx__t{grid-column:2}
  .idx__d{grid-column:2}
  .idx img{grid-column:2;width:100%;height:150px;margin-top:6px}
}




/* ══════════════════════════════════════════════════════
   三扇门：按「谁」分。参与者那扇用暖色区分，不单开横带
   ══════════════════════════════════════════════════════ */
/* 参与者那扇：暖色，视线扫过时不会和买方内容混在一起 */

@media(max-width:900px){
}


/* ══════════════════════════════════════════════════════
   凭证条：两端共享的剔除记录。加重份量——这是市场机制的一部分
   ══════════════════════════════════════════════════════ */

/* 「真实的人」区的数字 */

@media(max-width:900px){
}

/* 无目录栏的页面：正文撑满，不留空栏 */

/* ══════════════════════════════════════════════════════
   凭证条：按 Insights Association 的 DII 分类法分两组
   欺诈（有意误述）与不专注（问题行为但非欺诈）是两类东西，
   这个区分决定了申诉政策与扣分轻重
   ══════════════════════════════════════════════════════ */
.evid{margin-top:52px;border-top:1px solid var(--ink);border-bottom:1px solid var(--border);padding:22px 0 24px}
.evid__k{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--brand-600);margin:0 0 20px}
.evid__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;margin-bottom:20px}
.evid__gk{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.evid__gk--fraud{color:var(--accent)}
.evid__gk--inatt{color:var(--ink-faint)}
.evid__codes{display:flex;flex-wrap:wrap;gap:7px;margin:0}
.evid__codes li{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:500;color:var(--ink);background:var(--brand-50);border:1px solid var(--brand-200);padding:6px 11px;border-radius:3px;line-height:1}
.evid__codes--soft li{background:var(--surface-100);border-color:var(--border);color:var(--ink-muted)}
.evid__n{font-size:13px;line-height:1.65;color:var(--ink-muted);margin:0;max-width:92ch}

@media(max-width:900px){
  .evid__grid{grid-template-columns:1fr;gap:24px}
  .evid__codes li{font-size:12px;padding:5px 9px}
}

/* ══════════════════════════════════════════════════════
   页脚：必须读起来是「另一个区域」，不是正文的延续
   参考站的页脚同样重复导航，但它们有明确的视觉分区——
   我们原来在同一个白底、同一个字号级别上，所以重复感很强。
   分区手段：冷灰底 + 字号降一级 + 链接密度提高
   ══════════════════════════════════════════════════════ */
.site-foot{background:var(--surface-100);border-top:1px solid var(--border);margin-top:88px;padding:44px 0 32px}
.foot__top{display:grid;grid-template-columns:250px 1fr;gap:56px;align-items:start}
.foot__mark{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.05em;line-height:1;margin:0 0 12px;color:var(--ink)}
.foot__say{font-size:12.5px;line-height:1.55;color:var(--ink-faint);margin:0}
.foot__cols{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.foot__cols .label{margin-bottom:10px;color:var(--ink-faint)}
.foot__cols li{margin-bottom:6px}
.foot__cols a{font-size:12px;line-height:1.4;color:var(--ink-muted);text-decoration:none;border-bottom:1px solid transparent}
.foot__cols a:hover{color:var(--ink);border-bottom-color:var(--ink-ghost)}

.foot__bottom{margin-top:40px;border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.foot__ai{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.foot__ai .label{margin:0;color:var(--ink-faint)}
.foot__ai-links{margin:0;display:flex;align-items:center;flex-wrap:wrap}
.foot__ai-links a{font-size:12.5px;font-weight:600;color:var(--brand-600);text-decoration:none}
.foot__ai-links a:hover{border-bottom:1px solid var(--brand-600)}
.foot__ai-links i{display:inline-block;width:1px;height:10px;background:var(--border);margin:0 12px}
.foot__legal{font-size:11.5px;color:var(--ink-ghost);margin:0}

@media(max-width:900px){
  .site-foot{margin-top:56px;padding:32px 0 26px}
  .foot__top{grid-template-columns:1fr;gap:26px}
  .foot__cols{grid-template-columns:1fr 1fr;gap:18px}
  .foot__bottom{flex-direction:column;align-items:flex-start;gap:14px}
}


/* ══════════════════════════════════════════════════════
   交易市场首屏
   全部锁在同一套 12 栏网格上。元素不再各自带 max-width——
   宽度由栏位决定，否则内容撑不满列，中间就是死区。
   ══════════════════════════════════════════════════════ */

/* text-wrap:balance 消除末行孤字；宽度给到 26ch 让它折成两行而不是三行 */

/* 答案段落与自有供给同处一行，共用一条顶线，读作一个带 */

/* 两端：与上方同一条基线开始，各自填满自己的栏位 */


@media(max-width:900px){
}

/* ══════════════════════════════════════════════════════
   首屏：居中构图 + 淡底带
   实测 Cint 用淡紫底带 + 居中巨标题 + 居中 CTA；
   Attest 用居中胶囊标签 + 三行短标题 + 两个居中按钮 + 信任行。
   我先前做的是左对齐多栏「文件」版式，方向本身就错了。
   ══════════════════════════════════════════════════════ */


/* 换行由 <br> 控制，不再设 max-width——否则最长的一行会被再折一次 */



/* 信任行：取代客户 logo 墙——我们没有客户，但有可验证的事实 */

/* 两端：回到白底正文区，用发丝线分栏 */
.xch__sides{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.xch__side{display:flex;flex-direction:column;padding:26px 44px 0 0;text-decoration:none;color:inherit}
.xch__side:last-child{padding:26px 0 0 44px;border-left:1px solid var(--border)}
.xch__side:hover .xch__go{border-bottom-color:var(--brand-600);color:var(--brand-600)}
.xch__role{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-600);margin-bottom:14px}
.xch__sit{display:block;font-family:var(--display);font-weight:700;font-size:clamp(19px,1.95vw,24px);line-height:1.15;letter-spacing:-.04em;margin-bottom:12px}
.xch__body{display:block;font-size:14px;line-height:1.66;color:var(--ink-muted);margin-bottom:18px;flex:1}
.xch__go{align-self:flex-start;font-size:13px;font-weight:600;border-bottom:1.5px solid var(--ink);padding-bottom:2px}

@media(max-width:900px){
  .xch__sides{grid-template-columns:1fr}
  .xch__side,.xch__side:last-child{padding:22px 0 0;border-left:0}
  .xch__side:last-child{border-top:1px solid var(--border);margin-top:22px}
}

/* ══════════════════════════════════════════════════════
   首屏：左栏叙述 + 右栏照片叠加产品界面
   语汇取自参考图：大写小标签 / 品牌色巨标题 / 加粗引导句 /
   发丝线折叠列表 / 大圆角照片上浮产品卡片 / 淡冷灰底
   折叠用原生 details——零 JS，内容在 HTML 里，爬虫读得到；
   展开符用 +/− 而非箭头，守住全站禁止箭头形状控件的约束
   ══════════════════════════════════════════════════════ */
.qhero{background:var(--surface-100);border-bottom:1px solid var(--border)}
.qhero__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-top:60px;padding-bottom:60px}

.qhero__eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink);margin:0 0 18px}
/* 字号与左栏宽度匹配，让 Every one on the record. 落在一行 */
.qhero h1{font-size:clamp(32px,3.6vw,45px);line-height:1.08;letter-spacing:-.042em;color:var(--brand-600);margin:0 0 20px}
.qhero__lede{font-size:16px;line-height:1.62;color:var(--ink-muted);margin:0 0 28px;max-width:52ch}
.qhero__leadin{font-size:15.5px;font-weight:700;color:var(--ink);margin:0 0 4px}

.qacc{border-top:1px solid var(--border);margin-bottom:30px;max-width:54ch}
.qacc details{border-bottom:1px solid var(--border)}
.qacc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-size:16px;line-height:1.35;color:var(--ink);padding:16px 0}
.qacc summary::-webkit-details-marker{display:none}
.qacc summary::after{content:"+";flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--brand-600);color:var(--surface-0);
  font-family:var(--body);font-size:15px;font-weight:500;line-height:23px;text-align:center}
.qacc details[open] summary::after{content:"\2212"}
.qacc details[open] summary{color:var(--brand-600);font-weight:600}
.qacc details p{font-size:14px;line-height:1.65;color:var(--ink-muted);margin:0 0 18px;padding-right:40px}

.qhero__cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}

/* 右栏：产品界面图。素材本身已含浮层卡片，不再叠加 HTML 浮层 */
.qhero__right{position:relative}
.qhero__shot{width:100%;height:auto;display:block;border-radius:18px;
  box-shadow:0 18px 48px rgba(11,13,18,.13)}




@media(max-width:1100px){
}
@media(max-width:900px){
  .qhero__grid{grid-template-columns:1fr;gap:34px;padding-top:36px;padding-bottom:40px}
  .qacc,.qhero__lede{max-width:none}
}

/* ══════════════════════════════════════════════════════
   内页首屏：与首页同一套语汇
   参考 Qualtrics 的 use-case 页：面包屑 → 大写小标签 → 巨标题 →
   段落 → 两个 CTA，右侧产品视觉。原来的左栏目录 + 文字柱读起来
   像博客/文档，不像一个独立的专业页面。
   ══════════════════════════════════════════════════════ */
.phero{background:var(--surface-100);border-bottom:1px solid var(--border)}
.phero__grid{display:grid;grid-template-columns:1.06fr 1fr;gap:56px;align-items:center;padding-top:44px;padding-bottom:52px}

.crumb{display:flex;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--ink-faint);margin-bottom:22px}
.crumb a{color:var(--ink-muted);text-decoration:none;border-bottom:1px solid transparent}
.crumb a:hover{color:var(--brand-600);border-bottom-color:var(--brand-600)}
.crumb i{font-style:normal;padding:0 9px;color:var(--ink-ghost)}
.crumb span[aria-current]{color:var(--ink);font-weight:500}

.phero__eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink);margin:0 0 16px}
.phero h1{font-size:clamp(31px,3.5vw,44px);line-height:1.08;letter-spacing:-.042em;color:var(--brand-600);margin:0 0 18px}
.phero .lede{font-size:16px;line-height:1.62;color:var(--ink-muted);margin:0 0 26px;max-width:52ch}
.phero__cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.phero__visual img{width:100%;height:330px;object-fit:cover;border-radius:16px;display:block;box-shadow:0 14px 38px rgba(11,13,18,.11)}

/* 正文区 */
.pbody{display:grid;grid-template-columns:190px 1fr;gap:56px;align-items:start;padding-top:52px;padding-bottom:8px}
/* 约束栏宽而不是容器：给容器设 max-width 会被 .wrap 的 margin:0 auto
   居中，正文左缘就和首屏对不齐了 */
.pbody--norail{grid-template-columns:minmax(0,940px);justify-content:start}
.doc__rail{position:sticky;top:28px;border-top:1px solid var(--ink);padding-top:14px}
.doc__rail ol{list-style:none;margin:0 0 18px;padding:0;counter-reset:r}
.doc__rail li{counter-increment:r;margin-bottom:9px;position:relative;padding-left:22px}
.doc__rail li::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:10px;color:var(--brand-600);font-variant-numeric:tabular-nums}
.doc__rail a{font-size:12.5px;line-height:1.45;color:var(--ink-muted);text-decoration:none}
.doc__rail a:hover{color:var(--brand-600)}
.doc__updated{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-ghost);margin:0;padding-top:12px;border-top:1px solid var(--border-soft)}

.doc__content{min-width:0}
.doc__content h2{scroll-margin-top:24px;border-top:1px solid var(--border);padding-top:20px;margin-top:44px;max-width:26ch}
.doc__content h2:first-child{margin-top:0}
.doc__content .prose p,.doc__content .prose li{max-width:72ch}

@media(max-width:900px){
  .phero__grid{grid-template-columns:1fr;gap:28px;padding-top:26px;padding-bottom:32px}
  .phero__visual img{height:210px}
  .phero .lede{max-width:none}
  .pbody{grid-template-columns:1fr;gap:0;padding-top:32px}
  .doc__rail{position:static;margin-bottom:30px}
  .doc__rail ol{display:flex;flex-wrap:wrap;gap:0 20px}
}

/* ══════════════════════════════════════════════════════
   联系页：先联系，后谈需求
   参考 BioBrain 的做法——左栏放邮箱与分流说明，右栏一个短表单。
   把八个字段的项目规格塞进首次接触是把需求讨论提前到了不该发生的
   位置：对方还没决定要不要谈，就被要求交底。
   ══════════════════════════════════════════════════════ */
.ct{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;margin-top:44px;align-items:start}

.ct__route{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--border)}
.ct__route:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.ct__k{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--ink-ghost);margin:0 0 10px}
.ct__mail{margin:0 0 8px}
.ct__mail a{font-family:var(--display);font-weight:700;font-size:clamp(19px,2vw,24px);letter-spacing:-.035em;color:var(--brand-600);text-decoration:none;border-bottom:1px solid var(--brand-200);padding-bottom:2px}
.ct__mail a:hover{border-bottom-color:var(--brand-600)}
.ct__note{font-size:13.5px;line-height:1.6;color:var(--ink-muted);margin:0;max-width:44ch}

.ct__right{background:var(--surface-100);border:1px solid var(--border);border-radius:14px;padding:30px 30px 28px}
.ct__formk{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--ink-ghost);margin:0 0 20px}
.fld{margin-bottom:18px}
.fld label{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}
.fld label i{font-style:normal;font-size:11px;font-weight:500;color:var(--ink-ghost);margin-left:6px}
.fld input,.fld textarea{width:100%;font-family:var(--body);font-size:14.5px;line-height:1.5;color:var(--ink);background:var(--surface-0);
  border:1px solid var(--border);border-radius:7px;padding:11px 13px;transition:border-color .12s,box-shadow .12s}
.fld textarea{resize:vertical}
.fld input::placeholder,.fld textarea::placeholder{color:var(--ink-ghost)}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100)}
.fld--bad input,.fld--bad textarea{border-color:var(--accent)}
.fld__err{font-size:12.5px;color:var(--accent);margin:7px 0 0}
/* 蜜罐：对人不可见，但不用 display:none —— 部分机器人会跳过被隐藏的字段 */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct__privacy{font-size:12px;line-height:1.6;color:var(--ink-faint);margin:16px 0 0}
.ct__privacy a{color:var(--ink-muted);text-decoration:underline;text-underline-offset:2px}

.ct__sent h2{font-size:24px;margin:0 0 14px}
.ct__sent p{font-size:14.5px;line-height:1.65;color:var(--ink-muted);margin:0 0 12px}

@media(max-width:900px){
  .ct{grid-template-columns:1fr;gap:34px}
  .ct__right{padding:24px 20px 22px}
  .ct__note{max-width:none}
}

/* Insights 过渡索引：按栏目列出方法页。博客上线后这块换成文章流 */
.prose .idxlist{list-style:none;margin:0 0 8px;padding:0;border-top:1px solid var(--border)}
.idxlist li{border-bottom:1px solid var(--border-soft);padding:16px 0}
.idxlist a{display:block;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;margin-bottom:5px}
.idxlist a:hover{color:var(--brand-600)}
.idxlist span{display:block;font-size:13px;line-height:1.55;color:var(--ink-muted);max-width:76ch}

/* 方法变更日志：日期一栏 + 内容一栏，没有卡片没有色块 */
.chg{display:grid;grid-template-columns:104px 1fr;gap:0 24px;padding:22px 0;border-top:1px solid var(--border-soft)}
.chg:first-child{border-top:1px solid var(--border)}
.chg__date{margin:2px 0 0;font-size:12px;letter-spacing:.02em;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.chg__body h3{font-family:var(--display);font-weight:700;font-size:16.5px;letter-spacing:-.025em;margin:0 0 7px;color:var(--ink)}
.chg__body p{margin:0 0 8px;font-size:14px;line-height:1.62;color:var(--ink-muted)}
.chg__why{padding-left:13px;border-left:2px solid var(--brand-200)}
.chg__aff{font-size:12.5px;color:var(--ink-faint)}
.chg__aff a{color:var(--brand-600);text-decoration:none}
.chg__aff a:hover{text-decoration:underline}
@media (max-width:640px){.chg{grid-template-columns:1fr;gap:6px}}
.doc__updated a{color:inherit;text-decoration:none;border-bottom:1px solid var(--border)}
.doc__updated a:hover{color:var(--brand-600);border-bottom-color:var(--brand-400)}

/* 账户：注册与登录。表单一栏，右侧说明一栏，登录页只有表单 */
.auth{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:0 72px;padding:64px 24px 88px;align-items:start}
.auth__box h1{font-family:var(--display);font-weight:700;font-size:34px;letter-spacing:-.035em;line-height:1.1;margin:0 0 14px}
.auth__lede{font-size:14.5px;line-height:1.65;color:var(--ink-muted);margin:0 0 30px}
.auth__form{margin:0}
.auth__submit{width:100%;justify-content:center;margin-top:4px}
.auth__fine{font-size:12px;line-height:1.6;color:var(--ink-faint);margin:16px 0 0}
.auth__fine a{color:var(--ink-muted)}
.auth__alt{font-size:13.5px;color:var(--ink-muted);margin:26px 0 0;padding-top:20px;border-top:1px solid var(--border-soft)}
.auth__err{font-size:13.5px;line-height:1.6;color:var(--accent);margin:0 0 22px;padding-left:13px;border-left:2px solid var(--accent)}
.auth__side{padding-top:6px}
.auth__side h2{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.02em;margin:0 0 16px}
.auth__steps{list-style:none;counter-reset:s;margin:0 0 22px;padding:0}
.auth__steps li{counter-increment:s;position:relative;padding:0 0 15px 30px;font-size:13.5px;line-height:1.6;color:var(--ink-muted)}
.auth__steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--brand-600);font-variant-numeric:tabular-nums}
.auth__note{font-size:13px;line-height:1.65;color:var(--ink-faint);margin:0;padding-top:18px;border-top:1px solid var(--border-soft)}
@media (max-width:860px){.auth{grid-template-columns:1fr;gap:44px 0;padding:40px 24px 64px}}

/* Onboarding：进度条 2px 直角，不用圆角胶囊；选项用原生 radio/checkbox */
.onb{width:100%;max-width:620px;margin-inline:auto;padding:56px 0 88px}
.onb__head{margin-bottom:34px}
.onb__count{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--ink-ghost);margin:0 0 9px}
.onb__bar{height:2px;background:var(--border);overflow:hidden}
.onb__bar-fill{display:block;height:2px;background:var(--brand-600)}
.onb h1{font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-.035em;line-height:1.12;margin:0 0 12px}
.onb__lede{font-size:14.5px;line-height:1.65;color:var(--ink-muted);margin:0 0 34px}
.onb__form{margin:0}
.qn{border:0;margin:0 0 32px;padding:0}
.qn legend{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 12px;padding:0}
.qn--bad legend{color:var(--accent)}
.qn__opts{display:flex;flex-direction:column;gap:1px;background:var(--border-soft)}
.qn__opt{display:flex;align-items:center;gap:11px;background:var(--surface-0);padding:11px 14px;cursor:pointer;transition:background .1s}
.qn__opt:hover{background:var(--surface-50)}
.qn__opt input{width:15px;height:15px;accent-color:var(--brand-600);flex:0 0 auto;margin:0}
.qn__opt span{font-size:14px;line-height:1.45;color:var(--ink)}
.qn__opt:has(input:checked){background:var(--brand-50)}
.qn__num{width:160px;font-family:var(--body);font-size:14.5px;color:var(--ink);background:var(--surface-0);border:1px solid var(--border);border-radius:0;padding:11px 13px}
.qn__num:focus{outline:0;border-color:var(--brand-600);box-shadow:inset 0 -2px 0 var(--brand-600)}
.onb__actions{display:flex;align-items:center;gap:22px;margin-top:38px}
.onb__note{font-size:13px;line-height:1.65;color:var(--ink-faint);margin:28px 0 0;padding-top:20px;border-top:1px solid var(--border-soft)}

/* 沙箱答题页。只在非生产环境出现，样式够用即可 */
.sbx{max-width:620px;margin-inline:auto;padding:56px 0 88px}
.sbx__tag{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--ink-ghost);margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.sbx h1{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:-.035em;margin:0 0 12px}
.sbx__lede{font-size:14.5px;line-height:1.65;color:var(--ink-muted);margin:0 0 28px}
.sbx__meta{display:grid;grid-template-columns:auto 1fr;gap:7px 20px;margin:0 0 34px;font-size:13.5px}
.sbx__meta dt{color:var(--ink-faint)}
.sbx__meta dd{margin:0;color:var(--ink)}
.sbx h2{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.02em;margin:0 0 14px}
.sbx__outs{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--border-soft)}
.sbx__out{display:block;background:var(--surface-0);padding:14px 16px;text-decoration:none;transition:background .1s}
.sbx__out:hover{background:var(--brand-50)}
.sbx__out-name{display:block;font-size:14.5px;font-weight:600;color:var(--ink);margin-bottom:3px}
.sbx__out-note{display:block;font-size:12.5px;line-height:1.5;color:var(--ink-muted)}
.sbx__note{font-size:12.5px;line-height:1.65;color:var(--ink-faint);margin:0;padding-top:18px;border-top:1px solid var(--border-soft)}

/* ── 仪表盘 ──
   规格 §4.6 定稿：左侧导航激活态是墨色 2px 左边条、无底色；
   顶部三元状态条用发丝线分栏；余额格底色 --brand-100。 */
.dash{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 56px;max-width:var(--wrap);margin:0 auto;padding:44px 24px 88px;align-items:start}
.dash__nav{display:flex;flex-direction:column;position:sticky;top:28px}
.dash__nav-item{font-size:14px;line-height:1.4;color:var(--ink-muted);text-decoration:none;padding:9px 0 9px 13px;border-left:2px solid transparent;transition:color .1s,border-color .1s}
.dash__nav-item:hover{color:var(--ink)}
.dash__nav-item.is-on{color:var(--ink);font-weight:600;border-left-color:var(--ink)}
.dash__out{margin-top:26px;padding-top:18px;border-top:1px solid var(--border-soft)}
.dash__out-btn{font-family:var(--body);font-size:13px;color:var(--ink-faint);background:0;border:0;padding:0 0 0 13px;cursor:pointer}
.dash__out-btn:hover{color:var(--ink-muted)}

.dash__main h1{font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:-.035em;margin:0 0 20px}
.dash__main h2{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.025em;margin:40px 0 14px}
.dash__fine{font-size:12.5px;line-height:1.65;color:var(--ink-faint);margin:22px 0 0;padding-top:16px;border-top:1px solid var(--border-soft);max-width:76ch}

/* 三元状态条：发丝线分栏，不是三张卡片 */
.dash__stats{display:flex;gap:1px;background:var(--border);margin:0 0 34px;flex-wrap:wrap}
.dash__stat{flex:1 1 150px;background:var(--surface-0);padding:15px 17px}
.dash__stat--balance{background:var(--brand-100)}
.dash__stat-k{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink-ghost);margin:0 0 6px}
.dash__stat-v{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:-.03em;margin:0 0 5px;color:var(--ink);font-variant-numeric:tabular-nums}
.dash__stat-note{font-size:11.5px;line-height:1.5;color:var(--ink-faint)}
.dash__stat-link{font-size:12px;color:var(--brand-600);text-decoration:none;border-bottom:1px solid var(--brand-200)}
.dash__stat-link:hover{border-bottom-color:var(--brand-600)}

/* 答题回来时的落地文案 */
.rtn{margin:0 0 30px;padding-left:14px;border-left:2px solid var(--brand-600)}
.rtn__head{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.025em;margin:0 0 6px}
.rtn__msg{font-size:14px;line-height:1.65;color:var(--ink-muted);margin:0;max-width:72ch}

/* offer 列表 */
.offers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--border-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.offer{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface-0);padding:16px 0}
.offer__title{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 4px}
.offer__meta{font-size:12.5px;line-height:1.5;color:var(--ink-muted);margin:0}
.offer__act{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.offer__pay{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.03em;margin:0;font-variant-numeric:tabular-nums}
.offer__go{padding:8px 18px;font-size:13px}

/* 提现表单与质量分 */
.pay{max-width:400px;margin:0}
.pay__amount{font-size:14px;color:var(--ink-muted);margin:0 0 18px}
.pay__note{font-size:12.5px;line-height:1.65;color:var(--ink-faint);margin:16px 0 0}
.qs__delta{display:block;margin-top:3px;font-weight:600;color:var(--ink-muted);font-variant-numeric:tabular-nums}

/* 删除账户 */
.del{max-width:400px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--border)}
.del__warn{font-size:13.5px;line-height:1.6;color:var(--accent);margin:0 0 18px}
.del__start{font-family:var(--body);font-size:13.5px;color:var(--ink-faint);background:0;border:0;border-bottom:1px solid var(--border);padding:0;cursor:pointer;margin-top:8px}
.del__start:hover{color:var(--accent);border-bottom-color:var(--accent)}
.btn--danger{background:var(--accent);color:var(--surface-0);border-color:var(--accent)}
.btn--danger:hover{background:var(--ink);border-color:var(--ink)}

@media (max-width:820px){
  .dash{grid-template-columns:1fr;gap:28px 0;padding:28px 24px 64px}
  .dash__nav{position:static;flex-direction:row;flex-wrap:wrap;gap:0 4px;border-bottom:1px solid var(--border);padding-bottom:2px}
  .dash__nav-item{padding:8px 12px;border-left:0;border-bottom:2px solid transparent}
  .dash__nav-item.is-on{border-left:0;border-bottom-color:var(--ink)}
  .dash__out{margin:0 0 0 auto;padding:0;border:0}
  .offer{flex-direction:column;align-items:flex-start;gap:12px}
}

/* ── 后台。内部工具，沿用仪表盘的语汇，不另造一套 ── */
.adm{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0 52px;max-width:var(--wrap);margin:0 auto;padding:44px 24px 88px;align-items:start}
.adm__nav{display:flex;flex-direction:column;position:sticky;top:28px}
.adm__nav-item{font-size:14px;color:var(--ink-muted);text-decoration:none;padding:9px 0 9px 13px;border-left:2px solid transparent;transition:color .1s,border-color .1s}
.adm__nav-item:hover{color:var(--ink)}
.adm__nav-item.is-on{color:var(--ink);font-weight:600;border-left-color:var(--ink)}
.adm__main h1{font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:-.035em;margin:0 0 22px}
.adm__main h2{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.025em;margin:40px 0 14px}
.adm__stats{display:flex;gap:1px;background:var(--border);margin:0 0 8px;flex-wrap:wrap}
.adm__stat{flex:1 1 150px;background:var(--surface-0);padding:15px 17px}
.adm__stat--wait{background:var(--brand-50)}
.adm__stat-k{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink-ghost);margin:0 0 6px}
.adm__stat-v{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.03em;margin:0 0 5px;font-variant-numeric:tabular-nums}
.adm__stat-note{font-size:11.5px;line-height:1.5;color:var(--ink-faint)}
.adm__alarm{margin:0 0 26px;padding-left:14px;border-left:2px solid var(--accent)}
.adm__alarm-head{font-family:var(--display);font-weight:700;font-size:16px;margin:0 0 6px;color:var(--accent)}
.adm__alarm p{font-size:13.5px;line-height:1.65;color:var(--ink-muted);margin:0;max-width:76ch}

/* 提现队列 */
.pq{padding:20px 0;border-top:1px solid var(--border-soft)}
.pq:first-of-type{border-top:1px solid var(--border)}
.pq__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:5px}
.pq__who{font-size:15px;font-weight:600;color:var(--ink);margin:0}
.pq__score{font-size:11.5px;font-weight:400;color:var(--ink-faint);margin-left:10px}
.pq__amount{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.03em;margin:0;font-variant-numeric:tabular-nums}
.pq__meta{font-size:12.5px;color:var(--ink-muted);margin:0 0 14px}
.pq__act{max-width:520px}
.pq__btns{display:flex;flex-wrap:wrap;gap:10px}
.btn--quiet{background:var(--surface-0);color:var(--ink-muted);border-color:var(--border)}
.btn--quiet:hover{color:var(--ink);border-color:var(--ink-faint)}

@media (max-width:820px){
  .adm{grid-template-columns:1fr;gap:26px 0;padding:28px 24px 64px}
  .adm__nav{position:static;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:2px}
  .adm__nav-item{padding:8px 12px;border-left:0;border-bottom:2px solid transparent}
  .adm__nav-item.is-on{border-left:0;border-bottom-color:var(--ink)}
}

/* ── 文章 ── */
.art{max-width:660px;margin-inline:auto;padding:48px 0 88px}
.art__preview{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--accent);margin:0 0 22px;padding-bottom:12px;border-bottom:1px solid var(--accent)}
.art__crumb{font-size:12.5px;color:var(--ink-faint);margin:0 0 16px}
.art__crumb a{color:var(--ink-muted);text-decoration:none}
.art__crumb a:hover{color:var(--brand-600)}
.art__crumb i{font-style:normal;margin:0 7px;color:var(--ink-ghost)}
.art__head h1{font-family:var(--display);font-weight:700;font-size:36px;letter-spacing:-.038em;line-height:1.12;margin:0 0 14px}
.art__by{font-size:12.5px;color:var(--ink-faint);margin:18px 0 0;padding-top:16px;border-top:1px solid var(--border-soft)}
.art__by strong{color:var(--ink-muted);font-weight:600}
.art__by i{font-style:normal;margin:0 7px;color:var(--ink-ghost)}
.art__cover{margin:32px 0 0}
.art__cover img{width:100%;height:auto;display:block}
.art__body{margin-top:32px}
.art__body h2{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.03em;margin:38px 0 12px}
.art__author{margin:48px 0 0;padding-top:22px;border-top:1px solid var(--border)}
.art__author-name{font-size:14.5px;font-weight:600;color:var(--ink);margin:10px 0 6px}
.art__author-bio{font-size:13.5px;line-height:1.65;color:var(--ink-muted);margin:0 0 6px}
.art__author-cred{font-size:12.5px;color:var(--ink-faint);margin:0}

/* 文章列表：与 .idxlist 同一语汇，多一行元信息 */
.prose .artlist{list-style:none;margin:0 0 8px;padding:0;border-top:1px solid var(--border)}
.artlist li{border-bottom:1px solid var(--border-soft);padding:17px 0}
.artlist a{display:block;font-family:var(--display);font-weight:700;font-size:17.5px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;margin-bottom:5px}
.artlist a:hover{color:var(--brand-600)}
.artlist span{display:block;font-size:13.5px;line-height:1.55;color:var(--ink-muted);max-width:74ch;margin-bottom:6px}
.artlist__meta{font-size:11.5px;color:var(--ink-faint);margin:0}
.onb__sent{font-size:13.5px;color:var(--brand-600);margin:0 0 18px;padding-left:13px;border-left:2px solid var(--brand-600)}
.onb__resend{font-family:var(--body);font-size:13.5px;color:var(--ink-muted);background:0;border:0;border-bottom:1px solid var(--border);padding:0;cursor:pointer}
.onb__resend:hover{color:var(--brand-600);border-bottom-color:var(--brand-600)}

/* Cookie 同意。一条发丝线上方的文字加两个按钮，不是深色浮层 */
.cc{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface-0);border-top:1px solid var(--ink)}
.cc__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 24px}
.cc__text{font-size:13px;line-height:1.6;color:var(--ink-muted);margin:0;max-width:74ch}
.cc__text a{color:var(--brand-600);text-decoration:none;border-bottom:1px solid var(--brand-200)}
.cc__text a:hover{border-bottom-color:var(--brand-600)}
.cc__acts{display:flex;gap:10px;flex:0 0 auto}
.cc__acts .btn{padding:8px 18px;font-size:13px}
.foot__legal a{color:var(--ink-faint);text-decoration:none;border-bottom:1px solid var(--border)}
.foot__legal a:hover{color:var(--ink-muted)}
.foot__legal i{font-style:normal;margin:0 8px;color:var(--ink-ghost)}
@media (max-width:760px){
  .cc__inner{flex-direction:column;align-items:flex-start;gap:14px}
  .cc__acts{width:100%}
  .cc__acts .btn{flex:1;justify-content:center}
}