/* ==========================================================================
   VPNAW — deepdoc.css（选型手册 reference.html 专属）
   页头氛围 / 元信息条 / 正文主列 / 章节分隔 / 表格注脚 / 术语表
   仅本页使用；颜色、字体、圆角一律引用 :root 设计令牌
   ========================================================================== */

/* ---------- 页头氛围层（承接首屏冰蓝渐变，比教程页更收敛） ---------- */
.doc-hero{
  position:relative;
  overflow-x:clip;
  max-width:100%;
  background:linear-gradient(180deg,var(--bg-hero-top) 0%,var(--bg) 100%);
  padding-top:52px;
  padding-bottom:34px;
}
.doc-hero .wrap{position:relative;z-index:1}
.doc-hero .eyebrow{margin-bottom:14px}
.doc-hero h1{margin-bottom:16px;max-width:24ch}
.doc-hero .lede{max-width:760px}

/* ---------- 元信息条（适用对象 / 配套页面 / 反馈渠道） ---------- */
.doc-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 22px;
  margin-top:22px;
  font-size:13px;
  line-height:20px;
  color:var(--muted);
}
.doc-meta li{display:flex;align-items:center;gap:8px}
.doc-meta a{color:var(--accent-dark);font-weight:600}
.doc-meta a:hover{text-decoration:underline}

/* ---------- 正文主列（max-width 必须配 margin-inline:auto，否则整条贴边） ---------- */
.doc-body{padding-bottom:var(--sec-y)}
.doc-main{max-width:860px;margin-inline:auto}

/* ---------- 章节：靠上分隔线切段，不靠大留白 ---------- */
.doc-sec{padding-top:34px}
.doc-sec + .doc-sec{margin-top:34px;border-top:1px solid var(--border)}
.doc-sec > h2:first-child{margin-top:0}

/* ---------- 表格注脚 ---------- */
.doc-cap{font-size:13px;line-height:21px;color:var(--muted);margin-top:10px}

/* ---------- 术语速查表 ---------- */
.terms{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.terms .term{
  padding:14px 16px;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--r-tile);
}
.terms dt{font-size:15px;font-weight:700;color:var(--text)}
.terms dd{margin-top:6px;font-size:14px;line-height:22px;color:var(--muted)}

@media (max-width:768px){
  .doc-hero{padding-top:36px;padding-bottom:26px}
  .doc-hero h1{max-width:none}
  .doc-sec{padding-top:26px}
  .doc-sec + .doc-sec{margin-top:26px}
}