*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:1280px;overflow:hidden;color:#eef7ff;background:#050913;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}.screen-shell{width:100vw;height:100vh;overflow:hidden;padding:18px 24px 34px;position:relative;background:radial-gradient(circle at 52% 42%,rgba(35,84,118,.35),transparent 36%),radial-gradient(circle at 88% 10%,rgba(130,42,38,.5),transparent 30%),linear-gradient(120deg,#050913,#111821 46%,#060b13)}.screen-shell:before{position:absolute;inset:0;pointer-events:none;content:"";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:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black 0,transparent 72%);mask-image:radial-gradient(circle at center,black 0,transparent 72%)}.topbar,.metric-row,.dashboard-grid{position:relative;z-index:1}.topbar{height:76px;display:grid;grid-template-columns:28px minmax(420px,1fr) 310px 250px 70px;align-items:center;border-bottom:1px solid rgba(248,121,67,.7);box-shadow:0 12px 40px #00000047}.menu-mark{width:18px;height:13px;border-top:3px solid #f87943;border-bottom:3px solid #f87943;position:relative}.menu-mark:before{position:absolute;left:0;top:3px;width:18px;height:3px;background:#f87943;content:""}.topbar h1{margin:0;font-size:30px;letter-spacing:0;font-weight:800;text-shadow:0 0 16px rgba(126,216,255,.32)}.topbar p{margin:5px 0 0;color:#ffd225;font-size:13px}.weather,.clock{display:flex;align-items:center;gap:14px;color:#e9edf3}.weather svg{color:#ffd225}.clock{justify-content:flex-end;padding-right:22px;font-style:italic}.clock strong{font-size:26px}.lang-switch{width:58px;height:30px;justify-self:end;color:#7ed8ff;font-weight:700;cursor:pointer;border:1px solid rgba(126,216,255,.45);border-radius:4px;background:#121f2dad;box-shadow:inset 0 0 16px #7ed8ff14}.lang-switch:hover{color:#fff;border-color:#f87943c7}.metric-row{position:absolute;top:104px;left:426px;right:426px;height:76px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;z-index:4}.metric-card{min-width:0;padding:12px 18px;border-radius:6px;background:linear-gradient(115deg,#2c3749b8,#161c278f);border:1px solid rgba(126,216,255,.08);box-shadow:inset 0 0 38px #ffffff05}.metric-card span,.metric-card small{display:block;color:#9fb0c4;font-size:13px}.metric-card strong{display:block;margin-top:4px;font-size:24px;line-height:1;color:#f87943;font-style:italic}.metric-card em{margin-left:4px;color:#aebdd0;font-size:13px;font-style:normal}.metric-card.green strong{color:#70d74b}.metric-card.cyan strong{color:#2fd0c9}.metric-card.blue strong{color:#37d5ff}.metric-card small{margin-top:8px}.dashboard-grid{height:calc(100vh - 152px);margin-top:22px;display:grid;grid-template-columns:380px 1fr 380px;gap:22px}.left-stack,.right-stack{display:grid;gap:16px;min-height:0}.left-stack{grid-template-rows:minmax(286px,1.1fr) minmax(172px,.68fr) minmax(132px,.52fr)}.right-stack{grid-template-rows:minmax(190px,.86fr) minmax(188px,.82fr) minmax(190px,.86fr)}.panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}.panel-title{height:31px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(173,191,210,.2)}.panel-title span{width:0;height:0;border-top:6px solid #f87943;border-left:4px solid transparent;border-right:4px solid transparent}.panel-title h3{flex:1;margin:0;color:#f6f9ff;font-size:17px;font-style:italic}.panel-title a{color:#47c9d8;font-size:12px;text-decoration:none}.panel-body{min-height:0;flex:1;padding:10px 0 0;overflow:hidden}.rank-list{display:grid;gap:9px}.rank-head{display:grid;grid-template-columns:28px 1fr 44px;color:#dbe6f4;font-size:13px;align-items:center}.rank-head span,.rank-head em{font-weight:800;font-style:normal}.rank-track{height:5px;margin-top:6px;background:#d2deeb24}.rank-track i{display:block;height:100%;background:linear-gradient(90deg,#2f8fff,#f87943);box-shadow:0 0 14px #f879436b}.chart-box{width:100%;height:100%;min-height:0}.notice-list{display:grid;gap:8px}.notice-item{min-height:38px;display:grid;grid-template-columns:44px 1fr;align-items:center;padding:0 12px;border-left:3px solid #37d5ff;background:#202c3d9e}.notice-item.warning{border-color:#ffd225}.notice-item.error{border-color:#f87943}.notice-item span{color:#9fb0c4;font-size:12px}.notice-item strong{color:#e8f2ff;font-size:13px;font-weight:600}.map-stage{position:relative;min-width:0;min-height:0}.map-bg{position:absolute;inset:0 0 108px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(126,216,255,.12),transparent 35%),linear-gradient(180deg,#0d131b26,#0d131bbd)}.map-outline{position:absolute;border:3px solid rgba(232,81,75,.74);box-shadow:0 0 24px #e8514b3d;transform:rotate(-11deg)}.outline-a{left:25%;top:17%;width:38%;height:52%;clip-path:polygon(20% 2%,87% 16%,80% 44%,95% 70%,62% 94%,22% 86%,3% 48%)}.outline-b{left:34%;top:29%;width:25%;height:31%;border-color:#7ed8ffc7;background:#7ed8ff1f;clip-path:polygon(38% 1%,96% 21%,82% 78%,17% 96%,4% 32%)}.outline-c{left:48%;top:47%;width:32%;height:28%;border-color:#aab5c28c;clip-path:polygon(4% 22%,52% 4%,96% 31%,76% 90%,18% 75%)}.map-node{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:2}.map-node>i{display:block;width:12px;height:12px;border-radius:50%;background:var(--node-color);box-shadow:0 0 0 8px color-mix(in srgb,var(--node-color),transparent 72%),0 0 24px var(--node-color);transition:transform .2s ease,box-shadow .2s ease}.map-node.is-active{z-index:5}.map-node.is-active>i,.map-node:hover>i{transform:scale(1.35);box-shadow:0 0 0 12px color-mix(in srgb,var(--node-color),transparent 76%),0 0 34px var(--node-color)}.node-card{position:absolute;left:18px;top:-18px;width:118px;padding:8px 10px;border-radius:6px;background:#1c2432db;border:1px solid rgba(126,216,255,.16);box-shadow:0 18px 50px #00000038;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.map-node.is-active .node-card,.map-node:hover .node-card{border-color:var(--node-color);transform:translateY(-3px);box-shadow:0 18px 56px color-mix(in srgb,var(--node-color),transparent 78%)}.node-card strong,.node-card span,.node-card em{display:block}.node-card strong{color:#fff;font-size:14px}.node-card span{margin-top:4px;color:#ffd225;font-weight:800}.node-card em{margin-top:3px;color:#95a8bc;font-size:12px;font-style:normal}.pulse-ring{position:absolute;left:52%;top:50%;width:160px;height:160px;border-radius:50%;border:1px solid rgba(126,216,255,.4);transform:translate(-50%,-50%);animation:pulse 2.6s ease-in-out infinite}.map-measure-text{position:absolute;left:2%;top:120px;width:390px;padding:0;text-shadow:0 2px 10px rgba(0,0,0,.72);pointer-events:none}.map-measure-text2{position:absolute;right:2%;top:120px;width:390px;padding:0;text-shadow:0 2px 10px rgba(0,0,0,.72);pointer-events:none;text-align:right}.measure-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:8px}.measure-title strong{color:#f6f9ff;font-size:22px;line-height:1.1}.measure-title span{color:#ffd225;font-size:13px}.measure-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px 22px;padding-top:8px}.measure-grid div{min-width:0}.measure-grid span,.measure-grid strong{display:block}.measure-grid span{color:#9fb0c4;font-size:12px}.measure-grid strong{margin-top:2px;color:#f87943;font-size:15px;line-height:1.1}.region-summary{position:absolute;left:0;right:0;bottom:26px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:0 64px}.region-summary article{height:72px;padding:8px 18px;border-radius:6px;background:linear-gradient(115deg,#2c3749c7,#161c279e);border:1px solid rgba(126,216,255,.1);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.region-summary article:hover,.region-summary article.is-active{border-color:#f87943b8;box-shadow:inset 0 0 24px #f879431f,0 10px 28px #0000003d;transform:translateY(-4px)}.region-summary strong{display:block;color:#f87943;font-size:25px;font-style:italic}.region-summary span{color:#d8e5f4;font-size:12px;font-weight:700}@keyframes pulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.68)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@media(max-width:1500px){.metric-row{left:386px;right:386px}.dashboard-grid{grid-template-columns:340px 1fr 340px}.topbar{grid-template-columns:28px minmax(360px,1fr) 250px 220px 70px}}