/* ============================================================
   Clash中文网 tutorial.css —— 快速上手页(setup.html)专属样式
   仅补充:步骤标签、锚点滚动留白、正文内联链接、收尾卡片间距
   ============================================================ */

/* 顶部 toc 与 callout 间距微调 */
.tut-head .toc-tabs {
  margin: 28px 0 24px;
}

.tut-head .callout {
  margin-bottom: 0;
}

/* 正文内联链接:琥珀下划线,不改变文字颜色层级 */
.tut-link {
  color: var(--c-text);
  border-bottom: 1px solid var(--c-accent);
  transition: color 0.15s var(--ease);
}

.tut-link:hover {
  color: var(--c-accent);
}

.sec-desc .tut-link,
.callout .tut-link {
  color: inherit;
}

.sec-desc .tut-link:hover,
.callout .tut-link:hover {
  color: var(--c-accent);
}

/* 步骤序号标签(等宽,置于每个 h2 之上) */
.tut-body .step-tag {
  display: inline-block;
  font-family: var(--f-mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--c-accent);
  border: 1px solid var(--c-line);
  background: var(--c-panel);
  padding: 3px 11px;
  margin: 48px 0 0;
}

.tut-body .step-tag:first-child {
  margin-top: 0;
}

/* 紧跟步骤标签的 h2 收紧上边距 */
.tut-body .step-tag + h2 {
  margin-top: 14px;
}

/* 锚点跳转时给 sticky 头部留出空间 */
.tut-body h2,
.tut-body .step-tag {
  scroll-margin-top: calc(var(--hdr-h) + 20px);
}

/* 正文中的命令框留出与段落一致的间距 */
.tut-body .cmdbox {
  margin: 0 0 18px;
}

/* 收尾三卡:标题与按钮间距 */
.tut-next {
  margin-top: 32px;
}

.tut-next h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

.tut-next p {
  font-size: 13.5px;
  color: var(--c-mute);
  margin-bottom: 16px;
}