*{box-sizing:border-box}html{background:#070b13;color-scheme:dark;overflow-x:clip}body{margin:0;background:#070b13;color:#f5f6fb;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #c5ddff;outline-offset:3px}
#mobile-stage{position:fixed;inset:0 auto auto 50%;transform:translateX(-50%);width:min(100%,430px);height:100svh;overflow:hidden;isolation:isolate;background:#070b13}.screen-host{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity}.screen-host[data-current=true]{opacity:1;pointer-events:auto}.screen-host[data-loading=true]::after{content:"正在准备场景…";position:absolute;bottom:16px;right:16px;z-index:15;background:#07101ad9;padding:6px 10px;border:1px solid #dce9ff55;border-radius:20px;font-size:10px;color:#d2e2fa}#scroll-surface{position:absolute;inset:0;width:100%;height:100%;z-index:20;visibility:hidden;pointer-events:none}#scroll-surface[data-show=true]{visibility:visible}#site-loading{position:absolute;inset:0;z-index:40;display:grid;place-content:center;text-align:center;gap:12px;font-weight:800;letter-spacing:-1px;font-size:30px;background:#070b13}#site-loading small{font-size:12px;letter-spacing:1px;font-weight:400;color:#a6b4cd}#site-loading[hidden]{display:none}
.site-tools{position:fixed;z-index:40;top:calc(17px + env(safe-area-inset-top));left:calc(50% + 3px);transform:translateX(-50%);display:flex;gap:3px}.site-tools button{display:grid;place-items:center;width:30px;height:32px;border-radius:50%;border:1px solid #bfd1ea29;background:#070d19a8;color:#d6e1f3;font-size:15px;padding:0}.site-tools #site-music[aria-pressed=true]{border-color:#bfd1eaa3;color:#fff}.site-tools button:focus-visible{outline-offset:1px}#media-unlock{position:fixed;z-index:50;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);min-height:44px;padding:11px 20px;border:1px solid #c9dfff;border-radius:24px;background:#101b30f2;color:#fff;font-size:12px}#media-unlock[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#site-settings{width:min(420px,calc(100% - 28px));max-height:85svh;margin:auto;border:1px solid #93abc65e;border-radius:18px;padding:20px;background:#0b1423;color:#d5e0ee;font-size:13px;line-height:1.8;overscroll-behavior:contain}#site-settings::backdrop{background:#01050de6}#site-settings header{display:flex;align-items:center;justify-content:space-between;gap:12px}#site-settings h2{font-size:18px;margin:0}#settings-close{background:none;border:0;font-size:24px;min-height:44px;min-width:44px}#site-settings nav{display:grid;gap:0;margin:12px 0}#site-settings nav a{display:block;padding:14px 0;border-bottom:1px solid #c6dcff21}#site-settings>button,#site-save{min-height:44px;border:1px solid #bed3ee6c;border-radius:24px;background:#bdd4ff0b;padding:10px 16px}#site-settings p{color:#aebdd3}#site-settings summary{min-height:44px;padding:10px 0;cursor:pointer}#site-report{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere}body:has(dialog[open]){overflow:hidden}
@media(max-width:350px){.site-tools{left:calc(50% + 7px);gap:1px}.site-tools button{width:27px;font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important}}
#site-settings{max-height:calc(min(85svh,var(--phone-vh,100svh)) - 24px);overflow-y:auto;overflow-x:hidden;padding-top:0;scroll-padding-top:64px}#site-settings>header{position:sticky;top:0;z-index:5;background:#0b1423;padding:12px 0;min-height:64px}#settings-close{flex:0 0 44px;color:#fff;line-height:1;align-self:flex-start}#phone-diagnostic-tools{padding:12px 0;border-block:1px solid #bcd2ee40}#phone-diagnostic-tools h3{margin:0;font-size:16px}#phone-diagnostic-tools p{font-size:12px;margin:8px 0}.diagnostic-actions{display:flex;flex-wrap:wrap;gap:8px}.diagnostic-actions button{min-height:44px;border:1px solid #c9dcff80;border-radius:12px;background:#233554;color:#fff;padding:10px 12px;font:inherit}#phone-send{background:#395698;font-weight:700}#phone-diag-text{width:100%;height:160px;font-size:12px;user-select:text;-webkit-user-select:text;color:#e5edfa;background:#060b13}.site-tools button{width:44px;height:44px;min-width:44px}.site-tools{gap:2px}@media(max-width:360px){.site-tools #site-music{display:none}}
.mobile-icon-button{-webkit-appearance:none;appearance:none;display:inline-grid!important;place-items:center;padding:0!important;line-height:1;flex-shrink:0}.mobile-ui-icon{display:block;width:24px;height:24px;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.screen-host{will-change:auto}
#mobile-stage{height:var(--site-height,100svh);container-type:size;container-name:mobile-stage}

#site-start-play{position:fixed;z-index:45;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);min-height:44px;padding:11px 24px;border:1px solid #c9dfff;border-radius:24px;background:#101b30f2;color:#fff;font-size:14px;font-weight:600;box-shadow:0 0 18px #759eff33}#site-start-play[hidden]{display:none}