@charset "UTF-8";
/* ==========================================================================
   VPNWY · deepdoc.css
   完全指南页(handbook.html)专属样式
   手册首屏 / 章节索引卡 / 章节排版 / 正文内表格修正
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 手册首屏
   -------------------------------------------------------------------------- */
.doc-hero{
  position:relative;
  overflow-x:clip;
  padding-block:var(--sp-8) var(--sp-7);
}
.doc-halo{
  position:absolute;
  top:-170px;
  right:-130px;
  width:580px;
  height:580px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,var(--accent-a12) 0%,var(--accent-a05) 46%,transparent 72%);
  filter:blur(28px);
  pointer-events:none;
  z-index:0;
}
.doc-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:var(--sp-7);
  align-items:start;
}
.doc-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.doc-h1{margin-top:var(--sp-5);}
.doc-facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:var(--sp-6);
}
.doc-hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:var(--sp-6);
}

/* 章节索引卡 */
.doc-index{
  padding:var(--sp-5);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  background:var(--bg-panel);
  box-shadow:var(--sh-2);
  min-width:0;
}
.doc-index-h{
  font-family:var(--font-display);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--text-muted);
}
.doc-index-list{margin-top:var(--sp-4);display:grid;gap:2px;}
.doc-index-list a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:3px 8px;
  border-radius:var(--r-sm);
  font-size:13.5px;
  color:var(--text-muted);
  transition:background-color .18s ease,color .18s ease;
}
.doc-index-list a:hover{background:var(--bg-panel-2-soft);color:var(--text);}

/* --------------------------------------------------------------------------
   2. 正文容器与目录条
   -------------------------------------------------------------------------- */
.doc-body{
  padding-block:var(--sp-7) var(--sec-y);
  border-bottom:0;
}
.doc-article{
  max-width:900px;
  margin-inline:auto;
}
.doc-article .toc-tabs a{text-decoration:none;}

.doc-lead{
  margin-top:var(--sp-6);
  font-size:17px;
  line-height:1.8;
  color:var(--text-muted);
}
.doc-lead strong{font-weight:600;color:var(--text);}

/* --------------------------------------------------------------------------
   3. 章节排版
   -------------------------------------------------------------------------- */
.doc-chap{min-width:0;}
.doc-chap > * + *{margin-top:1.15em;}
.doc-chap + .doc-chap{
  margin-top:var(--sp-8);
  padding-top:var(--sp-8);
  border-top:1px solid var(--border);
}
.doc-chap-no{margin-bottom:var(--sp-3);}
.doc-chap > h2{margin-top:0;margin-bottom:0;}
.doc-chap > h2 + *{margin-top:var(--sp-5);}
.doc-chap > h3{margin-top:2em;margin-bottom:.5em;}
.doc-chap > h3 + *{margin-top:.6em;}

/* 正文内表格:去掉与横滑容器重复的描边 */
.doc-article .table-scroll > table{
  border:0;
  border-radius:0;
}

/* --------------------------------------------------------------------------
   4. 文末推广块容器
   -------------------------------------------------------------------------- */
.doc-end{
  max-width:900px;
  margin-inline:auto;
  margin-top:var(--sp-8);
}

/* --------------------------------------------------------------------------
   5. 响应式
   -------------------------------------------------------------------------- */
@media (max-width:1080px){
  .doc-hero{padding-block:var(--sp-7) var(--sp-6);}
  .doc-hero-grid{grid-template-columns:1fr;gap:var(--sp-6);}
}
@media (max-width:768px){
  .doc-halo{display:none;}
  .doc-chap + .doc-chap{margin-top:var(--sp-7);padding-top:var(--sp-7);}
}