/* ============================================================
   文牍 · 关于 / 隐私 / 条款 共用版式
   复用 hero.css 的变量、字体与金线框；卷宗卡压在绢底纹理上。
   ============================================================ */

/* hero.css 为首屏锁了 body 滚动，文牍页要长文可滚 */
body.doc{overflow:auto;height:auto;min-height:100%}
/* 山水为底，蒙一层绢色薄纱让正文区安静下来 */
body.doc::before{
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;
  background:var(--tint);
}
body.doc{
  background-color:var(--paper);
}

/* ---------- 顶栏 ---------- */
.tbar{
  position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px clamp(18px,4vw,40px);
}
.tbar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.tbar .brand img{
  width:28px;height:28px;display:block;flex:none;
  border:0;border-radius:50%;background:transparent;
}
.tbar .bt{font-family:'VipDisplay',var(--serif);font-weight:600;font-size:1rem;color:var(--text);letter-spacing:.18em}
.tbar .bc{font-size:0.75rem;letter-spacing:.2em;color:var(--gold-deep)}
.tbar .back{
  flex:none;font-family:var(--serif);font-size:0.781rem;letter-spacing:.12em;
  padding:6px 14px;color:var(--text-soft);text-decoration:none;
  border:1px solid rgba(168,135,63,.55);transition:.15s;
}
.tbar .back:hover{color:var(--text);border-color:var(--ink);background:var(--tint)}
.tbar .back:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}

/* ---------- 正文 ---------- */
.doc-main{
  position:relative;z-index:3;max-width:min(52rem, 92vw);margin:0 auto;
  padding:clamp(8px,2.5vh,24px) clamp(18px,4vw,32px) clamp(52px,9vh,88px);
}
.doc-eyebrow{margin:0 0 10px;font-size:0.75rem;letter-spacing:.42em;color:var(--gold-deep)}
.doc-main h1{
  margin:0 0 6px;font-size:clamp(1.625rem,4vw,2.5rem);letter-spacing:.08em;
  color:var(--text);line-height:1.3;
}
.doc-meta{margin:0 0 24px;font-size:0.75rem;letter-spacing:.14em;color:var(--text-soft)}

.doc-card{
  background:var(--surface);
  border:1px solid var(--gold);
  box-shadow:0 10px 26px rgba(43,36,26,.14), inset 0 0 0 1px rgba(168,135,63,.14);
  padding:clamp(22px,4vw,42px);
}
.doc-card h2{margin:30px 0 10px;font-size:0.969rem;letter-spacing:.14em;color:var(--text)}
.doc-card h2::before{content:'§';color:var(--gold);margin-right:.5em;font-weight:400}
.doc-card h2:first-child{margin-top:0}
.doc-card p{margin:0 0 12px;font-size:0.875rem;line-height:2.05;color:var(--text-soft)}
.doc-card ul{margin:0 0 12px;padding-left:1.4em;font-size:0.875rem;line-height:2.05;color:var(--text-soft)}
.doc-card li{margin-bottom:4px}
.doc-card li::marker{color:var(--gold-deep)}
.doc-card b{color:var(--text);font-weight:700}
.doc-card a{color:var(--gold-deep);border-bottom:1px solid rgba(168,135,63,.5);padding-bottom:1px}
.doc-card a:hover{color:var(--vermilion);border-color:var(--vermilion)}
.doc-card .fine{font-size:0.75rem;color:var(--text-soft);opacity:.85}

/* ---------- v6 · 本页目录：长文不再没有锚点 ---------- */
.doc-toc{
  margin:0;padding:14px 18px 16px;
  background:var(--surface);border:1px solid var(--line);border-bottom:0;
  box-shadow:inset 0 0 0 1px rgba(168,135,63,.12);
}
.dt-t{margin:0 0 10px;font-size:var(--fs-xs);letter-spacing:.3em;color:var(--gold-deep)}
.doc-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 8px;counter-reset:sec}
.doc-toc li{counter-increment:sec;margin:0}
.doc-toc a{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--serif);font-size:var(--fs-xs);letter-spacing:.04em;
  padding:5px 11px;color:var(--text-soft);text-decoration:none;
  border:1px solid var(--line);transition:.15s;
}
.doc-toc a::before{content:counter(sec,decimal-leading-zero);color:var(--gold-deep);font-size:var(--fs-xs)}
.doc-toc a:hover{color:var(--vermilion);border-color:var(--vermilion);background:var(--tint)}
.doc-toc a.on{color:#F3E9D2;background:var(--ink);border-color:var(--ink)}
.doc-toc a.on::before{color:#E9C86B}
.doc-toc a:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}
.doc-card h2{scroll-margin-top:20px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* 三页互链 */
.doc-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.doc-nav a{
  font-family:var(--serif);font-size:0.781rem;letter-spacing:.12em;
  padding:7px 16px;color:var(--text-soft);text-decoration:none;
  border:1px solid rgba(168,135,63,.55);transition:.15s;
}
.doc-nav a:hover{color:var(--text);border-color:var(--ink);background:var(--tint)}
.doc-nav a.on{background:var(--ink);color:#F3E9D2;border-color:var(--ink)}
.doc-nav a:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}

@media (max-width: 560px){
  .tbar .bc{display:none}
  .doc-card{padding:18px 16px 22px}
  .doc-card h2{margin-top:24px}
}