:root{color:#18212f;font-synthesis:none;background:#f5f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{background:#f5f7fb;max-width:560px;min-height:100svh;margin:auto;padding-bottom:82px}header{background:#fff;justify-content:space-between;align-items:center;padding:26px 22px 18px;display:flex}h1,h2,h3,p{margin:0}.eyebrow{letter-spacing:.12em;color:#8b96a8;font-size:11px;font-weight:700}.avatar{color:#3f70d9;background:#e8f0ff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.content{padding:18px 18px 24px}.hero{color:#fff;background:linear-gradient(135deg,#3f70d9,#6e9bff);border-radius:24px;padding:25px 22px;box-shadow:0 12px 28px #4778d32b}.hero .eyebrow{color:#dce8ff}.hero h2{margin:12px 0 8px;font-size:25px;line-height:1.3}.hero p:not(.eyebrow){color:#e6eeff;font-size:14px;line-height:1.7}.hero button{color:#3766c9;background:#fff;border:0;border-radius:12px;margin-top:20px;padding:11px 15px;font-weight:700}.hero button span{margin-left:16px}.section-title{justify-content:space-between;align-items:center;margin:26px 2px 12px;display:flex}.section-title h3{font-size:17px}.section-title span{color:#9aa4b4;font-size:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats-grid div{background:#fff;border-radius:16px;padding:17px 12px}.stats-grid strong,.stats-grid small{display:block}.stats-grid strong{font-size:24px}.stats-grid small{color:#8a95a6;margin-top:7px;font-size:11px}.notice{color:#96733a;background:#fff8e8;border-radius:14px;margin-top:16px;padding:14px 16px;font-size:12px;line-height:1.6}.empty{text-align:center;color:#7d8796;padding:80px 28px}.empty-icon{color:#5a82dd;margin-bottom:18px;font-size:36px}.empty h2{color:#283448;margin-bottom:10px;font-size:22px}.empty p{font-size:14px;line-height:1.7}nav{width:min(560px,100%);padding:9px 8px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-top:1px solid #edf0f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#9aa4b4;background:0 0;border:0;justify-items:center;gap:3px;font-size:11px;display:grid}nav button span{font-size:21px;line-height:1}nav button.active{color:#3f70d9;font-weight:700}@media (width>=561px){body{padding:0 12px}.app-shell{box-shadow:0 0 32px #20304d12}}.chapter-list,.card-list,.topic-list{gap:12px;display:grid}.chapter-item,.recall-card{text-align:left;color:#18212f;background:#fff;border:0;border-radius:18px;align-items:center;gap:14px;width:100%;padding:18px;display:flex;box-shadow:0 5px 18px #20304d08}.chapter-item>div,.recall-card>div:nth-child(2){flex:1}.chapter-item h2,.detail-heading h2{margin:10px 0 6px;font-size:20px}.chapter-item p,.detail-heading p,.recall-card p,.topic-item p{color:#8792a2;font-size:13px;line-height:1.65}.chapter-tag{color:#4774d2;background:#edf3ff;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.arrow{color:#9ba7b9;font-size:23px}.back-button{color:#527bd4;background:0 0;border:0;padding:3px 0 18px;font-size:13px}.detail-heading{padding:4px 2px 14px}.detail-heading h2{font-size:24px}.recall-card{padding:15px}.recall-card h3,.topic-item h3{margin:0 0 5px;font-size:16px}.recall-card small,.topic-item small{color:#9aa4b4;font-size:11px}.card-number{color:#4774d2;background:#edf3ff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:grid}.topic-item{background:#fff;border-radius:16px;padding:17px}.topic-item small{margin-top:10px;display:block}.state-card{text-align:center;color:#8792a2;background:#fff;border-radius:18px;padding:42px 22px}.state-card h2{color:#334155;margin-bottom:8px;font-size:19px}.state-card p{font-size:13px;line-height:1.6}.error-state>span{color:#d56a5d;background:#fff0ee;border-radius:50%;place-items:center;width:34px;height:34px;margin:0 auto 14px;font-weight:700;display:grid}.demo-note{color:#4c8b68;background:#eef7f2;border-radius:13px;margin-top:16px;padding:13px 15px;font-size:12px;line-height:1.6}.cloze-section{margin-top:22px}.cloze-box{background:#fff;border-radius:18px;padding:16px}.cloze-toolbar{color:#7f8b9e;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.cloze-toolbar div{gap:6px;display:flex}.cloze-toolbar button{color:#4774d2;background:#f7faff;border:1px solid #dbe4f5;border-radius:8px;padding:7px 8px;font-size:11px}.cloze-toolbar button:disabled{opacity:.45}.cloze-text{color:#263449;margin:18px 0 8px;font-size:16px;line-height:2.1}.cloze-term{color:#d85f63;cursor:pointer;background:#fff1f1;border:0;border-bottom:2px solid #d85f63;border-radius:4px;min-width:34px;margin:0 2px;padding:0 5px;font-weight:700}.cloze-term.revealed{color:#d85f63;background:#fff}.cloze-hint{color:#a0aaba;font-size:11px}.cloze-error{color:#b84f49;background:#fff0ee;border-radius:12px;padding:14px;font-size:12px;line-height:1.7}.cloze-empty{color:#9aa4b4;font-size:13px}.rating-panel{background:#fff;border-radius:18px;margin-top:18px;padding:17px}.rating-panel h3{margin:0 0 6px;font-size:16px}.rating-panel p{color:#8792a2;font-size:12px;line-height:1.6}.rating-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.rating-actions button{color:#4774d2;background:#f7faff;border:1px solid #dbe4f5;border-radius:10px;padding:10px 5px;font-size:12px}.rating-actions button:disabled{color:#aab3c1;background:#f5f6f8;border-color:#e6e9ee}.save-feedback{color:#4c8b68;background:#eef7f2;border-radius:12px;margin-top:12px;padding:12px;font-size:12px}.stats-detail>h2{margin-bottom:8px;font-size:22px}.stats-detail>p{color:#8792a2;margin-bottom:18px;font-size:13px;line-height:1.7}.test-panel h2{margin:18px 0;font-size:21px;line-height:1.5}.test-meta{color:#8b96a8;justify-content:space-between;align-items:center;font-size:12px;display:flex}.option-list{gap:10px;display:grid}.option-list button{text-align:left;color:#334155;background:#fff;border:1px solid #e1e7f0;border-radius:14px;align-items:center;gap:10px;padding:14px;font-size:14px;display:flex}.option-list button.selected{color:#3766c9;background:#eef4ff;border-color:#5c84df}.option-list button:disabled{opacity:.8}.option-marker{border:1px solid #ccd5e3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.selected .option-marker{color:#fff;background:#5c84df;border-color:#5c84df}.submit-test{color:#fff;background:#4774d2;border:0;border-radius:12px;width:100%;margin-top:18px;padding:13px;font-weight:700}.submit-test:disabled{background:#cbd5e1}.answer-result{border-radius:15px;margin-top:16px;padding:16px;font-size:13px;line-height:1.7}.answer-result.correct{color:#3c8659;background:#edf8f1}.answer-result.wrong{color:#b84f49;background:#fff0ee}.answer-result strong{font-size:17px}.answer-result p{margin-top:5px}.answer-result button{color:#4774d2;background:#fff;border:0;border-radius:9px;margin-top:10px;padding:9px 13px}.chapter-filter{color:#334155;background:#fff;border:1px solid #dbe4f5;border-radius:10px;width:100%;margin-bottom:12px;padding:11px}.mistake-item{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:15px;display:flex}.mistake-item>div{flex:1}.mistake-item h3{font-size:14px;line-height:1.5}.mistake-item p,.mistake-item small{color:#8792a2;margin-top:6px;font-size:11px;display:block}.mistake-item button{color:#4774d2;white-space:nowrap;background:#edf3ff;border:0;border-radius:9px;padding:9px 11px}.analytics-grid{gap:12px;display:grid}.analytics-card{background:#fff;border-radius:16px;padding:16px}.analytics-card h3{margin:0 0 10px;font-size:15px}.analytics-card strong{font-size:28px}.analytics-card p,.analytics-card small{color:#8792a2;margin-top:6px;font-size:12px;line-height:1.7;display:block}.analytics-list{gap:9px;display:grid}.analytics-row{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:14px;display:flex}.analytics-row strong{font-size:14px}.analytics-row p{color:#8792a2;margin-top:5px;font-size:11px}.analytics-row b{color:#4774d2}.daily-list{background:#fff;border-radius:15px;grid-template-columns:repeat(7,1fr);gap:5px;padding:12px;display:grid}.daily-list div{text-align:center;gap:6px;display:grid}.daily-list span{color:#657287;font-size:11px}.daily-list i{color:#8792a2;font-size:10px;font-style:normal}.review-hero{color:#fff;background:linear-gradient(135deg,#4774d2,#7198ed);border-radius:20px;margin-bottom:16px;padding:20px}.review-hero h2{font-size:24px}.review-hero p{color:#e7efff;margin-top:8px;font-size:12px}.review-counts{gap:8px;margin-top:16px;display:flex}.review-counts span{background:#ffffff26;border-radius:8px;padding:8px 9px;font-size:11px}.review-task{text-align:left;color:#25334a;background:#fff;border:0;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex}.review-task h3{margin:9px 0 4px;font-size:15px}.review-task p{color:#8792a2;font-size:12px}.status{border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-block}.status-overdue{color:#bf5b52;background:#fff0ee}.status-due{color:#a97928;background:#fff8e8}.status-new{color:#4774d2;background:#edf3ff}