/* ===== 首次使用引导弹窗 ===== */
.guide-overlay{position:fixed;inset:0;background:rgba(10,10,12,.8);z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.guide-overlay.show{opacity:1;pointer-events:auto}
.guide-card{background:rgba(22,22,26,.95);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 32px;max-width:360px;width:calc(100% - 40px);text-align:left;transform:translateY(20px) scale(.94);transition:transform .6s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)}
.guide-overlay.show .guide-card{transform:translateY(0) scale(1)}
.guide-steps{display:flex;flex-direction:column;gap:28px;margin:36px 0}
.guide-step{display:flex;align-items:flex-start;gap:18px;opacity:0;transform:translateX(-16px);transition:all .6s cubic-bezier(.16,1,.3,1)}
.guide-overlay.show .guide-step{opacity:1;transform:translateX(0)}
.guide-overlay.show .guide-step:nth-child(1){transition-delay:.25s}
.guide-overlay.show .guide-step:nth-child(2){transition-delay:.4s}
.guide-overlay.show .guide-step:nth-child(3){transition-delay:.55s}
.guide-num{width:32px;height:32px;border-radius:10px;background:rgba(var(--accent-rgb),.15);color:var(--accent);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(var(--accent-rgb),.2)}
.guide-step-text{font-size:14px;color:var(--text-secondary);line-height:1.6}
.guide-step-text strong{color:var(--text-primary);font-weight:600}
.guide-title{font-size:22px;color:var(--text-primary);font-weight:600;margin-bottom:8px;letter-spacing:-0.02em;font-family:inherit}
.guide-subtitle{font-size:12px;color:var(--text-tertiary);font-family:inherit;letter-spacing:.02em}
.guide-btn{margin-top:12px;padding:16px 40px;border:none;border-radius:2%;cursor:pointer;background:rgba(255,255,255,.08);color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:500;letter-spacing:0;transition:all .3s var(--ease-out);min-height:52px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 4px 16px rgba(0,0,0,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(max-width:480px){
  .guide-card{padding:28px 24px;max-width:320px;width:calc(100% - 32px)}
  .guide-steps{gap:20px;margin:24px 0}
  .guide-step{gap:14px}
  .guide-num{width:28px;height:28px;font-size:12px}
  .guide-step-text{font-size:13px}
  .guide-title{font-size:18px}
  .guide-subtitle{font-size:11px}
  .guide-btn{padding:14px 32px;font-size:14px;min-height:48px;width:100%}
}
.guide-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 8px 32px rgba(0,0,0,.3)}
.guide-btn:active{transform:scale(.97);transition-duration:.08s}
.guide-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* 减弱动画模式 */
@media(prefers-reduced-motion:reduce){
  .guide-overlay,.guide-card,.guide-step{transition:none}
  .guide-overlay.show .guide-step{opacity:1;transform:none}
}