:root{color-scheme:light;--bg: #f5f7fb;--panel: #ffffff;--text: #1f2937;--muted: #687383;--line: #dfe6ef;--brand: #2457d6;--brand-soft: #eef4ff;--ok: #0f8a65;--ok-soft: #e8f7f1;--warn: #b96a08;--warn-soft: #fff4df;--bad: #c43d3d;--bad-soft: #fff0f0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{min-height:44px;cursor:pointer}.app-shell{width:min(100%,860px);margin:0 auto;padding:12px 12px 36px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 14px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--brand);color:#fff;font-weight:800}.brand strong,.brand small{display:block;line-height:1.25}.brand small{color:var(--muted);font-size:12px}.topnav{display:flex;gap:6px;white-space:nowrap}.topnav a{padding:7px 8px;border-radius:7px;color:var(--muted);font-size:14px}.topnav a.active{background:var(--brand-soft);color:var(--brand)}.hero-block,.lesson-hero{background:linear-gradient(135deg,#153f9e,#2d6cdf);color:#fff;border-radius:8px;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.hero-block h1,.lesson-hero h1,.page-title{margin:0 0 8px;font-size:30px;line-height:1.25;letter-spacing:0}.lesson-hero{display:block}.lesson-hero .muted{color:#e8efff}.eyebrow,.section-label{margin:0 0 6px;color:var(--brand);font-weight:750;font-size:13px}.hero-block .eyebrow,.lesson-hero .eyebrow{color:#dbe8ff}.hero-actions,.inline-actions,.segmented,.answer-row,.lesson-nav{display:flex;gap:8px;flex-wrap:wrap}.primary-action,.secondary-action,.inline-actions button,.segmented button,.answer-row button,.button-reset{border:1px solid var(--line);border-radius:7px;padding:9px 14px;background:#fff;color:var(--brand);font-weight:700}.primary-action{background:#fff;color:#163f9f}.secondary-action{color:#fff;border-color:#ffffff59;background:#ffffff1f}.button-reset{border:0}.progress-ring{flex:0 0 118px;aspect-ratio:1;border:8px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;text-align:center}.progress-ring strong,.progress-ring span{display:block}.panel,.stat-card,.lesson-card,.wrong-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;margin:12px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.stat-card{margin:0}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{font-size:24px}.stat-card.ok{background:var(--ok-soft)}.stat-card.warn{background:var(--warn-soft)}.grade-grid,.lesson-grid,.ability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grade-card{border:1px solid var(--line);border-radius:8px;padding:12px}.grade-card span,.lesson-card small,.muted,.knowledge-row small,.review-row small,.wrong-card small{display:block;color:var(--muted)}.ability-card{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfcff}.ability-card span,.ability-card small{display:block;color:var(--muted)}.ability-card strong{display:block;font-size:28px;line-height:1.2}.ability-card progress{width:100%;height:9px}.score-hero{display:flex;align-items:baseline;gap:12px;margin:8px 0 14px}.score-hero strong{font-size:42px;line-height:1;color:var(--brand)}.score-hero span{color:var(--muted);font-weight:750}.lesson-stage h2{margin:20px 2px 8px}.lesson-card{margin:0;display:grid;gap:6px}.lesson-card-head,.section-head,.knowledge-row,.review-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-badge{border-radius:999px;background:#eef0f4;color:#596274;padding:3px 9px;font-size:12px;white-space:nowrap}.status-badge.completed,.status-badge.mastered{background:var(--ok-soft);color:var(--ok)}.status-badge.needs_review,.status-badge.reviewing,.status-badge.weak{background:var(--warn-soft);color:var(--warn)}.status-badge.learning{background:var(--brand-soft);color:var(--brand)}.kp-line{display:flex;gap:6px;flex-wrap:wrap}.kp-line em{font-style:normal;font-size:12px;color:var(--brand);background:var(--brand-soft);padding:2px 7px;border-radius:999px}.hero-kp em{color:#163f9f;background:#fff}.article-panel p{font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.9}.notice{background:var(--warn-soft);padding:10px;border-radius:7px}.clean-list{margin:0;padding-left:20px}.disclosure summary{cursor:pointer;font-weight:750}.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:590px;border-collapse:collapse;font-size:14px}.compact table{min-width:680px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px;vertical-align:top}th{background:#f8fafc;color:#465366}.word-card{border:1px solid var(--line);border-radius:8px;padding:16px;margin:10px 0}.word-card strong{display:block;font-size:30px}.word-card span{color:var(--brand)}.segmented button.active{background:var(--ok-soft);color:var(--ok)}.segmented button.active.warn{background:var(--warn-soft);color:var(--warn)}.grammar-panel{border-left:4px solid var(--brand)}.example-list{display:grid;gap:8px}.example-list button{text-align:left;border:1px solid var(--line);border-radius:7px;background:#f8fafc;padding:10px;color:#1d3d88}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fff}textarea{min-height:180px;resize:vertical}.form-grid,.exercise-list{display:grid;gap:10px}.exercise-card{border:1px solid var(--line);border-radius:8px;padding:12px}.exercise-card.correct{border-color:#9bd8c1;background:var(--ok-soft)}.exercise-card.wrong{border-color:#f0b7aa;background:var(--bad-soft)}.exercise-type{color:var(--muted);font-size:13px;font-weight:700}.answer-row input{flex:1 1 210px}.feedback{margin-top:10px}.diagnostic-panel h2{margin:0}.diagnostic-prompt{font-size:18px;font-weight:650}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.option-grid button{min-height:48px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text);padding:10px 12px}.option-grid button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:750}button:disabled{opacity:.5;cursor:not-allowed}.knowledge-list{display:grid;gap:8px}.knowledge-row{border-bottom:1px solid var(--line);padding:10px 0}.knowledge-row progress{width:90px}.review-row{border-bottom:1px solid var(--line);padding:12px 0}.wrong-card a{color:var(--brand);font-weight:700}.chunk-preview-list{display:grid;gap:10px}.chunk-preview{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfcff}.chunk-preview p{margin:4px 0}.chunk-preview small{color:var(--muted)}.lesson-nav{justify-content:space-between;margin:18px 0}.lesson-nav a,.lesson-nav span{flex:1;text-align:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px;color:var(--brand)}@media(max-width:640px){.app-shell{padding:10px 10px 30px}.topbar{align-items:flex-start}.topnav{overflow-x:auto}.hero-block{display:block;padding:18px}.hero-block h1,.lesson-hero h1,.page-title{font-size:25px}.progress-ring{width:108px;margin-top:14px}.stat-grid,.grade-grid,.lesson-grid,.ability-grid,.option-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.article-panel p{font-size:18px}}