:root{--bg:#f6f8ff;--ink:#102033;--muted:#667085;--blue:#2563eb;--cyan:#06b6d4;--card:#fff;--line:#e6eaf2}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#eef7ff,#fff 42%,#f7fbff);color:var(--ink)}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;background:#ffffffdd;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:2}.nav-inner{max-width:1180px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;font-weight:900;font-size:20px}.logo{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white}.nav-links{display:flex;gap:16px;align-items:center;color:var(--muted);font-weight:700}.btn{border:0;border-radius:14px;padding:11px 16px;background:#eaf1ff;color:var(--blue);font-weight:900;cursor:pointer;display:inline-flex}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;box-shadow:0 12px 24px #2563eb30}.container,.page{max-width:1180px;margin:auto;padding:0 20px}.hero{padding:70px 20px 40px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.pill,.badge{display:inline-flex;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:8px 12px;font-weight:900}.hero h1{font-size:58px;line-height:1.02;margin:20px 0 16px;letter-spacing:-2px}.hero p{font-size:19px;color:var(--muted);line-height:1.7}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 16px 50px #1020330d}.score{font-size:44px;font-weight:900;color:var(--blue)}.section{padding:44px 0}.section h2,.page h1{font-size:36px;margin:0 0 12px}.muted{color:var(--muted)}.grid{display:grid;gap:18px}.levels{grid-template-columns:repeat(6,1fr)}.cards,.tests{grid-template-columns:repeat(3,1fr)}.level:hover{transform:translateY(-4px);border-color:#93c5fd}.footer{padding:36px 0;border-top:1px solid var(--line);color:var(--muted)}.form{max-width:460px;margin:40px auto}.field{display:grid;gap:7px;margin-bottom:14px}label{font-weight:800}input,textarea{width:100%;border:1px solid #d8deea;border-radius:14px;padding:12px 14px;font:inherit}textarea{min-height:220px}.alert{padding:12px 14px;border-radius:14px;margin:12px 0;background:#eff6ff;color:#1d4ed8}.alert.error{background:#fee2e2;color:#b91c1c}.test-layout,.admin-grid{display:grid;grid-template-columns:280px 1fr;gap:18px}.side{position:sticky;top:80px;align-self:start}.timer{font-size:28px;font-weight:900;color:var(--blue)}.qnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.qnav button{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:white;font-weight:800}.qnav button.done{background:#dcfce7;color:#047857}.question{margin-bottom:18px}.options{display:grid;gap:10px}.option{border:1px solid var(--line);border-radius:16px;padding:13px;cursor:pointer;display:flex;gap:10px}.option.selected{border-color:var(--blue);background:#eff6ff}.good{color:#059669;font-weight:900}.bad{color:#dc2626;font-weight:900}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px}@media(max-width:900px){.hero-grid,.test-layout,.admin-grid{grid-template-columns:1fr}.levels,.cards,.tests{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.nav-links{display:none}}@media(max-width:560px){.levels,.cards,.tests{grid-template-columns:1fr}.hero h1{font-size:36px}}


/* Premium landing upgrade */
.hero-premium{position:relative;overflow:hidden;padding:86px 20px 56px;background:radial-gradient(circle at 18% 10%,#dbeafe 0,transparent 32%),radial-gradient(circle at 84% 16%,#cffafe 0,transparent 30%)}
.hero-bg span{position:absolute;border-radius:999px;filter:blur(10px);opacity:.55}.hero-bg span:nth-child(1){width:180px;height:180px;background:#93c5fd;right:13%;top:80px}.hero-bg span:nth-child(2){width:120px;height:120px;background:#67e8f9;left:7%;bottom:60px}.hero-bg span:nth-child(3){width:90px;height:90px;background:#fde68a;right:42%;bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hero-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.hero-stats div{background:#ffffffc9;border:1px solid #dbeafe;border-radius:18px;padding:14px 18px;min-width:110px}.hero-stats b{display:block;font-size:26px;color:var(--blue)}.hero-stats span{font-size:13px;color:var(--muted);font-weight:800}.app-showcase{position:relative;min-height:460px}.phone-card{position:relative;z-index:1;background:linear-gradient(180deg,#ffffff,#eff6ff);border:1px solid #dbeafe;border-radius:34px;padding:24px;box-shadow:0 30px 90px #2563eb24;max-width:360px;margin:auto}.phone-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.phone-top span{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#06b6d4)}.phone-top em{font-style:normal;color:#ef4444;font-weight:900}.score-ring{margin:28px auto;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2563eb 80%,#dbeafe 0);box-shadow:inset 0 0 0 18px white}.score-ring strong{font-size:54px;color:#1d4ed8}.score-ring small{margin-top:-42px;color:var(--muted);font-weight:900}.mini-bars p{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;color:var(--muted);font-weight:800}.mini-bars b{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4)}.mock-list{display:flex;gap:8px;margin-top:18px}.mock-list i{font-style:normal;width:38px;height:38px;border-radius:13px;background:#eff6ff;display:grid;place-items:center;font-weight:900;color:#2563eb}.float-card{position:absolute;z-index:2;background:#fff;border:1px solid #e0f2fe;border-radius:18px;padding:14px 16px;font-weight:900;box-shadow:0 18px 50px #0f172a18}.float-1{left:0;top:80px}.float-2{right:0;bottom:80px}.section-head{max-width:760px;margin-bottom:24px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:1000;color:#2563eb;margin-bottom:10px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.track-card{position:relative;overflow:hidden;min-height:190px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 18px 60px #1020330f;transition:.2s}.track-card:before{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:#dbeafe}.track-card b{display:block;font-size:25px;margin-bottom:12px}.track-card p{color:var(--muted);line-height:1.6}.track-card span{font-weight:1000;color:#2563eb}.track-card:hover{transform:translateY(-6px)}.track-card.cyan:before{background:#cffafe}.track-card.violet:before{background:#ede9fe}.track-card.orange:before{background:#ffedd5}.track-card.green:before{background:#dcfce7}.track-card.pink:before{background:#fce7f3}.roadmap-wrap{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:white}.roadmap-wrap .muted{color:#cbd5e1}.roadmap-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center}.timeline{display:grid;gap:14px}.timeline div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:18px;display:grid;grid-template-columns:60px 1fr;gap:8px}.timeline i{grid-row:span 2;font-style:normal;width:48px;height:48px;border-radius:16px;background:#38bdf8;display:grid;place-items:center;font-weight:1000}.timeline b{font-size:18px}.timeline p{margin:0;color:#dbeafe}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.skill-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 16px 50px #1020330c;font-size:30px}.skill-card h3{font-size:20px}.skill-card p{font-size:15px;color:var(--muted);line-height:1.6}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-panel{border-radius:30px;padding:34px;min-height:260px}.feature-panel.dark{background:#0f172a;color:white}.feature-panel.dark p{color:#cbd5e1}.feature-panel.light{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #dbeafe}.cta-band{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);color:white;border-radius:34px;padding:34px;box-shadow:0 24px 80px #2563eb30}.cta-band p{color:#e0f2fe}.cta-band .eyebrow{color:#bfdbfe}.cta-band .btn{background:white;color:#2563eb}@media(max-width:900px){.app-showcase{min-height:auto}.float-card{position:static;margin:12px auto;max-width:340px}.track-grid,.roadmap-grid,.feature-split{grid-template-columns:1fr}.skill-grid{grid-template-columns:1fr 1fr}.phone-card{max-width:420px}.hero-stats{justify-content:center}}@media(max-width:560px){.hero-premium{padding-top:48px}.hero-actions .btn{width:100%;justify-content:center}.track-grid,.skill-grid{grid-template-columns:1fr}.timeline div{grid-template-columns:1fr}.cta-band{display:block}.phone-card{border-radius:24px}.score-ring{width:150px;height:150px}.score-ring strong{font-size:44px}}


/* Rich test library / runner */
.tests-page{padding-top:30px}.test-hero{display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:stretch;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:white;border-radius:34px;padding:36px;margin-bottom:22px;box-shadow:0 24px 80px #1d4ed82a}.test-hero h1{font-size:46px;margin:6px 0}.test-hero p{color:#dbeafe;font-size:18px;line-height:1.6}.test-hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:24px;display:grid;place-items:center;text-align:center}.test-hero-card b{font-size:58px}.test-hero-card span{font-size:18px;font-weight:900}.test-hero-card small{color:#bfdbfe}.level-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.level-tabs a{background:white;border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-weight:1000;color:#334155;display:flex;gap:8px;align-items:center}.level-tabs a.active{background:#2563eb;color:white;border-color:#2563eb}.level-tabs small{background:#eff6ff;color:#2563eb;border-radius:999px;padding:2px 7px}.level-tabs a.active small{background:rgba(255,255,255,.22);color:white}.exam-layout{display:grid;grid-template-columns:300px 1fr;gap:22px}.exam-aside{display:grid;gap:16px;align-self:start;position:sticky;top:84px}.exam-aside ol{padding-left:20px;color:#475569;line-height:1.75}.compact p{font-size:14px}.exam-list{display:grid;gap:18px}.exam-card{background:#fff;border:1px solid #dbeafe;border-radius:28px;padding:24px;box-shadow:0 18px 60px #1020330d;position:relative;overflow:hidden}.exam-card:before{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;background:#eff6ff;border-radius:50%}.exam-top,.exam-meta,.exam-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.exam-top{justify-content:space-between;color:#64748b;font-weight:800}.level-badge{display:inline-flex;border-radius:999px;padding:7px 11px;background:#dbeafe;color:#1d4ed8;font-weight:1000}.exam-card h2{font-size:25px;margin:14px 0 8px}.exam-card p{color:#64748b;line-height:1.65;max-width:760px}.exam-meta{margin:16px 0}.exam-meta span{background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-weight:800;color:#475569}.exam-actions{margin-top:18px}.runner-page{display:grid;grid-template-columns:320px 1fr;gap:22px;padding-top:28px}.runner-side{position:sticky;top:84px;align-self:start}.runner-side h2{font-size:22px;margin:12px 0}.submit-wide{width:100%;justify-content:center;margin-top:18px}.progress{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:12px 0}.progress b{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:999px}.runner-main{display:grid;gap:22px}.section-block{background:#fff;border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:0 18px 60px #1020330c}.section-title{display:flex;gap:14px;align-items:center;margin-bottom:18px}.section-title>span{width:52px;height:52px;border-radius:18px;background:#eff6ff;display:grid;place-items:center;font-size:26px}.section-title h2{margin:0;font-size:26px}.section-title p{margin:4px 0 0;color:#64748b;font-weight:800}.exam-question{background:#f8fbff;border:1px solid #e0edff;border-radius:24px;padding:20px}.q-index{display:inline-flex;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-weight:1000;margin-bottom:10px}.q-prompt{font-size:18px;font-weight:800;line-height:1.55}.exam-question blockquote{border-left:4px solid #60a5fa;background:#eff6ff;margin:12px 0;padding:12px 14px;border-radius:12px;color:#334155}.runner-page .option{background:white}.runner-page .option:hover{border-color:#60a5fa}.runner-page .option.selected{box-shadow:0 10px 30px #2563eb14}@media(max-width:900px){.test-hero,.exam-layout,.runner-page{grid-template-columns:1fr}.exam-aside,.runner-side{position:static}.test-hero h1{font-size:36px}}@media(max-width:560px){.test-hero{padding:24px;border-radius:24px}.exam-card,.section-block{border-radius:22px;padding:18px}.exam-actions .btn{width:100%;justify-content:center}}


/* Second pass: make test pages feel like a real exam product */
.tests-page{background:linear-gradient(180deg,#f8fbff,#fff);border-radius:1px}.test-hero{position:relative;overflow:hidden}.test-hero:after{content:"HSK";position:absolute;right:24px;bottom:-42px;font-size:150px;font-weight:1000;color:rgba(255,255,255,.08)}.exam-card{border-color:#cfe3ff}.exam-card h2{font-size:28px;letter-spacing:-.4px}.exam-card .btn.primary{padding:13px 18px}.exam-card:hover{transform:translateY(-3px);box-shadow:0 24px 80px #2563eb1c}.exam-meta span:nth-child(1){background:#ecfeff;color:#0891b2}.exam-meta span:nth-child(2){background:#eff6ff;color:#1d4ed8}.exam-meta span:nth-child(3){background:#f5f3ff;color:#6d28d9}.exam-meta span:nth-child(4){background:#fff7ed;color:#c2410c}.runner-page{background:#f8fbff;border-radius:1px}.runner-side .panel{border-color:#bfdbfe}.section-block{border-color:#dbeafe}.section-title{border-bottom:1px solid #eaf1ff;padding-bottom:16px}.exam-question+.exam-question{margin-top:16px}.option{transition:.15s}.result-page{padding-top:28px}.result-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;border-radius:34px;padding:34px;margin-bottom:22px;box-shadow:0 24px 80px #1d4ed82a}.result-hero h1{font-size:42px;margin:10px 0}.result-hero p{color:#dbeafe}.result-score{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:22px;min-width:230px;text-align:center}.result-score strong{font-size:58px}.result-score span{font-size:24px;color:#dbeafe;font-weight:900}.result-score small{display:block;color:#bfdbfe;font-weight:900}.result-layout{display:grid;grid-template-columns:300px 1fr;gap:22px}.answer-review{display:grid;gap:14px}.answer-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 14px 45px #1020330b}.answer-card.ok{border-color:#bbf7d0}.answer-card.no{border-color:#fecaca}.answer-head{display:flex;justify-content:space-between;align-items:center}.answer-head span{font-weight:1000;color:#475569}.answer-head b{border-radius:999px;padding:6px 10px}.answer-card.ok .answer-head b{background:#dcfce7;color:#047857}.answer-card.no .answer-head b{background:#fee2e2;color:#b91c1c}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.answer-grid div{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px}.answer-grid small{color:#64748b;font-weight:1000}.answer-grid p{margin:6px 0 0}.explain{background:#fffbeb;border:1px solid #fde68a;border-radius:16px;padding:12px;color:#92400e}@media(max-width:900px){.result-hero,.result-layout{display:block}.result-score{margin-top:16px}.answer-grid{grid-template-columns:1fr}}


/* Third pass: premium exam runner redesign */
.exam-shell{min-height:calc(100vh - 67px);background:radial-gradient(circle at 10% -10%,#dbeafe 0,transparent 30%),linear-gradient(180deg,#f7f3ea,#f8fafc 42%,#eef6ff);padding:24px 22px 56px}.exam-topbar{max-width:1220px;margin:0 auto 22px;display:grid;grid-template-columns:1fr 230px;gap:22px;align-items:stretch;background:#111827;color:white;border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:28px 30px;box-shadow:0 26px 80px rgba(15,23,42,.22);position:relative;overflow:hidden}.exam-topbar:after{content:"练";position:absolute;right:260px;bottom:-58px;font-size:190px;font-weight:900;color:rgba(255,255,255,.045);line-height:1}.back-link{display:inline-flex;color:#bfdbfe;font-weight:900;margin-bottom:12px}.exam-title-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.exam-title-row h1{font-size:38px;line-height:1.08;letter-spacing:-1px;margin:0}.level-badge.dark{background:rgba(59,130,246,.18);color:#bfdbfe;border:1px solid rgba(191,219,254,.3)}.exam-topbar p{color:#cbd5e1;margin:12px 0 0;font-weight:700}.exam-clock{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:20px;text-align:center;display:grid;align-content:center}.exam-clock small,.exam-clock span{color:#cbd5e1;font-weight:900}.exam-clock strong{font-size:44px;letter-spacing:-1px;color:#fff}.exam-workspace{max-width:1220px;margin:auto;display:grid;grid-template-columns:286px minmax(0,1fr);gap:22px}.exam-control{align-self:start;position:sticky;top:88px}.control-card{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid #e2e8f0;border-radius:30px;padding:20px;box-shadow:0 22px 70px rgba(15,23,42,.10)}.control-head{display:flex;justify-content:space-between;align-items:center;font-weight:1000;margin-bottom:12px}.progress.premium{height:11px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:0 0 18px}.progress.premium b{display:block;height:100%;width:0;background:linear-gradient(90deg,#0f172a,#2563eb,#06b6d4);border-radius:999px}.qnav.premium{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0 0 18px}.qnav.premium button{height:40px;border:1px solid #dbeafe;background:#f8fafc;border-radius:13px;color:#475569;font-weight:1000;cursor:pointer;transition:.15s}.qnav.premium button:hover{background:#eff6ff;color:#1d4ed8;transform:translateY(-1px)}.qnav.premium button.done{background:#0f172a;color:white;border-color:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.16)}.submit-wide{width:100%;justify-content:center}.save-note{font-size:13px;line-height:1.45;color:#64748b;text-align:center;margin:14px 4px 0;font-weight:750}.exam-paper{display:grid;gap:20px}.login-notice{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:22px;padding:14px 16px;box-shadow:0 12px 36px rgba(146,64,14,.08)}.login-notice span{color:#a16207;font-weight:700}.login-notice a{background:#f59e0b;color:white;border-radius:13px;padding:10px 12px;font-weight:1000}.paper-section{background:rgba(255,255,255,.94);border:1px solid #e2e8f0;border-radius:32px;padding:22px;box-shadow:0 24px 80px rgba(15,23,42,.08)}.paper-section-head{display:flex;gap:14px;align-items:center;padding:4px 4px 20px;border-bottom:1px solid #edf2f7;margin-bottom:18px}.section-mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:25px;background:#eff6ff}.paper-section-head span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#64748b;font-weight:1000}.paper-section-head h2{font-size:26px;margin:2px 0 2px;letter-spacing:-.4px}.paper-section-head p{margin:0;color:#64748b;font-weight:900}.tone-listen .section-mark{background:#e0f2fe}.tone-read .section-mark{background:#ecfdf5}.tone-write .section-mark{background:#f5f3ff}.question-list{display:grid;gap:18px}.question-card{background:#fbfdff;border:1px solid #e6eef8;border-radius:26px;padding:20px;scroll-margin-top:110px}.question-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.question-head>span{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;background:#0f172a;color:white;font-weight:1000}.audio-chip{border:1px solid #bae6fd;background:#f0f9ff;color:#0369a1;border-radius:999px;padding:9px 13px;font-weight:1000;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.audio-chip i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#0284c7;color:white;display:grid;place-items:center;font-size:11px}.audio-chip.played{background:#dcfce7;border-color:#86efac;color:#166534}.passage-box{background:#f8fafc;border-left:4px solid #60a5fa;border-radius:16px;padding:14px 16px;color:#334155;font-weight:700;line-height:1.65;margin:0 0 14px}.q-prompt{font-size:18px;line-height:1.65;color:#172033;font-weight:800;margin:0 0 16px}.option-list{display:grid;gap:10px}.answer-option{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;min-height:58px;background:white;border:1.5px solid #e2e8f0;border-radius:18px;padding:12px 15px;cursor:pointer;transition:.16s;box-shadow:0 8px 26px rgba(15,23,42,.035)}.answer-option input{position:absolute;opacity:0;pointer-events:none}.answer-option:hover{border-color:#93c5fd;background:#f8fbff;transform:translateY(-1px);box-shadow:0 14px 34px rgba(37,99,235,.10)}.answer-option.selected{border-color:#2563eb;background:linear-gradient(180deg,#eff6ff,#fff);box-shadow:0 14px 40px rgba(37,99,235,.16)}.option-letter{width:36px;height:36px;border-radius:13px;background:#f1f5f9;color:#334155;display:grid;place-items:center;font-weight:1000}.answer-option.selected .option-letter{background:#2563eb;color:white}.option-copy{font-size:16px;font-weight:850;color:#1e293b;line-height:1.45;text-align:left}.option{display:flex;align-items:center;gap:10px}.option input{flex:0 0 auto}@media(max-width:900px){.exam-shell{padding:14px 12px 40px}.exam-topbar{grid-template-columns:1fr;padding:22px;border-radius:24px}.exam-title-row h1{font-size:29px}.exam-clock strong{font-size:36px}.exam-workspace{grid-template-columns:1fr}.exam-control{position:static;order:2}.exam-paper{order:1}.qnav.premium{grid-template-columns:repeat(6,1fr)}.login-notice{display:grid}.paper-section{padding:16px;border-radius:24px}.question-card{padding:15px}.answer-option{grid-template-columns:36px 1fr;padding:11px}.option-copy{font-size:15px}}


/* Fourth pass: HSK1/Migii-like exam format */
.migii-shell{min-height:calc(100vh - 67px);background:#f5f6f8;color:#111827;padding-bottom:42px}.migii-header{height:70px;background:#fff;display:grid;grid-template-columns:70px 220px 1fr;align-items:center;border-bottom:1px solid #edf0f2;box-shadow:0 8px 28px rgba(15,23,42,.04);position:sticky;top:67px;z-index:3}.migii-header>a{font-size:38px;color:#111827;text-align:center}.brand.mini{font-size:20px}.migii-header h1{text-align:center;margin:0 290px 0 0;font-size:21px;font-weight:900}.migii-grid{max-width:1360px;margin:22px auto 0;display:grid;grid-template-columns:310px minmax(0,1fr) 230px;gap:22px;padding:0 22px}.migii-left,.time-card{background:#fff;border-radius:18px;border:1px solid #edf0f2;box-shadow:0 12px 34px rgba(15,23,42,.05)}.migii-left{padding:18px;align-self:start;position:sticky;top:92px}.migii-tabs{display:flex;gap:26px;border-bottom:1px solid #eef2f4;margin-bottom:18px}.migii-tabs button{border:0;background:transparent;padding:0 0 12px;font-size:18px;font-weight:900;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent}.migii-tabs button.active{color:#0f766e;border-color:#14b8a6}.part-nav{padding:13px 0;border-bottom:1px solid #f0f2f4}.part-title{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.part-title b{font-size:15px;line-height:1.35}.part-title span{font-weight:900;color:#64748b;font-size:13px;white-space:nowrap}.part-qnav{display:flex;flex-wrap:wrap;gap:8px}.part-qnav button{width:36px;height:36px;border-radius:11px;border:0;background:#f3f4f6;color:#4b5563;font-weight:900;cursor:pointer}.part-qnav button:hover,.part-qnav button.done{background:#14b8a6;color:white}.migii-main{display:grid;gap:22px}.migii-section{background:#fff;border:1px solid #edf0f2;border-radius:20px;padding:28px;box-shadow:0 12px 34px rgba(15,23,42,.05)}.migii-section>h2{font-size:22px;margin:0 0 26px}.migii-question{display:none;scroll-margin-top:110px}.migii-question:first-of-type{display:block}.migii-section .migii-question{display:block;border-top:1px solid #f1f5f9;padding-top:24px;margin-top:24px}.migii-section .migii-question:first-of-type{border-top:0;padding-top:0;margin-top:0}.migii-question h3{font-size:24px;margin:0 0 22px;font-weight:900}.question-visual{background:#f3f4f6;border-radius:18px;min-height:260px;display:grid;place-items:center;margin:0 auto 24px;max-width:560px;padding:20px}.question-visual img{max-width:100%;max-height:300px;display:block}.migii-passage{background:#f8fafc;border-radius:16px;border-left:4px solid #14b8a6;padding:16px 18px;margin:0 0 20px;line-height:1.65;color:#334155;font-weight:750}.audio-player{display:grid;grid-template-columns:54px 1fr 54px 32px;gap:12px;align-items:center;margin:20px auto 24px;max-width:680px;color:#64748b;font-weight:900}.audio-player div{height:8px;background:#ccfbf1;border-radius:999px;position:relative}.audio-player b{position:absolute;left:0;top:0;height:100%;width:72%;border-radius:999px;background:#14b8a6}.audio-player b:after{content:"";position:absolute;right:-8px;top:50%;width:18px;height:18px;border-radius:50%;background:#0d9488;transform:translateY(-50%)}.tf-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:700px;margin:auto}.tf-option,.migii-option,.image-option{cursor:pointer;transition:.15s}.tf-option{height:74px;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:22px;font-weight:900}.tf-option input,.migii-option input,.image-option input{position:absolute;opacity:0;pointer-events:none}.tf-option b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;color:#64748b}.tf-option:hover,.tf-option.selected{border-color:#14b8a6;background:#f0fdfa}.tf-option.selected b{background:#14b8a6;color:#fff}.image-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.image-option{position:relative;background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;min-height:170px;display:grid;place-items:center;padding:20px}.image-option img{max-width:100%;max-height:140px}.image-option .option-letter{position:absolute;top:12px;left:12px}.image-option:hover,.image-option.selected{border-color:#14b8a6;box-shadow:0 14px 34px rgba(20,184,166,.13)}.migii-options{display:grid;gap:12px}.migii-option{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:15px;padding:15px 17px;font-size:17px;font-weight:850}.migii-option:hover,.migii-option.selected{border-color:#14b8a6;background:#f0fdfa}.migii-option.selected .option-letter,.image-option.selected .option-letter{background:#14b8a6;color:#fff}.migii-right{align-self:start;position:sticky;top:92px}.time-card{padding:18px}.time-card>div{display:flex;justify-content:space-between;color:#64748b;font-weight:900;font-size:14px}.time-card strong{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0}.time-card em{font-style:normal;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:13px 14px;font-size:32px;line-height:1;font-weight:1000;color:#111827}.time-card small{font-size:26px;color:#14b8a6;font-weight:1000}.time-card .btn.primary{background:linear-gradient(135deg,#14b8a6,#0f766e);box-shadow:0 12px 24px rgba(20,184,166,.24)}.login-notice.slim{margin-bottom:0}@media(max-width:1050px){.migii-header{top:0;grid-template-columns:54px 170px 1fr}.migii-header h1{margin-right:20px}.migii-grid{grid-template-columns:1fr}.migii-left,.migii-right{position:static}.migii-left{order:1}.migii-main{order:2}.migii-right{order:3}.image-options{grid-template-columns:1fr 1fr}.tf-options{grid-template-columns:1fr}}@media(max-width:640px){.migii-grid{padding:0 12px}.migii-header{grid-template-columns:46px 1fr}.migii-header h1{display:none}.question-visual{min-height:190px}.image-options{grid-template-columns:1fr}.audio-player{grid-template-columns:44px 1fr 44px}.migii-section{padding:18px}.migii-question h3{font-size:20px}}