:root{--navy:#082a45;--navy2:#0d3a5c;--blue:#155f91;--blue2:#eaf2f8;--bg:#f4f7fa;--paper:#fff;--ink:#132333;--muted:#6d7c8c;--line:#dce5ed;--green:#267a61;--greenbg:#eaf5f0;--amber:#9b6b13;--amberbg:#fff6de;--orange:#ad541f;--orangebg:#fff0e7;--red:#ac3841;--redbg:#fff0f1;--slate:#607184;--shadow:0 7px 24px rgba(10,42,69,.06)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(#fff 0,#fff 120px,var(--bg) 120px);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}button{font:inherit}.shell{width:min(1240px,100%);margin:auto;padding-left:24px;padding-right:24px}.topbar{height:70px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 12px rgba(3,30,50,.15)}.topinner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.mark{height:38px;width:44px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:.08em}.brand b{display:block;font-size:14px;letter-spacing:.06em}.brand span{display:block;font-size:9px;color:#bfd1df;margin-top:3px;letter-spacing:.04em}.topmeta{display:flex;gap:12px;align-items:center}.live{font-size:9px;color:#c9d9e5;display:flex;align-items:center;gap:6px;letter-spacing:.08em}.live i{width:7px;height:7px;background:#57c59b;border-radius:50%;box-shadow:0 0 0 4px rgba(87,197,155,.12)}.ghost{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:7px;padding:8px 12px;font-size:10px;cursor:pointer}.headline{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px 0 18px}.eyebrow{font-size:10px;color:var(--blue);letter-spacing:.1em;font-weight:800}.headline h1{font-size:29px;margin:5px 0 6px;color:var(--navy);letter-spacing:-.025em}.headline p{font-size:11px;color:var(--muted);margin:0}.headlineActions{display:flex;gap:8px}.secondary,.primary{border-radius:7px;padding:9px 14px;cursor:pointer}.secondary{border:1px solid #c8d5df;background:#fff;color:#405a6f}.primary{border:1px solid var(--navy);background:var(--navy);color:#fff}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);overflow:auto;background:#fff;border-radius:8px 8px 0 0;padding:0 14px}.tab{border:0;background:transparent;padding:13px 2px;color:#6e7d8c;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;font-size:11px}.tab.active{color:var(--navy);font-weight:800;border-bottom-color:var(--navy)}.grid{display:grid;gap:12px}.kpis{grid-template-columns:repeat(4,1fr);margin-top:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.kpi{padding:17px 18px;border-top:3px solid var(--navy)}.kpi label{display:block;font-size:9px;color:var(--muted);letter-spacing:.04em}.kpi strong{display:block;font-size:27px;margin:9px 0 4px;font-variant-numeric:tabular-nums;color:var(--navy)}.kpi small{font-size:9px;color:#8390a0}.weatherbar{margin-top:12px;padding:15px 17px;display:grid;grid-template-columns:1.25fr repeat(4,.7fr);gap:12px;align-items:center}.weatherMain b{font-size:16px;color:var(--navy)}.weatherMain span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.weatherItem{border-left:1px solid var(--line);padding-left:14px}.weatherItem span{display:block;font-size:8px;color:var(--muted)}.weatherItem b{display:block;margin-top:5px;font-size:12px}.summary{margin-top:12px;padding:18px;border-left:4px solid var(--navy)}.summaryHead{display:flex;justify-content:space-between;gap:15px;align-items:center}.summaryHead span{font-size:9px;letter-spacing:.11em;color:var(--blue);font-weight:800}.summary p{margin:10px 0 0;font-size:14px;line-height:1.85}.section{margin-top:18px}.split{grid-template-columns:1.35fr .65fr}.panelhead{padding:13px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fbfcfd}.panelhead b{font-size:12px;color:var(--navy)}.panelhead span{font-size:8px;color:var(--muted)}.alerts{padding:2px 15px}.alert{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f5}.alert:last-child{border:0}.alert b{font-size:12px}.alert small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.metric{text-align:right}.metric strong{font-size:12px}.metric small{font-size:8px}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:8px;border:1px solid}.badge.正常,.badge.基准设备{color:var(--green);border-color:#b7dfd1;background:var(--greenbg)}.badge.关注{color:var(--amber);border-color:#ead39a;background:var(--amberbg)}.badge.警告{color:var(--orange);border-color:#ecc3aa;background:var(--orangebg)}.badge.严重{color:var(--red);border-color:#efbec2;background:var(--redbg)}.badge.数据缺失{color:var(--slate);border-color:#cbd5df;background:#f3f6f8}.quick{padding:14px;display:grid;gap:9px}.linkbtn{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:7px;padding:12px;text-decoration:none;color:var(--ink);background:#fff}.linkbtn b{font-size:11px;color:var(--navy)}.linkbtn small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.linkbtn em{font-style:normal;color:var(--blue);font-size:10px}.flow{padding:12px;border:1px dashed #c9d8e4;border-radius:7px;background:#f8fbfd;color:#52687a;font-size:9px;line-height:1.75}.devicegrid{grid-template-columns:repeat(3,1fr);margin-top:15px}.device{padding:14px;cursor:pointer;box-shadow:none}.deviceTop{display:flex;justify-content:space-between;gap:9px}.device h3{font-size:12px;margin:0;color:var(--navy)}.device p{margin:4px 0 11px;color:var(--muted);font-size:8px}.devstats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.devstats div{background:#f7f9fb;border:1px solid #e7edf2;border-radius:7px;padding:9px}.devstats span{display:block;font-size:8px;color:var(--muted)}.devstats b{display:block;margin-top:5px;font-size:12px}.review{margin-top:10px;width:100%;border:1px solid #c8d7e4;background:white;color:var(--blue);padding:8px;border-radius:7px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:9px}.table th{background:#edf3f7;color:#52697d;text-align:left;padding:10px;position:sticky;top:0;border-bottom:1px solid #d7e2ea}.table td{border-top:1px solid #edf1f5;padding:10px}.num{text-align:right}.reportStatus{font-size:8px;color:var(--green);font-weight:800}.chart{height:270px;padding:16px}.chart canvas{width:100%;height:100%}.reportActions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 15px}.infoPill{border:1px solid #ccd9e3;background:#f7fafc;color:#506679;border-radius:6px;padding:8px 10px;font-size:9px}.modal{position:fixed;inset:0;background:rgba(4,28,47,.55);z-index:60;display:grid;place-items:center;padding:18px}.modal.hidden{display:none}.modalcard{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:10px;border:1px solid var(--line);box-shadow:0 24px 70px rgba(20,40,60,.22);padding:18px}.modalhead{display:flex;justify-content:space-between;gap:15px}.close{border:0;background:#eef2f5;border-radius:7px;width:34px;height:34px}.modalchart{height:240px;margin:14px 0}.modalchart canvas{width:100%;height:100%}.adminbox h3{margin:0 0 8px;font-size:14px}.adminbox p{font-size:10px;color:var(--muted);line-height:1.7}.input{width:100%;border:1px solid #cfd9e2;border-radius:7px;padding:10px}.adminactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.adminactions button{border:1px solid #c5d3df;background:white;color:#36566f;padding:9px 11px;border-radius:7px}.statusline{background:#f7f9fb;border:1px solid #e0e7ee;border-radius:7px;padding:11px;font:9px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;margin-top:10px;color:#42586b}.empty{padding:25px 0;color:var(--muted);font-size:10px;text-align:center}footer{display:flex;justify-content:space-between;gap:10px;color:#8895a3;font-size:8px;padding:28px 0 38px}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:var(--navy);color:white;padding:9px 13px;border-radius:7px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1}@media(max-width:800px){body{background:var(--bg)}.shell{padding-left:13px;padding-right:13px}.topbar{height:62px}.brand span{display:none}.live{display:none}.headline{align-items:flex-start;padding:20px 0 14px}.headline h1{font-size:24px}.headlineActions{flex-direction:column-reverse}.headlineActions button{padding:8px 11px}.kpis{grid-template-columns:1fr 1fr}.kpi strong{font-size:22px}.weatherbar{grid-template-columns:1fr 1fr}.weatherMain{grid-column:1/-1}.weatherItem{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}.split{grid-template-columns:1fr}.devicegrid{grid-template-columns:1fr}.tabs{gap:15px;padding:0 8px}.summary p{font-size:13px}.alert{grid-template-columns:1fr auto}.alert .metric{display:none}footer{flex-direction:column}.modalcard{padding:14px}}