.exam-root{max-width:var(--maxw-content);margin:0 auto}.ex-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5);padding:var(--s-5) var(--s-6);border-radius:var(--r-5);background:var(--surface2);border:1px solid var(--border)}.ex-hero:after{content:"测";position:absolute;right:-10px;bottom:-42px;font-family:var(--font-hanzi);font-weight:900;font-size:150px;line-height:1;color:var(--text3);opacity:.06;pointer-events:none;z-index:0}.ex-hero-text,.ex-hero-stats{position:relative;z-index:1}.ex-hero-title{font-size:var(--t-h1);font-weight:800;color:var(--text);margin:0}.ex-hero-sub{color:var(--text2);font-size:var(--t-body);margin-top:var(--s-1);max-width:42ch}.ex-hero-stats{display:flex;gap:var(--s-6)}.ex-stat{text-align:center}.ex-stat-num{display:block;font-size:var(--t-h1);font-weight:800;color:var(--accent);line-height:1.1}.ex-stat-lbl{display:block;font-size:var(--t-small);color:var(--text2)}.ex-chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-5)}.ex-chip{padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);cursor:pointer;background:var(--surface2);color:var(--text2);border:1px solid var(--border);font-size:.9rem;font-weight:600;transition:all var(--d-fast) var(--ease-out)}.ex-chip:hover{border-color:var(--accent);color:var(--text)}.ex-chip--active{background:var(--accent);color:var(--on-gold);border-color:var(--accent)}.ex-chip--empty{opacity:.42}.ex-grid{display:grid;gap:var(--s-3)}.ex-card{display:flex;align-items:center;gap:var(--s-4);width:100%;text-align:left;padding:var(--s-4);border-radius:var(--r-4);cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:border-color var(--d-base) var(--ease-out),transform var(--d-base) var(--ease-out),box-shadow var(--d-base)}.ex-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-2)}.ex-card--locked{opacity:.9}.ex-card-num{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:var(--r-3);font-weight:800;font-size:var(--t-h3);background:var(--surface2);color:var(--accent)}.ex-card-ring{position:relative;flex:0 0 44px;width:44px;height:44px}.ex-ring-svg{width:44px;height:44px;transform:rotate(-90deg)}.ex-ring-bg{fill:none;stroke:var(--surface2);stroke-width:4}.ex-ring-fg{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--d-slow) var(--ease-out)}.ex-card--done .ex-ring-fg{stroke:var(--thuy-luc)}.ex-ring-pct{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--text)}.ex-ring-pct small{font-size:.55rem;font-weight:700;color:var(--text3)}.ex-card-body{flex:1;min-width:0}.ex-card-title{font-weight:700;font-size:var(--t-body-lg);color:var(--text)}.ex-badge-tier{font-size:.6rem;font-weight:800;vertical-align:middle;letter-spacing:.04em;padding:2px 6px;border-radius:var(--r-1);margin-left:var(--s-1)}.ex-badge-pro{background:var(--warning-bg);color:var(--hoang-kim-2)}.ex-badge-free{background:var(--success-bg);color:var(--success)}.ex-card-meta{font-size:var(--t-small);color:var(--text2);margin-top:2px}.ex-card-tags{display:flex;gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;align-items:center}.ex-card-status{font-size:var(--t-small);padding:1px 8px;border-radius:var(--r-pill);font-weight:600}.ex-card-status--new{background:var(--status-new-bg);color:var(--text2)}.ex-card-status--done{background:var(--status-mastered-bg);color:var(--status-mastered);font-weight:700}.ex-card-attempts{font-size:var(--t-small);color:var(--text3)}.ex-card-cta{flex:0 0 auto;align-self:center;font-size:var(--t-small);font-weight:700;color:var(--on-gold);background:var(--accent);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);transition:filter var(--d-fast)}.ex-card:hover .ex-card-cta{filter:brightness(1.05)}.ex-card-cta--pro{background:var(--surface2);color:var(--hoang-kim-2)}.ex-empty{text-align:center;padding:var(--s-12) var(--s-5);color:var(--text2);background:var(--surface2);border:1px dashed var(--border);border-radius:var(--r-4)}.ex-empty-mascot{width:120px;height:auto;margin:0 auto var(--s-3);display:block}.ex-empty-title{font-size:var(--t-h3);font-weight:700;color:var(--text)}.ex-empty-sub{font-size:var(--t-small);color:var(--text3);margin-top:var(--s-1);max-width:36ch;margin-inline:auto}.ex-runner{max-width:var(--maxw-narrow);margin:0 auto}.ex-run-top{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.ex-run-exit{background:none;border:1px solid var(--border);color:var(--text2);border-radius:var(--r-2);padding:var(--s-1) var(--s-3);cursor:pointer;font-size:var(--t-small);transition:all var(--d-fast)}.ex-run-exit:hover{border-color:var(--danger);color:var(--danger)}.ex-run-progress-wrap{flex:1;height:8px;background:var(--surface2);border-radius:var(--r-pill);overflow:hidden}.ex-run-progress{height:100%;width:0;background:var(--accent);border-radius:var(--r-pill);transition:width var(--d-slow) var(--ease-out)}.ex-run-timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:var(--t-h3);color:var(--text);background:var(--surface2);padding:var(--s-1) var(--s-3);border-radius:var(--r-2)}.ex-run-timer--danger{color:var(--on-accent);background:var(--danger);animation:ex-pulse 1s infinite}@keyframes ex-pulse{50%{opacity:.6}}.ex-run-meta{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.ex-sec-badge{font-size:var(--t-small);font-weight:700;padding:2px 10px;border-radius:var(--r-pill);background:var(--surface2);color:var(--text2)}.ex-sec-badge--listening{background:var(--info-bg);color:var(--info)}.ex-sec-badge--reading{background:var(--success-bg);color:var(--success)}.ex-sec-badge--writing{background:var(--warning-bg);color:var(--warning)}.ex-q-counter{font-size:var(--t-small);color:var(--text2);font-weight:600}.ex-run-body{min-height:220px}.ex-q{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-4);padding:var(--s-6);box-shadow:var(--shadow-1)}.ex-audio-row{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.ex-play-btn{display:inline-flex;align-items:center;gap:var(--s-1);background:var(--accent);color:var(--on-gold);border:none;border-radius:var(--r-2);padding:var(--s-2) var(--s-5);cursor:pointer;font-weight:700;font-size:var(--t-body);transition:filter var(--d-fast)}.ex-play-btn:hover:not(:disabled){filter:brightness(1.05)}.ex-play-btn:disabled{background:var(--surface2);color:var(--text3);cursor:not-allowed}.ex-audio-hint{font-size:var(--t-small);color:var(--text2)}.ex-passage{margin-bottom:var(--s-5)}.ex-passage-zh{font-family:var(--font-hanzi);font-size:var(--t-hanzi-sm);color:var(--text);line-height:var(--lh-snug)}.ex-passage-py{font-size:var(--t-body);color:var(--accent);margin-top:var(--s-1)}.ex-gap-sentence{font-family:var(--font-hanzi);font-size:var(--t-hanzi-sm);color:var(--text);margin-bottom:var(--s-2);line-height:var(--lh-snug)}.ex-statement{font-size:var(--t-body-lg);color:var(--text);margin-bottom:var(--s-5);padding:var(--s-3) var(--s-4);background:var(--surface2);border-radius:var(--r-3);border-left:3px solid var(--accent)}.ex-question-text{font-size:var(--t-body-lg);font-weight:600;color:var(--text);margin-bottom:var(--s-4)}.ex-opts{display:grid;gap:var(--s-2)}.ex-opts--tf{grid-template-columns:1fr 1fr}.ex-opt{display:flex;align-items:center;gap:var(--s-3);text-align:left;width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-3);cursor:pointer;background:var(--surface2);border:2px solid var(--border);color:var(--text);font-size:var(--t-body-lg);transition:border-color var(--d-fast) var(--ease-out),background var(--d-fast)}.ex-opt:hover{border-color:var(--accent)}.ex-opt[data-sel="1"]{border-color:var(--accent);background:var(--primary-soft)}.ex-opt-key{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:var(--r-2);background:var(--surface);color:var(--text2);font-weight:800;font-size:var(--t-small)}.ex-opt[data-sel="1"] .ex-opt-key{background:var(--accent);color:var(--on-gold)}.ex-opt--zh .ex-opt-text{font-family:var(--font-hanzi);font-size:var(--t-h3)}.ex-opt-text{flex:1}.ex-match{display:grid;gap:var(--s-3)}.ex-match-row{display:flex;align-items:center;gap:var(--s-3)}.ex-match-left{flex:1;font-family:var(--font-hanzi);font-size:var(--t-h3);color:var(--text)}.ex-match-sel{flex:1;padding:var(--s-2) var(--s-3);border-radius:var(--r-2);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:var(--t-body)}.ex-arrange{display:grid;gap:var(--s-4)}.ex-arrange-answer{min-height:56px;display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;padding:var(--s-3);border-radius:var(--r-3);background:var(--surface2);border:2px dashed var(--border)}.ex-arrange-ph{color:var(--text3);font-size:var(--t-small)}.ex-arrange-pool{display:flex;flex-wrap:wrap;gap:var(--s-2)}.ex-token{font-family:var(--font-hanzi);font-size:var(--t-h3);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-2) var(--s-4);cursor:pointer;transition:all var(--d-fast)}.ex-token:hover{border-color:var(--accent)}.ex-token--used{opacity:.35;cursor:default}.ex-token--placed{background:var(--primary-soft);border-color:var(--accent)}.ex-run-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-5)}.ex-run-hint{font-size:var(--t-small);color:var(--text3);text-align:center}.ex-run-hint kbd{font-family:var(--font-mono);font-size:.7rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-1);padding:0 4px;margin:0 1px;color:var(--text2)}.ex-btn-primary{background:var(--accent);color:var(--on-gold);border:none;border-radius:var(--r-3);padding:var(--s-3) var(--s-6);cursor:pointer;font-weight:700;font-size:var(--t-body);box-shadow:0 4px 0 var(--hoang-kim-2);transition:filter var(--d-fast),transform var(--d-fast),box-shadow var(--d-fast)}.ex-btn-primary:hover{filter:brightness(1.04)}.ex-btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--hoang-kim-2)}.ex-btn-secondary{background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--r-3);padding:var(--s-3) var(--s-5);cursor:pointer;font-weight:700;font-size:var(--t-body);transition:background var(--d-fast)}.ex-btn-secondary:hover{background:var(--warning-bg)}.ex-btn-ghost{background:none;color:var(--text2);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-3) var(--s-5);cursor:pointer;font-weight:600;font-size:var(--t-body);transition:all var(--d-fast)}.ex-btn-ghost:hover{border-color:var(--accent);color:var(--text)}.ex-review{max-width:var(--maxw-narrow);margin:0 auto}.ex-timeup{background:var(--warning-bg);color:var(--warning);font-weight:700;padding:var(--s-3);border-radius:var(--r-3);text-align:center;margin-bottom:var(--s-4)}.ex-rv-summary{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-4);padding:var(--s-6);margin-bottom:var(--s-4)}.ex-rv-circle{flex:0 0 110px;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;color:var(--on-accent)}.ex-rv-circle--pass{background:var(--success)}.ex-rv-circle--fail{background:var(--danger)}.ex-rv-pct{font-size:var(--t-h1);font-weight:800;line-height:1}.ex-rv-state{font-size:var(--t-small);font-weight:700;letter-spacing:var(--tracking-eyebrow)}.ex-rv-title{font-size:var(--t-h3);font-weight:800;color:var(--text)}.ex-rv-score{color:var(--text2);margin-top:var(--s-1)}.ex-rv-srs{color:var(--accent);font-size:var(--t-small);font-weight:600;margin-top:var(--s-2)}.ex-rv-actions{display:flex;gap:var(--s-3);margin-bottom:var(--s-5);flex-wrap:wrap}.ex-rv-list{display:grid;gap:var(--s-3)}.ex-rv-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-4);border-left:4px solid var(--border)}.ex-rv-item--ok{border-left-color:var(--success)}.ex-rv-item--no{border-left-color:var(--danger)}.ex-rv-head{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2)}.ex-rv-icon{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:var(--r-pill);font-weight:800;font-size:.8rem;color:var(--on-accent)}.ex-rv-item--ok .ex-rv-icon{background:var(--success)}.ex-rv-item--no .ex-rv-icon{background:var(--danger)}.ex-rv-no{font-weight:700;color:var(--text);font-size:var(--t-small)}.ex-rv-sec{font-size:var(--t-small);color:var(--text3);margin-left:auto}.ex-rv-prompt{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--s-2)}.ex-rv-zh{font-family:var(--font-hanzi);font-size:var(--t-h3);color:var(--text)}.ex-rv-q{color:var(--text2);font-size:var(--t-body)}.ex-rv-ans{display:grid;gap:2px;font-size:var(--t-body)}.ex-rv-lbl{color:var(--text3);font-size:var(--t-small)}.ex-rv-good{color:var(--success);font-weight:700}.ex-rv-bad{color:var(--danger);font-weight:700}.ex-rv-explain{margin-top:var(--s-3);padding:var(--s-3);border-radius:var(--r-2);background:var(--surface2);color:var(--text2);font-size:var(--t-small);line-height:var(--lh-normal)}@media(max-width:600px){.ex-hero{padding:var(--s-4)}.ex-hero-title{font-size:var(--t-h2)}.ex-hero-stats{gap:var(--s-4)}.ex-stat-num{font-size:var(--t-h2)}.ex-card-cta{padding:var(--s-1) var(--s-3)}.ex-q{padding:var(--s-4)}.ex-run-hint{display:none}.ex-rv-summary{gap:var(--s-4)}.ex-rv-circle{flex-basis:88px;width:88px;height:88px}.ex-rv-actions .ex-btn-primary,.ex-rv-actions .ex-btn-secondary{flex:1}}@media(prefers-reduced-motion:reduce){.ex-run-timer--danger{animation:none}}