:root{--primary: #2D6CDF;--primary-weak: #e8effb;--bg: #F5F6FA;--card: #ffffff;--text: #333333;--text-2: #444444;--text-3: #7a8194;--border: #e6e9f0;--ok: #2e9e5b;--bad: #d4553f;--warn: #c98a1f;--radius: 12px}html.dark{--primary: #5b8ae6;--primary-weak: #1c2c47;--bg: #12161f;--card: #1b2130;--text: #cfd6e4;--text-2: #aab3c5;--text-3: #6d7888;--border: #2a3346;--ok: #4caf7d;--bad: #e0785f;--warn: #d9a94e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7}a{color:var(--primary);text-decoration:none}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:20px;background:var(--card);border-bottom:1px solid var(--border);padding:0 24px;height:56px;position:sticky;top:0;z-index:10}.brand{font-weight:700;color:var(--primary);font-size:18px;cursor:pointer;white-space:nowrap}.nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.nav a{padding:6px 12px;border-radius:8px;color:var(--text-2);font-size:15px}.nav a.router-link-active{color:var(--primary);background:var(--primary-weak);font-weight:600}.topbar-right{display:flex;align-items:center;gap:10px}.username{color:var(--text-3);font-size:14px}.page{max-width:1080px;margin:0 auto;padding:24px 16px 48px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px}.card h3{font-size:17px;margin-bottom:12px;color:var(--text)}.card .sub{color:var(--text-3);font-size:14px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{text-align:center;padding:16px}.stat-card .num{font-size:28px;font-weight:700;color:var(--primary)}.stat-card .label{font-size:13px;color:var(--text-3)}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:15px;font-family:inherit;margin-bottom:10px}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-weak);border-color:var(--primary)}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-size:15px;cursor:pointer}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer;font-size:14px}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-small{padding:4px 10px;font-size:13px;border-radius:6px}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;background:var(--primary-weak);color:var(--primary);margin-right:6px}.tag.ok{background:#2e9e5b1f;color:var(--ok)}.tag.bad{background:#d4553f1f;color:var(--bad)}.tag.warn{background:#c98a1f24;color:var(--warn)}.empty{text-align:center;color:var(--text-3);padding:30px 0}.error-text{color:var(--bad);margin:8px 0}.ok-text{color:var(--ok)}.loading{text-align:center;color:var(--text-3);padding:40px 0}.drill-block{border-top:1px dashed var(--border);padding-top:14px;margin-top:14px}.feedback{border-radius:8px;padding:12px 14px;margin-top:10px;font-size:15px}.feedback.correct{background:#2e9e5b1a;border-left:4px solid var(--ok)}.feedback.wrong{background:#d4553f14;border-left:4px solid var(--bad)}table.list{width:100%;border-collapse:collapse;font-size:14.5px}table.list th,table.list td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}table.list th{color:var(--text-3);font-weight:500}.mastery-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.login-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center}.login-card{width:360px}.login-card h2{text-align:center;color:var(--primary);margin-bottom:20px}.hint{font-size:13px;color:var(--text-3);margin-top:8px}