/* ============================================================
   Clash for Linux — deepdoc.css
   完整手册页(advanced.html)专属:文档头 / 粘性章节目录
   / 章节编号胶囊 / 章尾导流卡
   ============================================================ */

/* ---------- 文档头 ---------- */
.doc-head{
  padding-top:64px;
  padding-bottom:40px;
}
.doc-kicker{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ink-muted);
}
.doc-head h1{
  margin-top:14px;
  max-width:840px;
}
.doc-lede{
  margin-top:18px;
  max-width:700px;
  font-size:16.5px;
  line-height:1.85;
  color:var(--ink-muted);
}
.doc-lede a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.doc-lede a:hover{color:var(--ink);}
.doc-facts{
  margin-top:24px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* ---------- 粘性章节目录 ---------- */
.doc-toc{
  position:sticky;
  top:var(--head-h);
  z-index:15;
  background:var(--bg);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.doc-toc .toc-tabs{
  max-width:var(--wrap-max);
  margin-inline:auto;
  padding-top:12px;
  padding-bottom:8px;
  padding-left:var(--gutter);
  padding-right:var(--gutter);
}

/* ---------- 章节 ---------- */
.doc-body{
  padding-bottom:32px;
}
.chapter{
  padding-top:64px;
  scroll-margin-top:calc(var(--head-h) + 72px);
}
.ch-head{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
}
.ch-no{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--accent-dark);
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius-pill);
  padding:3px 12px;
  white-space:nowrap;
  flex-shrink:0;
}
.chapter .prose{
  margin-top:22px;
  max-width:820px;
}

/* ---------- 章尾导流卡 ---------- */
.doc-next{
  margin-top:72px;
}
.doc-next .sec-title{margin-top:8px;}
.doc-next-grid{margin-top:24px;}
.doc-next-card{
  display:block;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.doc-next-card:hover{
  border-color:var(--ink-muted);
  box-shadow:var(--shadow-lift);
}
.doc-next-card h3{color:var(--ink);}
.doc-next-card p{
  margin-top:8px;
  font-size:13.5px;
  line-height:1.75;
  color:var(--ink-muted);
}

/* ---------- 窄屏 ---------- */
@media (max-width:640px){
  .doc-head{padding-top:48px;padding-bottom:32px;}
  .chapter{padding-top:48px;}
  .doc-next{margin-top:56px;}
}