.tour-layer{position:fixed;inset:0;z-index:9000;pointer-events:none;font-family:var(--font-ui,"Inter","Noto Sans TC",sans-serif);color:var(--bone);line-height:1.5}.tour-block{position:absolute;inset:0;pointer-events:auto;background:transparent}.tour-layer.tour-dim .tour-block{background:#080c169e}.tour-spot{position:fixed;border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px #080c169e,0 0 0 2px var(--brass);transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease,opacity .2s}.tour-spot.tour-pulse:after{content:"";position:absolute;inset:-6px;border-radius:16px;border:2px solid var(--brass);animation:tourPulse 1.6s ease-out infinite}@keyframes tourPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.tour-card{position:fixed;width:min(340px,calc(100vw - 32px));pointer-events:auto;background:var(--panel);color:var(--bone);border:1px solid var(--hairline);border-radius:14px;padding:16px 16px 12px;box-shadow:0 18px 48px #00000059;transition:top .35s ease,left .35s ease,opacity .2s,transform .25s ease}.tour-card.tour-in{animation:tourIn .28s ease both}@keyframes tourIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tour-step{font-size:12px;color:var(--faint);letter-spacing:.04em;margin-bottom:4px}.tour-title{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.35}.tour-body{margin:0 0 12px;font-size:14px;line-height:1.65;color:var(--bone-dim)}.tour-dots{display:flex;gap:5px;margin-bottom:12px}.tour-dots i{width:18px;height:4px;border-radius:2px;background:var(--hairline)}.tour-dots i.on{background:var(--brass)}.tour-actions{display:flex;align-items:center;gap:8px}.tour-actions .tour-skip{margin-right:auto;background:none;border:0;color:var(--faint);font:inherit;font-size:13px;cursor:pointer;padding:6px 4px}.tour-actions .tour-skip:hover{color:var(--bone)}.tour-btn{font:inherit;font-size:14px;font-weight:600;border-radius:9px;padding:8px 14px;cursor:pointer;border:1px solid var(--hairline);background:var(--panel-2);color:var(--bone)}.tour-btn.tour-primary{background:var(--brass);border-color:var(--brass);color:var(--accent-ink)}.tour-btn.tour-primary:hover{background:var(--brass-hover);border-color:var(--brass-hover)}.tour-btn:focus-visible,.tour-skip:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.tour-loading{font-size:13px;color:var(--faint);padding:6px 0}@media(prefers-reduced-motion:reduce){.tour-spot,.tour-card{transition:none}.tour-spot.tour-pulse:after,.tour-card.tour-in{animation:none}}.tour-help{width:26px;height:26px;border-radius:50%;padding:0;cursor:pointer;flex:none;font:inherit;font-size:14px;font-weight:700;line-height:1;border:1px solid var(--hairline);background:var(--panel-2);color:var(--brass)}.tour-help:hover{background:var(--brass);border-color:var(--brass);color:var(--accent-ink)}.tour-help:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.tour-hint{font-family:var(--font-ui,"Inter","Noto Sans TC",sans-serif);line-height:1.5;position:fixed;right:16px;bottom:16px;z-index:8000;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));padding:10px 10px 10px 14px;background:var(--panel);color:var(--bone);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 10px 30px #00000040;font-size:14px;animation:tourIn .3s ease both}.tour-hint-text{line-height:1.45}.tour-hint .tour-btn{padding:6px 12px;white-space:nowrap}.tour-hint-x{background:none;border:0;color:var(--faint);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px}.tour-hint-x:hover{color:var(--bone)}.tour-hint-x:focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media(max-width:767px){.tour-hint{left:16px;right:16px;bottom:76px;max-width:none}}@media(prefers-reduced-motion:reduce){.tour-hint{animation:none}}
