/* ==========================================================================
   VPNQK — deepdoc.css
   完全指南页专属样式:章节节奏、章号、导语、收尾面板
   仅补充 base.css / components.css 未覆盖的部分,不重复定义既有组件
   ========================================================================== */

.hb-wrap{
  max-width:960px;
}

.hb-wrap .toc-tabs{
  margin-bottom:30px;
}

.hb-lead{
  margin-bottom:8px;
  padding:16px 18px;
  border:1px solid var(--border);
  border-left:3px solid var(--accent);
  border-radius:var(--r-md);
  background:var(--bg-panel);
  box-shadow:var(--shadow-card);
  font-size:14.5px;
  line-height:1.85;
  color:var(--text-muted);
}

.hb-lead a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:2px;
}

.hb-lead a:hover{
  color:var(--accent);
}

.hb-chapter{
  margin-top:36px;
  padding-top:34px;
  border-top:1px solid var(--border-soft);
}

.hb-chapter:first-of-type{
  margin-top:24px;
}

.hb-num{
  display:block;
  margin-bottom:8px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.12em;
  color:var(--accent-dark);
}

.hb-chapter > h2{
  margin-bottom:16px;
  font-family:var(--font-display);
  font-size:clamp(23px,2.9vw,30px);
  font-weight:700;
  line-height:1.28;
  letter-spacing:-.025em;
  color:var(--text);
}

.hb-end{
  margin-top:44px;
  background:linear-gradient(150deg,var(--accent-a06),var(--bg-panel) 60%);
  border-color:var(--accent-a20);
}

.hb-end-title{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.02em;
  color:var(--text);
}

.hb-end-text{
  margin-top:10px;
  font-size:14px;
  line-height:1.85;
  color:var(--text-muted);
}

.hb-end-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

@media (max-width:640px){
  .hb-wrap .toc-tabs{margin-bottom:22px}
  .hb-chapter{margin-top:28px;padding-top:26px}
  .hb-lead{padding:14px 15px;font-size:14px}
  .hb-end-actions .btn{width:100%}
}