:root{--bg:#07111a;--panel:#0c1a25;--panel2:#0f2230;--line:#1d3747;--muted:#7893a3;--text:#e9f3f6;--cyan:#39d7d2;--blue:#3b9ef3;--amber:#ffae45;--red:#ff625f;--green:#56df9a;--shadow:0 18px 50px #02070b73}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 70% -20%,#12374a80,transparent 36%),var(--bg);font-size:14px}.shell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px 18px;background:#091722e8;border-right:1px solid #193241;display:flex;flex-direction:column;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:2px 7px 24px}.brand-mark{width:35px;height:35px;position:relative;display:grid;place-content:center;transform:rotate(45deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:1px;border:1px solid var(--cyan);border-radius:8px}.brand-mark:after{inset:7px;border-color:#fff8}.brand-mark i{position:absolute;background:var(--cyan);width:5px;height:5px;border-radius:50%}.brand-mark i:nth-child(1){top:4px;left:4px}.brand-mark i:nth-child(2){bottom:4px;right:4px}.brand-mark i:nth-child(3){top:15px;left:15px;box-shadow:0 0 12px var(--cyan)}.brand b{font-size:18px;letter-spacing:1.4px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px;letter-spacing:.8px}.nav{flex:1;overflow:auto}.nav p{font-size:10px;color:#506c7c;text-transform:uppercase;letter-spacing:1.6px;margin:18px 10px 8px}.nav-item{width:100%;border:0;background:transparent;color:#8ca6b5;padding:11px 12px;border-radius:8px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:11px;margin:2px 0;transition:.2s}.nav-item span{font-size:18px;width:21px;text-align:center;color:#628497}.nav-item em{margin-left:auto;font-size:10px;font-style:normal;background:#16364a;color:#8ccfea;border-radius:9px;padding:2px 6px}.nav-item em.hot{color:#ffc19e;background:#54281e}.nav-item:hover{background:#102534;color:#dfeef3}.nav-item.active{background:linear-gradient(90deg,#153e4a,#112835);color:#fff;box-shadow:inset 2px 0 var(--cyan)}.nav-item.active span{color:var(--cyan)}.system-card{border-top:1px solid var(--line);padding:15px 7px 12px}.system-head,.system-meta{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#83a0ae}.system-head span{display:flex;align-items:center;gap:6px}.system-head b{color:var(--green)}.pulse-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 4px #56df9a15,0 0 10px var(--green)}.meter{height:3px;background:#1b3442;margin:10px 0 7px;border-radius:3px;overflow:hidden}.meter i{display:block;width:92%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.user-card{border:0;border-top:1px solid var(--line);background:transparent;color:inherit;display:flex;align-items:center;gap:9px;padding:15px 7px 0;text-align:left}.user-card .avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:linear-gradient(135deg,#1c8b93,#164c67);color:#dffffe}.user-card span:nth-child(2){flex:1}.user-card b{display:block;font-size:12px}.user-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.user-card i{color:var(--muted)}main{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#07131dcc;position:sticky;top:0;backdrop-filter:blur(18px);z-index:15}.breadcrumb{display:flex;align-items:center;gap:10px;color:#627f8f;font-size:12px}.breadcrumb i{font-style:normal}.breadcrumb b{color:#cce0e7}.top-actions{display:flex;align-items:center;gap:10px}.utc{display:flex;align-items:center;gap:10px;border-right:1px solid var(--line);padding-right:18px;margin-right:4px}.utc span{display:block}.utc b{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px}.utc small{display:block;color:#607c8d;font-size:8px}.icon-button,.ghost-button,.command-button,.segmented button{border:1px solid var(--line);background:#0c1e2a;color:#9db3bf;border-radius:7px;height:35px;cursor:pointer}.icon-button{width:35px;font-size:18px}.notification{position:relative}.notification i{position:absolute;width:5px;height:5px;background:var(--red);right:8px;top:7px;border-radius:50%}.command-button{padding:0 15px;background:linear-gradient(135deg,#126b72,#174a62);border-color:#247b7f;color:#e8ffff;font-weight:600}.command-button span{color:var(--cyan)}.menu-button{display:none}.workspace{padding:30px 28px 16px;max-width:1700px;margin:auto}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-family:Consolas,monospace;font-size:9px;letter-spacing:1.8px;color:#55c7c5}.eyebrow i{margin-right:8px}.hero-row h1{font-size:27px;margin:8px 0 6px;letter-spacing:.5px}.hero-row p{margin:0;color:#748f9e;font-size:12px}.live-badge{display:flex;align-items:center;gap:9px;color:#607d8d;font-size:10px}.live-badge span{color:var(--red);font-size:9px;letter-spacing:1px;border:1px solid #7e3937;background:#3e1d1c;padding:4px 7px;border-radius:4px}.live-badge b{font-weight:400}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.kpi-card{position:relative;overflow:hidden;min-height:103px;border:1px solid var(--line);background:linear-gradient(145deg,#0c1c27,#0a1721);padding:15px;border-radius:9px;box-shadow:0 8px 20px #02080c25}.kpi-card:after{content:"";position:absolute;width:65px;height:65px;right:-20px;top:-20px;border-radius:50%;background:var(--tone);filter:blur(35px);opacity:.22}.kpi-card .kpi-label{display:flex;align-items:center;justify-content:space-between;color:#7793a2;font-size:10px}.kpi-card .kpi-label i{font-style:normal;color:var(--tone);font-size:17px}.kpi-card strong{font-size:25px;display:block;margin:10px 0 4px}.kpi-card strong small{font-size:10px;font-weight:400;color:#76909d}.kpi-card p{margin:0;color:#607b8a;font-size:9px}.trend-up{color:var(--red)!important}.trend-down{color:var(--green)!important}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0d1d29f5,#0a1720f2);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.main-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(320px,.72fr);gap:14px}.panel-head{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.panel-head>div:first-child{display:flex;align-items:baseline;gap:8px}.section-index{font-family:Consolas,monospace;color:var(--cyan);font-size:9px;border-right:1px solid #295161;padding-right:8px}.panel-head h2{font-size:13px;margin:0}.panel-head small{font-size:9px;color:#617d8d}.segmented{padding:3px;background:#08151e;border:1px solid #193342;border-radius:6px}.segmented button{height:24px;border:0;background:transparent;font-size:9px;padding:0 10px}.segmented button.active{background:#173746;color:#dcebef}.ghost-button{border:0;background:transparent;color:#6b9fb3;font-size:9px;height:auto}.map-stage{height:410px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#103247,#07141e 70%)}.china-map{width:100%;height:100%;display:block}.map-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #030a0f}.quake-point{cursor:pointer;filter:url(#glow)}.quake-point circle:first-child{opacity:.2;animation:ripple 2.6s infinite}.quake-point circle:nth-child(2){stroke:#061219;stroke-width:2}@keyframes ripple{0%{transform:scale(.5);opacity:.55}100%{transform:scale(2.2);opacity:0}}.map-tools{position:absolute;right:12px;top:12px;display:grid;border:1px solid var(--line);border-radius:6px;overflow:hidden}.map-tools button{width:29px;height:27px;border:0;border-bottom:1px solid var(--line);background:#0a1a25db;color:#90afbd;cursor:pointer}.map-tools button:last-child{border-bottom:0}.map-legend{position:absolute;left:13px;bottom:12px;display:flex;gap:16px;background:#08141edb;padding:7px 10px;border:1px solid #183342;border-radius:5px;font-size:8px;color:#718d9c}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.map-legend .q2{background:var(--amber)}.map-legend .q3{background:var(--red)}.map-legend .fault-line{height:1px;width:15px;background:var(--amber);border-radius:0}.event-popover{position:absolute;width:195px;background:#0a1a24f5;border:1px solid #315a6a;border-radius:7px;padding:11px;box-shadow:0 10px 30px #0008;z-index:4}.event-popover b{font-size:12px}.event-popover p{margin:5px 0;color:#8ba2ad;font-size:9px}.event-popover strong{color:var(--amber);font-size:18px}.risk-panel{min-height:468px}.risk-feature{display:flex;align-items:center;gap:15px;padding:22px 20px 16px}.risk-ring{width:102px;height:102px;position:relative;flex:none}.risk-ring svg{width:100%;transform:rotate(-90deg)}.risk-ring circle{fill:none;stroke:#1d3541;stroke-width:8}.risk-ring .progress{stroke:var(--amber);stroke-dasharray:295;stroke-dashoffset:115;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffae45aa)}.risk-ring span{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.risk-ring b{font-size:26px}.risk-ring small{color:#7893a1;font-size:9px}.status-pill{font-size:8px;padding:4px 7px;border-radius:4px}.status-pill.amber{color:#ffc175;background:#4b331c;border:1px solid #765128}.status-pill.cyan{color:#68e3df;background:#173d42;border:1px solid #246267}.risk-feature h3{font-size:16px;margin:8px 0 3px}.risk-feature p{font-size:9px;color:#6c8694;margin:0 0 9px}.risk-feature strong{font-size:12px;color:#f4bd69}.risk-feature strong i{font-size:9px;font-style:normal;color:#718d9c}.evidence-title{padding:0 18px 9px;display:flex;justify-content:space-between;color:#7f9aa8;font-size:9px}.evidence-title small{font-size:8px;color:#577281}.evidence-list{padding:0 16px}.evidence-list>div{display:flex;align-items:center;border-top:1px solid #172f3d;padding:9px 2px;gap:9px}.evidence-icon{width:27px;height:27px;border-radius:5px;display:grid;place-items:center}.evidence-icon.red{color:#ff7774;background:#3a2325}.evidence-icon.amber{color:#ffbc61;background:#392d1d}.evidence-icon.cyan{color:#6ee2de;background:#17363c}.evidence-list p{margin:0;flex:1}.evidence-list b{display:block;font-size:10px}.evidence-list small{font-size:8px;color:#607b89}.evidence-list em{font-style:normal;color:#748e9b;font-size:8px}.trust-note{margin:10px 16px 15px;background:#0b202b;border:1px solid #1b4350;border-radius:6px;padding:9px;display:flex;align-items:center;gap:8px}.trust-note>span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#183b49;color:#68c8cf;font-family:serif}.trust-note p{margin:0}.trust-note b{display:block;color:#88b8c3;font-size:8px}.trust-note small{font-size:7px;color:#5f7b89}.lower-grid{display:grid;grid-template-columns:1.25fr .9fr .85fr;gap:14px;margin-top:14px}.lower-grid .panel{min-height:250px}.wave-meta{font-size:8px;color:#668491}.wave-meta i{margin-right:6px}.wave-meta b{color:#8cabb8;margin-left:7px}.wave-chart{height:190px;position:relative;padding:9px 14px 10px 53px;background:repeating-linear-gradient(0deg,transparent 0,transparent 37px,#122a37 38px),repeating-linear-gradient(90deg,transparent 0,transparent 42px,#112833 43px)}.wave-chart canvas{width:100%;height:100%}.wave-labels{position:absolute;left:12px;top:18px;bottom:16px;display:flex;flex-direction:column;justify-content:space-around;color:#577989;font:8px Consolas}.event-list{padding:2px 15px}.event-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #17303d}.event-row:last-child{border:0}.mag{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;font-weight:700;background:#15313e;color:#75dcd8}.mag.mid{color:#ffc06d;background:#3b2e20}.mag.high{color:#ff8581;background:#3b2224}.event-row b{font-size:10px;display:block}.event-row small{font-size:8px;color:#5f7b89}.event-row time{font-size:8px;color:#597583}.anomaly-chart{padding:17px 17px 6px;display:grid;gap:10px}.anomaly-row{display:grid;grid-template-columns:58px 1fr 25px;align-items:center;gap:8px;font-size:9px;color:#7893a1}.anomaly-row .bar{height:6px;background:#172f3b;border-radius:5px;overflow:hidden}.anomaly-row .bar i{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,var(--cyan),var(--tone));box-shadow:0 0 9px var(--tone)}.anomaly-row b{font-size:9px;color:var(--tone);text-align:right}.anomaly-scale{margin:0 17px;display:flex;justify-content:space-between;border-top:1px solid #1a3542;padding-top:7px;color:#496777;font-size:7px}footer{display:flex;justify-content:space-between;color:#496675;font-size:8px;padding:20px 2px 0}footer b{color:#97755c}.drawer{position:fixed;inset:0;z-index:50;visibility:hidden}.drawer.open{visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:#02070ac9;opacity:0;transition:.25s}.drawer.open .drawer-backdrop{opacity:1}.drawer>section{position:absolute;right:0;top:0;bottom:0;width:min(540px,94vw);background:#0a1822;border-left:1px solid #23404f;padding:28px;transform:translateX(100%);transition:.28s;overflow:auto;box-shadow:-20px 0 60px #0008}.drawer.open>section{transform:translateX(0)}.drawer-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#7893a1;font-size:28px;cursor:pointer}.drawer h2{font-size:21px;margin:0 0 4px}.drawer .drawer-sub{color:#698593;font-size:11px;margin-bottom:24px}.drawer-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.drawer-stat div{border:1px solid var(--line);background:#0d202c;border-radius:8px;padding:13px}.drawer-stat small{display:block;color:#688593;font-size:8px}.drawer-stat b{font-size:18px;margin-top:5px;display:block}.timeline{border-left:1px solid #2b4c5b;margin:25px 8px;padding-left:20px}.timeline div{position:relative;padding:0 0 22px}.timeline div:before{content:"";position:absolute;left:-25px;top:2px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.timeline b{font-size:11px}.timeline p{font-size:9px;color:#698391;margin:4px 0}.chat-welcome{border:1px solid #24505d;background:linear-gradient(135deg,#0e2d38,#0c202c);padding:20px;border-radius:10px;margin-top:22px}.chat-welcome span{font-size:25px;color:var(--cyan)}.chat-welcome h3{margin:8px 0;font-size:15px}.chat-welcome p{color:#7894a1;font-size:10px;line-height:1.7}.prompt-list button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#0b1d28;color:#9ab0bb;padding:12px;margin-top:8px;border-radius:7px;cursor:pointer}.prompt-list button:hover{border-color:#3b7a83;color:#d9eeef}.chat-input{display:flex;gap:8px;margin-top:18px}.chat-input input{flex:1;background:#07131c;border:1px solid #284655;color:#dcecef;border-radius:7px;padding:11px;outline:none}.chat-input button{border:0;background:#1b6e75;color:white;border-radius:7px;padding:0 15px}.toast-stack{position:fixed;right:20px;top:82px;z-index:70;display:grid;gap:8px}.toast{background:#102530;border:1px solid #315362;box-shadow:0 12px 35px #0007;padding:12px 15px;border-radius:8px;font-size:10px;animation:toastIn .3s}.toast b{color:var(--cyan);display:block;margin-bottom:3px}@keyframes toastIn{from{transform:translateX(20px);opacity:0}}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.anomaly-panel{grid-column:span 2}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-100%);transition:.25s;width:232px}.sidebar.open{transform:none}.menu-button{display:block}.breadcrumb span,.breadcrumb i{display:none}.main-grid{grid-template-columns:1fr}.map-stage{height:370px}.lower-grid{grid-template-columns:1fr}.anomaly-panel{grid-column:auto}.topbar{padding:0 16px}.workspace{padding:22px 16px}.utc,.icon-button:not(.menu-button){display:none}}@media(max-width:600px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.hero-row{align-items:flex-start;gap:15px}.hero-row h1{font-size:22px}.hero-row p{line-height:1.6}.live-badge b{display:none}.map-stage{height:310px}.map-legend{display:grid;grid-template-columns:1fr 1fr}.panel-head small{display:none}.command-button{font-size:0;width:38px;padding:0}.command-button span{font-size:14px}.lower-grid .panel{min-height:220px}footer{gap:10px;line-height:1.5}.event-popover{width:165px}.drawer-stat{grid-template-columns:1fr}}