:root{color-scheme:dark;--bg:#0b1120;--card:#151e30;--card2:#19253b;--line:#2a3752;--text:#e8effb;--muted:#9bafcf;--blue:#65b5fa;--green:#44c8a4;--red:#ee8295;--orange:#f4b95a;--purple:#af9af5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.58 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
main{max-width:1500px;padding:24px 24px 50px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 1px 22px}.eyebrow{font:700 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:1.5px;color:var(--blue)}h1{font-size:31px;letter-spacing:-.7px;margin:8px 0}h1 span{color:#8cbce9;font-weight:500}h2{font-size:23px;margin:0 0 6px}h3{font-size:17px;margin:0 0 10px}.subhead,.helper,.footnote,.details{color:var(--muted)}.subhead{max-width:850px;margin:0}.top-pill{white-space:nowrap;border:1px solid #30546a;padding:9px 13px;border-radius:20px;color:#a8deee;background:#172535;font:700 11px ui-monospace,monospace}.status-dot,.live-dot{display:inline-block;background:var(--green);width:8px;height:8px;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #43cba319}
.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:0 2px 13px #040a1433}.query{padding:19px 20px}.query form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}.ticker-field{min-width:170px;flex:0 1 250px}.ticker-field label{font-weight:700;font-size:12px;display:block;margin:0 0 6px;color:var(--muted)}.ticker-field input{width:100%;background:#0c1629;border:1px solid #36516d;border-radius:9px;outline:none;padding:12px 14px;color:var(--text);font:700 16px ui-monospace,monospace;text-transform:uppercase}.ticker-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5dadee22}button{font:inherit;cursor:pointer}.btn-primary,.btn-muted{border-radius:9px;padding:12px 18px;white-space:nowrap;font-weight:700}.btn-primary{border:1px solid #5bc3e4;background:#174766;color:#d9faff}.btn-primary:hover{background:#215f7e}.btn-primary:disabled{opacity:.5;cursor:wait}.btn-muted{border:1px solid #43536b;background:#253047;color:#d9e9fa}.btn-muted:hover{background:#32415d}.quick-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 1px 6px}.quick-tags button{border:1px solid #374762;background:transparent;color:#acbed5;border-radius:7px;padding:8px 10px;font:700 12px ui-monospace,monospace}.quick-tags button:hover{border-color:#76bafa;color:white}.footnote{font-size:12px;margin:11px 0 0}.notice{margin:15px 0;padding:12px 17px;border:1px solid #37526d;border-radius:11px;color:#acd5fa;background:#10263b}.notice.error{border-color:#8b4456;color:#ffd1da;background:#34202b}.notice.loading{border-color:#536b90;color:#d2e5fb}.summary-head{display:flex;align-items:center;justify-content:space-between;margin:27px 0 17px;gap:12px}.badge-warn{background:#3b3322;color:#ffd987;border:1px solid #94743b;padding:7px 13px;border-radius:9px;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:12px}.metric{min-height:102px;padding:15px 17px;border:1px solid var(--line);background:var(--card);border-radius:13px}.metric .key{color:var(--muted);font-size:12px}.metric .value{font-weight:700;font-size:20px;margin:5px 0 2px}.metric .desc{color:var(--muted);font-size:11px}.metric .value.up{color:var(--green)}.metric .value.down{color:var(--red)}.metric .value.mixed{color:var(--orange)}.pipeline{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:13px;flex-wrap:wrap}.pipeline div{flex:1;min-width:155px;display:flex;flex-direction:column;gap:3px}.pipeline b{color:#d5e7ff}.pipeline span{color:var(--muted);font-size:12px}.pipeline i{color:var(--blue);font-style:normal}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:29px 0 12px}.segment{display:flex;padding:3px;border:1px solid #334866;background:#101b2c;border-radius:10px}.segment button{padding:8px 15px;background:transparent;border:0;color:#b4c5d9;border-radius:7px;font-weight:700}.segment button.selected{background:#254762;color:white}.plot-card{padding:19px 18px 8px;margin:12px 0}.plot-card .small{color:var(--muted);font-size:12px;font-weight:400;margin-left:10px}.plot{width:100%;min-height:570px}.events{padding:21px;margin-top:22px}.events .helper{margin:-2px 0 12px;font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th,td{border-bottom:1px solid #2b3851;padding:10px 11px}th{color:var(--muted);font-size:12px;font-weight:600}td{font-size:13px}.high{color:var(--red)}.low{color:var(--green)}footer{margin-top:36px;border-top:1px solid #28354e;padding:20px 0;color:var(--muted);font-size:12px}footer a{margin-left:12px;color:var(--blue);text-decoration:none}[hidden]{display:none!important}
@media(max-width:850px){main{padding:17px 11px 44px}.top{align-items:start;flex-direction:column}h1{font-size:25px}.top-pill{font-size:10px}.query{padding:14px}.ticker-field{flex:1 1 100%}.action-field{flex:1}.action-field button{width:100%}.quick-tags{margin:7px 0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline i{display:none}.pipeline div{flex:1 1 45%}.section-head{align-items:start;flex-direction:column}.plot-card{padding:14px 8px 6px}.plot{min-height:525px}.plot-card .small{display:block;margin-left:0}h3{font-size:16px}.segment button{padding:7px 14px}}