/* ============================================================
   Clash入门指南 · clashrumen.com
   deepdoc.css —— 配置大全(handbook.html)页面专属样式
   仅补充文档页头与正文容器排版,组件一律复用 base/components
   ============================================================ */

.doc-hero{
  padding-top:64px;
  padding-bottom:12px;
}
.doc-hero h1{
  margin-top:18px;
  font-size:clamp(30px,3.4vw,46px);
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.3;
}
.doc-lead{
  margin-top:18px;
  max-width:56em;
  font-size:15px;
  line-height:1.95;
  color:var(--chalk-dim);
}
.doc-lead a{
  color:var(--chalk);
  border-bottom:1px dashed var(--chalk-dim);
}
.doc-lead a:hover{border-bottom-color:var(--chalk);}
.doc-lead code{
  background:var(--paper-sink);
  border:1px solid var(--rule);
  padding:1px 6px;
  font-size:.88em;
  color:var(--chalk);
}
.doc-note{
  margin-top:16px;
  margin-bottom:28px;
  font-size:11.5px;
  color:var(--chalk-dim);
  letter-spacing:.1em;
}

.doc-body{
  max-width:880px;
  padding-bottom:88px;
}
.doc-body h2{
  scroll-margin-top:calc(var(--head-h) + 24px);
}
.doc-body h3{
  scroll-margin-top:calc(var(--head-h) + 24px);
}
.doc-body .table-wrap{
  margin:0 0 1.4em;
}
.doc-body .cmd-box{
  margin:0 0 1.4em;
}

@media (max-width:640px){
  .doc-hero{padding-top:44px;}
}