/* ============================================================
   Clash官网 · clashlatest.com
   deepdoc.css —— manual.html(安装大全)专属样式
   章节编号字牌 / 锚点偏移 / 文档头部节奏
   ============================================================ */

.doc-head{
  padding-top:64px;
  padding-bottom:36px;
}
.doc-title{
  font-size:clamp(24px,3.4vw,34px);
}
.doc-updated{
  margin-top:16px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--c-muted);
}
.doc-head .toc-tabs{
  margin-top:24px;
}

.doc-body{
  padding-top:8px;
  padding-bottom:96px;
}

/* 锚点跳转时避开吸顶页头 */
.prose h2[id]{
  scroll-margin-top:calc(var(--head-h) + 24px);
}

/* 章节编号:小字牌,呼应告示牌构件语言 */
.ch-code{
  display:inline-block;
  position:relative;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:400;
  letter-spacing:.22em;
  color:var(--c-accent);
  background:var(--c-panel2);
  border-radius:var(--radius-tile);
  box-shadow:var(--shadow-tile);
  padding:6px 10px;
  margin-right:12px;
  vertical-align:4px;
  white-space:nowrap;
}

@media (max-width:640px){
  .doc-head{
    padding-top:44px;
    padding-bottom:28px;
  }
  .doc-body{
    padding-bottom:72px;
  }
  .ch-code{
    display:block;
    width:max-content;
    margin-right:0;
    margin-bottom:10px;
    vertical-align:baseline;
  }
}