/* ==========================================================================
   VPNBF — deepdoc.css
   AI 完全指南页专属样式:首屏、章节正文节奏、对照表说明文字
   ========================================================================== */

.guide-hero{
  position:relative;
  padding-top:52px;
  padding-bottom:40px;
  overflow-x:clip;
  max-width:100%;
}
.guide-hero .wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
}
.guide-hero h1{
  font-size:clamp(38px,4.4vw,58px);
  max-width:20ch;
}
.guide-hero .lead{
  max-width:62ch;
  text-align:center;
}
.guide-hero .lead a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.guide-hero .facts-band{margin-top:6px}

.guide-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}

/* 首屏装饰光斑:纯装饰,不承载文字 */
.hero-glow{
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:8%;
  right:-6%;
  width:520px;
  height:520px;
  max-width:70vw;
  border-radius:50%;
  background:radial-gradient(closest-side,rgba(217,195,238,.42),rgba(217,195,238,0) 100%);
  filter:blur(28px);
}
.guide-hero .wrap{position:relative;z-index:1}

/* 正文布局:单列长文,目录条父容器覆盖全部章节 */
.guide-layout{
  display:block;
  min-width:0;
}
.guide-prose{
  max-width:880px;
  margin:0 auto;
}

/* 章节标题与正文节奏 */
.guide-prose > section{padding-top:8px}
.guide-prose > section + section{padding-top:22px}
.guide-prose h2{
  font-size:clamp(26px,2.6vw,34px);
  margin-top:36px;
  margin-bottom:16px;
}
.guide-prose h3{
  font-size:clamp(18px,1.6vw,21px);
  margin-top:26px;
  margin-bottom:10px;
}
.guide-prose p{font-size:15.5px;line-height:1.85}
.guide-prose .lead{font-size:17px}

/* 表格说明文字 */
.table-caption{
  caption-side:top;
  text-align:left;
  padding:14px 16px 4px;
  font-size:12.5px;
  color:var(--text-muted);
  letter-spacing:.02em;
}
.guide-prose .table-scroll{margin:22px 0}

/* 章节内的小节列表与提示块间距 */
.guide-prose .callout{margin:22px 0}
.guide-prose pre{margin:18px 0}

@media (max-width:768px){
  .guide-hero{padding-top:36px;padding-bottom:28px}
  .guide-hero h1{font-size:clamp(28px,7.2vw,40px)}
  .guide-hero .lead{text-align:left}
  .guide-hero .wrap{align-items:flex-start;text-align:left}
  .guide-meta{justify-content:flex-start}
  .hero-glow{display:none}
  .guide-prose h2{margin-top:28px}
}

@media (max-width:640px){
  .table-caption{padding:12px 12px 2px}
}