@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Noto+Serif+SC:wght@600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#04100e;font-family:Manrope,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100dvh;margin:0;overflow:hidden}body{color:#f3efe4;background:radial-gradient(circle at 60% 42%,#123229 0%,#061310 38%,#020706 100%)}button,label{font:inherit}button{color:inherit}#scene{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:fixed;inset:0}#scene:active{cursor:grabbing}#app:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 45%,#000403a3 120%),linear-gradient(90deg,#020a0873,#0000 45%);position:fixed;inset:0}.topbar{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:30px 42px;display:flex;position:fixed;top:0;left:0}.brand{color:#fff;letter-spacing:.17em;align-items:center;gap:12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.brand i{color:#d5b878;font-style:normal}.brand-mark{color:#e5cc92;border:1px solid #d5b8788c;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.status{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff9;letter-spacing:.08em;background:#04141070;border:1px solid #ffffff17;border-radius:100px;align-items:center;gap:9px;padding:9px 14px;font-size:11px;display:flex}.status b{font-weight:500}.status span,.camera-label span{background:#d3b36f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #d3b36f}.status.live span{background:#75e7b1;box-shadow:0 0 10px #75e7b1}.hero{z-index:4;pointer-events:none;width:min(480px,40vw);position:fixed;top:50%;left:clamp(28px,7vw,110px);transform:translateY(-54%)}.eyebrow{color:#d7bd83;letter-spacing:.38em;margin:0 0 22px;font-size:10px}h1{letter-spacing:-.05em;text-shadow:0 5px 40px #00000080;margin:0;font-family:Noto Serif SC,serif;font-size:clamp(40px,4.2vw,72px);font-weight:600;line-height:1.18}h1 em{color:#dfc891;font-style:normal}.intro{color:#f0f4ed8c;width:min(420px,100%);margin:26px 0 30px;font-size:13px;line-height:1.9}.actions{pointer-events:auto;gap:12px;display:flex}.primary,.upload,.install{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;height:48px;transition:all .25s;display:flex}.primary{color:#102019;background:#e2cc98;border:0;gap:36px;padding:0 8px 0 20px}.primary b{color:#f3e6c6;background:#153328;border-radius:2px;place-items:center;width:33px;height:33px;font-size:17px;display:grid}.primary:hover{background:#f0ddb0;transform:translateY(-2px)}.upload,.install{color:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07181380;border:1px solid #ffffff24;padding:0 19px;font-size:12px}.upload:hover,.install:hover{color:#fff;border-color:#e2cc9880}.install[hidden]{display:none}.controls{z-index:6;border-top:1px solid #ffffff1f;display:flex;position:fixed;bottom:34px;left:42px}.mode{color:#ffffff59;cursor:pointer;letter-spacing:.08em;background:0 0;border:0;padding:17px 28px 0 0;font-size:11px;transition:all .25s;position:relative}.mode:before{content:"";background:#dfc386;width:0;height:1px;transition:all .35s;position:absolute;top:-1px;left:0}.mode span{color:#dfc38673;margin-right:7px;font-size:8px}.mode:hover,.mode.active{color:#fff}.mode.active:before{width:calc(100% - 18px)}.gesture-guide{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030f0c70;border:1px solid #ffffff17;width:104px;padding:14px 12px;position:fixed;top:50%;right:36px;transform:translateY(-50%)}.gesture-guide>p{color:#ffffff52;letter-spacing:.2em;margin:0 0 12px;font-size:7px}.gesture-guide div{border-top:1px solid #ffffff0f;grid-template-rows:1fr 1fr;grid-template-columns:27px 1fr;padding:8px 0;display:grid}.gesture-guide span{filter:grayscale();grid-row:1/3;font-size:18px}.gesture-guide small{color:#ffffffb8;font-size:9px}.gesture-guide b{color:#b99f6c;font-size:8px;font-weight:500}.camera-panel{z-index:8;aspect-ratio:4/3;opacity:0;pointer-events:none;background:#07100d;border:1px solid #dec68e59;border-radius:4px;width:190px;transition:all .35s;position:fixed;bottom:92px;right:36px;overflow:hidden;transform:translateY(10px)}.camera-panel.show{opacity:1;transform:none}.camera-panel video,.camera-panel canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-panel video{opacity:.5}.camera-label{letter-spacing:.08em;background:#00000085;border-radius:2px;align-items:center;gap:7px;padding:5px 8px;font-size:8px;display:flex;position:absolute;bottom:8px;left:8px}.hint{z-index:5;color:#ffffff47;letter-spacing:.12em;font-size:9px;position:fixed;bottom:34px;right:36px}.touch-hint{display:none}.toast{z-index:20;color:#ead9b1;opacity:0;pointer-events:none;background:#04130fe0;border:1px solid #e2cc9833;border-radius:4px;padding:11px 18px;font-size:11px;transition:all .3s;position:fixed;top:26px;left:50%;transform:translate(-50%,-12px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){.topbar{padding:max(16px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left))}.brand{gap:8px;font-size:10px}.brand-mark{width:27px;height:27px}.status{white-space:nowrap;flex:none;padding:7px 10px;font-size:8px}.status b{display:none}.status:after{content:"触控模式"}.status.live:after{content:"手势识别中"}.hero{left:max(20px, env(safe-area-inset-left));top:max(82px, calc(env(safe-area-inset-top) + 62px));width:calc(100vw - max(40px, env(safe-area-inset-left) + env(safe-area-inset-right)));transform:none}.eyebrow{margin-bottom:10px;font-size:7px}h1{width:280px;font-size:clamp(29px,8.5vw,38px);line-height:1.2}.intro{display:none}.actions{gap:8px;margin-top:15px}.primary,.upload,.install{height:42px;font-size:11px}.primary{gap:14px;padding-left:14px}.primary b{width:29px;height:29px}.upload,.install{padding:0 13px}.gesture-guide{display:none}.controls{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:visible}.mode{text-align:center;white-space:nowrap;min-width:0;min-height:44px;padding:14px 2px 0;font-size:8px}.mode span{display:none}.mode.active:before{width:100%}.hint{left:50%;right:auto;bottom:max(72px, calc(env(safe-area-inset-bottom) + 62px));text-align:center;width:100%;font-size:8px;transform:translate(-50%)}.desktop-hint{display:none}.touch-hint{display:inline}.camera-panel{right:max(16px, env(safe-area-inset-right));bottom:max(105px, calc(env(safe-area-inset-bottom) + 92px));width:min(32vw,140px)}.toast{top:max(18px, env(safe-area-inset-top));text-align:center;width:max-content;max-width:calc(100vw - 36px)}}@media (width<=760px) and (orientation:landscape){.hero{top:max(62px, calc(env(safe-area-inset-top) + 44px));width:42vw}.eyebrow,.intro{display:none}h1{width:230px;font-size:25px}.actions{margin-top:10px}.primary,.upload,.install{height:36px}.controls{left:50%}.hint{display:none}.camera-panel{bottom:max(16px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}