/* ==========================================================================
   Clash免费下载 · 深文档页专属样式(deepdoc.css)
   仅 troubleshooting.html 引入;颜色一律引用 base.css 令牌。
   ========================================================================== */

/* ============ 文档页头 ============ */
.doc-hero{
  position:relative;
  padding-top:72px;
  padding-bottom:54px;
  border-bottom:1px solid var(--border-soft);
  background:
    radial-gradient(760px 300px at 88% -10%,var(--accent-10),transparent 70%),
    radial-gradient(560px 260px at 8% 110%,var(--peach-20),transparent 65%);
}
.doc-kicker{
  display:flex;align-items:center;gap:12px;margin:0 0 18px;
  font:500 11px/1 var(--font-mono);letter-spacing:.3em;color:var(--accent-2);
}
.doc-kicker::before{
  content:"";width:26px;height:1px;flex:none;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  box-shadow:0 0 8px var(--accent-55);
}
.doc-title{margin:0 0 16px;max-width:880px;font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.2}
.doc-lede{margin:0;max-width:860px;color:var(--text-muted);font-size:15.5px;line-height:1.95}
.doc-lede a{color:var(--accent-2);text-decoration:underline;text-decoration-color:var(--accent-28);text-underline-offset:3px}
.doc-lede a:hover{color:var(--text);text-decoration-color:var(--accent-2)}
.doc-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.doc-fact{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 15px;border-radius:var(--r-pill);
  border:1px solid var(--border-soft);
  font:500 11px/1 var(--font-mono);letter-spacing:.14em;color:var(--text-muted);
}
.doc-fact i{width:4px;height:4px;flex:none;transform:rotate(45deg);background:var(--accent-2);box-shadow:0 0 6px var(--peach-55)}

/* ============ 正文容器 ============ */
.doc-body{padding-top:44px;padding-bottom:96px}

/* ============ 章节块 ============ */
.chapter{padding-top:12px;padding-bottom:34px}
.chapter + .chapter{border-top:1px solid var(--border-soft);padding-top:52px}
.chapter-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:2.2em 0 .8em}
.chapter-head h2{margin:0}
.chapter-code{
  flex:none;display:inline-flex;align-items:center;
  padding:6px 12px;border-radius:var(--r-pill);
  border:1px solid var(--accent-28);background:var(--accent-08);
  font:600 11px/1 var(--font-mono);letter-spacing:.12em;color:var(--accent-2);
  box-shadow:0 0 14px -6px var(--accent-35);
}
/* 首章顶部不需要额外上距 */
.chapter:first-of-type .chapter-head{margin-top:0}

/* ============ 窄屏微调 ============ */
@media (max-width:640px){
  .doc-hero{padding-top:56px;padding-bottom:44px}
  .doc-body{padding-top:34px;padding-bottom:72px}
  .doc-title{font-size:clamp(26px,7.4vw,34px)}
  .chapter + .chapter{padding-top:40px}
}