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