/* AI 手册 A–G 首次使用引导 */
.handbook-tour-launch{
  position:fixed;left:20px;bottom:20px;z-index:70;display:inline-flex;align-items:center;gap:7px;
  min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:100px;
  background:rgba(255,255,255,.94);color:var(--ink-soft);box-shadow:0 8px 28px rgba(11,11,13,.09);
  font:600 11px var(--sans);cursor:pointer;backdrop-filter:blur(12px);transition:.18s ease;
}
.handbook-tour-launch:hover,.handbook-tour-launch:focus-visible{
  border-color:var(--accent);color:var(--accent);outline:none;transform:translateY(-1px);
}
.handbook-tour-launch .tour-help-icon{
  width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);
  color:var(--accent);font:700 12px var(--mono);
}
.handbook-tour-launch[hidden]{display:none}

.handbook-tour{position:fixed;inset:0;z-index:1000;display:none;pointer-events:auto}
.handbook-tour.is-open{display:block}
.handbook-tour-scrim{position:absolute;inset:0;background:rgba(11,11,13,.66);transition:background .2s ease}
.handbook-tour.is-stepping .handbook-tour-scrim{background:transparent}
.handbook-tour-focus{
  position:fixed;display:none;border:2px solid #6f6aff;border-radius:18px;
  box-shadow:0 0 0 9999px rgba(11,11,13,.68),0 0 0 6px rgba(58,52,255,.16);
  pointer-events:none;transition:left .24s ease,top .24s ease,width .24s ease,height .24s ease;
}
.handbook-tour.is-stepping .handbook-tour-focus{display:block}
.handbook-tour-panel{
  position:fixed;width:min(372px,calc(100vw - 32px));padding:22px;border:1px solid rgba(255,255,255,.18);
  border-radius:18px;background:#fff;color:#0b0b0d;box-shadow:0 24px 80px rgba(0,0,0,.28);
}
.handbook-tour-panel.is-welcome{
  left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));padding:28px;
}
.handbook-tour-kicker{margin-bottom:8px;color:var(--accent);font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.handbook-tour-panel h2{margin:0 0 9px;font:900 25px/1.25 var(--serif);letter-spacing:-.01em}
.handbook-tour-panel p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.7}
.handbook-tour-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0 4px}
.handbook-tour-flow span{padding:8px 4px;border:1px solid var(--line-soft);border-radius:9px;background:var(--bg);text-align:center;color:var(--ink-soft);font-size:11px}
.handbook-tour-flow b{display:block;margin-bottom:3px;color:var(--accent);font:700 10px var(--mono)}
.handbook-tour-progress{display:flex;align-items:center;gap:6px;margin-top:17px}
.handbook-tour-progress span{width:6px;height:6px;border-radius:50%;background:var(--line)}
.handbook-tour-progress span.on{width:18px;border-radius:100px;background:var(--accent)}
.handbook-tour-count{margin-left:auto;color:var(--ink-mute);font:10px var(--mono)}
.handbook-tour-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:18px}
.handbook-tour-btn{min-height:36px;padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink-soft);font:600 12px var(--sans);cursor:pointer}
.handbook-tour-btn:hover,.handbook-tour-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}
.handbook-tour-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff;padding-inline:17px}
.handbook-tour-btn.primary:hover,.handbook-tour-btn.primary:focus-visible{background:#2923d9;color:#fff}
.handbook-tour-skip{margin-right:auto;border:0;background:transparent;color:var(--ink-mute);font:11px var(--sans);cursor:pointer}
.handbook-tour-skip:hover,.handbook-tour-skip:focus-visible{color:var(--accent);outline:none}

@media(max-width:620px){
  .handbook-tour-launch{left:14px;bottom:14px}
  .handbook-tour-panel,.handbook-tour-panel.is-welcome{padding:20px}
  .handbook-tour-panel h2{font-size:21px}
  .handbook-tour-flow{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .handbook-tour-focus,.handbook-tour-launch{transition:none}
}