:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#e5edf2;background:#0d151c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#1b303b44,transparent 50%)}main{max-width:1400px;margin:auto;padding:0 44px 28px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26333d}.brand{display:flex;gap:12px;align-items:center}.brand-icon{color:#83d4c1;font-size:40px}.brand strong{display:block;font-size:19px;letter-spacing:2px}.brand small{display:block;color:#758c9c;font-size:9px;letter-spacing:2px;margin-top:5px}.live{font-size:12px;color:#a3b5c2;display:flex;gap:9px;align-items:center}.live i{width:7px;height:7px;background:#83d4c1;border-radius:50%;box-shadow:0 0 12px #83d4c144}.live i.off{background:#8194a4;box-shadow:none}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:46px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#83d4c1;margin-bottom:15px}h1{font-size:32px;letter-spacing:-1px;font-weight:500;margin:0}h1 span{color:#83d4c1}.subtitle{font-size:13px;color:#8499a8;margin:14px 0 0}.controls{display:flex;align-items:flex-end;gap:10px}label{font-size:10px;color:#899eac;display:flex;flex-direction:column;gap:8px}select,button{background:#17232d;color:#d9e5ec;border:1px solid #33434f;border-radius:6px;padding:11px 13px;font-size:12px}button{cursor:pointer;white-space:nowrap}button:hover{border-color:#83d4c1}button:disabled{opacity:.5;cursor:default}select{max-width:240px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{position:relative;border:1px solid #2b3944;background:#15212a;border-radius:9px;padding:22px 24px;overflow:hidden}.cards article:before{content:"";position:absolute;top:0;left:24px;width:40px;height:2px;background:var(--accent)}.card-top{display:flex;justify-content:space-between;font-size:13px;color:#b1c1cd}.card-top small{font-family:monospace;font-size:10px;color:#6d8495}.value{font-size:43px;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:20px 0 12px;color:var(--accent)}.value span{font-size:16px;letter-spacing:0;color:#8195a5;margin-left:10px}.cards p{font-size:11px;margin:0;color:#7a919f}.timeline-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 17px}h2{font-size:18px;font-weight:500;margin:0 0 8px}.timeline-head p{font-size:11px;color:#7f95a4;margin:0}.timeline-head button{font-size:11px;background:transparent}.trends{border:1px solid #2b3944;border-radius:9px;background:#121e27;overflow:hidden}.trends article{border-bottom:1px solid #27343e;padding:20px 16px 12px}.trends article:last-child{border:0}.trend-label{display:flex;gap:12px;align-items:center;padding-left:10px}.index{font-family:monospace;font-size:11px;color:#69808f}h3{font-size:13px;font-weight:500;margin:0}.unit{font-size:10px;color:#7b91a1;margin-left:auto;margin-right:12px}.chart{height:220px;width:100%}.chart-placeholder{height:220px;display:grid;place-items:center;color:#718999;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:#6e8494;font-size:10px;line-height:1.8}footer span:last-child{text-align:right}.alert{padding:13px 18px;background:#4e3427;border:1px solid #946343;border-radius:7px;margin-bottom:20px;font-size:13px}.alert button{margin-left:16px;padding:6px 12px}.empty{text-align:center;border:1px dashed #3a4c59;padding:25px;margin-bottom:20px;border-radius:8px}.empty p{font-size:12px;color:#8195a5}@media(max-width:1050px){main{padding:0 24px 24px}.heading{display:block}.controls{margin-top:24px}h1{font-size:28px}}@media(max-width:620px){main{padding:0 15px 20px}header{height:76px}.brand small{font-size:8px}.live{font-size:10px}.heading{margin-top:30px}h1{font-size:23px}.controls{flex-wrap:wrap}select{max-width:180px}.cards{grid-template-columns:1fr;gap:12px}.cards article{padding:18px 22px}.value{font-size:35px;margin:13px 0 10px}.timeline-head{align-items:flex-start;gap:10px}.timeline-head button{white-space:normal;max-width:125px}.chart{height:200px}.trends article{padding-left:2px;padding-right:2px}footer{display:block}footer span{display:block}footer span:last-child{text-align:left;margin-top:9px}}