:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;--ink: #07111e;--ink-soft: #0c1b2b;--ink-raised: #11263a;--line: rgba(205, 167, 106, .32);--line-soft: rgba(232, 215, 180, .12);--paper: #e8d7b4;--paper-bright: #f5ead2;--muted: #9e9a8b;--gold: #cda76a;--red: #b65c45}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{min-height:100%;margin:0}body{min-width:320px;overflow:hidden;background:var(--ink);color:var(--paper)}button,input{font:inherit}button{color:inherit}.exhibit-shell{display:grid;grid-template-rows:76px minmax(0,1fr) 122px;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 40%,#162d42 0,var(--ink) 60%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px;border-bottom:1px solid var(--line);background:#050e19db;z-index:4}.brand-lockup{display:flex;align-items:baseline;gap:15px;min-width:0}.brand-kicker,.panel-eyebrow,.control-label{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:10px;white-space:nowrap}.brand-lockup h1{margin:0;color:var(--paper-bright);font-family:STSong,Songti SC,serif;font-size:clamp(19px,2vw,28px);font-weight:500;letter-spacing:.14em;white-space:nowrap}.brand-lockup h1 span{color:var(--gold);font-size:.58em;letter-spacing:.1em}.top-actions{display:flex;gap:8px}.icon-button,.panel-close,.text-action,.mobile-panel-button,.focus-button,.play-button,.time-presets button,.weather-presets button{border:0;background:transparent;cursor:pointer}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;color:var(--gold);font-size:17px;transition:background .2s,border-color .2s,color .2s}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--paper-bright);border-color:var(--line);background:#cda76a1f}.exhibit-main{display:grid;grid-template-columns:214px minmax(0,1fr) 280px;min-height:0}.panel{z-index:3;min-height:0;padding:22px 17px;background:linear-gradient(180deg,#0b1b2bf5,#07111eeb)}.panel-left{border-right:1px solid var(--line)}.panel-right{border-left:1px solid var(--line);overflow-y:auto}.panel-heading{position:relative;padding-bottom:17px;border-bottom:1px solid var(--line-soft)}.panel-heading h2{margin:8px 0 0;color:var(--paper-bright);font-family:STSong,Songti SC,serif;font-size:22px;font-weight:500}.panel-close{display:none;position:absolute;top:-5px;right:-4px;color:var(--gold);font-size:24px}.layer-list{padding-top:10px}.layer-item{display:grid;grid-template-columns:27px minmax(0,1fr) 34px;gap:8px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line-soft);color:var(--paper);cursor:pointer}.layer-item:hover{color:var(--paper-bright)}.layer-icon{color:var(--gold);font-size:21px;line-height:1;text-align:center}.layer-name{display:block;font-size:13px}.layer-hint{display:block;margin-top:4px;color:var(--muted);font-size:10px}.switch{position:relative;width:31px;height:18px;border:1px solid var(--gold);border-radius:20px;background:#cda76a14;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.switch[data-on=true]:after{transform:translate(13px);background:var(--paper-bright)}.panel-divider{height:1px;margin:22px 0 13px;background:var(--line-soft)}.quick-actions{display:grid;gap:2px}.text-action{padding:10px 2px;color:var(--gold);text-align:left;font-size:12px}.text-action:hover{color:var(--paper-bright)}.text-action span{margin-left:6px;color:var(--paper)}.viewport-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#263b43}.scene-root,.scene-root canvas{width:100%;height:100%;display:block}.viewport-hud{position:absolute;right:18px;bottom:17px;left:18px;display:flex;justify-content:space-between;color:#f5ead2cc;font-size:10px;letter-spacing:.08em;pointer-events:none;text-shadow:0 2px 8px #07111e}.hud-caption,.hud-status{display:flex;align-items:center;gap:8px}.hud-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.hud-separator{opacity:.45}.loading-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:14px;background:#0b1a28;color:var(--gold);font-family:STSong,Songti SC,serif;font-size:15px;letter-spacing:.14em}.loading-mark{width:22px;height:22px;margin:auto;border:1px solid var(--gold);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inspector-empty{display:grid;place-content:center;min-height:260px;text-align:center;color:var(--muted);font-family:STSong,Songti SC,serif;line-height:1.8}.empty-mark{display:block;margin-bottom:14px;color:var(--gold);font-size:40px}.inspector-content{padding-top:18px}.inspector-category{margin:0 0 10px;color:var(--gold);font-size:10px;letter-spacing:.12em}.inspector-content h2{margin:0;color:var(--paper-bright);font-family:STSong,Songti SC,serif;font-size:27px;font-weight:500}.inspector-summary{margin:9px 0 15px;color:var(--paper);line-height:1.6;font-family:STSong,Songti SC,serif}.inspector-visual{height:82px;margin:13px 0 16px;border:1px solid var(--line);background:linear-gradient(135deg,#cda76a33,#b65c4514),repeating-linear-gradient(90deg,transparent 0 13px,rgba(232,215,180,.08) 14px 15px)}.inspector-copy{color:var(--muted);font-size:12px;line-height:1.8}.inspector-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 6px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:11px}.inspector-meta div{display:contents}.inspector-meta dt{color:var(--muted)}.inspector-meta dd{margin:0;color:var(--paper);text-align:right}.focus-button{width:100%;margin-top:22px;padding:10px 12px;border:1px solid var(--line);color:var(--paper);font-size:12px}.focus-button:hover{border-color:var(--gold);color:var(--paper-bright);background:#cda76a14}.controlbar{display:grid;grid-template-columns:1.05fr 1.2fr 1fr;padding:16px 26px;border-top:1px solid var(--line);background:#050e19f0;z-index:4}.control-group{min-width:0;padding:0 24px;border-right:1px solid var(--line-soft)}.control-group:first-child{padding-left:0}.control-group:last-child{border:0}.time-presets,.environment-row{display:flex;align-items:center;gap:18px;height:62px}.time-presets button{display:grid;gap:5px;justify-items:center;min-width:42px;padding:5px 7px;color:var(--muted)}.time-presets button span{color:var(--gold);font-size:20px}.time-presets button small{font-size:11px}.time-presets button:hover,.time-presets button.active{color:var(--paper-bright)}.time-presets button.active small{color:var(--gold)}.weather-presets{display:flex;gap:6px}.weather-presets button{padding:8px 9px;color:var(--muted);font-size:11px}.weather-presets button:hover,.weather-presets button.active{color:var(--paper-bright);border-bottom:1px solid var(--gold)}.range-control{display:grid;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}input[type=range]{width:108px;accent-color:var(--gold)}.camera-hint{display:flex;align-items:center;gap:8px;height:62px;color:var(--muted);font-size:10px}.camera-hint span:nth-child(odd){color:var(--gold);font-size:17px}.play-button{display:none}.mobile-panel-button{display:none;position:absolute;top:16px;padding:8px 11px;border:1px solid var(--line);background:#07111ec7;color:var(--paper);z-index:3}.left-toggle{left:14px}.right-toggle{right:14px}.toast{position:fixed;right:20px;bottom:140px;z-index:10;padding:10px 14px;border:1px solid var(--line);background:#07111eeb;color:var(--paper-bright);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}body.ui-hidden .panel,body.ui-hidden .controlbar,body.ui-hidden .viewport-hud,body.ui-hidden .mobile-panel-button{opacity:0;pointer-events:none}@media(max-width:1080px){.exhibit-main{grid-template-columns:184px minmax(0,1fr) 240px}.control-group{padding:0 14px}.camera-hint{gap:5px}}@media(max-width:780px){.exhibit-shell{grid-template-rows:64px minmax(0,1fr) 92px}.topbar{padding:0 15px}.brand-kicker{display:none}.brand-lockup h1{font-size:18px}.top-actions{gap:2px}.exhibit-main{position:relative;display:block}.viewport-shell{height:100%}.panel{position:absolute;top:0;bottom:0;width:min(270px,88vw);transition:transform .25s ease;box-shadow:0 12px 28px #0000004d}.panel-left{left:0;transform:translate(-102%);border-right:1px solid var(--line)}.panel-right{right:0;transform:translate(102%);border-left:1px solid var(--line)}.panel-left.is-open,.panel-right.is-open{transform:translate(0)}.panel-close,.mobile-panel-button{display:block}.controlbar{grid-template-columns:1fr;padding:8px 13px}.control-group{display:none;padding:0;border:0}.control-group:first-child{display:block}.control-label{display:none}.time-presets{justify-content:space-around;height:76px}.time-presets button{min-width:76px}.time-presets button span{font-size:16px}.viewport-hud{bottom:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}