/* =====================================================
   Clash下载 · clash06.com —— 教程页(quickstart.html)专属样式
   只补充导语、步骤序号章与锚点滚动偏移,其余全部复用共享组件。
   ===================================================== */

/* 页首导语 */
.tut-lede{
  color:var(--text-muted);
  font-size:17px;
  max-width:680px;
  margin-top:16px;
  margin-bottom:26px;
}

.tut-lede a{color:var(--accent);}
.tut-lede a:hover{color:var(--accent-dark);}

/* 步骤序号章:呼应首页花瓣手记的圆钝色块语言 */
.step-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  flex-shrink:0;
  border-radius:17px 17px 17px 7px;
  background:linear-gradient(135deg,var(--accent),var(--peach-deep));
  color:var(--bg-panel);
  font-family:var(--font-display);
  font-size:21px;
  font-weight:700;
  margin-right:13px;
  vertical-align:-9px;
}

/* 锚点跳转时给 sticky 页头让位 */
.prose h2[id]{
  scroll-margin-top:calc(var(--nav-h) + 22px);
}

/* 窄屏收紧序号章 */
@media (max-width:640px){
  .step-no{
    width:36px;
    height:36px;
    font-size:18px;
    border-radius:14px 14px 14px 6px;
    margin-right:10px;
    vertical-align:-8px;
  }
}