/* ============================================================
   Clash中文社区 · tutorial.css
   setup.html 使用文档页专属样式
   页头刊头 / 导语 / 步骤分区锚点 / 进阶求助面板
   ============================================================ */

/* 页头区:刊头 + 大标题 + 导语 + 元信息行 */
.tut-head{margin-bottom:26px}
.tut-kicker{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  color:var(--cinnabar);margin-bottom:10px;
}
.tut-kicker::before{
  content:"";display:inline-block;width:8px;height:8px;
  background:var(--cinnabar);margin-right:9px;vertical-align:1px;
}
.tut-lead{
  margin-top:14px;font-size:16px;line-height:1.8;
  color:var(--ink);max-width:44em;
}
.tut-meta{
  margin-top:12px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;
  color:var(--ink-soft);
}
.tut-meta span + span::before{
  content:"·";margin:0 10px;color:var(--line);
}

/* 页头下方组件节奏 */
.tut-toc{margin-bottom:22px}
.tut-platform{margin-bottom:34px}

/* 步骤分区:锚点跳转留顶部余量,分区之间拉开间距 */
.tut-step{scroll-margin-top:20px}
.tut-step + .tut-step{margin-top:2.4em}

/* 进阶与求助区 */
.tut-next{margin-top:48px;scroll-margin-top:20px}
.next-panel h3{font-size:16px;color:var(--navy)}
.next-panel p{margin-top:8px;font-size:13px;line-height:1.75;color:var(--ink-soft)}
.next-panel .go{
  display:inline-block;margin-top:12px;
  font-size:13px;font-weight:600;color:var(--cinnabar);
}
.next-panel .go::after{content:" →"}
.next-panel .go:hover{text-decoration:underline;text-underline-offset:3px}

@media (max-width:640px){
  .tut-lead{font-size:15px}
  .tut-next{margin-top:40px}
}