:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--success:#10b981;--success-dark:#059669;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--ink:#1f2937;--muted:#6b7280;--page:#f9fafb;--surface:#fff;--line:#e5e7eb;--accent:#a78bfa;--accent-soft:#f3e8ff;--gold:#fbbf24;--shadow:0 18px 50px #1f29371a;--radius:8px}*{box-sizing:border-box}body{background:var(--page);min-width:320px;color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.btn-plain{color:inherit;text-align:left;background:0 0;border:0;padding:0}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);min-height:72px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border-radius:var(--radius);background:var(--ink);width:42px;height:42px;color:var(--gold);place-items:center;font-family:Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:22px;font-weight:800;display:grid}.brand-title{margin:0;font-size:18px;line-height:1.1}.brand-subtitle{color:var(--muted);margin:2px 0 0;font-size:13px}.nav-actions{align-items:center;gap:8px;display:flex}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 48px}.hero-band{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:28px;padding:28px 0 18px;display:grid}.hero-copy{flex-direction:column;justify-content:center;min-height:280px;display:flex}.eyebrow{color:var(--success-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(34px,5vw,56px);line-height:1.02}h2{margin:0 0 16px;font-size:24px;line-height:1.2}h3{margin:0;font-size:18px;line-height:1.25}.lead{max-width:680px;color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.visual-panel{border:1px solid var(--line);border-radius:var(--radius);min-height:280px;box-shadow:var(--shadow);background:linear-gradient(135deg,#10b98124,#0000 42%),linear-gradient(315deg,#fbbf242e,#0000 48%),#fff;position:relative;overflow:hidden}.visual-grid{opacity:.88;grid-template-columns:repeat(4,1fr);grid-auto-rows:72px;gap:1px;display:grid;position:absolute;inset:0}.hanzi-tile{color:#1f2937c7;border-bottom:1px solid #e5e7ebcc;border-right:1px solid #e5e7ebcc;place-items:center;font-family:Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:30px;font-weight:700;display:grid}.visual-score{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;width:min(260px,100% - 36px);padding:18px;position:absolute;bottom:18px;right:18px}.score-ring{background:conic-gradient(var(--success) 0 78%, #e5e7eb 78% 100%);border-radius:50%;place-items:center;width:86px;height:86px;display:grid}.score-ring span{background:#fff;border-radius:50%;place-items:center;width:66px;height:66px;font-size:22px;font-weight:800;display:grid}.layout-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:22px;display:grid}.dashboard-main{gap:22px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 28px #1f29370f}.panel-body{padding:20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:92px;padding:14px}.metric-value{margin-top:8px;font-size:25px;font-weight:800;display:block}.metric-label,.small-muted{color:var(--muted);font-size:13px}.progress-list{gap:14px;display:grid}.progress-row{grid-template-columns:92px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:14px;display:grid}.bar{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--success);height:100%}.exam-strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.exam-strip p{color:#ffffffbd;margin:7px 0 0}.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.practice-tile{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:14px;min-height:166px;padding:18px;display:grid}.practice-tile strong{font-size:16px;display:block}.practice-tile span{color:var(--muted);font-size:13px}.mini-actions{flex-wrap:wrap;gap:6px;display:flex}.history-list,.mistake-list,.bookmark-list{gap:8px;display:grid}.history-row,.mistake-row,.bookmark-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.history-row:first-child,.mistake-row:first-child,.bookmark-row:first-child{border-top:0}.btn{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--success);color:#fff}.btn-primary:hover{background:var(--success-dark)}.btn-secondary{color:var(--ink);background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}.btn-accent{border-color:var(--accent);color:#6d28d9;background:#fff}.btn-accent:hover,.btn-accent.is-active{background:var(--accent-soft)}.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn-small{min-height:34px;padding:8px 11px;font-size:13px}.icon-btn{width:42px;min-width:42px;padding:0;font-size:18px}.exam-page{gap:18px;display:grid}.exam-status{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:auto minmax(150px,1fr) auto auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.timer{font-size:20px;font-weight:900}.question-shell{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.question-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.question-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:18px 20px;display:flex}.question-content{gap:20px;padding:20px;display:grid}.part-label{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.passage{border-left:4px solid var(--gold);border-radius:var(--radius);color:#111827;background:#fffbeb;padding:18px;font-family:Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:22px;line-height:2}.audio-card,.word-bank{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;display:flex}.assist-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.assist-panel summary{min-height:46px;color:var(--ink);cursor:pointer;padding:13px 16px;font-weight:800}.assist-panel p,.assist-panel .transcript{margin:0;padding:0 16px 16px}.transcript{font-family:Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:20px;line-height:2}.audio-card{flex-direction:column;align-items:flex-start}.word-tile{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;min-height:38px;padding:8px 12px;font-family:Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:20px;font-weight:800;display:inline-flex}.token{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;white-space:normal;background:#ffffffb8;border:0;border-radius:6px;margin:0 1px;padding:3px 5px;display:inline}.token:hover,.token:focus{outline:2px solid var(--accent);background:var(--accent-soft)}.token-grammar{border-bottom:2px solid var(--info)}.options{gap:10px;display:grid}.option{border:2px solid var(--line);border-radius:var(--radius);width:100%;min-height:58px;color:var(--ink);text-align:left;background:#fff;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.option:hover,.option.is-selected{border-color:var(--success);background:#ecfdf5}.radio{border:2px solid #9ca3af;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.option.is-selected .radio{border-color:var(--success)}.option.is-selected .radio:before{background:var(--success);content:"";border-radius:50%;width:10px;height:10px}.exam-nav{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.learning-aside{gap:14px;display:grid;position:sticky;top:92px}.focus-list{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;min-height:30px;padding:6px 9px;font-size:13px;font-weight:800;display:inline-flex}.tooltip{z-index:100;border:1px solid var(--line);border-radius:var(--radius);width:min(360px,100vw - 24px);box-shadow:var(--shadow);background:#fff;position:fixed}.tooltip-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.tooltip-title{font-family:Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:22px;font-weight:900}.tooltip-body{gap:12px;padding:16px;display:grid}.tooltip-body p{color:var(--muted);margin:0;line-height:1.45}.tooltip-actions{flex-wrap:wrap;gap:8px;display:flex}.audio-status{border-radius:var(--radius);color:#1d4ed8;background:#eff6ff;padding:9px 10px;font-size:13px}.results-hero{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:24px;display:grid}.big-score{background:conic-gradient(var(--success) var(--score), #e5e7eb 0);border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.big-score span{background:#fff;border-radius:50%;place-items:center;width:100px;height:100px;font-size:30px;font-weight:900;display:grid}.breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.review-detail{gap:14px;display:grid}.answer-review{gap:8px;display:grid}.answer-line{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:11px 12px}.answer-line.correct{border-color:var(--success);background:#ecfdf5}.answer-line.wrong{border-color:var(--error);background:#fef2f2}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);padding:16px}@media (max-width:920px){.hero-band,.layout-grid,.question-shell{grid-template-columns:1fr}.learning-aside{position:static}.practice-grid,.breakdown-grid{grid-template-columns:1fr}}@media (max-width:640px){.topbar-inner,.page{width:min(100% - 20px,1180px)}.topbar-inner{min-height:64px}.brand-subtitle,.nav-actions .btn:not(.icon-btn){display:none}.hero-band{padding-top:16px}.hero-copy,.visual-panel{min-height:230px}.stat-grid,.exam-status,.results-hero{grid-template-columns:1fr}.exam-strip,.question-header,.history-row,.mistake-row,.bookmark-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.exam-nav{grid-template-columns:1fr;display:grid}.btn{width:100%}.icon-btn{width:42px}.passage{font-size:20px}}