/* =========================================================
   clashguanfang.com · 完整文档页(troubleshooting.html)专属样式
   依赖 base.css / components.css 的设计令牌
   ========================================================= */

.doc-hero{padding-bottom:28px}

.doc-title{margin-top:10px}

.doc-lead{
  margin-top:14px;
  max-width:720px;
  font-size:16px;
  line-height:1.85;
  color:var(--c-muted);
}
.doc-lead a{color:var(--c-accent-dark);font-weight:600}
.doc-lead a:hover{text-decoration:underline}

.doc-hero .toc-tabs{margin-top:26px}

.doc-main{padding-bottom:56px}

/* 正文玻璃承载层 */
.doc-shell{
  border-radius:var(--r-xl);
  background:var(--glass-win);
  -webkit-backdrop-filter:blur(26px) saturate(1.4);
  backdrop-filter:blur(26px) saturate(1.4);
  box-shadow:var(--sh-bar);
  padding:clamp(22px,4.5vw,52px);
}

/* 章节锚点跳转时避开吸附区 */
.doc-body h2{
  scroll-margin-top:calc(var(--head-h) + 24px);
}
.doc-body h2:first-child{margin-top:0}

/* 章节之间加一条柔和分隔 */
.doc-body h2 + p,
.doc-body h2 + .table-wrap{margin-top:14px}
.doc-body h2:not(:first-child){
  padding-top:34px;
  box-shadow:inset 0 1px 0 var(--c-border);
}

@media (max-width:640px){
  .doc-shell{border-radius:var(--r-lg)}
  .doc-lead{font-size:15px}
}