*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;background:#f6f7f9;color:#172033}body{margin:0}.topbar{background:#fff;border-bottom:1px solid #e7eaf0;padding:28px max(24px,calc((100% - 1320px)/2));display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;color:#697386;font-weight:700}.topbar h1{font-size:28px;margin:5px 0 3px}.topbar p,.panelhead p{margin:0;color:#7a8497;font-size:13px}.status{text-align:right}.status span{display:inline-block;width:8px;height:8px;background:#16a36a;border-radius:50%;margin-right:7px}.status b{font-size:13px}.status small{display:block;color:#8a93a3;margin-top:5px}main{max-width:1320px;margin:0 auto;padding:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cards article,.panel{background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 2px 10px rgba(25,35,55,.025)}.cards article{padding:20px}.cards label{font-size:13px;color:#657084;font-weight:650}.cards strong{font-size:34px;display:block;margin:8px 0 3px;letter-spacing:-.03em}.cards small{color:#9aa2b0}.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.82fr);gap:18px;margin-bottom:18px}.side{display:grid;gap:18px}.panel{padding:20px}.panelhead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:15px}.panelhead h2{font-size:16px;margin:0 0 4px}.filters{display:flex;gap:8px}select{border:1px solid #dfe3ea;background:#fff;border-radius:9px;padding:8px 30px 8px 10px;color:#39445a}.event{display:grid;grid-template-columns:86px 1fr auto;gap:14px;padding:14px 0;border-top:1px solid #edf0f4}.event:first-child{border-top:0}.date{font-size:12px;color:#8a94a6;padding-top:3px}.event h3{font-size:14px;line-height:1.55;margin:0 0 7px}.meta{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:11px;background:#f1f3f6;color:#58647a;border-radius:6px;padding:4px 7px}.pill.high{background:#fff0ed;color:#b7432e}.score{font-size:12px;font-weight:700;color:#6d778a}.bars>div{margin:13px 0}.barline{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.track{height:6px;background:#eef1f5;border-radius:9px;overflow:hidden}.fill{height:100%;background:#596579;border-radius:9px}.source-list>div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #f0f2f5;font-size:12px}.source-list>div:first-child{border-top:0}.source-list b{font-variant-numeric:tabular-nums}.trend{height:160px;display:flex;align-items:flex-end;gap:4px;padding-top:12px}.day{flex:1;min-width:3px;background:#b8c0cd;border-radius:3px 3px 0 0;position:relative}.day:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#172033;color:white;padding:5px 7px;border-radius:6px;white-space:nowrap;font-size:10px;z-index:2}.loading,.empty{padding:40px;text-align:center;color:#8b95a6}footer{max-width:1320px;margin:auto;padding:0 24px 30px;color:#9aa2af;font-size:11px}@media(max-width:850px){.topbar{padding:20px;align-items:flex-start}.status b{display:none}main{padding:14px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.panel{padding:16px}.panelhead{display:block}.filters{margin-top:12px}.filters select{width:50%}.event{grid-template-columns:70px 1fr}.score{display:none}.topbar h1{font-size:24px}}