/* ============================================================
   青乌独立站 · 全站基础层 base.css（2026-10-05 站面工程优化窗 T1 抽取）
   范围＝九页＋综合排盘台逐字共享规则（体检报告 20261004 P2-1）：
   设计 token ＋ 页头脚／导航／印章／样张区／判项批注签等全站通用组件。
   各页 <link> 本件后接页内 <style>（页特有层·同特异性下后到覆盖生效）。
   硬边界（开工提示词 T1 三条）：
   ① reveal 暗拍 token（--lamp/--gold 族）不进本件，留页内——暗拍是全站唯一暗位；
   ② ask_desk.js / confirm_tally.js 注入样式不进本件（公共件保持单文件可移植）；
   ③ @font-face 与 nav 显隐规则不进本件——paid 两页现态无 @font-face（印章回退
      楷体）且 nav 为可见设计，收编即改样；两笔已登记，候建站窗统一裁决。
   2026-10-10 评审修复窗收编三笔（美学评审_v1 P0-1/2/3）：
   ① ≤900px nav 隐藏规则从九个页内副本上收公共层（cross/404/paid 两页此前缺副本＝手机 header 炸版根修）；
   ② .nav-signin 选择器从 a. 放宽到类（liuyao 系 span 占位此前拿不到样式＝『About Local preview』裸文本粘连根修）；
   ③ .btn 家族上收（practice/404/paid_liuyao 蓝链根修——类早已挂、定义在 T1 抽取时遗失）＋表单控件最小着装。
   双世界立律（2026-10-10 主编受众锚定令）：暗金世界＝金 accent（进门/仪式），纸墨世界＝朱砂 accent（案头/注疏），
   同一动作在同一世界永远同款；『夜→昼→夜』为全站叙事弧。细目见 docs/美学评审补充_受众锚定修正_20261010.md。
   ============================================================ */
:root{
  --xuan:#f5f1e6; --ink:#2a2a26; --light-ink:#6e675a; --cinnabar:#9e2b25; --rule:#d9d2c0; --paper:#f8f4ea;
  --serif-display:'Cormorant', 'Times New Roman', Georgia, serif;
  --serif-body:'Crimson Pro', 'Times New Roman', Georgia, serif;
  --kai:'Kaiti SC','STKaiti','KaiTi','DFKai-SB',serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--xuan)}
body{background:var(--xuan);color:var(--ink);font-family:var(--serif-body);font-size:19px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;padding:0 48px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* ── 按钮家族（2026-10-10 上收；与 liuyao/chartdesk 页内版逐字一致）── */
.btn{display:inline-block;text-decoration:none;font-family:var(--serif-body);font-size:19px;padding:13px 34px;border-radius:2px;border:none;cursor:pointer;transition:background .18s}
.btn-primary{background:var(--cinnabar);color:#f6efe2}
.btn-primary:hover{background:#87231e}
.btn-ghost{color:var(--ink);border:1px solid var(--ink);background:none}
span.nav-signin{cursor:help}
/* ── 表单控件最小着装（原生件裸奔根修；页内更具体规则照常覆盖）── */
select,textarea,input[type="text"],input[type="date"],input[type="time"],input[type="email"],input[type="number"]{
  font-family:var(--serif-body);font-size:17px;color:var(--ink);background:var(--paper);
  border:1px solid var(--rule);border-radius:2px;padding:9px 12px;
}
select{cursor:pointer}
textarea{width:100%;resize:vertical}
button{font-family:var(--serif-body)}

header{border-bottom:1px solid var(--rule)}
.bar{display:flex;align-items:center;justify-content:space-between;padding:26px 0}
.wordmark{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.wordmark .name{font-family:var(--serif-display);font-size:26px;font-weight:500}
nav a{font-family:var(--serif-body);font-size:17px;color:var(--ink);text-decoration:none;margin-left:30px;padding-bottom:3px;border-bottom:1px solid transparent}
nav a:hover{border-bottom-color:var(--ink)}
nav a.here{border-bottom-color:var(--ink)}
/* Sign in 入口（2026-10-06 主编令：登录/充值/积分占位——钮型区分于普通链接） */
.nav-signin{
  border:1px solid var(--ink);border-radius:2px;padding:6px 18px 5px;margin-left:30px;
  transition:background .18s,color .18s;
}
.nav-signin:hover{background:var(--ink);color:var(--xuan)}
.nav-signin.here{background:var(--ink);color:var(--xuan)}
footer{border-top:1px solid var(--rule);padding:30px 0 44px}
.fine{font-size:14px;color:var(--light-ink);line-height:1.7;max-width:64em}
.seal{
  width:40px;height:40px;color:#f6efe2;
  font-family:'SealXiaoZhuan',var(--kai);font-size:27px;line-height:41px;text-align:center;
  border-radius:3px;transform:rotate(-4deg);user-select:none;
  background:
    radial-gradient(circle at 30% 25%, rgba(246,239,226,.28) 0 2px, transparent 3px),
    radial-gradient(circle at 68% 60%, rgba(246,239,226,.22) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 45% 82%, rgba(246,239,226,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 80% 20%, rgba(246,239,226,.15) 0 1px, transparent 2px),
    radial-gradient(circle at 15% 70%, rgba(0,0,0,.18) 0 3px, transparent 4px),
    radial-gradient(ellipse at 55% 45%, #a83a30 0%, #9e2b25 55%, #87231e 100%);
  box-shadow:inset 0 0 3px rgba(60,10,8,.55), inset 0 0 0 2px rgba(246,239,226,.5);
}
.example{border-top:1px solid var(--rule);padding:52px 0}

/* 判项＋溯源批注签（付费结果区/综合台三页逐字共享版；reveal 金色变体留页内） */
.vitem{display:grid;grid-template-columns:56px 1fr;gap:0 22px;padding:26px 0;border-top:1px solid var(--rule)}
details.annotate{display:inline-block;margin-top:12px}
details.annotate summary{list-style:none;cursor:pointer;font-size:14.5px;color:var(--light-ink);
  border-bottom:1px dotted var(--light-ink);padding-bottom:2px;display:inline-block}
details.annotate summary::-webkit-details-marker{display:none}
details.annotate[open] summary{border-bottom-style:solid;border-bottom-color:var(--ink);color:var(--ink)}

/* 窄视口导航（2026-10-06 接续窗 A6·实测依据＝老外十客 J 报告 P2-4：页内 @media ≤900px nav{display:none} 后导航蒸发无替代）。
   汉堡钮与展开浮层由 nav_toggle.js 注入；展开态 header nav.open 特异性 (0,1,2) 压页内 nav{display:none} (0,0,1)；
   无 JS 时窄屏行为与现状逐字一致。 */
.nav-toggle{display:none;border:1px solid var(--rule);background:var(--paper);border-radius:2px;
  padding:9px 10px;cursor:pointer;line-height:0}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:2.5px 0}
@media (max-width:900px){
  header nav{display:none}
  .nav-toggle{display:inline-block}
  header .bar{position:relative}
  header nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;
    background:var(--paper);border:1px solid var(--rule);border-top:none;padding:8px 0;z-index:20}
  header nav.open a{margin:0;padding:11px 24px;border-bottom:none}
  header nav.open a.here{border-bottom:none;background:var(--xuan)}
}