/* ==========================================================================
   Clash资源站 · tutorial.css — 教程页(CL-05)专属样式
   页首卡目区 / 步骤锚点留距 / 教程正文列宽 / 结尾双卡
   ========================================================================== */

/* ---------- 页首卡目区 ---------- */
.tut-head{
  padding-top:52px;
  padding-bottom:36px;
  border-bottom:1px solid var(--oak);
  background:var(--paper-2);
}
.tut-eyebrow{
  letter-spacing:0.3em;
}
.tut-head h1{
  margin-top:12px;
  font-size:clamp(26px,4.6vw,42px);
  line-height:1.22;
  max-width:820px;
}
.tut-lead{
  margin-top:14px;
  max-width:760px;
  font-size:15.5px;
  line-height:1.9;
  color:var(--ink-2);
}
.tut-lead a{
  color:var(--stamp);
  border-bottom:1px solid var(--stamp);
}
.tut-meta{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:0.05em;
  color:var(--ink-2);
}
.tut-meta b{
  color:var(--stamp);
  font-weight:700;
}
.tut-toc{
  margin-top:22px;
}
.tut-callout{
  margin-top:22px;
  margin-bottom:0;
  max-width:920px;
}
.tut-callout a{
  color:var(--stamp);
  border-bottom:1px solid var(--stamp);
}

/* ---------- 步骤区 ---------- */
section[id]{
  scroll-margin-top:22px;
}
.tut-prose{
  margin-top:26px;
}
.tut-prose a{
  color:var(--stamp);
  border-bottom:1px solid var(--stamp);
}
.tut-prose a:hover{
  color:var(--stamp-deep);
  border-bottom-color:var(--stamp-deep);
}
.tut-prose p,
.tut-prose li{
  font-size:15px;
  line-height:1.95;
}
.tut-prose h3{
  font-size:18px;
  padding-left:12px;
  box-shadow:inset 3px 0 0 var(--stamp);
}
.tut-prose .callout{
  margin-top:26px;
  margin-bottom:4px;
}

/* ---------- 结尾双卡 ---------- */
.next-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
  max-width:900px;
}
.next-grid > *{min-width:0}
.next-card h3{
  font-size:18px;
  line-height:1.45;
  margin-bottom:8px;
}
.next-desc{
  font-size:14px;
  line-height:1.85;
  color:var(--ink-2);
}
.next-cta{
  margin-top:14px;
}

@media (max-width:640px){
  .tut-head{
    padding-top:38px;
    padding-bottom:28px;
  }
  .tut-meta{gap:6px 14px}
}