/* =========================================================
   Clash正版官网 · 教程页(setup.html)专属样式
   仅补充页面题头与收尾引导排版,全部引用 base.css 设计令牌。
   ========================================================= */

/* ---------- 页面题头 ---------- */
.tz-head{
  padding-top:46px;
  padding-bottom:28px;
  border-bottom:3px double var(--line-gold);
}
.tz-kicker{
  display:flex;align-items:center;gap:14px;
  font-family:var(--font-display);
  font-size:13px;letter-spacing:.4em;
  color:var(--ink-muted);
}
.tz-kicker::before{content:"";width:30px;height:1px;background:var(--line-gold);flex-shrink:0}
.tz-kicker::after{content:"";width:56px;height:1px;background:var(--line-gold);flex-shrink:0}
.tz-h1{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(26px,3.6vw,40px);
  line-height:1.4;letter-spacing:.06em;
  margin:16px 0 0;
}
.tz-lede{
  margin:16px 0 0;
  max-width:760px;
  font-size:15px;line-height:2.05;
  color:var(--ink-muted);
}
.tz-lede a{border-bottom:1px solid var(--line-gold);padding-bottom:1px;color:var(--ink)}
.tz-lede a:hover{border-bottom-color:var(--ink-muted)}

/* ---------- 正文微调 ---------- */
.tz-prose{margin-inline:auto;max-width:820px}
.tz-prose h2{scroll-margin-top:24px}

/* ---------- 收尾引导纸面 ---------- */
.tz-endsheet{
  max-width:820px;
  margin-inline:auto;
  padding:32px 34px;
}
.tz-end-title{
  position:relative;
  font-family:var(--font-display);
  font-size:19px;letter-spacing:.14em;
  margin-bottom:10px;
}
.tz-end-text{
  position:relative;
  font-size:14px;line-height:2;
  color:var(--ink-muted);
  max-width:620px;
  margin:0 0 20px;
}
.tz-end-actions{
  position:relative;
  display:flex;flex-wrap:wrap;gap:10px;
}

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .tz-head{padding-top:32px;padding-bottom:22px}
  .tz-kicker{letter-spacing:.24em}
  .tz-endsheet{padding:26px 20px}
  .tz-end-actions .gz-btn{flex:1 1 100%}
}