*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:#0f172a;font-family:Arial,"Microsoft YaHei",sans-serif}header{height:64px;background:#07111f;color:white;padding:0 max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between}header b{font-size:20px}#status{font-size:12px;color:#a7f3d0}main{max-width:1120px;margin:auto;padding:28px 18px}.hero,.table,.cards div{background:white;border-radius:16px}.hero{padding:28px}.hero small{color:#059669;font-weight:bold}.hero h1{margin:8px 0;font-size:34px}.hero p{color:#64748b}.bar{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.bar input,.bar select,.bar button{padding:11px 13px;border:1px solid #cbd5e1;border-radius:10px;background:white}.bar input{flex:1;min-width:240px}.bar button{background:#0f172a;color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards div{padding:18px;color:#64748b}.cards b{display:block;color:#0f172a;font-size:25px;margin-top:6px}.table{margin-top:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:950px}th,td{padding:14px;border-bottom:1px solid #e2e8f0;text-align:left}th{font-size:12px;color:#64748b;background:#f8fafc}.sub{font-size:11px;color:#94a3b8}.pos{color:#059669}.neg{color:#e11d48}.pill{font-size:11px;background:#dbeafe;color:#1d4ed8;border-radius:99px;padding:4px 8px}.note{text-align:center;font-size:12px;color:#64748b}@media(max-width:650px){.hero h1{font-size:27px}.cards{grid-template-columns:1fr}.bar>*{width:100%}}