@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Source+Code+Pro:wght@400;600&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Manrope,PingFang SC,Noto Sans SC,sans-serif;background:#050b18;overflow:hidden}.screen-shell{position:relative;isolation:isolate;min-height:100vh;padding:16px;color:#edf6ff;background:radial-gradient(circle at 50% -12%,rgba(70,243,255,.2),transparent 28%),linear-gradient(90deg,#060c1814,#060c1857 58%,#060c1894),linear-gradient(180deg,#0f2a4adb,#071224f0 48%,#050b18);display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden}.screen-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(120,166,218,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,166,218,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 86%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 86%)}.screen-shell:after{content:"";position:fixed;left:0;right:0;bottom:0;height:34px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(54,222,180,.28) 18%,rgba(70,243,255,.48) 50%,rgba(255,209,102,.24) 82%,transparent 100%),linear-gradient(180deg,transparent,rgba(70,243,255,.12));-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%)}.screen-top,.screen-stage{border:1px solid rgba(70,243,255,.18);background:linear-gradient(180deg,#0a1c34d1,#071222d1),#0c1627c7;box-shadow:0 24px 70px #030a1852;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.screen-top{position:relative;min-height:178px;padding:118px 22px 12px;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(430px,1.1fr) minmax(180px,.42fr);align-items:end;gap:20px;overflow:hidden}.screen-top:before{content:"";position:absolute;left:28%;right:28%;top:0;height:4px;background:linear-gradient(90deg,transparent,rgba(70,243,255,.72),rgba(54,222,180,.72),transparent);box-shadow:0 0 24px #46f3ff6b}.screen-top:after{content:none}.screen-title-block{position:absolute;inset:0;z-index:1;min-width:0;min-height:0;text-align:center;justify-self:stretch;padding:0;pointer-events:none}.screen-title-frame{position:absolute;left:50%;top:-12px;width:min(2200px,152%);height:204px;transform:translate(-50%);background:url(./spec-title-Do1r9IA3.png) center top / 100% 100% no-repeat;filter:drop-shadow(0 10px 24px rgba(70,243,255,.48));pointer-events:none}.screen-title-block:before,.screen-title-block:after{content:none}.screen-top h1{position:absolute;z-index:1;left:50%;top:5px;transform:translate(-50%);margin:0;font-size:34px;line-height:1.08;letter-spacing:1px;color:#f7fbff;white-space:nowrap;text-shadow:0 0 18px rgba(70,243,255,.38),0 14px 34px rgba(0,0,0,.28)}.screen-top p{display:none;position:absolute;z-index:1;left:50%;top:54px;transform:translate(-50%);margin:0;color:#8fb3df;font-size:16px;font-weight:700;white-space:nowrap}.screen-header-signals{position:relative;z-index:2;min-width:0;display:grid;grid-template-columns:minmax(124px,1.18fr) minmax(88px,.82fr) minmax(96px,.9fr) auto;align-items:center;gap:8px}.screen-header-signal{min-height:48px;padding:10px 12px;border:1px solid rgba(143,179,223,.18);background:linear-gradient(135deg,rgba(70,243,255,.18),transparent 58%),#09182dc2;display:grid;align-content:center;gap:5px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}.screen-header-signal span{color:#8fb3df;font-size:12px;font-weight:900;white-space:nowrap}.screen-header-signal strong{color:#fff;font-family:Source Code Pro,monospace;font-size:29px;line-height:1}.screen-header-signal.green strong{color:#36deb4}.screen-header-signal.amber strong{color:#ffd166}.screen-header-signal.cyan strong{color:#46f3ff}.screen-live-pill{position:relative;min-height:48px;padding:0 12px;border:1px solid rgba(54,222,180,.28);background:#36deb41a;color:#d9fff5;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:900;white-space:nowrap}.screen-live-pill span{width:8px;height:8px;border-radius:50%;background:#36deb4;box-shadow:0 0 16px #36deb4cc}.screen-live-pill.syncing span{animation:screen-pulse 1s ease-in-out infinite}.screen-actions{position:absolute;right:22px;top:18px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:9px}.screen-actions button{min-height:38px;border:1px solid rgba(143,179,223,.35);background:#122743db;color:#edf6ff;border-radius:6px;padding:8px 12px;font:inherit;font-weight:800}.screen-toolbar-clock{min-height:38px;padding:8px 12px;border:1px solid rgba(143,179,223,.28);background:#09182dad;color:#9ec2f0;border-radius:6px;display:inline-flex;align-items:center;font-size:13px;font-weight:900;white-space:nowrap}.screen-countdown{width:54px;height:54px;padding:0;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(54,222,180,.72);color:#36deb4;font-family:Source Code Pro,monospace;font-size:24px;font-weight:800;background:#09182db8;cursor:pointer}.screen-countdown.paused{border-color:#ffd166b8;color:#ffd166}.screen-stage{position:relative;min-height:0;padding:16px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden}.screen-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(70,243,255,.18),transparent 18%,transparent 82%,rgba(70,243,255,.14)),repeating-linear-gradient(90deg,rgba(70,243,255,.035) 0 1px,transparent 1px 72px);opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000,transparent 74%);mask-image:linear-gradient(180deg,#000,transparent 74%)}.screen-stage-head{position:absolute;top:16px;right:16px;z-index:2}.screen-page-progress{display:grid;grid-template-columns:repeat(4,54px);gap:8px}.screen-page-progress button{height:12px;overflow:hidden;border:0;border-radius:0;background:#8fb3df47;color:transparent}.screen-page-progress button.active{background:#36deb4;box-shadow:0 0 18px #36deb45c}.screen-alerts{min-height:34px;padding-right:250px;display:flex;align-items:center;gap:10px;overflow:hidden;position:relative;z-index:1}.screen-alerts span{max-width:36%;padding:10px 14px;border-left:4px solid #36deb4;background:linear-gradient(90deg,#36deb42e,#36deb40f),#061522a8;color:#d9fff5;font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.screen-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-grid.overview-priority{grid-template-columns:minmax(0,1.16fr) minmax(430px,.84fr)}.screen-grid.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr)}.screen-panel{position:relative;min-width:0;min-height:0;padding:14px;border:1px solid rgba(70,243,255,.18);background:radial-gradient(ellipse at 18% 8%,rgba(70,243,255,.09),transparent 48%),linear-gradient(180deg,#0b203cd1,#071427c2),#0d172a7a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:9px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.screen-panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-top:2px solid rgba(70,243,255,.36);background:linear-gradient(90deg,rgba(70,243,255,.18),transparent 34%);opacity:.72}.screen-panel:after{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(70,243,255,.8),transparent)}.screen-panel-today{border-color:#46f3ff38}.screen-panel-week{grid-template-rows:auto auto auto minmax(0,1fr)}.screen-panel-week .screen-metrics.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-panel-title{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:25px;line-height:1.1;font-weight:900;text-shadow:0 0 16px rgba(70,243,255,.2)}.screen-panel-title:before{content:"";width:8px;height:8px;background:#46f3ff;box-shadow:0 0 16px #46f3ffd9;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.screen-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.screen-metrics.compact{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.screen-metric{min-height:74px;padding:10px 13px;border:1px solid rgba(140,198,255,.13);background:linear-gradient(135deg,rgba(70,243,255,.08),transparent 54%),linear-gradient(180deg,#172d4dc7,#0d1e35a8);display:grid;gap:4px}.screen-metric span{color:#8fb3df;font-size:13px;font-weight:800}.screen-metric strong{color:#fff;font-size:29px;line-height:1;font-weight:900;overflow-wrap:anywhere}.screen-metric.good strong{color:#36deb4}.screen-metric.warn strong{color:#ff6b6b}.screen-personnel-hud{position:relative;min-height:138px;padding:14px;border:1px solid rgba(70,243,255,.34);background:radial-gradient(circle at 13% 48%,rgba(70,243,255,.22),transparent 20%),linear-gradient(90deg,rgba(70,243,255,.2),transparent 44%),linear-gradient(180deg,#081528eb,#091f34bd);box-shadow:inset 0 0 28px #46f3ff14,0 18px 46px #00000038;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));overflow:hidden}.screen-personnel-hud:before,.screen-personnel-hud:after{content:"";position:absolute;pointer-events:none}.screen-personnel-hud:before{inset:0;background:linear-gradient(90deg,transparent,rgba(70,243,255,.18),transparent),repeating-linear-gradient(90deg,rgba(70,243,255,.08) 0 1px,transparent 1px 58px);opacity:.54;transform:translate(-60%);animation:screen-scan 5.4s linear infinite}.screen-personnel-hud:after{inset:8px;border:1px solid rgba(145,184,239,.1);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.screen-personnel-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9ed8ff;font-size:15px;font-weight:900}.screen-personnel-head strong{color:#46f3ff;font-family:Source Code Pro,monospace;font-size:24px;text-shadow:0 0 18px rgba(70,243,255,.44)}.screen-personnel-body{position:relative;z-index:1;margin-top:10px;display:grid;grid-template-columns:84px 150px minmax(0,1fr);align-items:center;gap:18px}.screen-personnel-emblem{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(70,243,255,.34);background:radial-gradient(circle,rgba(70,243,255,.26),transparent 48%),#091426c7;box-shadow:0 0 26px #46f3ff24;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.screen-personnel-emblem svg{width:46px;height:46px;fill:none;stroke:#46f3ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(70,243,255,.62))}.screen-personnel-total{display:grid;gap:4px;border-right:1px solid rgba(145,184,239,.2)}.screen-personnel-total span,.screen-personnel-stat span{color:#8fb3df;font-size:12px;font-weight:900}.screen-personnel-total strong{color:#fff;font-family:Source Code Pro,monospace;font-size:48px;line-height:.95;text-shadow:0 0 22px rgba(255,255,255,.18)}.screen-personnel-split{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.screen-personnel-stat{min-width:0;display:grid;gap:7px;padding-left:12px;border-left:2px solid rgba(143,179,223,.24)}.screen-personnel-stat strong{color:#fff;font-family:Source Code Pro,monospace;font-size:26px;line-height:1}.screen-week-board{position:relative;z-index:1;min-height:178px;display:grid;gap:8px;align-content:start}.screen-week-day{min-width:0;min-height:25px;display:grid;grid-template-columns:54px minmax(0,1fr) 36px minmax(94px,.64fr);align-items:center;gap:10px}.screen-week-date{color:#dcecff;font-family:Source Code Pro,monospace;font-size:14px;font-weight:900}.screen-week-bar{height:12px;overflow:hidden;background:#8fb3df29}.screen-week-bar span{display:block;height:100%;background:linear-gradient(90deg,#36deb4,#46f3ff);box-shadow:0 0 18px #36deb46b}.screen-week-day strong{color:#fff;font-family:Source Code Pro,monospace;font-size:18px;line-height:1}.screen-week-day em{min-width:0;color:#9ec2f0;font-size:13px;font-style:normal;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-personnel-stat.active strong{color:#36deb4}.screen-personnel-stat.busy strong{color:#ffd166}.screen-personnel-stat.offline strong{color:#ff6b6b}.screen-personnel-stat.idle strong{color:#8fb3df}@keyframes screen-scan{0%{transform:translate(-80%)}52%,to{transform:translate(80%)}}@keyframes screen-pulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.6);opacity:1}}.screen-table-wrap{position:relative;z-index:1;min-height:0;overflow:hidden}.screen-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}.screen-table th,.screen-table td{padding:6px 9px;border-bottom:1px solid rgba(143,179,223,.16);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-table th{color:#91b8ef;font-size:13px;font-weight:900;background:#18233bc7}.screen-table td{color:#e8f2ff;font-weight:750}.screen-table tr.clickable{cursor:pointer}.screen-table tr.clickable:hover td{background:#36deb41a;color:#fff}.screen-zero{color:#8eaed68f;font-weight:700}.screen-status{display:inline-flex;align-items:center;color:#ff7373;font-weight:900}.screen-status.on{color:#36deb4}.screen-name-cell{min-width:0;display:inline-flex;align-items:center;gap:6px;max-width:100%}.screen-name-cell span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-name-cell em{flex:none;padding:2px 5px;border:1px solid rgba(255,214,102,.38);background:#ffd66629;color:#ffd666;font-size:11px;font-style:normal;font-weight:900}.screen-rank{position:relative;z-index:1;min-height:0;display:grid;gap:8px;align-content:start}.screen-rank-row{min-height:44px;display:grid;grid-template-columns:34px minmax(0,1fr) 78px;align-items:center;gap:10px;border-bottom:1px solid rgba(143,179,223,.16)}.screen-rank-row span{color:#36deb4;font-family:Source Code Pro,monospace;font-weight:900}.screen-rank-row strong,.screen-award strong{min-width:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-rank-row em,.screen-total-line strong,.screen-award em{color:#9ec2f0;font-style:normal;font-weight:900}.screen-total-line{margin-top:10px;padding-top:12px;border-top:1px solid rgba(143,179,223,.22);display:flex;justify-content:space-between;color:#fff;font-size:22px;font-weight:900}.screen-awards{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.screen-award{min-height:104px;padding:12px;border:1px solid rgba(54,222,180,.2);background:#102d398a;display:grid;gap:6px}.screen-award span{color:#36deb4;font-size:14px;font-weight:900}.screen-award strong{font-size:24px}.screen-error{padding:18px;border:1px solid rgba(255,107,107,.4);background:#5f14206b;color:#ffd5d5;font-weight:900}.screen-detail-backdrop{position:fixed;inset:0;z-index:20;padding:32px;background:#040a14b8;display:grid;place-items:center}.screen-detail-modal{width:min(920px,100%);max-height:min(720px,calc(100vh - 64px));padding:22px;border:1px solid rgba(70,243,255,.28);background:linear-gradient(180deg,#0f1e35f5,#091222fa),#0b1425;box-shadow:0 34px 90px #00000070;overflow:auto}.screen-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(143,179,223,.18)}.screen-detail-head span{color:#8fb3df;font-size:14px;font-weight:900}.screen-detail-head strong{display:block;margin-top:5px;color:#fff;font-size:30px;line-height:1.15;font-weight:900}.screen-detail-head button{min-height:38px;border:1px solid rgba(143,179,223,.35);border-radius:6px;background:#122743eb;color:#edf6ff;padding:8px 13px;font:inherit;font-weight:900}.screen-detail-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.screen-detail-item{min-width:0;min-height:76px;padding:12px;border:1px solid rgba(140,198,255,.13);background:#0e1b31b8;display:grid;align-content:center;gap:6px}.screen-detail-item span{color:#8fb3df;font-size:13px;font-weight:900}.screen-detail-item strong{min-width:0;color:#fff;font-size:20px;line-height:1.24;font-weight:900;overflow-wrap:anywhere}.screen-login-shell{place-items:center;grid-template-rows:minmax(0,1fr)}.screen-login-panel{width:min(520px,100%);padding:28px;border:1px solid rgba(140,198,255,.16);background:#121c31d6;box-shadow:0 32px 70px #070f2047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.screen-login-panel h1{margin:0 0 18px;color:#fff;font-size:30px}.screen-login-panel form{display:grid;gap:12px}.screen-login-panel input,.screen-login-panel button{min-height:46px;border-radius:6px;font:inherit}.screen-login-panel input{border:1px solid rgba(143,179,223,.35);background:#08101e47;color:#fff;padding:10px 12px}.screen-login-panel button{border:none;background:#36deb4;color:#07111f;font-weight:900}.screen-login-panel p{margin:12px 0 0;color:#ffd5d5;font-weight:800}@media(max-width:1100px){body,.screen-shell{overflow:auto}.screen-grid.two,.screen-grid.overview-priority,.screen-grid.wide-left{grid-template-columns:1fr}.screen-top{align-items:flex-start;grid-template-columns:1fr}.screen-title-block{order:-1;text-align:left}.screen-header-signals{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.screen-live-pill{justify-content:center}.screen-awards{grid-template-columns:1fr}}@media(max-width:700px){body{overflow:hidden}.screen-shell{min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden}.screen-top,.screen-stage{display:none}.screen-shell:after{content:"实时数据看板适合横屏或大屏查看。请在电脑、投屏设备或手机横屏模式打开。";max-width:320px;border:1px solid rgba(143,179,223,.22);background:#0c1627d1;box-shadow:0 24px 70px #030a1852;color:#edf6ff;padding:24px;font-size:18px;line-height:1.65;font-weight:900;text-align:left}}@media(max-width:900px){.screen-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1500px),(max-height:820px){.screen-shell{padding:12px;gap:10px}.screen-top{min-height:166px;padding:110px 18px 10px;grid-template-columns:minmax(420px,.95fr) minmax(420px,1fr) minmax(150px,.38fr);align-items:end;gap:16px}.screen-title-frame{top:-12px;width:min(2120px,148%);height:192px}.screen-top h1{top:5px;font-size:32px}.screen-top p{top:52px;margin-top:0;font-size:15px}.screen-header-signal,.screen-live-pill{min-height:44px}.screen-header-signal strong{font-size:24px}.screen-actions{right:18px;top:16px}.screen-toolbar-clock{min-height:34px;padding:7px 10px;font-size:12px}.screen-countdown{width:50px;height:50px;font-size:24px}.screen-stage{padding:13px;gap:7px}.screen-alerts{min-height:30px}.screen-alerts span{padding:7px 12px;font-size:13px}.screen-grid{gap:12px}.screen-grid.overview-priority{grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr)}.screen-panel{padding:12px;gap:8px}.screen-panel-title{font-size:23px}.screen-personnel-hud{min-height:118px;padding:12px}.screen-personnel-body{margin-top:12px;grid-template-columns:62px 124px minmax(0,1fr);gap:14px}.screen-personnel-emblem{width:56px;height:56px}.screen-personnel-emblem svg{width:34px;height:34px}.screen-personnel-total strong{font-size:44px}.screen-personnel-stat{gap:4px;padding-left:9px}.screen-personnel-stat strong{font-size:24px}.screen-metric{min-height:60px;padding:8px 12px}.screen-metric strong{font-size:25px}.screen-week-board{min-height:126px;gap:4px}.screen-week-day{min-height:18px;grid-template-columns:54px minmax(0,1fr) 34px minmax(84px,.56fr);gap:8px}.screen-week-date,.screen-week-day em{font-size:12px}.screen-week-day strong{font-size:16px}.screen-week-bar{height:10px}.screen-table{font-size:14px}.screen-table th,.screen-table td{padding:5px 8px}.screen-rank{gap:3px}.screen-rank-row{min-height:34px;grid-template-columns:28px minmax(0,1fr) 58px;gap:8px}.screen-total-line{margin-top:5px;padding-top:7px;font-size:18px}}