*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;color:#b0c4de;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;background:#040d1e}.dashboard{display:flex;flex-direction:column;position:relative;height:100vh;padding:8px;background-color:#040d1e;background-image:linear-gradient(rgba(0,160,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,160,255,.04) 1px,transparent 1px);background-size:48px 48px}.dashboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,rgba(0,82,204,.2) 0%,transparent 36%),radial-gradient(ellipse at 85% 8%,rgba(0,148,255,.14) 0%,transparent 32%),radial-gradient(ellipse at 50% 96%,rgba(0,64,160,.2) 0%,transparent 30%)}.db-header{position:relative;z-index:10;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;margin-bottom:8px;padding:0 20px;background:linear-gradient(180deg,#003c8c8c,#001e4647);border:1px solid rgba(0,160,255,.4);border-top-color:#00dcffcc;border-radius:6px;box-shadow:0 0 28px #008cff38,inset 0 1px #00dcff24}.db-header:before,.db-header:after{content:"";position:absolute;top:-1px;width:100px;height:2px;border-radius:1px}.db-header:before{left:24px;background:linear-gradient(90deg,rgba(0,220,255,.95),transparent)}.db-header:after{right:24px;background:linear-gradient(90deg,transparent,rgba(0,220,255,.95))}.db-header__aside{display:flex;align-items:center;gap:10px}.db-header__aside--right{justify-content:flex-end}.db-header__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%}.db-header__dot--live{background:#0f9;box-shadow:0 0 6px #00ff99d9;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 5px #0f9c}50%{box-shadow:0 0 14px #0f9,0 0 24px #00ff9980}}.db-header__status-text{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#0f9;text-shadow:0 0 8px rgba(0,255,153,.7)}.db-header__sep{width:1px;height:22px;background:linear-gradient(180deg,transparent,rgba(0,200,255,.5),transparent)}.db-header__bars{display:flex;align-items:flex-end;gap:2px;height:22px}.db-header__bars i{display:block;width:3px;border-radius:1px;background:#00d2ffd9;box-shadow:0 0 4px #00d2ff99;animation:barBounce 1.4s ease-in-out infinite}.db-header__bars i:nth-child(1){height:8px;animation-delay:0s}.db-header__bars i:nth-child(2){height:14px;animation-delay:.18s}.db-header__bars i:nth-child(3){height:10px;animation-delay:.36s}.db-header__bars i:nth-child(4){height:18px;animation-delay:.54s}.db-header__bars i:nth-child(5){height:12px;animation-delay:.72s}@keyframes barBounce{0%,to{transform:scaleY(.35);opacity:.55}50%{transform:scaleY(1);opacity:1}}.db-header__label{font-size:12px;color:#64d2ffbf;letter-spacing:.5px}.db-header__center{text-align:center}.db-header__title{margin:0;font-size:22px;font-weight:700;letter-spacing:5px;color:#e8f6ff;text-shadow:0 0 8px rgba(0,210,255,.95),0 0 20px rgba(0,170,255,.65),0 0 40px rgba(0,120,255,.38);white-space:nowrap}.db-header__title-deco{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}.db-header__title-line{flex:1;max-width:90px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,255,.65))}.db-header__title-line--r{background:linear-gradient(90deg,rgba(0,200,255,.65),transparent)}.db-header__title-diamond{width:6px;height:6px;background:#00dcffe6;transform:rotate(45deg);box-shadow:0 0 6px #00d2ffd9}.db-header__title-diamond--sm{width:4px;height:4px;background:#00ffdcb3;box-shadow:0 0 4px #00ffdcb3}.db-header__time-icon{position:relative;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,200,255,.7);flex-shrink:0}.db-header__time-icon:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:1px solid rgba(0,200,255,.4)}.db-header__time-icon:after{content:"";position:absolute;left:6px;top:2px;width:1px;height:4px;background:#00dcffe6;box-shadow:2px 2px #00dcffe6}.db-header__right{text-align:right}.db-header__time{font-size:14px;font-weight:600;color:#00dcffeb;letter-spacing:1.5px;text-shadow:0 0 10px rgba(0,200,255,.58);font-variant-numeric:tabular-nums}.dashboard__grid{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:28fr 42fr 30fr;grid-template-rows:1fr 1fr 1fr;gap:8px;min-height:0;min-width:0}.panel,.map-panel{min-width:0;min-height:0}.panel{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,150,255,.5);border-top-color:#00d2ffcc;border-radius:6px;background:linear-gradient(160deg,#05102efa,#030a1efc);box-shadow:0 0 18px #008cff33,inset 0 1px #00d2ff1a,0 0 0 1px #0050b42e,0 4px 28px #0000008c}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;border-radius:6px;background-image:linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6);background-size:2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px;background-position:top 0 left 0,top 0 left 0,top 0 right 0,top 0 right 0,bottom 0 left 0,bottom 0 left 0,bottom 0 right 0,bottom 0 right 0;background-repeat:no-repeat}.panel__header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px 8px;border-bottom:1px solid rgba(0,160,255,.3);background:linear-gradient(90deg,rgba(0,100,220,.38) 0%,rgba(0,60,150,.18) 45%,transparent 100%);box-shadow:inset 0 -1px #0082ff1f}.panel__header:after{content:"";position:absolute;bottom:-1px;left:0;width:40%;height:1px;background:linear-gradient(90deg,rgba(0,210,255,.7),transparent)}.panel__heading{display:flex;align-items:center;min-width:0;gap:9px;font-weight:700;white-space:nowrap}.panel__flag{flex-shrink:0;width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#0ef,#07e);box-shadow:0 0 10px #00dcfff2,0 0 20px #00b4ff99,0 0 32px #008cff47}.panel__title{overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:700;letter-spacing:1px;color:#c8eaff;text-shadow:0 0 10px rgba(80,190,255,.8),0 0 22px rgba(50,150,255,.42)}.panel__date{color:#00d2ff80;font-size:11.5px;font-weight:400;letter-spacing:.5px}.panel__tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.tool{position:relative;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,180,255,.58);opacity:.78}.tool:before,.tool:after{content:"";position:absolute}.tool--clock:before{top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:1px solid rgba(0,180,255,.5)}.tool--clock:after{left:6px;top:3px;width:1px;height:5px;background:#64dcffe6;box-shadow:2px 2px #64dcffe6;transform-origin:bottom center}.tool--screen{border-radius:2px}.tool--screen:before{top:2px;right:2px;bottom:4px;left:2px;border:1px solid rgba(0,180,255,.52)}.tool--screen:after{left:4px;right:4px;bottom:2px;height:1px;background:#00b4ff9e}.chart{flex:1;min-height:0}.panel--left-top{grid-column:1;grid-row:1}.panel--left-middle{grid-column:1;grid-row:2}.panel--left-bottom{grid-column:1;grid-row:3}.map-panel{grid-column:2;grid-row:1 / span 2}.map-panel__frame{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(0,150,255,.5);border-top-color:#00d2ffcc;border-radius:6px;background:url(/assets/bg-DKPaIcWQ.png) center center / cover no-repeat;box-shadow:0 0 18px #008cff33,inset 0 1px #00d2ff1a,0 0 0 1px #0050b42e,0 4px 28px #0000008c}.map-panel__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;border-radius:6px;background-image:linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6),linear-gradient(#00dcffe6,#00dcffe6);background-size:2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px;background-position:top 0 left 0,top 0 left 0,top 0 right 0,top 0 right 0,bottom 0 left 0,bottom 0 left 0,bottom 0 right 0,bottom 0 right 0;background-repeat:no-repeat}.map-panel__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(0,170,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.028) 1px,transparent 1px);background-size:40px 40px;mix-blend-mode:screen;animation:mapScan 8s linear infinite}@keyframes mapScan{0%{background-position:0 0,0 0}to{background-position:0 -320px,0 0}}.panel--center-bottom{grid-column:2;grid-row:3}.table-wrap{flex:1;min-height:0;overflow:auto}.table-wrap::-webkit-scrollbar{width:5px;height:5px}.table-wrap::-webkit-scrollbar-thumb{border-radius:999px;background:#00a0ff52}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table thead th{position:sticky;top:0;z-index:1;padding:9px 12px;color:#00d7ffeb;font-weight:600;text-align:left;background:#002d6e99;border-bottom:1px solid rgba(0,165,255,.38);letter-spacing:.5px;white-space:nowrap;text-shadow:0 0 8px rgba(0,200,255,.45)}.data-table tbody td{padding:8px 12px;border-bottom:1px solid rgba(0,80,160,.2);color:#b4dcffe6;white-space:nowrap}.data-table tbody tr:nth-child(odd) td{background:#00327324}.data-table tbody tr:hover td{background:#0078e638;color:#e4f4ff}.data-table__name{color:#4dffc4;font-weight:700;letter-spacing:.3px;text-shadow:0 0 8px rgba(77,255,196,.5)}.data-table__summary{min-width:260px}.progress-text{font-weight:700;letter-spacing:.5px}.progress-text--green{color:#3bffb8;text-shadow:0 0 8px rgba(59,255,184,.55)}.progress-text--amber{color:#ffc93c;text-shadow:0 0 8px rgba(255,201,60,.48)}.progress-text--cyan{color:#00e5ff;text-shadow:0 0 8px rgba(0,229,255,.5)}.panel--right-top{grid-column:3;grid-row:1}.panel--right-middle{grid-column:3;grid-row:2}.panel--right-bottom{grid-column:3;grid-row:3}@media (max-width: 1400px){.dashboard__grid{grid-template-columns:30fr 40fr 30fr}.panel__title{font-size:13px}.panel__date{font-size:11px}}@media (max-width: 1100px){body{overflow:auto}.dashboard{height:auto;min-height:100vh}.dashboard__grid{flex:none;height:auto;min-height:calc(100vh - 80px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:360px 320px 320px 320px 340px 340px}.panel--left-top{grid-column:1;grid-row:2}.panel--left-middle{grid-column:2;grid-row:2}.panel--left-bottom{grid-column:1 / span 2;grid-row:3}.map-panel{grid-column:1 / span 2;grid-row:1}.panel--center-bottom{grid-column:1 / span 2;grid-row:4}.panel--right-top{grid-column:1;grid-row:5}.panel--right-middle{grid-column:2;grid-row:5}.panel--right-bottom{grid-column:1 / span 2;grid-row:6}}@media (max-width: 720px){body{overflow:auto}.dashboard{padding:6px;height:auto;min-height:100vh}.db-header__title{font-size:15px;letter-spacing:2px}.dashboard__grid{flex:none;gap:6px;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(8,minmax(260px,auto))}.map-panel,.panel--left-top,.panel--left-middle,.panel--left-bottom,.panel--center-bottom,.panel--right-top,.panel--right-middle,.panel--right-bottom{grid-column:1}.map-panel{grid-row:1;min-height:320px}.panel--left-top{grid-row:2}.panel--left-middle{grid-row:3}.panel--left-bottom{grid-row:4}.panel--center-bottom{grid-row:5}.panel--right-top{grid-row:6}.panel--right-middle{grid-row:7}.panel--right-bottom{grid-row:8}.panel__header{padding:8px 8px 6px}.panel__title{font-size:12px}.panel__date{display:none}.data-table{font-size:11px}}