:root{font-family:DIN Alternate,Microsoft YaHei,system-ui,sans-serif;color:#d8f7ff;background:#06111f}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;overflow-x:hidden;overflow-y:auto}.screen-shell{position:relative;width:100vw;min-height:100vh;height:auto;min-width:0;padding:22px 28px 20px;background:radial-gradient(circle at 50% 30%,rgba(31,230,200,.16),transparent 32%),radial-gradient(circle at 80% 0%,rgba(55,117,255,.18),transparent 30%),linear-gradient(180deg,#061827,#07111f 58%,#030812)}.screen-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.topbar,.metric-strip,.dashboard-grid,.bottom-strip{position:relative;z-index:1}.topbar{height:82px;display:flex;justify-content:space-between;align-items:flex-start;padding:0 8px}.eyebrow{color:#35e8ff;letter-spacing:5px;font-size:12px}h1{margin:6px 0 0;font-size:34px;letter-spacing:6px;text-shadow:0 0 22px rgba(30,230,200,.45)}.top-status{display:flex;gap:18px;align-items:center;color:#8eb6c8}.top-status span,.top-status strong{padding:9px 14px;border:1px solid rgba(76,206,255,.25);background:#051828b3;border-radius:999px}.top-status strong{color:#fff;font-weight:500}.metric-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;height:110px}.metric-card{position:relative;padding:18px 18px 14px;border:1px solid rgba(81,204,255,.22);background:linear-gradient(135deg,#102d42e6,#071524b8);border-radius:16px;overflow:hidden;box-shadow:inset 0 0 30px #37a0ff14}.metric-card:after{content:"";position:absolute;right:-28px;top:-28px;width:82px;height:82px;border-radius:50%;background:currentColor;opacity:.16;filter:blur(2px)}.metric-card span{display:block;color:#8eb6c8;font-size:14px}.metric-card strong{font-size:34px;line-height:1.45;color:#fff}.metric-card b{margin-left:6px;color:#91aebd;font-weight:400}.cyan{color:#35e8ff}.green{color:#35f0a1}.red{color:#ff5b75}.amber{color:#ffc85a}.violet{color:#a987ff}.blue{color:#4aa3ff}.dashboard-grid{min-height:620px;height:calc(100vh - 236px);display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(280px,360px);gap:16px;margin-top:16px}.side-column{display:grid;grid-template-rows:42% 1fr;gap:16px;min-height:0}.panel{border:1px solid rgba(81,204,255,.22);background:linear-gradient(180deg,#0a2033d1,#05101ec7);border-radius:18px;box-shadow:0 14px 38px #0000003d,inset 0 0 32px #248fff12;min-height:0;overflow:hidden}.panel-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(81,204,255,.14)}.panel-head span{color:#effcff;font-weight:700;letter-spacing:1px}.panel-head b{color:#35e8ff;font-weight:500;font-size:13px}.trend-chart{height:calc(100% - 46px)}.event-list,.device-list,.rank-list{height:calc(100% - 46px);overflow:hidden;padding:10px 12px}.event-row,.device-row,.rank-row{display:grid;align-items:center;gap:10px;min-height:46px;margin-bottom:8px;padding:8px 10px;border-radius:12px;background:#ffffff09}.event-row{grid-template-columns:12px 1fr 78px}.device-row{grid-template-columns:1fr 52px}.event-row i{width:9px;height:9px;border-radius:50%;background:#35f0a1;box-shadow:0 0 12px currentColor;color:#35f0a1}.event-row i.warning{background:#ffc85a;color:#ffc85a}.event-row i.danger{background:#ff5b75;color:#ff5b75}.event-row strong,.device-row strong,.rank-row strong{display:block;color:#fff;font-size:14px}.event-row span,.device-row span,.rank-row span{display:block;margin-top:4px;color:#7f9daf;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event-row b,.device-row b,.rank-row b{color:#a6d7e8;font-size:12px;font-weight:500;text-align:right}.empty-row{height:100%;display:grid;place-items:center;color:#63879a}.map-stage{position:relative}.map-stage.fullscreen{position:fixed;z-index:20;inset:0;width:100vw;height:100vh;border:0;border-radius:0;background:#06111f}.map-stage.fullscreen .panel-head{position:absolute;z-index:30;top:12px;left:50%;transform:translate(-50%);width:min(720px,calc(100vw - 32px));border:1px solid rgba(81,204,255,.22);border-radius:999px;background:#04101cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-stage.fullscreen .map-wrap{height:100vh}.map-stage.fullscreen .real-china-map{inset:0;border-radius:0}.map-stage.fullscreen .real-china-map+.china-map,.map-stage.fullscreen .map-orbit{display:none}.map-actions{display:flex;align-items:center;gap:10px}.fullscreen-btn{height:28px;padding:0 12px;border:1px solid rgba(81,204,255,.35);border-radius:999px;background:#1ee6c814;color:#d8f7ff;cursor:pointer}.fullscreen-btn:hover{border-color:#1ee6c8bf;color:#fff;box-shadow:0 0 16px #1ee6c82e}.map-wrap{position:relative;height:calc(100% - 46px);display:grid;place-items:center;overflow:hidden}.real-china-map{position:absolute;inset:8px 10px 0;z-index:2}.real-china-map{background:radial-gradient(circle at 50% 45%,rgba(30,230,200,.18),transparent 46%),#0a1f30;border-radius:14px;overflow:hidden}.real-china-map:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#030c180a,#030c181f),radial-gradient(circle at 50% 50%,transparent 58%,rgba(3,8,18,.28));box-shadow:inset 0 0 70px #1ee6c824,inset 0 0 110px #0000002e}.real-china-map img{filter:invert(1) hue-rotate(165deg) saturate(1.25) brightness(.86) contrast(1.04)}.real-china-map .tdt-control-container,.real-china-map .tdt-control{filter:none}.real-china-map .tdt-label,.real-china-map .tdt-label div,.real-china-map .tdt-label span{background:transparent!important;border:0!important;box-shadow:none!important}.real-china-map .tdt-label{padding:0!important}.real-china-map+.china-map{opacity:.18;z-index:1}.real-china-map :deep(.tdt-label),.tdt-label{background:transparent!important;border:0!important}.tdt-point{position:relative;min-width:126px;padding:7px 10px 7px 24px;border:1px solid rgba(81,204,255,.38);border-radius:10px;background:#04101cdb;color:#d8f7ff;box-shadow:0 0 20px #35e8ff1f;cursor:pointer}.tdt-point i{position:absolute;left:9px;top:13px;width:9px;height:9px;border-radius:50%;background:#35e8ff;box-shadow:0 0 12px #35e8ff}.tdt-point.alert{border-color:#ff5b758c}.tdt-point.alert i{background:#ff5b75;box-shadow:0 0 14px #ff5b75}.tdt-point strong{display:block;max-width:110px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdt-point span{color:#8eb6c8;font-size:12px}.china-map{width:min(92%,850px);height:92%;overflow:visible;filter:drop-shadow(0 0 28px rgba(53,232,255,.12))}.land{fill:url(#land);stroke:#46dcff8c;stroke-width:2}.island{fill:#122b36;stroke:#46dcff73}.route-line{fill:none;stroke:#35e8ff73;stroke-width:2;stroke-dasharray:8 8;animation:dash 12s linear infinite}.route-line.secondary{stroke:#ffc85a52}.map-point{fill:#35e8ff;filter:url(#glow)}.map-point.alert{fill:#ff5b75}.pulse{fill:#35e8ff29;transform-origin:center;animation:pulse 2.4s ease-out infinite}.pulse.alert{fill:#ff5b752e}.point-card{width:150px;padding:7px 10px;border:1px solid rgba(81,204,255,.25);border-radius:10px;background:#04101cd1;color:#d8f7ff;font-size:12px}.point-card strong{display:block;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.point-card span{color:#8eb6c8}.map-orbit{position:absolute;border:1px solid rgba(53,232,255,.12);border-radius:50%;transform:rotateX(68deg);pointer-events:none}.orbit-one{width:72%;height:42%;bottom:12%}.orbit-two{width:52%;height:30%;bottom:18%;border-color:#ffc85a1f}.rank-row{grid-template-columns:1fr 95px 36px;position:relative}.rank-row i{height:6px;border-radius:999px;background:linear-gradient(90deg,#1ee6c8,#4aa3ff);box-shadow:0 0 14px #1ee6c84d}.bottom-strip{height:44px;margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bottom-strip div{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(81,204,255,.18);background:#0518289e;border-radius:12px;color:#8eb6c8}.bottom-strip strong{color:#35e8ff;font-size:24px}.loading-mask,.error-banner{position:fixed;z-index:5;right:28px;bottom:24px;padding:12px 16px;border-radius:12px;background:#071524eb;border:1px solid rgba(81,204,255,.25);color:#d8f7ff}.error-banner{left:50%;right:auto;transform:translate(-50%);border-color:#ff5b7573;color:#ff9baa}@keyframes pulse{0%{opacity:.9;r:8}to{opacity:0;r:26}}@keyframes dash{to{stroke-dashoffset:-160}}@media(max-width:1280px){.screen-shell{padding:18px}.dashboard-grid{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,300px);gap:10px}.metric-strip{gap:8px}.metric-card{padding:14px 12px}}@media(max-width:980px){.dashboard-grid{height:auto;min-height:0;grid-template-columns:1fr}.side-column{grid-template-rows:minmax(260px,auto) minmax(260px,auto)}.map-stage{min-height:520px}.metric-strip{grid-template-columns:repeat(3,1fr);height:auto}}@media(max-width:640px){.screen-shell{padding:12px}.topbar{height:auto;min-height:70px}h1{font-size:24px;letter-spacing:2px}.metric-strip{grid-template-columns:repeat(2,1fr)}.bottom-strip{grid-template-columns:repeat(2,1fr);height:auto}.bottom-strip div{min-height:44px}}