:root{color-scheme:dark;--bg:#080e1b;--panel:#101c2d;--electric:#46aaff;--ice:#d8f7ff;--muted:#8191aa;--line:rgba(135,166,207,.14);font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;color:#dfebfb;background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #89d4ff;outline-offset:5px}button svg{width:18px;height:18px;flex-shrink:0}button{border:0}button:focus:not(:focus-visible){outline:none}.app-shell{max-width:2000px;margin:auto}.header{height:86px;margin:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:14px;font-family:Arial Narrow,Arial,sans-serif;font-size:20px;font-weight:700;letter-spacing:2px}.brand-mark{width:33px;height:37px;display:grid;place-items:center;color:#a3dfff;transform:skewY(-8deg);border:1px solid #468cbe;border-radius:5px;background:#102339}.brand-mark svg{width:22px;fill:#a3dfff22}.brand-divider{font-weight:400;color:#566a83;padding:0 14px}.brand-cn{font-size:18px;letter-spacing:3px}.brand-tag{margin-left:10px;font:9px Consolas,monospace;letter-spacing:2px;color:#74879f}.header-actions{display:flex;align-items:center;gap:23px;color:#8b9cb3;font-size:11px;letter-spacing:.3px}.local-label{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6d7e95;flex-shrink:0}.status-dot.blue{background:#76c9ff;box-shadow:0 0 9px #47baff}.local-label .status-dot{background:#6fbcae}.header-separator{height:16px;width:1px;background:var(--line)}.text-button,.icon-button{display:flex;align-items:center;justify-content:center;background:none;gap:8px;font-size:11px;color:#a2b0c5}.text-button:hover,.icon-button:hover{color:#e8f7ff}.icon-button{width:32px;height:32px;border-radius:5px}.icon-button:hover{background:#8dccff0d}.text-button svg{width:15px;height:15px}.stage{position:relative;height:min(760px,calc(100svh - 230px));min-height:640px;isolation:isolate;overflow:hidden}.stage canvas#lightning{position:absolute;width:100%;height:100%;inset:0;z-index:-2;touch-action:none}.stage-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080e1b99,transparent 30%,transparent 78%,#080e1b66),linear-gradient(0deg,#080e1b 0%,transparent 26%,transparent 87%,#080e1b88)}.overlay{position:absolute}.intro{top:61px;left:5%;pointer-events:none}.eyebrow{font:9px Consolas,monospace;letter-spacing:1.8px;color:#7b94af;display:flex;align-items:center;gap:10px}.small-line{display:inline-block;width:19px;height:1px;background:#65b8e6}.title-row{display:flex;align-items:center;gap:19px;margin-top:23px}.title-row h1{font-family:STKaiti,KaiTi,SimSun,serif;font-weight:400;font-size:100px;letter-spacing:7px;line-height:1.13;margin:0;color:#edf7ff;text-shadow:0 0 28px #a4dcff0b}.title-seal{color:#8ccaff;font-family:serif;border:1px solid #578bbc;font-size:12px;line-height:19px;padding:4px 5px;margin-top:12px;opacity:.8}.roman-title{font-family:Arial Narrow,Arial,sans-serif;font-size:15px;letter-spacing:6.5px;color:#90a8c0;margin:12px 0 0 5px}.intro-copy{color:#91a2b9;font-size:12px;letter-spacing:1.2px;line-height:2.1;margin:27px 0 0 4px}.version-label{display:block;font:8px Consolas,monospace;letter-spacing:1px;color:#516780;margin:33px 0 0 4px}.version-label span{margin:0 6px}.scene-label{display:flex;align-items:center;gap:9px;top:30px;left:50%;transform:translate(-50%);font-size:10px;color:#91aac3;letter-spacing:1px}.scene-divider{color:#41526b;margin:0 3px}#state-label{color:#637c97}.tracking-panel{right:4%;top:65px;width:218px;padding:15px;background:linear-gradient(125deg,#13243b80,#0b152680);border:1px solid var(--line);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-heading{display:flex;justify-content:space-between;font-size:11px;align-items:center;color:#adbed2;letter-spacing:1px}.tiny-badge{font:8px Consolas,monospace;letter-spacing:1px;color:#6b7e98;border:1px solid #799aca22;border-radius:3px;padding:3px 5px}.tiny-badge.active{color:#84dcd0;border-color:#84dcd044}.camera-view{height:119px;margin-top:14px;position:relative;background:#070e1a88;overflow:hidden}.camera-view video,.camera-view canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.camera-view video{transform:scaleX(-1);opacity:.8}.camera-view canvas{z-index:1}#camera-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#5f7897;font-size:9px;letter-spacing:1px}#camera-placeholder svg{width:30px;height:30px;stroke-width:1;opacity:.85}.view-corner{position:absolute;width:9px;height:9px;border-color:#44617f;border-style:solid;z-index:2}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{bottom:0;left:0;border-width:0 0 1px 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.camera-local{position:absolute;bottom:7px;right:7px;font:6px Consolas,monospace;letter-spacing:1.3px;color:#4f6984}.tracking-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:9px;color:#7289a2}.tracking-footer>span:first-child{display:flex;gap:6px;align-items:center}#hand-count{font-family:Consolas,monospace}.orb-annotation{left:68%;top:54%;display:flex;gap:12px;color:#677e99;font-size:9px;letter-spacing:1px;line-height:1.8;pointer-events:none}.annotation-line{width:42px;height:1px;display:block;margin-top:6px;transform:rotate(-27deg);transform-origin:right;background:linear-gradient(90deg,#5babed66,#5babed22)}.orb-annotation small{font:7px Consolas,monospace;letter-spacing:1.5px;color:#47627e}.coordinate{left:5%;bottom:195px;display:flex;gap:35px;color:#465e79;font:8px Consolas,monospace;letter-spacing:1px;pointer-events:none}.coordinate b{font-weight:400;color:#5c7897}.control-dock{left:5%;right:5%;bottom:29px;border:1px solid #849eb523;border-radius:10px;background:linear-gradient(115deg,#111e32dd,#0d1829ee);box-shadow:0 16px 55px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.dock-top{display:grid;grid-template-columns:1.35fr 1fr .9fr;align-items:center;gap:30px;padding:24px 27px}.launch-controls{display:flex;gap:10px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;font-size:12px;height:48px;padding:0 20px;white-space:nowrap;transition:background .2s,transform .2s}.primary-button{color:#08243b;background:linear-gradient(110deg,#b9e8ff,#83c8f7);font-weight:600;box-shadow:0 0 25px #46aaff12}.primary-button:hover{background:#c8ecff;transform:translateY(-1px)}.primary-button svg{width:18px}.primary-button .button-arrow{width:14px;margin-left:8px}.secondary-button{border:1px solid #768eaf44;background:#15223866;color:#bacde3;padding:0 17px}.secondary-button:hover,.secondary-button.active{border-color:#71b6e688;background:#21405c55;color:#d9f1ff}.secondary-button svg{width:16px}.energy-control{border-left:1px solid var(--line);padding-left:30px}.control-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.control-caption label{font-size:10px;letter-spacing:.5px;color:#9eb1c8}.control-caption b{font:21px Consolas,monospace;color:#c8eaff;font-weight:400}.control-caption small{font:9px Consolas,monospace;margin-left:3px;color:#718ba6}input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:3px;border-radius:3px;background:linear-gradient(90deg,#6bbfff var(--range-fill,28%),#22344a var(--range-fill,28%));cursor:pointer;margin:0;accent-color:#8accf9}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border:1px solid #dbf2ff;border-radius:50%;background:#86cbff;box-shadow:0 0 9px #68b9ff55}input[type=range]::-moz-range-thumb{width:8px;height:8px;border:1px solid #dbf2ff;border-radius:50%;background:#86cbff}.range-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:8px;color:#596e88}.sound-control{border-left:1px solid var(--line);padding-left:28px}.sound-heading{display:flex;align-items:center;gap:10px}.sound-heading>div{flex:1}.sound-heading>div>span{font-size:10px;color:#a3b9d0;letter-spacing:1px}.sound-heading small{display:block;font:6px Consolas,monospace;letter-spacing:1.7px;color:#59738f;margin-top:5px}.sound-heading>.icon-button{margin-right:-7px}.equalizer{display:flex;align-items:center;gap:2px;height:24px}.equalizer b{width:2px;background:#6eabc9;height:8px;opacity:.6}.equalizer b:nth-child(2){height:17px}.equalizer b:nth-child(3){height:11px}.equalizer b:nth-child(4){height:20px}.equalizer b:nth-child(5){height:7px}.sound-on .equalizer b{animation:equalize 1.2s ease-in-out infinite alternate}.sound-on .equalizer b:nth-child(2n){animation-delay:-.8s}.sound-on .equalizer b:nth-child(3n){animation-delay:-.4s}.volume-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:8px;color:#6e859e}.volume-row label{white-space:nowrap}.volume-row input{height:2px;--range-fill:35%}.volume-row span{font:8px Consolas,monospace}.dock-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #6c92c213;padding:12px 26px;background:#050e1b33;min-height:42px}#status-message{display:flex;align-items:center;gap:7px;margin:0;color:#6e86a1;font-size:9px;line-height:1.6}#status-message svg{width:12px;height:12px;flex-shrink:0}#status-message.error{color:#e1b68b}.reduce-toggle{display:flex;align-items:center;gap:8px;font-size:9px;color:#8097af;white-space:nowrap;cursor:pointer;position:relative}.reduce-toggle input{position:absolute;opacity:0;width:28px;height:18px}.switch-track{width:23px;height:13px;border-radius:12px;background:#27384e;position:relative;transition:background .2s}.switch-track:after{content:"";position:absolute;left:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#8294ab;transition:transform .2s}.reduce-toggle input:checked+.switch-track{background:#2a6488}.reduce-toggle input:checked+.switch-track:after{transform:translate(10px);background:#b7e6ff}.reduce-toggle input:focus-visible+.switch-track{outline:2px solid #8ad4ff;outline-offset:4px}.gesture-guide{display:grid;grid-template-columns:1.08fr 1fr 1fr 1fr;gap:32px;margin:0 5%;border-top:1px solid var(--line);padding:30px 0}.guide-heading .eyebrow{font-size:8px;color:#5d7896}.guide-heading h2{font-size:13px;font-weight:400;letter-spacing:1px;margin:10px 0 0;color:#a2b7d0}.gesture-item{display:flex;align-items:center;gap:14px;position:relative;border-left:1px solid var(--line);padding-left:30px}.gesture-icon{width:36px;height:40px;display:grid;place-items:center;color:#84a9c7}.gesture-icon svg{width:29px;height:29px;stroke-width:1.15}.gesture-item h3{font-size:11px;font-weight:400;letter-spacing:1px;margin:0 0 8px;color:#b0c2d7}.gesture-item p{font-size:9px;margin:0;color:#627994}.guide-number{position:absolute;right:0;top:0;font:8px Consolas,monospace;color:#354b64}.footer{border-top:1px solid #799aca10;display:flex;justify-content:space-between;margin:0 5%;padding:18px 0 22px;color:#52667f;font-size:8px;letter-spacing:.3px}.footer>span{display:flex;align-items:center;gap:6px}.footer svg{width:12px;height:12px}.footer-cross{margin:0 16px;color:#87a5c5;font-size:14px}dialog{width:520px;max-width:calc(100vw - 32px);padding:28px;border:1px solid #315779;border-radius:12px;background:#101c2ef5;color:#b8cce3;box-shadow:0 30px 150px #000b}dialog::backdrop{background:#030711bb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:23px;color:#deefff;font-weight:400;margin:25px 0 18px}dialog p,dialog dd{font-size:12px;line-height:1.9;color:#8ba3bd}dialog dt{font-size:12px;margin-top:17px;color:#b9d9ef}dialog dd{margin:5px 0 0}.help-notice{border-top:1px solid var(--line);padding-top:15px;font-size:10px!important}dialog .primary-button{margin-top:18px;width:100%}.immersive .intro,.immersive .tracking-panel,.immersive .orb-annotation,.immersive .coordinate,.immersive .scene-label{opacity:.25;transition:opacity .5s}.immersive .tracking-panel:hover{opacity:1}.immersive .stage-vignette{opacity:.3}:fullscreen .app-shell{max-width:none}:fullscreen .header{position:absolute;left:0;right:0;top:0;border:0}:fullscreen .stage{height:100svh;min-height:100svh;max-height:none}:fullscreen .intro{top:130px}:fullscreen .scene-label{top:100px}:fullscreen .tracking-panel{top:135px}:fullscreen .gesture-guide,:fullscreen .footer{display:none}@keyframes equalize{to{transform:scaleY(.4);opacity:.3}}@media(min-width:1600px){.stage{height:780px}.intro{top:80px}.title-row h1{font-size:118px}.tracking-panel{top:85px;width:240px}.camera-view{height:140px}.dock-top{padding:27px 35px}.control-dock{bottom:40px}.coordinate{bottom:218px}}@media(max-width:1100px){.header{margin:0 30px}.brand-tag{display:none}.stage{min-height:680px}.intro{left:4%;top:55px}.title-row h1{font-size:82px}.tracking-panel{right:4%;width:185px;top:55px}.camera-view{height:99px}.eyebrow{font-size:8px;letter-spacing:1px}.dock-top{gap:20px;padding:20px}.launch-controls{gap:7px}.primary-button,.secondary-button{padding:0 13px;font-size:11px}.button-arrow{display:none}.energy-control,.sound-control{padding-left:20px}.control-dock{left:4%;right:4%}.gesture-guide{gap:18px}.gesture-item{padding-left:17px;gap:6px}.gesture-item p{font-size:8px}.guide-number,.orb-annotation{display:none}}@media(max-width:760px){.header{height:68px;margin:0 20px}.brand{font-size:16px;gap:10px}.brand-mark{width:27px;height:30px}.brand-cn{font-size:15px}.brand-divider{padding:0 9px}.header-actions{gap:9px}.local-label,.header-separator,.text-button span{display:none}.header-actions .text-button{width:30px;height:32px}.stage{height:calc(100svh - 68px);min-height:695px;max-height:900px}.intro{left:24px;top:45px}.intro .eyebrow{font-size:6px;letter-spacing:.5px}.small-line{width:12px}.title-row{margin-top:16px;gap:9px}.title-row h1{font-size:65px;letter-spacing:3px}.title-seal{font-size:9px;line-height:13px;padding:3px}.roman-title{font-size:9px;letter-spacing:3px;margin-top:8px}.intro-copy{font-size:10px;letter-spacing:.3px;margin-top:17px;line-height:2}.version-label{display:none}.scene-label{top:17px;left:24px;transform:none;font-size:8px;gap:6px}.tracking-panel{width:128px;right:20px;top:50px;padding:9px;border-radius:5px}.panel-heading{font-size:8px;letter-spacing:0}.tiny-badge{font-size:6px;padding:2px;letter-spacing:.4px}.camera-view{height:77px;margin-top:9px}#camera-placeholder svg{width:22px;height:22px}#camera-placeholder{font-size:7px;letter-spacing:0;gap:6px}.camera-local{font-size:5px}.tracking-footer{font-size:7px;margin-top:8px;gap:2px}.tracking-footer>span:first-child{gap:3px}.tracking-footer .status-dot{width:4px;height:4px}.coordinate{bottom:259px;left:24px;font-size:6px;gap:15px}.control-dock{left:16px;right:16px;bottom:22px;border-radius:8px}.dock-top{grid-template-columns:1fr 1fr;gap:18px 16px;padding:17px}.launch-controls{grid-column:1/-1;gap:10px}.primary-button,.secondary-button{height:43px;font-size:11px}.launch-controls .primary-button{flex:1.2}.launch-controls .secondary-button{flex:1}.button-arrow{display:block}.energy-control{border:0;padding:0}.sound-control{padding-left:16px}.sound-heading>div>span{font-size:9px}.sound-heading small{font-size:5px;letter-spacing:.8px}.sound-heading{gap:7px}.equalizer{gap:1px}.volume-row{margin-top:5px;font-size:7px}.volume-row span{font-size:7px}.control-caption b{font-size:19px}.control-caption{margin-bottom:10px}.sound-heading>.icon-button{width:26px;height:26px}.sound-heading>.icon-button svg{width:16px}.dock-bottom{padding:10px 14px;gap:8px;align-items:flex-start;min-height:46px}#status-message{font-size:8px;align-items:flex-start;flex:1}#status-message svg{margin-top:1px}.reduce-toggle{font-size:8px;gap:5px;margin-top:1px}.switch-track{flex-shrink:0}.gesture-guide{margin:0 24px;padding:26px 0;grid-template-columns:1fr;gap:22px}.guide-heading h2{font-size:16px}.gesture-item{border:0;padding:0;gap:15px}.gesture-item h3{font-size:12px}.gesture-item p{font-size:10px}.gesture-icon{width:37px}.guide-number{display:block;top:12px;font-size:10px}.footer{margin:0 24px;font-size:8px;padding:18px 0 24px}.footer>span:last-child{display:none}.immersive .intro{opacity:.15}.immersive .tracking-panel{opacity:.4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}