/* ============================================================
   Clash客户端下载站 · 深文档页(reference.html)专属样式
   依赖 base.css 令牌,不出现硬编码颜色
   ============================================================ */

/* 文档头部 */
.doc-head{
  padding-top:56px;
  padding-bottom:30px;
}
.doc-head h1{margin-bottom:18px}
.doc-lead{
  max-width:760px;
  color:var(--ink-mute);
  font-size:15.5px;
  line-height:1.9;
}
.doc-facts{
  list-style:none;
  padding-left:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  margin-top:18px;
  font-size:12px;
  color:var(--ink-mute);
}
.doc-facts li{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}
.doc-facts li::before{
  content:"//";
  color:var(--lava);
  margin-right:7px;
  flex-shrink:0;
}

/* 正文容器 */
.doc-main{
  padding-top:8px;
  padding-bottom:56px;
}

/* 章节 */
.doc-chapter{
  border-top:1px solid var(--rule);
  padding-top:46px;
  padding-bottom:20px;
  margin-top:26px;
}
.doc-chapter:first-child{margin-top:20px}
.doc-chapter h2{
  scroll-margin-top:calc(var(--hd-h) + 20px);
  margin-bottom:14px;
}
.doc-chapter h3{
  margin-top:30px;
  margin-bottom:10px;
}
.doc-chapter p{
  max-width:820px;
  font-size:15px;
  line-height:1.95;
  color:var(--ink);
}
.doc-chapter p + p{margin-top:1em}
.doc-chapter pre{
  margin-top:14px;
  margin-bottom:14px;
  max-width:820px;
}
.doc-chapter .tbl-scroll{
  margin-top:14px;
  margin-bottom:14px;
}
.doc-chapter .callout{max-width:820px}

/* 目录条与正文的呼吸 */
.toc-tabs{margin-top:6px}

@media (max-width:640px){
  .doc-head{padding-top:38px;padding-bottom:22px}
  .doc-chapter{padding-top:34px;padding-bottom:14px;margin-top:20px}
  .doc-chapter p{font-size:14.5px}
}