/* =========================================================================
   VPNWu — deepdoc.css
   仅用于 zh-CN/handbook.html(线路与协议 · 深度指南页)
   依赖 base.css 的设计令牌,不重复定义任何既有组件
   ========================================================================= */

/* --------------------------------------------------------------- 正文容器 */
/* 比通用 .prose 略宽,便于放六列协议对照表 */
.article-body.prose{max-width:900px}

/* --------------------------------------------------------------- 章节节奏 */
.article-body{counter-reset:docsec}
.article-body > section + section{margin-top:64px}
.article-body > section > h2{counter-increment:docsec}
.article-body > section > h2:first-child{margin-top:0}

/* 章节编号:等宽两位数字,全部走令牌 */
.article-body > section > h2::before{
  content:counter(docsec,decimal-leading-zero);
  display:inline-block;
  margin-right:12px;
  padding:1px 8px 2px;
  border:1px solid var(--border);
  border-radius:var(--r-xs);
  background:var(--bg-panel-2);
  color:var(--accent-dark);
  font-family:var(--font-mono);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.04em;
  vertical-align:middle;
  transform:translateY(-3px);
}

/* ----------------------------------------------------------------- 导语区 */
.doc-intro{max-width:820px}
.doc-intro .callout{margin-top:22px}

/* ------------------------------------------------------------- 拓扑示意图 */
.doc-figure{margin-top:26px}
.topo-svg{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  padding:12px 14px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-card);
}
.topo-label{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.08em;
  fill:var(--muted);
}
.topo-node{fill:var(--accent);stroke:var(--bg-panel);stroke-width:2}
.doc-figure figcaption{
  margin-top:8px;
  font-size:13px;
  line-height:1.65;
  color:var(--muted);
}

/* ----------------------------------------------------------------- 术语表 */
.term-list{display:grid;gap:14px;margin-top:20px}
.term-list dt{
  font-size:15.5px;
  font-weight:700;
  line-height:1.5;
  color:var(--ink);
}
.term-list dt .mono{
  margin-right:8px;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--accent-dark);
}
.term-list dd{
  margin:4px 0 0;
  font-size:15px;
  line-height:1.75;
  color:var(--muted);
}

/* --------------------------------------------------------------- 响应式 */
@media (max-width:640px){
  .article-body > section + section{margin-top:48px}
  .article-body > section > h2::before{
    margin-right:8px;
    padding:0 6px 1px;
    font-size:11.5px;
    transform:translateY(-2px);
  }
  .topo-svg{padding:8px}
  .term-list{gap:12px}
}