:root{--bg:#080b0f;--panel:#0e141b;--panel-2:#121a23;--panel-3:#17212b;--line:#a0b5c433;--line-strong:#a0b5c457;--text:#eef5f8;--muted:#8ca0ad;--soft:#c9d8df;--cyan:#39d5cf;--blue:#5aa9ff;--green:#61d394;--amber:#f0b44c;--red:#ff5f68;--purple:#9d8cff;--shadow:0 28px 80px #00000057;--radius:8px;--mono:"SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--sans:"Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);font-family:var(--sans);letter-spacing:0;background:linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/38px 38px,linear-gradient(#ffffff06 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 18% 16%,#39d5cf2e,#0000 28%),radial-gradient(circle at 86% 10%,#5aa9ff1f,#0000 32%),linear-gradient(140deg,#07090d 0%,#091018 48%,#0c1118 100%);margin:0;overflow-x:hidden}button,select{color:inherit;font-family:inherit}#root{min-height:100vh}.app{border:1px solid var(--line);width:min(1800px,100vw - 28px);min-height:calc(100vh - 28px);box-shadow:var(--shadow);background:#080b0fdb;grid-template-rows:auto 1fr;margin:14px auto;display:grid}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff03);grid-template-columns:minmax(260px,1fr) minmax(320px,1.3fr) auto;align-items:center;gap:16px;min-height:72px;padding:14px 20px;display:grid}.live-strip{grid-column:1/-1;grid-template-columns:minmax(210px,auto) minmax(220px,1fr) minmax(280px,1.3fr) auto;align-items:center;gap:10px;padding-top:2px;display:grid}.live-pill,.refresh-meter,.source-pulse,.live-toggle{min-height:34px;color:var(--muted);font-family:var(--mono);background:#080b0f85;border:1px solid #a0b5c42e;align-items:center;gap:10px;min-width:0;padding:0 11px;font-size:11px;display:flex}.live-pill strong{color:var(--green);letter-spacing:.04em}.live-dot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px;animation:1.8s ease-in-out infinite liveBlink;box-shadow:0 0 0 5px #61d3941f,0 0 18px #61d394a3}@keyframes liveBlink{0%,to{opacity:.52}50%{opacity:1}}.refresh-meter{grid-template-columns:auto 1fr;display:grid}.refresh-meter b{background:#a0b5c424;min-width:80px;height:6px;display:block;overflow:hidden}.refresh-meter i{background:linear-gradient(90deg, var(--cyan), var(--green));transform-origin:0;width:100%;height:100%;transition:transform .4s linear;display:block;transform:scaleX(1)}.source-pulse{white-space:nowrap;overflow:hidden}.source-pulse span{color:var(--soft);align-items:center;gap:6px;display:inline-flex}.source-pulse span:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #61d39480}.live-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.live-toggle input{accent-color:var(--cyan)}.brand{align-items:center;gap:14px;min-width:0;display:flex}.mark{background:conic-gradient(from 240deg,#39d5cf1f,#39d5cfad,#5aa9ff1a,#39d5cf1f);border:1px solid #39d5cf80;place-items:center;width:42px;height:42px;display:grid;position:relative}.mark:before{content:"";border:1px solid #eef5f8b3;width:22px;height:22px;display:block;transform:rotate(45deg)}.brand h1{text-wrap:pretty;margin:0;font-size:clamp(20px,2vw,29px);font-weight:760;line-height:1.05}.brand p{color:var(--muted);font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:4px 0 0;font-size:12px;overflow:hidden}.status-strip{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;display:grid}.status{border:1px solid var(--line);background:#121a23b8;min-width:0;padding:10px 12px;transition:border-color .25s,background .25s}.status.is-updating{background:#39d5cf14;border-color:#39d5cf99}.status span{color:var(--muted);font-family:var(--mono);margin-bottom:5px;font-size:11px;display:block}.status strong{align-items:baseline;gap:7px;font-size:18px;font-weight:760;line-height:1;display:flex}.unit{color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:500}.actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.segmented{border:1px solid var(--line);background:#0e141beb;padding:3px;display:flex}.segmented button,.ghost-btn{height:34px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 12px;font-size:13px}.segmented button.active{color:var(--text);background:#39d5cf24;box-shadow:inset 0 0 0 1px #39d5cf61}.ghost-btn{border:1px solid var(--line);color:var(--soft);background:#0e141bb8}.ghost-btn:active,.segmented button:active,.chip:active{transform:translateY(1px)}.main{grid-template-columns:minmax(340px,1.1fr) minmax(360px,1fr) minmax(340px,.95fr);gap:0;min-height:0;display:grid}.col{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:calc(100vh - 101px);display:flex}.col:last-child{border-right:0}.panel{border-bottom:1px solid var(--line);background:#0e141b75;min-width:0}.panel:last-child{border-bottom:0}.panel-header{border-bottom:1px solid #a0b5c421;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 16px 10px;display:flex}.panel-title{color:var(--soft);letter-spacing:0;margin:0;font-size:14px;font-weight:720}.panel-meta{color:var(--muted);font-family:var(--mono);white-space:nowrap;font-size:11px}.empty-state{color:var(--muted);font-family:var(--mono);text-align:center;padding:24px 15px;font-size:12px}.map-panel{flex-direction:column;flex:1;min-height:560px;display:flex}.storm-map{background:linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 72% 43%,#39d5cf1c,#0000 22%),linear-gradient(145deg,#0b1118,#101823 48%,#0a1017);flex:1;position:relative;overflow:hidden}.amap-map{z-index:1;background:#0b1118;display:none;position:absolute;inset:0}.storm-map.amap-loaded .amap-map{display:block}.storm-map.amap-loaded .coast,.storm-map.amap-loaded .track-line,.storm-map.amap-loaded .storm-core,.storm-map.amap-loaded .city-pin{display:none}.amap-map .amap-logo,.amap-map .amap-copyright{opacity:.72}.amap-key-panel{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b0fd1;border:1px solid #39d5cf57;gap:9px;width:min(420px,100% - 28px);padding:12px;display:grid;position:absolute;top:14px;left:14px}.storm-map.amap-loaded .amap-key-panel{display:none}.amap-key-panel strong{font-size:13px}.amap-key-panel p{color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.45}.amap-key-row{grid-template-columns:1fr auto;gap:8px;display:grid}.amap-key-row input{min-width:0;height:34px;color:var(--text);font-family:var(--mono);background:#121a23d6;border:1px solid #a0b5c440;outline:none;padding:0 10px;font-size:12px}.amap-key-row input:focus{border-color:#39d5cfa3;box-shadow:0 0 0 3px #39d5cf1a}.map-tools{z-index:4;pointer-events:none;gap:8px;width:min(330px,100% - 28px);display:grid;position:absolute;top:14px;right:14px}.storm-map:not(.amap-loaded) .map-tools{top:154px}.map-tools>*{pointer-events:auto}.map-style-card,.agency-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b0fc2;padding:10px}.map-style-card{gap:9px;display:grid}.map-style-card strong,.agency-card strong{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.map-style-card strong span,.agency-card strong span{color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:500}.layer-chips,.agency-grid{flex-wrap:wrap;gap:6px;display:flex}.layer-chip,.agency-chip{color:var(--soft);min-height:26px;font-family:var(--mono);background:#121a23b8;border:1px solid #a0b5c438;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:inline-flex}.agency-chip:before{content:"";background:var(--c);width:7px;height:7px;box-shadow:0 0 12px color-mix(in srgb, var(--c) 60%, transparent);border-radius:50%}.typhoon-marker{background:var(--red);border:2px solid #071016;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 5px #ff5f682e,0 0 22px #ff5f6899}.typhoon-point{background:var(--cyan);border:2px solid #071016;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 3px #39d5cf29}.amap-label{color:var(--soft);font-family:var(--mono);white-space:nowrap;background:#080b0fd1;border:1px solid #39d5cf52;padding:4px 7px;font-size:10px}.coast{opacity:.58;position:absolute;inset:0}.coast svg{width:100%;height:100%;display:block}.storm-core{border:1px solid #ff5f68b3;border-radius:50%;width:112px;height:112px;animation:2.6s ease-in-out infinite pulse;position:absolute;top:54.8%;left:44.7%;transform:translate(-50%,-50%)}.storm-core:before,.storm-core:after{content:"";border:1px solid #f0b44c4d;border-radius:50%;position:absolute;inset:-34px}.storm-core:after{border-color:#5aa9ff2e;inset:-72px}@keyframes pulse{0%,to{box-shadow:0 0 #ff5f6800}50%{box-shadow:0 0 42px #ff5f6838}}.track-line{pointer-events:none;position:absolute;inset:0}.city-pin{color:var(--cyan);font-family:var(--mono);justify-items:center;gap:6px;font-size:11px;display:grid;position:absolute;top:37.1%;left:55.3%}.pin-dot{background:var(--cyan);border:2px solid #071016;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #39d5cf29,0 0 28px #39d5cf99}.path-legend{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.legend-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b0fc2;padding:9px 10px}.legend-card span{color:var(--muted);font-family:var(--mono);margin-bottom:5px;font-size:10px;display:block}.legend-card strong{white-space:nowrap;font-size:14px;display:block}.model-list{gap:8px;padding:12px 16px 14px;display:grid}.model-row{font-family:var(--mono);color:var(--soft);grid-template-columns:74px 1fr 62px;align-items:center;gap:10px;font-size:12px;display:grid}.model-row .bar{background:#a0b5c41f;height:7px;position:relative;overflow:hidden}.model-row .bar i{height:100%;width:var(--w);background:var(--c);display:block}.risk-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 16px;display:grid}.risk-tile{border:1px solid var(--line);background:#121a23a8;flex-direction:column;justify-content:space-between;min-height:122px;padding:14px;display:flex}.risk-tile span{color:var(--muted);font-family:var(--mono);font-size:11px}.risk-tile strong{letter-spacing:0;font-size:clamp(26px,4vw,42px);line-height:.95}.level-high{color:var(--red)}.level-mid-high{color:var(--amber)}.level-mid{color:var(--cyan)}.risk-tile p{color:var(--soft);text-wrap:pretty;margin:0;font-size:12px;line-height:1.4}.timeline{gap:10px;padding:14px 16px;display:grid}.time-row{grid-template-columns:74px 1fr 56px;align-items:center;gap:10px;min-height:34px;display:grid}.time-row time{color:var(--muted);font-family:var(--mono);font-size:11px}.risk-track{grid-template-columns:repeat(12,1fr);gap:3px;height:18px;display:grid}.risk-track i{background:#a0b5c424;border:1px solid #a0b5c414;display:block}.risk-track i.low{background:#61d3946b}.risk-track i.mid{background:#f0b44c85}.risk-track i.high{background:#ff5f6894}.score{font-family:var(--mono);color:var(--soft);text-align:right;font-size:12px}.district-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:14px 16px;display:grid}.district-row{border:1px solid var(--line);background:#121a2380;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-height:36px;padding:9px 11px;display:grid}.district-row strong{min-width:36px;font-size:13px}.risk-badge{font-family:var(--mono);text-align:center;min-width:28px;font-size:13px;font-weight:720}.risk-high{color:var(--red)}.risk-mid{color:var(--amber)}.risk-low{color:var(--green)}.district-wind{color:var(--muted);font-family:var(--mono);min-width:40px;font-size:11px}.district-factors{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ai-panel{flex-direction:column;flex:1;min-height:430px;display:flex}.brief{gap:14px;padding:16px;display:grid}.brief-headline{color:var(--text);margin:0;font-size:18px;font-weight:760;line-height:1.25}.brief-summary{color:var(--soft);text-wrap:pretty;margin:0;font-size:13px;line-height:1.6}.brief-findings{gap:8px;margin:0;padding:0;list-style:none;display:grid}.finding{color:var(--soft);border:1px solid var(--line);background:#121a2373;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.finding:before{content:"";border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:6px}.finding-cyan:before{background:var(--cyan);box-shadow:0 0 8px #39d5cf66}.finding-red:before{background:var(--red);box-shadow:0 0 8px #ff5f6866}.finding-amber:before{background:var(--amber);box-shadow:0 0 8px #f0b44c66}.question-box{border:1px solid var(--line-strong);background:#080b0f94;gap:10px;margin:auto 16px 16px;padding:12px;display:grid}.question-box input{width:100%;height:42px;color:var(--text);background:#121a23d1;border:1px solid #a0b5c438;outline:none;padding:0 12px;font-size:13px}.question-box input:focus{border-color:#39d5cf9e;box-shadow:0 0 0 3px #39d5cf17}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line);color:var(--soft);cursor:pointer;background:#121a23b8;height:28px;padding:0 9px;font-size:12px}.source-list{gap:9px;padding:14px 16px;display:grid}.coverage-strip{font-family:var(--mono);color:var(--muted);background:#39d5cf0f;border:1px solid #39d5cf3d;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 16px 14px;padding:11px 12px;font-size:11px;display:grid}.coverage-strip strong{color:var(--cyan);font-size:18px;font-family:var(--sans)}.coverage-strip b{background:#a0b5c421;min-width:110px;height:7px;display:block;overflow:hidden}.coverage-strip i{height:100%;width:var(--coverage);background:linear-gradient(90deg, var(--cyan), var(--green), var(--amber));transition:width .35s;display:block}.data-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 16px 14px;display:grid}.data-domain{border:1px solid var(--line);background:#121a2375;min-width:0;padding:10px}.domain-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px;display:flex}.domain-head strong{font-size:12px}.domain-head span{color:var(--muted);font-family:var(--mono);white-space:nowrap;font-size:10px}.data-points{flex-wrap:wrap;gap:6px;display:flex}.data-point{color:var(--muted);min-height:24px;font-family:var(--mono);background:#080b0f61;border:1px solid #a0b5c433;align-items:center;gap:5px;padding:0 7px;font-size:10px;display:inline-flex}.data-point:before{content:"";background:var(--muted);border-radius:50%;width:5px;height:5px}.data-point.live{color:var(--soft);border-color:#61d39440}.data-point.live:before{background:var(--green)}.data-point.sync{color:var(--soft);border-color:#39d5cf3d}.data-point.sync:before{background:var(--cyan)}.data-point.delay{color:var(--amber);border-color:#f0b44c47}.data-point.delay:before{background:var(--amber)}.data-point.todo{color:var(--muted);border-style:dashed}.data-point.offline{color:var(--muted);opacity:.55;border-color:#a0b5c426}.data-point.offline:before{background:var(--muted)}.refresh-table{border:1px solid var(--line);background:#080b0f47;margin:0 16px 14px}.refresh-row{min-height:34px;font-family:var(--mono);color:var(--muted);border-bottom:1px solid #a0b5c41a;grid-template-columns:1fr 72px 72px;align-items:center;gap:10px;padding:7px 10px;font-size:10px;display:grid}.refresh-row:last-child{border-bottom:0}.refresh-row strong{color:var(--soft);font-family:var(--sans);font-size:12px}.source{border:1px solid var(--line);background:#121a237a;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.source strong{margin-bottom:4px;font-size:13px;display:block}.source span{color:var(--muted);font-family:var(--mono);font-size:10px;line-height:1.4}.badge{color:var(--cyan);font-family:var(--mono);white-space:nowrap;border:1px solid #39d5cf59;padding:4px 7px;font-size:10px}.badge.live{color:var(--green);border-color:#61d39461}.badge.delay{color:var(--amber);border-color:#f0b44c6b}.badge.offline{color:var(--muted);opacity:.6;border-color:#a0b5c433}.feed-list{border-top:1px solid #a0b5c421;gap:7px;max-height:154px;padding:12px 16px 14px;display:grid;overflow:hidden}.feed-row{color:var(--muted);font-family:var(--mono);background:#080b0f57;border:1px solid #a0b5c41f;grid-template-columns:58px 70px 1fr;gap:8px;padding:6px 7px;font-size:10px;line-height:1.35;display:grid}.feed-row b{color:var(--cyan);font-weight:700}.feed-row span:last-child{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ops-grid,.action-list{gap:10px;padding:14px;display:grid}.action-card{border:1px solid var(--line);background:#121a2380;padding:12px 14px}.action-card.priority-p0{background:#ff5f680f;border-color:#ff5f6852}.action-card.priority-p1{background:#f0b44c0a;border-color:#f0b44c47}.action-card.priority-p2{border-color:#39d5cf38}.action-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.priority-badge{font-family:var(--mono);white-space:nowrap;border:1px solid;padding:2px 7px;font-size:10px;font-weight:700}.priority-p0 .priority-badge{color:var(--red);border-color:#ff5f6866}.priority-p1 .priority-badge{color:var(--amber);border-color:#f0b44c66}.priority-p2 .priority-badge{color:var(--cyan);border-color:#39d5cf59}.action-header strong{font-size:13px}.action-card p{color:var(--soft);text-wrap:pretty;margin:0;font-size:12px;line-height:1.5}.action-window{color:var(--muted);font-family:var(--mono);border:1px solid var(--line);margin-top:8px;padding:2px 7px;font-size:10px;display:inline-block}.query-output{min-height:72px;color:var(--soft);background:#39d5cf0f;border:1px solid #39d5cf38;padding:11px;font-size:12px;line-height:1.5;display:none}.query-output.visible{display:block}.red{color:var(--red)}.amber{color:var(--amber)}.green{color:var(--green)}.cyan{color:var(--cyan)}@media (width<=1280px){.topbar{grid-template-columns:1fr}.live-strip{grid-template-columns:1fr 1fr}.actions{justify-content:flex-start}.main{grid-template-columns:1fr}.col{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.map-panel{min-height:620px}}@media (width<=760px){.app{border-left:0;border-right:0;width:100%;margin:0}.topbar{padding:12px}.brand{align-items:flex-start;min-width:0}.brand h1{font-size:24px}.brand p{max-width:min(280px,100vw - 96px)}.status-strip,.risk-summary,.district-grid,.path-legend,.data-matrix,.coverage-strip,.refresh-row{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.live-strip{grid-template-columns:1fr}.segmented{width:100%}.segmented button{flex:1;min-width:0;padding:0 8px}.map-panel{min-height:560px}.amap-key-panel,.map-tools{width:auto;left:12px;right:12px}.map-tools{top:142px}.amap-key-row{grid-template-columns:1fr}}