/* =============================================================
   Clash中文指南 · 教程页专属样式 tutorial.css
   依赖 base.css 设计令牌;仅补充锚点偏移与文末引导面板
   ============================================================= */

/* 锚点跳转时避开 sticky 头部 */
#prepare,
#import,
#mode,
#connect,
#verify,
#config,
#troubleshoot {
  scroll-margin-top: 78px;
}

/* 故障排查末尾的"下一步"面板 */
.next-panel {
  margin-top: 2rem;
  border-top: 3px solid var(--brick);
}
.next-panel p { color: var(--ink-mute); }
.next-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

@media (max-width: 640px) {
  .next-actions .btn { width: 100%; }
}