/* ============================================================
   clashsg.com · manual.html 页面专属样式(配置大全 / 深文档)
   仅补充深文档骨架:文档头、元信息行、章节分隔。
   颜色/字体/圆角一律引用 base.css 的 :root 设计令牌。
   ============================================================ */

.doc-head{
  padding-top:48px;
  padding-bottom:4px;
}
.doc-title{
  margin-top:10px;
  font-family:var(--font-display);
  font-size:clamp(28px,4.6vw,40px);
  font-weight:800;
  letter-spacing:-.015em;
  line-height:1.22;
  color:var(--text);
}
.doc-lead{
  margin-top:14px;
  max-width:72ch;
  font-size:15.5px;
  line-height:1.8;
  color:var(--text-muted);
}
.doc-lead a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-decoration-color:var(--border);
  text-underline-offset:3px;
}
.doc-lead a:hover{text-decoration-color:var(--accent-dark);}

/* 文档元信息:等宽小胶囊,只放事实 */
.doc-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.doc-meta li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:5px 14px;
  border:1px solid var(--border);
  border-radius:var(--radius-chip);
  background:var(--bg-panel);
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--text-muted);
  max-width:100%;
  overflow:hidden;
}

.doc-toc{margin-top:26px;}

/* 章节:上分隔线 + 纵向节奏(只声明纵向 padding) */
.doc-chapter{
  margin-top:44px;
  padding-top:40px;
  border-top:1px solid var(--bg-panel-2);
}
.doc-chapter .prose > h2:first-child{margin-top:0;}

/* 锚点落点留一点呼吸 */
.prose h2{scroll-margin-top:24px;}

/* 文末去向面板 */
.doc-next{
  margin-top:56px;
  padding:26px 28px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius-card);
}
.doc-next-title{
  font-family:var(--font-display);
  font-size:18px;
  font-weight:700;
  color:var(--text);
}
.doc-next-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
}

@media (max-width:760px){
  .doc-head{padding-top:36px;}
  .doc-chapter{margin-top:36px;padding-top:32px;}
  .doc-next{padding:22px 18px;}
}