*{box-sizing:border-box}body{margin:0;background:#f3f7f6;color:#183b35;font-family:"Microsoft YaHei",system-ui,sans-serif}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e7f7f1,#f8fbfa)}form{width:min(420px,calc(100% - 32px));background:#fff;padding:38px;border-radius:20px;box-shadow:0 20px 60px #0b5c4b22}.brand{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#10876e;color:#fff;font-size:28px;font-weight:800}h1{font-size:24px;margin-bottom:5px}form p{color:#71817d}label{display:block;margin:18px 0 6px;font-size:14px}input,select,button{font:inherit}input,select{width:100%;padding:11px 13px;border:1px solid #ccddd8;border-radius:10px;background:#fff}button{border:0;background:#10876e;color:#fff;padding:11px 18px;border-radius:10px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}form button{width:100%;margin-top:22px}.error{color:#d33;margin-top:12px;min-height:20px}header{height:68px;background:#0c6959;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:sticky;top:0;z-index:3}header b{display:block;font-size:19px}header span{font-size:12px;opacity:.75}main{max-width:1440px;margin:auto;padding:24px}.filters{display:flex;gap:12px;align-items:center;margin-bottom:18px}.filters select{width:auto;min-width:150px}.ghost{background:#fff;color:#176d5e;border:1px solid #c6ded8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,article{background:#fff;border:1px solid #e0ebe8;border-radius:15px;padding:20px}.card span{color:#71817d;font-size:13px}.card strong{display:block;font-size:30px;margin-top:8px}.grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;margin:16px 0}h2{font-size:16px;margin:0 0 16px}.rank{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0;font-size:13px}.rank i{grid-column:1/3;height:6px;border-radius:3px;background:#dcebe7;overflow:hidden}.rank i:after{content:"";display:block;width:var(--w);height:100%;background:#18a382}.bars{height:180px;display:flex;align-items:end;gap:5px}.bar{flex:1;min-width:5px;background:#25a88a;border-radius:4px 4px 0 0;position:relative}.bar:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#173f37;color:#fff;padding:5px 7px;border-radius:6px;white-space:nowrap;font-size:11px}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:11px 10px;border-bottom:1px solid #edf2f0;text-align:left;white-space:nowrap}th{color:#60756f}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;font-size:13px;color:#60756f}.pagination label{display:flex;align-items:center;gap:8px;margin:0}.pagination select{width:auto;padding:8px 10px}.pagination button{padding:8px 14px}article+article{margin-top:16px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}main{padding:14px}.filters{flex-wrap:wrap}}@media(max-width:520px){.cards{grid-template-columns:1fr}.filters>*{flex:1}.pagination{justify-content:flex-start;flex-wrap:wrap}header{padding:0 16px}}