.tour{position:fixed;inset:0;z-index:4000;pointer-events:none;font-family:var(--sans);}
.tour-mask{position:fixed;left:0;top:0;pointer-events:auto;}
.tour-ring{position:fixed;border-radius:14px;pointer-events:none;box-shadow:0 0 0 1.5px rgba(38,180,255,0.9),0 0 28px rgba(38,180,255,0.35);animation:tourIn .22s ease both;}
@keyframes tourIn{from{opacity:0}to{opacity:1}}
.tour-card{position:fixed;pointer-events:auto;width:min(360px,calc(100vw - 24px));padding:16px 18px 14px;border-radius:14px;background:#0C1628;border:1px solid rgba(38,180,255,0.45);box-shadow:0 18px 50px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.03) inset;color:var(--ink);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;}
.tour-card.on{opacity:1;transform:none;}
.tour-k{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--cyan);}
.tour-x{width:26px;height:26px;margin:-6px -8px -6px 0;border:none;background:none;color:var(--ink-dim);font-size:20px;line-height:1;cursor:pointer;border-radius:6px;}
.tour-x:hover{color:#fff;background:rgba(255,255,255,0.06);}
.tour-t{margin:8px 0 6px;font-size:18px;font-weight:700;letter-spacing:-0.2px;}
.tour-b{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-dim);text-wrap:pretty;}
.tour-dots{display:flex;gap:5px;margin:14px 0 12px;}
.tour-dot{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:rgba(159,178,204,0.25);cursor:pointer;transition:.18s;}
.tour-dot.done{background:rgba(38,180,255,0.45);}
.tour-dot.on{width:20px;border-radius:4px;background:var(--cyan);}
.tour-f{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.tour-nav{display:flex;gap:8px;margin-left:auto;}
.tour-skip{border:none;background:none;padding:6px 0;font:inherit;font-size:12.5px;color:var(--ink-faint);cursor:pointer;}
.tour-skip:hover{color:var(--ink-dim);text-decoration:underline;}
.tour-btn{height:34px;padding:0 14px;border-radius:9px;border:1px solid rgba(159,178,204,0.25);background:rgba(255,255,255,0.04);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;}
.tour-btn:hover{border-color:rgba(159,178,204,0.5);}
.tour-btn.pri{background:var(--blue);border-color:var(--blue);color:#fff;}
.tour-btn.pri:hover{background:#3797ff;}
@media(max-width:760px){.tour-card{padding:14px 15px 12px;}.tour-t{font-size:16.5px;}.tour-b{font-size:13px;}.tour-btn{height:40px;}}
.ws-grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;}
.ws-grp-r{margin-left:auto;}
.ws-grp-r .ws-back{margin-left:0;}
.nav-jump.ws-guide{display:inline-flex;align-items:center;gap:6px;background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.45);color:#c4b0ff;}
.nav-jump.ws-guide:hover{background:rgba(139,92,246,0.18);box-shadow:0 0 12px rgba(139,92,246,0.28);}
.ws-guide-i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1px solid currentColor;font-size:9px;font-weight:700;}