:root{color-scheme:dark;--bg:#050b14;--panel:rgba(15,23,42,.78);--line:rgba(34,211,238,.3);--cyan:#22d3ee;--text:#dbeafe;--muted:#94a3b8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#08334488,transparent 35%),linear-gradient(#0b1525 1px,transparent 1px),linear-gradient(90deg,#0b1525 1px,transparent 1px),var(--bg);background-size:auto,30px 30px,30px 30px;color:var(--text);font-family:Inter,system-ui,Microsoft YaHei,sans-serif;min-height:100vh}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));background:#050b14dd;position:sticky;top:0;z-index:2}nav{display:flex;gap:16px;align-items:center}.logo{font-weight:900;letter-spacing:.16em;font-size:20px}.logo span{color:var(--cyan)}a{color:inherit;text-decoration:none}button,.actions a,input,select{border:1px solid var(--line);background:#07111f;color:var(--text);border-radius:8px;padding:11px 16px}button,.actions a{cursor:pointer}.notice{margin:0;padding:12px;text-align:center;background:#78350f}.login{display:grid;place-items:center;min-height:100vh}.login .panel{width:min(420px,calc(100% - 32px))}form,label{display:grid;gap:8px}form{gap:18px;margin-top:30px}main{width:min(1120px,calc(100% - 32px));margin:auto;padding:42px 0}.hero{border-left:3px solid var(--cyan);padding:24px 28px;margin-bottom:28px;background:#0f172acc}.hero h1{font-size:clamp(28px,5vw,48px);margin:8px 0}.hero p,small{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:24px;box-shadow:0 0 30px #22d3ee12}.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bank h2{font-size:30px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats span{padding:14px;background:#020617;border-radius:8px}.stats b{display:block;color:var(--cyan);font-size:24px}.actions{display:flex;gap:12px;margin-top:22px}.learn-meta,.learn-nav{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-family:monospace}.question{margin-top:16px}.question>img{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:20px auto;cursor:zoom-in}.option{display:flex;grid-template-columns:auto 1fr;align-items:center;padding:16px;border:1px solid #334155;border-radius:10px;margin:10px 0}.option input{width:auto}.answer{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.warning,.result{color:#fb923c}.learn-nav{margin-top:16px}dialog{inset:0;width:100vw;height:100vh;background:#020617dd;border:0;padding:20px}dialog img{width:100%;height:100%;object-fit:contain}.admin-create{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:12px}.table{margin-top:20px}.table>div{display:grid;grid-template-columns:1.5fr .7fr .8fr 3fr;gap:8px;align-items:center;padding:12px;border-bottom:1px solid #334155}.user-actions{display:flex;gap:6px;justify-content:flex-end}.user-actions button{padding:8px}@media(max-width:680px){header{height:auto;padding:14px 16px;align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}.bank-grid{grid-template-columns:1fr}main{padding-top:24px}.stats{grid-template-columns:1fr}.admin-create,.table>div{grid-template-columns:1fr}.user-actions{flex-wrap:wrap;justify-content:flex-start}.option,button,.actions a{min-height:48px}}button:disabled{cursor:not-allowed;opacity:.48}.result{border:1px solid currentColor;border-radius:8px;font-weight:700;margin:16px 0 0;padding:12px 14px}.result-correct{background:#22c55e1f;color:#4ade80}.result-incorrect{background:#f871711f;color:#f87171}.option-correct{background:#22c55e1f;border-color:#22c55e}.option-wrong{background:#f871711f;border-color:#ef4444}.learn-nav{align-items:center}.learn-nav-main{display:flex;align-items:center;gap:8px}.learn-nav button{min-height:44px;white-space:nowrap;width:auto}.jump-control{display:flex;align-items:center;gap:8px;margin:0;min-width:0}.jump-control input{min-height:44px;padding:10px;width:70px}.jump-total{white-space:nowrap}.restart-button{margin-left:auto}.knowledge-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;border-color:#a78bfa;background:linear-gradient(120deg,#1e293beb,#4c1d9559)}.knowledge-card h2{font-size:32px;margin:8px 0}.knowledge-card.unavailable{border-color:#64748b}.primary-action{border:1px solid #a78bfa;border-radius:8px;padding:13px 20px;white-space:nowrap}.knowledge-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.knowledge-sidebar{position:sticky;top:92px}.knowledge-sidebar>b{display:block;color:var(--cyan);font-size:28px;margin-bottom:14px}.knowledge-sidebar select{display:none;width:100%}.knowledge-sidebar nav{display:grid;gap:6px}.knowledge-sidebar nav a{border-left:2px solid #334155;padding:10px}.knowledge-sidebar nav a.active{border-color:var(--cyan);background:#0e749033}.knowledge-topic{min-width:0}.knowledge-topic h1{font-size:clamp(30px,5vw,46px)}.topic-actions,.topic-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-links{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.section-links a{border:1px solid #334155;border-radius:999px;padding:7px 11px;color:var(--muted)}.knowledge-section{border-top:1px solid #334155;padding-top:18px;margin-top:24px;scroll-margin-top:90px}.knowledge-section li{margin:10px 0;line-height:1.7}.knowledge-diagram{display:block;width:100%;max-height:620px;object-fit:contain;background:#020617;border-radius:10px;cursor:zoom-in}.finding{border:1px solid #fb923c;background:#7c2d1233;border-radius:8px;padding:14px}.quiz-box{border:1px solid var(--line);border-radius:12px;padding:20px}.topic-nav{margin-top:24px}.actions{flex-wrap:wrap}.exam-instructions{max-width:760px;margin:auto}.exam-meta{display:flex;gap:18px;align-items:center;position:sticky;top:72px;z-index:2;background:#050b14ee;border:1px solid var(--line);padding:12px 16px}.exam-meta strong{margin-left:auto;font-family:monospace;font-size:22px;color:var(--cyan)}.exam-meta .urgent{color:#fb7185}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:16px}.exam-card{position:sticky;top:142px}.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px}.card-grid button{padding:8px}.card-grid .done{border-color:#22c55e}.card-grid .current{box-shadow:0 0 0 2px var(--cyan)}.card-grid .review{background:#78350f}.card-toggle,.drawer-close{display:none}.review-check{display:flex;align-items:center;grid-template-columns:auto 1fr}.exam-nav,.choice-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.review-item,.wrong-item{margin-top:14px}.trend{display:flex;align-items:flex-end;gap:12px;height:240px;position:relative}.trend a{background:#0891b2;min-width:42px;text-align:center}.pass-line{position:absolute;left:0;right:0;bottom:60%;border-top:1px dashed #fb923c;color:#fb923c}.result-summary h1{font-size:54px;color:var(--cyan)}.history-list{display:grid;gap:12px;margin-top:16px}.history-record{display:flex;align-items:center;gap:18px}.history-record span{flex:1}.empty-state{margin-top:16px}@media(max-width:680px){.learn-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.learn-nav-main{display:contents}.nav-previous{grid-column:1;grid-row:1}.nav-next{grid-column:2;grid-row:1}.jump-control{grid-column:1;grid-row:2}.restart-button{grid-column:2;grid-row:2;margin-left:0}.learn-nav button{min-height:44px;width:100%}.learn-nav .jump-control button{width:auto}.jump-control input{width:54px}.knowledge-card{align-items:stretch;flex-direction:column}.knowledge-layout{display:block}.knowledge-sidebar{position:static;margin-bottom:12px}.knowledge-sidebar select{display:block}.knowledge-sidebar nav{display:none}.knowledge-topic{padding:18px}.section-links{overflow-x:auto;flex-wrap:nowrap}.section-links a{white-space:nowrap}.knowledge-diagram{max-height:none}.topic-actions{align-items:flex-start}.topic-nav button{width:50%}.exam-meta{top:90px;flex-wrap:wrap}.exam-layout,.analysis-grid{grid-template-columns:1fr}.card-toggle{display:block}.exam-card{display:none;position:fixed;inset:0;z-index:5;border-radius:0;overflow:auto}.exam-card.open{display:block}.drawer-close{display:block;margin-left:auto}.card-grid{grid-template-columns:repeat(5,1fr)}}