.tour-frame{height:clamp(420px,72vh,760px);color:var(--paper);-webkit-user-select:none;user-select:none;background:#101c15;border-radius:18px;font-family:system-ui,Noto Sans TC,Microsoft JhengHei,sans-serif;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #0009}.tour-frame:fullscreen,.tour-frame.is-fs{border-radius:0;height:100vh}.tour-canvas{cursor:crosshair;outline:none;display:block;width:100%!important;height:100%!important}.tour-hud{z-index:10;backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;pointer-events:none;background:#101c15b8;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.6;position:absolute;top:10px;left:10px}#tour-name{color:var(--gold-soft);letter-spacing:.06em;font-size:15px}#tour-hint{opacity:.72}#tour-stats{opacity:.9;font-size:12px}#tour-fs{z-index:10;backdrop-filter:blur(6px);color:var(--paper);font:inherit;cursor:pointer;background:#101c15b8;border:1.5px solid #e8d9b457;border-radius:10px;padding:8px 12px;font-size:13px;position:absolute;top:10px;right:10px}#tour-fs:hover{background:#e8d9b429}#tour-help{z-index:10;backdrop-filter:blur(6px);letter-spacing:.04em;opacity:.82;pointer-events:none;white-space:nowrap;background:#101c15b8;border-radius:999px;padding:7px 14px;font-size:12px;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.tour-tap{z-index:9;border:2px solid var(--gold-soft);pointer-events:none;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:.45s ease-out forwards tour-tap;position:absolute}@keyframes tour-tap{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1)}}#tour-switcher-wrap{z-index:10;background:linear-gradient(#0000,#101c15d1 42%);position:absolute;bottom:0;left:0;right:0}#tour-switcher-wrap:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#101c15eb);width:42px;transition:opacity .25s;position:absolute;top:0;bottom:0;right:0}#tour-switcher-wrap[data-more]:after{opacity:1}#tour-switcher{scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:8px;padding:12px;display:flex;overflow-x:auto}#tour-switcher::-webkit-scrollbar{display:none}.tour-space{min-height:52px;color:var(--paper);font:inherit;cursor:pointer;background:#101c158c;border:1.5px solid #e8d9b457;border-radius:12px;flex-direction:column;flex:none;align-items:flex-start;gap:1px;padding:8px 16px;transition:background .25s,border-color .25s,opacity .2s;display:flex}.tour-space b{letter-spacing:.05em;font-size:14.5px;font-weight:500}.tour-space i{opacity:.66;font-size:11px;font-style:normal}.tour-space:hover:not(:disabled){background:#e8d9b429}.tour-space.on{background:var(--gold-soft);border-color:var(--gold-soft);color:#17251c}.tour-space.on i{opacity:.78}.tour-space:disabled{opacity:.45;cursor:default}.tour-space:focus-visible{outline:2.5px solid var(--gold-soft);outline-offset:3px}@media (width<=430px){#tour-switcher{gap:6px;padding-inline:10px}.tour-space{padding:8px 12px}}#tour-doors{z-index:20;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}#tour-doors .leaf{background:linear-gradient(#1b2c21,#12201a);width:50.6%;transition:transform .5s cubic-bezier(.7,0,.3,1);position:absolute;top:0;bottom:0}#tour-doors .leaf.l{left:0;transform:translate(-101%)}#tour-doors .leaf.r{right:0;transform:translate(101%)}#tour-doors.shut{pointer-events:all}#tour-doors.shut .leaf.l,#tour-doors.shut .leaf.r{transform:translate(0)}#tour-doors:after{content:"";opacity:0;background:linear-gradient(#0000,#ffd98a8c,#0000);width:2px;margin-left:-1px;transition:opacity .5s .12s;position:absolute;top:0;bottom:0;left:50%}#tour-doors.shut:after{opacity:1}#tour-doors .door-text{z-index:1;opacity:0;place-items:center;gap:8px;transition:opacity .35s .1s;display:grid;position:relative}#tour-doors.shut .door-text{opacity:1}#tour-door-label{letter-spacing:.34em;color:var(--gold-soft);font-size:20px}#tour-door-progress{letter-spacing:.1em;opacity:.75;min-height:1.2em;font-size:12px}#tour-nogl{z-index:30;text-align:center;background:#101c15;place-items:center;padding:24px;display:grid;position:absolute;inset:0}#tour-nogl p{opacity:.85;max-width:26em}@media (prefers-reduced-motion:reduce){#tour-doors .leaf,#tour-doors:after,#tour-doors .door-text{transition-duration:.01ms}.tour-tap{animation-duration:.01ms}}#tour-nogl[hidden],#tour-help[hidden],#tour-stats[hidden],#tour-fs[hidden]{display:none}#tour-focus-hint{z-index:12;pointer-events:none;background:linear-gradient(#101c150d,#101c1547);place-items:center;display:grid;position:absolute;inset:0}#tour-focus-hint span{backdrop-filter:blur(6px);color:var(--gold-soft);letter-spacing:.14em;background:#101c15bd;border:1.5px solid #e8d9b48c;border-radius:999px;padding:10px 20px;font-size:14px}#tour-focus-hint[hidden]{display:none}.tour-frame.is-focused{box-shadow:0 0 0 2px var(--gold-soft), 0 30px 80px -30px #0009}.tour-frame:not(.is-focused) .tour-canvas{cursor:pointer}#tour-next{z-index:10;backdrop-filter:blur(6px);color:var(--gold-soft);font:inherit;cursor:pointer;background:#101c15b8;border:1.5px solid #e8d9b457;border-radius:10px;padding:8px 12px;font-size:13px;position:absolute;top:52px;right:10px}#tour-next:hover{background:#e8d9b429}#tour-next[hidden],#tour-hint[hidden]{display:none}
