:root{color-scheme:light;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#68758b;--line:#dfe6f0;--primary:#315be8;--soft:#eef3ff}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.topbar{height:70px;display:flex;align-items:center;gap:24px;padding:0 max(22px,calc((100% - 1180px)/2));background:var(--card);border-bottom:1px solid var(--line)}.topbar div{display:flex;flex:1;flex-direction:column}.topbar a{color:var(--muted);text-decoration:none}.topbar small{margin-top:3px;color:var(--muted)}main{max-width:1180px;margin:0 auto;padding:34px 22px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading>div>span,.panel-head span{color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.14em}.page-heading h1{margin:7px 0;font-size:2rem}.page-heading p{margin:0;color:var(--muted)}.filters{display:flex;align-items:flex-end;gap:10px}.filters label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.8rem;font-weight:700}.filters select,.filters button{min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit}.filters button{cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi,.panel,.state-card{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 28px #1d32640d}.kpi{padding:17px}.kpi span,.kpi small{color:var(--muted)}.kpi strong{display:block;margin:7px 0;font-size:1.8rem}.analysis-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.panel{padding:20px;margin-bottom:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-head h2{margin:5px 0 0;font-size:1.2rem}.panel-head small{color:var(--muted)}canvas{display:block;width:100%;height:280px}.weak-list,.mastery-list,.speed-list,.history-list{display:grid;gap:10px}.weak-row,.mastery-row,.speed-row,.history-row{padding:13px;border:1px solid var(--line);border-radius:12px}.weak-row{display:flex;justify-content:space-between;gap:10px}.weak-row strong{font-size:1.15rem}.weak-row small,.mastery-row small,.speed-row small,.history-row small{display:block;color:var(--muted);margin-top:4px}.mastery-row{display:grid;grid-template-columns:1fr auto;gap:8px}.progress{height:8px;margin-top:10px;border-radius:10px;background:#edf1f7;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.speed-row{display:flex;justify-content:space-between;gap:12px}.error{padding:16px;border-radius:12px;color:#a61b1b;background:#fff0f0}.state-card{max-width:520px;margin:80px auto;padding:44px;text-align:center}.state-card p{color:var(--muted)}.primary-link{color:var(--primary)}.loading{text-align:center;color:var(--muted);padding:40px}@media(max-width:820px){.page-heading{align-items:stretch;flex-direction:column}.filters{align-items:stretch}.filters>*{flex:1}.analysis-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){main{padding:24px 14px 48px}.topbar{padding:0 14px;gap:12px}.topbar>a:last-child{font-size:.85rem}.filters{display:grid;grid-template-columns:1fr 1fr}.filters button{grid-column:1/-1}.kpis{gap:9px}.kpi{padding:13px}.kpi strong{font-size:1.45rem}.panel{padding:15px}}