:root{color:#edf8ff;font-synthesis:none;background:#020b15;font-family:Inter,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box;letter-spacing:0}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.scene{position:absolute;inset:0}.scene canvas{cursor:grab;width:100%;height:100%;display:block}.scene canvas:active{cursor:grabbing}main:after{content:"";pointer-events:none;background:linear-gradient(#0108116b,#0000 26% 64%,#00050cad);position:absolute;inset:0}.day:after{background:linear-gradient(#0a1b2242,#0000 27% 62%,#08181f94)}.day .metrics{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#091f29bd,#091f2940)}.day .identity{text-shadow:0 1px 10px #000a10bf}.topbar{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020b1694;border-bottom:1px solid #a5d8ef24;grid-template-columns:220px 1fr 100px;align-items:center;gap:22px;min-height:70px;padding:14px 24px;display:grid;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:11px;min-width:0;display:flex}.mark{flex:0 0 42px;place-items:center;width:42px;height:38px;display:grid}.mark img{object-fit:contain;filter:drop-shadow(0 2px 5px #0000006b);width:38px;height:32px;display:block}.brand strong{white-space:nowrap;font-size:13px;font-weight:600;display:block}.brand small{color:#6f93a8;margin-top:3px;font-size:8px;display:block}.scene-tabs{scrollbar-width:none;justify-content:center;gap:3px;min-width:0;display:flex;overflow-x:auto}.scene-tabs::-webkit-scrollbar{display:none}.scene-tabs button{color:#7392a4;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;min-width:72px;height:36px;padding:0 9px;font-size:9px;transition:color .18s,background .18s,border-color .18s}.scene-tabs button span{color:#496b7e;margin-bottom:2px;font-size:8px;display:block}.scene-tabs button:hover{color:#d9f2fc;background:#3f84a31a}.scene-tabs button.active{color:#ecfaff;background:#3d94b924;border-bottom-color:#61c7ef}.scene-tabs button.active span{color:#61c7ef}.status{color:#8aa7b6;white-space:nowrap;justify-self:end;align-items:center;gap:7px;font-size:10px;display:flex}.status i{background:#56d19a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px #56d19a}.identity{z-index:2;pointer-events:none;align-items:center;gap:15px;display:flex;position:absolute;bottom:28px;left:28px}.scene-number{color:#71d3f8;background:#04142273;border:1px solid #66ccf473;place-items:center;width:45px;height:45px;font-size:12px;display:grid}.identity p{color:#4f879f;margin:0 0 3px;font-size:8px}.identity h1{margin:0 0 4px;font-size:22px;font-weight:500}.identity span{color:#86a6b6;font-size:10px}.metrics{z-index:2;background:linear-gradient(90deg,#05121e80,#0000);border-left:1px solid #7abedb38;width:158px;position:absolute;top:94px;right:24px}.metrics div{border-bottom:1px solid #84bed81c;min-height:66px;padding:11px 10px 9px 42px;position:relative}.metrics svg{color:#65b8da;width:15px;height:15px;position:absolute;top:16px;left:14px}.metrics span{color:#668797;margin-bottom:5px;font-size:9px;display:block}.metrics strong{color:#dff4fb;font-size:15px;font-weight:500}.metrics small{color:#6c91a3;padding-left:3px;font-size:8px;font-weight:400}.toolbar{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04111fbf;border:1px solid #9bcce433;gap:3px;padding:5px;display:flex;position:absolute;bottom:24px;right:24px}.toolbar button,.scene-nav button{color:#abc5d2;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;transition:background .18s,color .18s;display:grid}.toolbar button:hover,.scene-nav button:hover{color:#fff;background:#55a0c433}.toolbar button svg,.scene-nav button svg{width:16px;height:16px}.toolbar>span{background:#9acae033;width:1px;margin:7px 3px}.scene-nav{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04111f8c;border:1px solid #94cbe329;align-items:center;gap:4px;height:46px;padding:4px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scene-nav span{text-align:center;color:#7f9cab;min-width:55px;font-size:9px}.hint{z-index:2;color:#89abbc8c;pointer-events:none;font-size:9px;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}@media (width<=900px){.topbar{grid-template-columns:190px 1fr 16px;gap:10px;padding:12px 16px}.status{font-size:0}.scene-tabs{justify-content:flex-start}.scene-tabs button{min-width:64px}.metrics{right:16px}}@media (width<=640px){.topbar{grid-template-columns:145px 1fr;min-height:64px;padding:10px 12px}.brand small,.status{display:none}.mark{flex-basis:36px;width:36px;height:34px}.mark img{width:34px;height:29px}.scene-tabs button{width:39px;min-width:39px;padding:0;font-size:0}.scene-tabs button span{margin:0;font-size:9px}.metrics{width:104px;top:78px;right:10px}.metrics div{min-height:51px;padding:9px 7px 7px 31px}.metrics svg{width:13px;top:13px;left:9px}.metrics span{margin-bottom:3px;font-size:8px}.metrics strong{font-size:12px}.identity{gap:9px;bottom:16px;left:12px}.scene-number{width:36px;height:36px}.identity h1{font-size:16px}.identity p{display:none}.identity span{font-size:8px}.toolbar{bottom:12px;right:10px}.toolbar button{width:32px;height:32px}.scene-nav{height:36px;bottom:68px;left:12px;transform:none}.scene-nav button{width:28px;height:28px}.scene-nav span{min-width:42px}.hint{display:none}}