/* =========================================================
   VPNTd deepdoc.css — handbook.html(AI 完全指南)页面专属
   只放本页新增样式;通用组件见 components.css
   ========================================================= */

/* ---- 页首刊头 ---- */
.doc-head{
  border-bottom:1px solid var(--border);
  background:
    radial-gradient(720px 320px at 88% 10%,var(--accent-glow-soft),transparent 70%),
    var(--bg);
  overflow-x:clip;
}
.doc-head-inner{
  width:min(var(--content-w),calc(100% - var(--gutter)*2));
  margin-inline:auto;
  padding-top:54px;
  padding-bottom:44px;
}
.doc-head h1{max-width:840px;margin:16px 0 20px}
.doc-lede{
  font-size:16.5px;
  line-height:1.75;
  color:var(--muted);
  max-width:780px;
}
.doc-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 0;
  margin-top:18px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--muted);
}
.doc-meta li{display:flex;align-items:center}
.doc-meta li + li::before{content:"·";margin:0 12px;color:var(--border)}
.doc-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}

/* ---- 刊头装饰走线(描线动效由 motion.js 的 data-draw 接管) ---- */
.doc-deco{margin-top:34px;max-width:680px}
.doc-deco svg{display:block;width:100%;height:auto}
.dd-trace{stroke:var(--trace);stroke-width:1.8;fill:none;stroke-linejoin:round;stroke-linecap:round}
.dd-trace-soft{stroke:var(--border);stroke-width:1.2;fill:none;stroke-dasharray:4 6}
.dd-node{fill:var(--panel2);stroke:var(--trace);stroke-width:1.6}
.dd-node-hot{fill:var(--panel2);stroke:var(--accent-dark);stroke-width:1.8}
.dd-core{fill:var(--accent)}
.dd-label{font-family:var(--font-mono);font-size:11px;fill:var(--muted);letter-spacing:.06em}
.dd-label-hot{font-family:var(--font-mono);font-size:11px;fill:var(--text);letter-spacing:.06em}

/* ---- 正文区 ---- */
.doc-body{padding-top:48px;padding-bottom:80px}
.doc-article{max-width:880px;min-width:0}
.doc-tail{margin-top:56px;max-width:880px}

@media (max-width:720px){
  .doc-head-inner{padding-top:40px;padding-bottom:32px}
  .doc-deco{margin-top:26px}
  .doc-tail{margin-top:44px}
}