:root{color:#d9f6ff;background:#020a15;font-family:Bahnschrift,DIN Alternate,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;--bg: #020a15;--panel: rgba(4, 20, 39, .88);--panel-deep: rgba(2, 14, 30, .96);--cyan: #28d7ff;--cyan-soft: #75ebff;--blue: #337eff;--gold: #f6bd55;--green: #39d49a;--line: rgba(55, 191, 231, .22);--text: #d9f6ff;--muted: #63869e}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.panel-frame{position:relative;border:1px solid rgba(45,189,231,.24);background:linear-gradient(135deg,rgba(24,108,144,.15),transparent 28%),linear-gradient(315deg,rgba(10,73,111,.12),transparent 24%),var(--panel);box-shadow:inset 0 0 28px #032e4c33,0 12px 40px #00000042;clip-path:polygon(0 8px,8px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 8px),calc(100% - 8px) 100%,20px 100%,0 calc(100% - 20px))}.panel-frame:before,.panel-frame:after{content:"";position:absolute;z-index:4;pointer-events:none}.panel-frame:before{top:-1px;left:22px;width:58px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 14px var(--cyan)}.panel-frame:after{right:-1px;bottom:18px;width:2px;height:42px;background:linear-gradient(transparent,rgba(246,189,85,.75),transparent)}.panel-corners{position:absolute;inset:5px;z-index:3;pointer-events:none;background:linear-gradient(var(--cyan),var(--cyan)) left top / 13px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) left top / 1px 13px no-repeat,linear-gradient(#28d7ff8c,#28d7ff8c) right bottom / 13px 1px no-repeat,linear-gradient(#28d7ff8c,#28d7ff8c) right bottom / 1px 13px no-repeat}.tech-login{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);overflow:hidden;background:radial-gradient(circle at 18% 45%,rgba(0,164,224,.18),transparent 28%),radial-gradient(circle at 78% 18%,rgba(37,94,180,.12),transparent 25%),linear-gradient(135deg,#020913,#05182b 55%,#020b17)}.login-grid,.screen-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(51,154,200,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(51,154,200,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 94%)}.tech-login:before{content:"";position:absolute;width:58vw;height:58vw;left:-19vw;bottom:-34vw;border:1px solid rgba(43,202,247,.18);border-radius:50%;box-shadow:0 0 0 68px #1faedb07,0 0 0 136px #1faedb05}.login-identity{position:relative;z-index:1;align-self:center;padding:clamp(42px,7vw,120px)}.system-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(54,203,242,.22);color:#69cfe9;background:#05233a8c;font-size:11px;letter-spacing:.14em}.system-badge i,.health-chip i,.live-line i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.login-identity h1{max-width:850px;margin:34px 0 22px;color:#eefcff;font-size:clamp(50px,6.5vw,102px);font-weight:700;line-height:.98;letter-spacing:-.06em;text-shadow:0 0 32px rgba(63,202,239,.14)}.login-identity h1 span{color:#3bd8fa}.login-identity p{max-width:580px;color:#7291a6;font-size:16px;line-height:1.8}.login-signal{display:flex;align-items:center;gap:4px;margin-top:38px}.login-signal span{width:26px;height:3px;background:#28d7ff47}.login-signal span:nth-child(2){width:48px;background:var(--cyan);box-shadow:0 0 12px #28d7ffcc}.login-signal b{margin-left:10px;color:#476d84;font-size:10px;letter-spacing:.18em}.login-access{z-index:2;align-self:center;width:min(430px,calc(100% - 48px));margin:40px auto;padding:40px}.micro-title{margin:0 0 10px;color:var(--cyan);font-size:10px;letter-spacing:.18em}.login-access h2{margin:0 0 30px;color:#e4f9ff;font-size:30px;letter-spacing:.04em}.login-access form{display:grid;gap:18px}.login-access label{display:grid;gap:8px;color:#67879d;font-size:11px;letter-spacing:.08em}.login-access input{min-height:52px;padding:0 15px;border:1px solid rgba(52,168,207,.25);border-radius:0;outline:none;color:#dffaff;background:#010b18d1;transition:border .2s,box-shadow .2s}.login-access input:focus{border-color:var(--cyan);box-shadow:inset 0 0 18px #28d7ff12,0 0 0 2px #28d7ff14}.login-access button{min-height:52px;margin-top:8px;border:1px solid #20bee3;color:#eaffff;background:linear-gradient(90deg,#087aa3,#0ba9c7);font-weight:700;letter-spacing:.1em;box-shadow:0 0 26px #12bee229}.login-access button i{display:inline-block;width:22px;height:1px;margin-right:10px;vertical-align:middle;background:#fff}.login-access small{display:block;margin-top:20px;color:#3e6279;font-size:9px;letter-spacing:.12em}.login-error{margin:0;padding:10px 12px;border-left:2px solid #ff745c;color:#ff9b88;background:#7e1b1433;font-size:12px}.command-screen{position:relative;height:100vh;min-height:720px;overflow:hidden;color:var(--text);background:radial-gradient(circle at 50% 42%,rgba(0,105,158,.18),transparent 34%),radial-gradient(circle at 8% 70%,rgba(15,68,126,.13),transparent 30%),linear-gradient(180deg,#020913,#04111f 55%,#020914)}.command-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen}.command-header{position:relative;z-index:10;height:72px;display:grid;place-items:center;border-bottom:1px solid rgba(41,186,230,.2);background:linear-gradient(180deg,#061a2efa,#030d1ae6)}.command-header:after{content:"";position:absolute;bottom:-1px;left:50%;width:min(560px,42vw);height:2px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px #28d7ffbf}.command-brand{text-align:center}.command-brand p{margin:0 0 2px;color:#3e9bb9;font-size:9px;letter-spacing:.26em}.command-brand h1{margin:0;color:#e6faff;font-size:25px;letter-spacing:.16em;text-shadow:0 0 18px rgba(58,215,250,.25)}.header-wing{position:absolute;top:29px;display:flex;align-items:center;gap:7px;width:20vw}.header-wing.left{right:calc(50% + 245px)}.header-wing.right{left:calc(50% + 245px)}.header-wing span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(40,215,255,.5))}.header-wing.right span{background:linear-gradient(90deg,rgba(40,215,255,.5),transparent)}.header-wing i{width:46px;height:5px;border-top:1px solid rgba(40,215,255,.55);border-bottom:1px solid rgba(40,215,255,.18);transform:skew(-35deg)}.header-meta,.header-clock,.header-actions{position:absolute;top:0;height:72px;display:flex;align-items:center}.header-meta{left:22px;flex-direction:column;justify-content:center;align-items:flex-start}.header-meta b{color:#8eb4c8;font-size:11px}.header-meta span{margin-top:3px;color:#395f76;font-size:8px;letter-spacing:.16em}.header-clock{right:330px;flex-direction:column;justify-content:center;align-items:flex-end}.header-clock strong{color:#9eefff;font-size:18px;font-weight:500;letter-spacing:.08em;font-variant-numeric:tabular-nums}.header-clock span{color:#426d83;font-size:8px;letter-spacing:.12em}.header-actions{right:18px;gap:7px}.header-actions button,.refresh-button,.period-control button{border:1px solid rgba(60,174,210,.22);color:#6e9eb7;background:#041e32b3;font-size:9px;letter-spacing:.08em}.header-actions button{min-height:30px;padding:0 10px}.header-actions button:hover,.refresh-button:hover{color:#d9fbff;border-color:#28d7ffb3}.health-chip{display:flex;align-items:center;gap:7px;color:#c26d64;font-size:9px}.health-chip i{background:#e45e55;box-shadow:0 0 9px #e45e55}.health-chip.online{color:#67d7ab}.health-chip.online i{background:var(--green);box-shadow:0 0 10px var(--green)}.command-toolbar{position:relative;z-index:7;height:38px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid rgba(41,150,188,.11);background:#020d19bf}.live-line{display:flex;align-items:center;gap:8px;color:#47768e;font-size:8px;letter-spacing:.13em}.live-line b{color:#45d7a4}.live-line i{width:5px;height:5px}.period-control{display:flex;align-items:center;gap:5px;margin-left:auto}.period-control>span{margin-right:6px;color:#4c7289;font-size:9px}.period-control button{min-width:40px;min-height:24px}.period-control button.active{color:#dffcff;border-color:var(--cyan);background:#1189aa59;box-shadow:inset 0 0 12px #28d7ff1a}.refresh-button{min-height:25px;padding:0 11px}.global-error{position:absolute;z-index:20;top:115px;left:50%;transform:translate(-50%);margin:0;padding:9px 14px;border:1px solid rgba(255,103,83,.5);color:#ffad9e;background:#521211eb;font-size:11px}.data-layout{position:relative;z-index:5;height:calc(100vh - 110px);min-height:610px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(520px,1.75fr) minmax(260px,.86fr);grid-template-areas:"left center right";gap:10px;padding:10px 14px 14px}.data-rail,.center-stage{min-width:0;min-height:0;display:grid;gap:10px}.left-rail{grid-area:left;grid-template-rows:minmax(340px,1.05fr) minmax(230px,.8fr)}.center-stage{grid-area:center;grid-template-rows:minmax(430px,1fr) minmax(170px,.31fr)}.right-rail{grid-area:right;grid-template-rows:minmax(270px,1fr) minmax(180px,.66fr) minmax(155px,.54fr)}.data-panel,.map-panel{min-width:0;min-height:0;overflow:hidden}.data-panel{padding:12px}.panel-title{position:relative;z-index:5;height:31px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(53,156,193,.14)}.panel-title>div{display:flex;align-items:center;gap:8px}.panel-title span{display:grid;place-items:center;width:22px;height:17px;color:#03111e;background:var(--cyan);font-size:8px;font-weight:800;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}.panel-title h2{margin:0;color:#a9d6e8;font-size:12px;letter-spacing:.08em}.panel-title>b{color:#315e76;font-size:8px;font-weight:500;letter-spacing:.14em}.kpi-grid{height:calc(100% - 31px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;padding-top:8px}.kpi-grid article{position:relative;min-height:0;padding:10px;border:1px solid rgba(52,153,190,.13);background:linear-gradient(135deg,#0c3e5b47,#02112038);overflow:hidden}.kpi-grid article:after{content:"";position:absolute;right:-12px;bottom:-12px;width:40px;height:40px;border:1px solid rgba(40,215,255,.1);transform:rotate(45deg)}.kpi-grid article>div{display:flex;justify-content:space-between;gap:5px}.kpi-grid article span{color:#6a94aa;font-size:9px}.kpi-grid article em{color:#285b72;font-size:7px;font-style:normal}.kpi-grid article strong{display:block;margin-top:8px;color:#e4fbff;font-size:clamp(22px,2vw,34px);line-height:1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(62,217,255,.15)}.kpi-grid article small{display:block;margin-top:7px;color:#3b7188;font-size:8px}.rail-chart{width:100%;height:calc(100% - 65px)}.trend-summary{height:33px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(48,143,178,.13)}.trend-summary span{display:flex;align-items:center;justify-content:center;gap:5px;color:#4e778e;font-size:8px;border-right:1px solid rgba(48,143,178,.1)}.trend-summary span:last-child{border:0}.trend-summary b{color:#8fdcee;font-size:11px}.map-panel{position:relative}.map-panel:before{content:"";position:absolute;inset:42px 8% 30px;border:1px solid rgba(24,155,205,.08);border-radius:50%;transform:perspective(600px) rotateX(64deg);box-shadow:0 0 70px #0086be14}.map-topline{position:absolute;z-index:6;top:13px;left:18px;right:18px;display:flex;justify-content:space-between;color:#3f748e;font-size:8px;letter-spacing:.12em}.map-topline span{display:flex;align-items:center;gap:8px}.map-topline i{width:18px;height:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.map-topline b{color:#42677b;font-weight:500}.china-map{position:absolute;z-index:3;inset:32px 7px 34px}.map-halo{position:absolute;z-index:1;left:50%;top:50%;border:1px solid rgba(36,184,228,.1);border-radius:50%;transform:translate(-50%,-50%)}.map-halo.one{width:58%;aspect-ratio:1;box-shadow:0 0 60px #0077b214}.map-halo.two{width:76%;aspect-ratio:1;border-style:dashed;animation:halo-spin 42s linear infinite}.map-scan{position:absolute;z-index:4;left:9%;right:9%;top:22%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(95,234,255,.55),transparent);box-shadow:0 0 12px #5feaff80;animation:scan-map 7s ease-in-out infinite}.region-focus{position:absolute;z-index:7;top:47px;right:15px;width:150px;padding:12px;border:1px solid rgba(50,179,216,.2);background:#020f1ed4;backdrop-filter:blur(8px)}.region-focus:before{content:"";position:absolute;left:-21px;top:18px;width:20px;height:1px;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.region-focus p{margin:0;color:#315f77;font-size:7px;letter-spacing:.15em}.region-focus h3{margin:6px 0 10px;color:#dffbff;font-size:17px}.region-focus>div{display:flex;justify-content:space-between;margin-top:7px;color:#5f8297;font-size:9px}.region-focus>div b{color:#7be7fa;font-size:11px}.region-focus small{display:block;margin-top:9px;padding-top:7px;border-top:1px solid rgba(55,142,174,.13);color:#385f74;font-size:7px}.map-summary{position:absolute;z-index:7;left:16px;bottom:12px;display:flex;gap:4px}.map-summary span{min-width:72px;padding:6px 8px;border-left:1px solid rgba(40,215,255,.5);color:#456e84;background:#031627c2;font-size:7px}.map-summary b{margin-right:4px;color:#9cecff;font-size:12px}.center-chart{width:100%;height:calc(100% - 31px)}.region-ranking{height:calc(100% - 31px);display:grid;grid-auto-rows:minmax(25px,1fr);padding-top:6px}.region-ranking button{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:0 4px;border:0;border-bottom:1px solid rgba(49,126,157,.1);color:inherit;background:transparent;text-align:left}.region-ranking button:hover,.region-ranking button.active{background:linear-gradient(90deg,rgba(22,126,163,.2),transparent)}.region-ranking button em{color:#345e73;font-size:8px;font-style:normal}.region-ranking button.active em{color:var(--gold)}.region-ranking button>div{min-width:0;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:6px}.region-ranking button span{overflow:hidden;color:#7297aa;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.region-ranking button i{position:relative;height:3px;overflow:hidden;background:#2b6f8c29}.region-ranking button u{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,#157da3,var(--cyan));box-shadow:0 0 5px #28d7ff80;text-decoration:none}.region-ranking button strong{color:#8ee8f6;font-size:10px;text-align:right}.no-region-data{margin:auto;color:#3d677d;font-size:10px}.feature-chart{width:100%;height:calc(100% - 31px)}.system-lines{display:grid;gap:5px;padding-top:8px}.system-lines>div{display:flex;justify-content:space-between;padding:4px 2px;color:#557b91;font-size:8px;border-bottom:1px dashed rgba(54,128,157,.12)}.system-lines b{color:#7ea6b8;font-size:8px}.system-lines b.ok{color:#3ed7a0}.system-panel footer{position:absolute;left:12px;right:12px;bottom:9px;padding-top:6px;border-top:1px solid rgba(48,128,160,.12);color:#315a70;font-size:7px;letter-spacing:.08em}.map-tip{display:grid;gap:6px;min-width:150px}.map-tip>b{margin-bottom:3px;color:#fff;font-size:14px}.map-tip span{display:flex;justify-content:space-between;gap:20px;color:#6f98ae}.map-tip strong{color:#a4effb;font-weight:600}@keyframes halo-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes scan-map{0%,to{top:24%;opacity:0}20%,80%{opacity:.65}50%{top:76%;opacity:.8}}@media(max-width:1380px){.data-layout{grid-template-columns:minmax(230px,.75fr) minmax(480px,1.65fr) minmax(240px,.78fr)}.command-brand h1{font-size:21px}.command-brand p{font-size:8px}.header-wing,.header-meta{display:none}.header-clock{right:285px}.header-actions{right:12px}.user-button{max-width:95px;overflow:hidden;white-space:nowrap}.region-focus{width:134px}.map-summary span{min-width:62px}}@media(max-width:1120px){.command-screen{height:auto;min-height:100vh;overflow:visible}.command-header{height:66px}.header-clock{left:14px;right:auto;align-items:flex-start}.header-actions{right:12px;height:66px}.command-brand h1{font-size:19px}.command-brand p{display:none}.command-toolbar{height:40px}.data-layout{height:auto;min-height:0;grid-template-columns:1fr 1fr;grid-template-areas:"center center" "left right";padding:10px}.center-stage{grid-template-rows:610px 230px}.left-rail,.right-rail{min-height:680px}}@media(max-width:760px){.tech-login{grid-template-columns:1fr;align-content:center}.login-identity{padding:38px 24px 12px}.login-identity h1{margin:22px 0 14px;font-size:46px}.login-identity p,.login-signal{display:none}.system-badge{font-size:8px}.login-access{width:calc(100% - 28px);margin:14px auto 34px;padding:26px 22px}.command-header{height:62px;justify-items:start;padding-left:13px}.command-brand{text-align:left}.command-brand h1{font-size:16px;letter-spacing:.08em}.header-clock,.health-chip{display:none}.header-actions{height:62px}.header-actions button:first-of-type{display:none}.header-actions button{padding:0 8px}.user-button{max-width:65px}.command-toolbar{padding:0 9px;gap:7px}.live-line span{display:none}.period-control>span{display:none}.refresh-button{padding:0 7px}.data-layout{grid-template-columns:1fr;grid-template-areas:"center" "left" "right";gap:8px;padding:8px}.center-stage{grid-template-rows:500px 220px;gap:8px}.left-rail{grid-template-rows:440px 260px;min-height:708px;gap:8px}.right-rail{grid-template-rows:390px 230px 180px;min-height:816px;gap:8px}.data-panel{padding:10px}.kpi-grid{gap:5px}.kpi-grid article{padding:9px}.kpi-grid article strong{font-size:26px}.china-map{inset:48px 0 70px}.map-topline{top:12px;left:12px;right:12px}.map-topline b{display:none}.region-focus{top:43px;right:9px;width:126px;padding:9px}.region-focus h3{font-size:14px}.region-focus>div{margin-top:5px}.map-summary{left:9px;right:9px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr)}.map-summary span{min-width:0;padding:5px;text-align:center}.map-summary b{display:block;margin:0 0 2px}.map-halo.two{width:96%}.map-halo.one{width:75%}}@media(max-width:420px){.command-brand h1{font-size:14px}.header-actions button{font-size:8px}.center-stage{grid-template-rows:455px 210px}.left-rail{grid-template-rows:420px 250px}.kpi-grid article span{font-size:8px}.kpi-grid article strong{font-size:23px}.region-focus{width:115px;background:#020f1ee6}.region-focus p,.region-focus small{display:none}.region-ranking button>div{grid-template-columns:46px 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}