:root{--bg-primary:#010914;--bg-secondary:#061428;--panel-bg:#04192db8;--glass-a:#04192db8;--glass-b:#031e3773;--glass-c:#00506e47;--cyan:#24e9ff;--cyan-deep:#00d9ff;--blue:#06f;--sky:#0877a8;--success:#00f5a0;--warning:#ffb020;--danger:#ff435a;--violet:#8a7cff;--text:#e7f7ff;--text-muted:#bee6f5a6;--hud-brightness:.78}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100vw;height:100vh;color:var(--text);background:#010914;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}.viewport{background:radial-gradient(circle at 50% 42%,#0078ff38,#020f1e8c 42%,#010914 100%),radial-gradient(circle at 12% 88%,#00b4d21f,#0000 36%),radial-gradient(circle at 88% 12%,#0050ff29,#0000 32%);width:100vw;height:100vh;position:relative;overflow:hidden}.scene-root{z-index:1;position:absolute;inset:0}.hud-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.header,.hud-left,.hud-right,.floor-rail,.scene-controls,.bottom-nav,.worker-profile,.icon-btn,.restore-btn{pointer-events:auto}.screen-frame{pointer-events:none;border:0;position:absolute;inset:14px}.screen-frame span{opacity:.55;width:42px;height:42px;position:absolute}.screen-frame .tl{border-top:1px solid #24e9ff73;border-left:1px solid #24e9ff73;top:0;left:0}.screen-frame .tr{border-top:1px solid #24e9ff73;border-right:1px solid #24e9ff73;top:0;right:0}.screen-frame .bl{border-bottom:1px solid #24e9ff73;border-left:1px solid #24e9ff73;bottom:0;left:0}.screen-frame .br{border-bottom:1px solid #24e9ff73;border-right:1px solid #24e9ff73;bottom:0;right:0}.top-beam{pointer-events:none;background:linear-gradient(90deg,#0000,#24e9ff73,#0000);height:1px;position:absolute;top:0;left:18%;right:18%;box-shadow:0 0 24px #24e9ff40}.header{z-index:5;opacity:0;grid-template-columns:1.1fr .8fr auto;align-items:center;animation:.7s 2s both hud-in;display:grid;position:absolute;top:18px;left:36px;right:36px}.brand{align-items:center;gap:14px;display:flex}.logo-mark{flex-shrink:0;width:42px;height:42px;position:relative}.logo-mark .hud-icon{width:42px;height:42px}.nav-item .hud-icon{filter:drop-shadow(0 2px 6px #00285066)}.nav-item.active .hud-icon{filter:drop-shadow(0 0 10px #24e9ff8c)}.hud-icon{object-fit:contain;filter:drop-shadow(0 4px 8px #00285059);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;display:block}.inline-icon{vertical-align:-3px;margin-right:2px;display:inline-block}.loading-icon{filter:drop-shadow(0 0 18px #24e9ff59)}.brand h1{letter-spacing:3px;color:#f3fcff;text-shadow:0 0 24px #24e9ff47;font-size:clamp(26px,2vw,34px);font-weight:600}.brand .en{letter-spacing:2.6px;color:#24e9ff8c;margin-top:2px;font-size:11px}.header-center{background:linear-gradient(90deg,#0000,#24e9ff66,#0000);height:1px;box-shadow:0 0 18px #24e9ff33}.header-right{justify-content:flex-end;align-items:center;gap:18px;display:flex}.clock-block{text-align:right}.clock-block .time{letter-spacing:1px;color:var(--cyan);text-shadow:0 0 16px #24e9ff59;font-variant-numeric:tabular-nums;font-size:32px;font-weight:600}.clock-block .meta{color:var(--text-muted);margin-top:2px;font-size:13px}.icon-btn{width:40px;height:40px;color:var(--cyan);background:var(--glass-c);border:0;place-items:center;display:grid;box-shadow:0 0 18px #24e9ff1f}.hud-left,.hud-right{width:min(360px,22vw);filter:brightness(var(--hud-brightness));opacity:0;flex-direction:column;gap:16px;animation:.7s 1.6s both hud-rise;display:flex;position:absolute;top:110px;bottom:92px}.hud-left{left:28px}.hud-right{right:28px}.glass-a,.glass-b,.glass-c,.glass-danger,.glass-ai{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;box-shadow:0 12px 40px #00000047,inset 0 1px #ffffff0a}.glass-a{background:var(--glass-a)}.glass-b{background:var(--glass-b)}.glass-c{background:var(--glass-c)}.glass-danger{background:#3c0a126b}.glass-ai{background:#1c123a66}.panel{padding:14px 16px 16px}.hud-corners span{pointer-events:none;width:16px;height:16px;position:absolute}.hud-corners .tl{border-top:2px solid #24e9ffb3;border-left:2px solid #24e9ffb3;top:0;left:0}.hud-corners .tr{border-top:2px solid #24e9ffb3;border-right:2px solid #24e9ffb3;top:0;right:0}.hud-corners .bl{border-bottom:2px solid #24e9ffb3;border-left:2px solid #24e9ffb3;bottom:0;left:0}.hud-corners .br{border-bottom:2px solid #24e9ffb3;border-right:2px solid #24e9ffb3;bottom:0;right:0}.hud-title{letter-spacing:1.5px;color:#dcf8ffe0;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.hud-title .extra{color:var(--text-muted);margin-left:auto;font-size:12px}.glow-text{color:var(--cyan);text-shadow:0 0 14px #24e9ff66}.metric-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.metric-row.three{grid-template-columns:repeat(3,1fr)}.metric .label{color:var(--text-muted);font-size:12px}.metric .value{letter-spacing:1px;color:var(--cyan);text-shadow:0 0 12px #24e9ff4d;margin-top:2px;font-size:28px;font-weight:600}.metric .unit{color:var(--text-muted);margin-left:4px;font-size:12px;font-weight:400}.status-normal{color:var(--success)}.status-warning{color:var(--warning)}.status-danger{color:var(--danger)}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:#04192d8c;gap:6px;padding:8px 10px;animation:.6s 2s both hud-in;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000059}.nav-item{min-width:88px;height:54px;color:var(--text-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.nav-item.active{color:var(--cyan);text-shadow:0 0 12px #24e9ff66;box-shadow:inset 0 -2px 0 var(--cyan), 0 10px 18px #24e9ff1f}.toast{z-index:20;background:var(--glass-a);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--cyan);letter-spacing:1px;padding:10px 20px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.loading-screen{z-index:40;background:radial-gradient(circle,#07182c 0%,#010914 72%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-screen h2{letter-spacing:6px;color:var(--cyan);margin-top:16px;font-size:18px}@keyframes hud-in{0%{opacity:0}to{opacity:1}}@keyframes hud-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.floor-rail{z-index:6;opacity:0;flex-direction:column;justify-content:space-between;align-items:flex-start;width:72px;animation:.6s 1.7s both hud-in;display:flex;position:absolute;top:150px;bottom:130px;left:calc(22vw + 48px)}.floor-rail .rail-line{background:linear-gradient(#0000,#24e9ffb3,#0000);width:2px;position:absolute;top:8px;bottom:8px;left:10px;box-shadow:0 0 10px #24e9ff66}.floor-rail button{color:var(--text-muted);background:0 0;border:0;align-items:center;gap:8px;padding-left:2px;font-size:12px;display:flex;position:relative}.floor-rail .dot{background:#24e9ff47;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #24e9ff14}.floor-rail button.active{color:var(--cyan)}.floor-rail button.active .dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan);transform:scale(1.25)}.scene-controls{z-index:6;opacity:0;gap:8px;animation:.6s 1.8s both hud-in;display:flex;position:absolute;top:110px;right:calc(22vw + 40px)}.restore-btn{height:40px;color:var(--cyan);background:var(--glass-c);letter-spacing:1px;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:inline-flex;box-shadow:0 0 18px #24e9ff1f}.scene-legend{color:var(--text-muted);opacity:0;pointer-events:none;gap:18px;font-size:13px;animation:.6s 1.8s both hud-in;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.hud-left .metric .value,.hud-right .metric .value{font-size:22px}.hud-left,.hud-right{overflow:auto}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.normal{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.dot.watch{background:var(--warning);box-shadow:0 0 8px var(--warning)}.dot.danger{background:var(--danger);box-shadow:0 0 8px var(--danger)}.scene-title{letter-spacing:6px;color:#24e9ffb3;opacity:0;pointer-events:none;align-items:center;gap:8px;font-size:14px;animation:.7s 2s both hud-in;display:flex;position:absolute;top:86px;left:50%;transform:translate(-50%)}.attend-disc{grid-template-columns:132px 1fr;align-items:center;gap:8px;display:grid}.alert-list{flex-direction:column;gap:8px;display:flex}.alert-item{text-align:left;color:inherit;border:0;border-left:2px solid var(--warning);background:#ff435a0f;grid-template-columns:54px 1fr auto;gap:8px;padding:10px;display:grid}.alert-item.major{border-left-color:var(--danger);background:#ff435a1f}.alert-item.active{box-shadow:inset 0 0 20px #ff435a33}.alert-item .time{color:var(--cyan);font-size:13px}.alert-head{align-items:center;gap:6px;display:flex}.alert-item .place{color:var(--text-muted);font-size:12px}.progress-list,.equip-list{flex-direction:column;gap:10px;display:flex}.progress-row,.equip-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.equip-name{white-space:nowrap;align-items:center;gap:6px;display:flex}.progress-track,.tiny-bar{background:#24e9ff1a;height:6px;overflow:hidden}.progress-track span,.tiny-bar span{background:linear-gradient(90deg,#06f,#24e9ff);height:100%;display:block;box-shadow:0 0 10px #24e9ff66}.env-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.env-item{background:#00284640;padding:8px 6px}.env-item .name{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.env-item .num{margin-top:4px;font-size:18px;font-weight:600}.mini-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mini-chip{color:var(--text);text-align:left;border:0;padding:10px 12px}.mini-chip b{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.mini-chip em{color:var(--success);margin-top:4px;font-size:12px;font-style:normal;display:block}.mini-pop{z-index:8;width:240px;margin-top:8px;position:absolute;top:100%;right:0}.ai-cam{background:linear-gradient(#140828cc,#081428cc);border:0;width:100%;height:92px;margin-top:8px;position:relative;overflow:hidden}.ai-cam-icon{filter:drop-shadow(0 0 12px #8a7cff8c);position:absolute;bottom:12px;left:18px}.ai-cam .person{clip-path:polygon(50% 0,80% 18%,70% 40%,85% 100%,15% 100%,30% 40%,20% 18%);opacity:.85;background:#8a7cff;width:24px;height:46px;position:absolute;bottom:10px;left:28px}.ai-cam .hat-miss{border:1px dashed var(--danger);width:20px;height:8px;position:absolute;top:16px;left:30px}.ai-cam .scan{background:repeating-linear-gradient(#0000 0 7px,#8a7cff14 8px);position:absolute;inset:0}.ai-cam .meta{text-align:right;color:#c5b8ff;font-size:12px;animation:1.8s ease-in-out infinite blink;position:absolute;top:10px;right:10px}@keyframes blink{50%{opacity:.4}}.worker-profile{z-index:9;filter:none;width:400px;position:absolute;top:168px;right:calc(22vw + 36px)}.profile-card{padding:18px 18px 16px}.profile-head{grid-template-columns:76px 1fr;gap:14px;margin-bottom:14px;display:grid}.avatar{width:72px;height:72px;color:var(--cyan);background:radial-gradient(circle,#24e9ff47,#04192de6);border-radius:50%;place-items:center;font-size:28px;display:grid;box-shadow:0 0 0 2px #24e9ff73,0 0 18px #24e9ff59}.profile-name{font-size:22px;font-weight:600}.profile-id{color:var(--cyan);letter-spacing:1px}.kv-lite{color:var(--text-muted);margin-top:4px;font-size:14px}.psy-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 4px;display:grid}.psy-grid .value{font-size:26px}.bar-thin{background:#24e9ff1f;height:3px;margin-top:6px}.bar-thin span{background:var(--cyan);height:100%;display:block}.tags{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.tag{color:var(--cyan);background:#24e9ff14;padding:3px 8px;font-size:11px}.ghost-btn{width:100%;height:38px;color:var(--cyan);letter-spacing:1px;background:#24e9ff14;border:0;margin-top:8px}.profile-note{color:var(--warning);margin-top:8px;font-size:11px}.status-pills{gap:12px;margin:8px 0;font-size:13px;display:flex}.beacon-html{text-align:center;pointer-events:none;transform:translate(-50%,-100%)}.beacon-id{letter-spacing:.5px;color:#d9fbff;text-shadow:0 0 8px #000c;margin-bottom:4px;font-size:11px}.beacon-core{background:radial-gradient(circle,#fff 0 20%,currentColor 40%,#0000 70%);border-radius:50%;width:18px;height:18px;margin:0 auto;box-shadow:0 0 16px}.beacon-tip{background:var(--glass-c);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e7f7ff;text-align:left;min-width:128px;margin-top:6px;padding:8px 10px;font-size:12px}.profile-connector{background:linear-gradient(90deg,#0000,#ffb020);width:48px;height:1px;position:absolute;top:48px;left:-48px;box-shadow:0 0 8px #ffb020}.expand-card{color:var(--text-muted);font-size:13px}.attend-highlight{box-shadow:0 0 24px #ffb0202e}