@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#172033;background:#f5f6f8;--blue:#2563eb;--ink:#172033;--muted:#6e7688;--line:#e3e6eb;--paper:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,textarea,select{font:inherit}.app{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1440px)/2));position:sticky;top:0;z-index:20}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ink);cursor:pointer;white-space:nowrap}.brand>span{width:32px;height:32px;border-radius:9px;background:var(--blue);color:#fff;display:grid;place-items:center;font-family:Georgia,serif}.topbar nav{display:flex;align-self:stretch;margin-left:52px;gap:30px}.topbar nav button{position:relative;border:0;background:none;color:#687084;font-size:15px;cursor:pointer}.topbar nav button.active{font-weight:700;color:var(--ink)}.topbar nav button.active:after{content:"";height:3px;border-radius:3px;background:var(--blue);position:absolute;left:0;right:0;bottom:0}.exit{margin-left:auto;border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:8px;cursor:pointer}.hero,main,.exercise{width:min(1440px,calc(100% - 48px));margin:auto}.hero{padding:76px 0 64px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #d9dde5}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em}.hero h1,.library h1{font-size:56px;line-height:1.1;letter-spacing:-.04em;margin:0}.lead{color:var(--muted);font-size:17px;line-height:1.8;max-width:620px;margin:22px 0 0}.hero-stat{width:240px;border-left:1px solid var(--line);padding-left:30px;display:grid}.hero-stat strong{font-size:58px;line-height:1;color:var(--blue)}.hero-stat span{font-weight:700;margin-top:10px}.hero-stat small{color:var(--muted);margin-top:4px}.practice{padding:48px 0 86px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-title h2{font-size:28px;margin:0}.section-title>button{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.type-card{min-height:154px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:1fr auto;gap:0 16px;cursor:pointer;transition:.18s;box-shadow:0 2px 4px #14202d05}.type-card:hover{transform:translateY(-3px);border-color:#b7c5e5;box-shadow:0 12px 30px #23375a14}.type-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:#eef4ff;color:#2563eb;grid-row:1/3}.type-card.amber .type-icon{background:#fff5df;color:#b87514}.type-card.green .type-icon{background:#e9f7ee;color:#27844b}.type-card.violet .type-icon{background:#f1edff;color:#7255c5}.type-card.coral .type-icon{background:#fff0ec;color:#ce604c}.type-card.indigo .type-icon{background:#edf0ff;color:#4e62cc}.type-copy{display:grid}.type-copy b{font-size:19px}.type-copy small{color:var(--muted);margin-top:2px}.type-copy em{font-style:normal;color:#555f74;margin-top:20px;font-size:14px}.type-card .count{color:#6e7688;font-size:13px}.type-card>i{grid-column:3;font-size:21px;color:#9ba2b1;font-style:normal}.library{padding:70px 0 100px}.years{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.years button,.saved button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;text-align:left;cursor:pointer}.years strong{font-size:26px;display:block}.years span{display:block;font-weight:600;margin-top:6px}.years small{display:block;color:var(--muted);margin:20px 0}.years i{font-style:normal;color:var(--blue);font-weight:700}.empty{background:#fff;border:1px dashed #cfd4dd;border-radius:16px;margin-top:40px;min-height:300px;display:grid;place-content:center;text-align:center;gap:8px}.empty b{font-size:19px}.empty span{color:var(--muted)}.saved{display:grid;gap:10px;margin-top:36px}.saved button{display:flex;align-items:center;gap:18px}.saved button>strong{color:var(--blue);width:70px}.saved button>span{display:grid}.saved small{color:var(--muted);margin-top:5px}.saved i{margin-left:auto;font-style:normal;color:var(--blue)}.exercise{position:relative;padding:46px 260px 100px 0}.back{display:none;border:0;background:none;color:var(--blue);font-weight:700;padding:0 0 18px}.exercise-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.exercise-top h1{font-size:30px;margin:0}.star{border:1px solid var(--line);background:#fff;border-radius:50%;width:42px;height:42px;font-size:21px;cursor:pointer;color:#8b93a2}.star.on{color:#eea51b;background:#fff9e9}.reading-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(370px,.65fr);gap:18px}.paper,.question-panel,.heading-bank,.guide{background:#fff;border:1px solid var(--line);border-radius:12px}.reading-paper,.generic{padding:34px 42px}.paper-head,.question-progress{display:flex;justify-content:space-between;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.06em;border-bottom:1px solid var(--line);padding-bottom:16px}.paper-head span{color:#8a92a1;font-weight:500}.paragraph{display:grid;grid-template-columns:28px 1fr;gap:16px;margin:27px 0}.paragraph>span{width:25px;height:25px;border-radius:50%;background:#eef3ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:4px}.paragraph p,.source{font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.85;margin:0;color:#222b3a}.question-panel{padding:28px;align-self:start;position:sticky;top:94px}.question-panel h2{font-size:17px;line-height:1.55;margin:23px 0}.question-panel h2>i{display:inline-grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;width:25px;height:25px;font-size:12px;margin-right:9px;font-style:normal}.options{display:grid;gap:9px}.options button{display:grid;grid-template-columns:32px 1fr;text-align:left;border:1px solid var(--line);background:#fafbfc;border-radius:9px;padding:12px;color:#3f4859;cursor:pointer}.options button:hover,.options button.selected{border-color:#7ca3f3;background:#eef4ff}.options button.correct{border-color:#4ba66b;background:#eef9f1}.options button.wrong{border-color:#dc7767;background:#fff1ee}.explanation{margin-top:18px;background:#f0f7ff;border-left:3px solid var(--blue);padding:15px;color:#35445b;font-size:13px;line-height:1.65}.explanation p{margin:6px 0}.question-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.question-nav button,.article-nav button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;cursor:pointer}.question-nav .primary{background:var(--blue);border-color:var(--blue);color:#fff}.question-nav button:disabled,.article-nav button:disabled{opacity:.4}.article-nav{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px;color:var(--muted)}.rail{position:fixed;right:max(24px,calc((100vw - 1440px)/2));top:118px;width:224px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;z-index:10}.timer{display:flex;align-items:end;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.timer span{color:var(--muted);font-size:12px}.timer strong{font-size:24px}.rail-title{display:flex;justify-content:space-between;margin:19px 0 12px}.rail-title span{color:var(--muted);font-size:12px}.answer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.answer-grid span{aspect-ratio:1;display:grid;place-items:center;border:1px solid #dfe3e9;border-radius:5px;font-size:11px;color:#778092}.answer-grid span.done{background:#eaf1ff;border-color:#6f99ed;color:#255cc1}.rail>button{width:100%;border:0;background:var(--blue);color:#fff;border-radius:8px;padding:12px;margin-top:22px;cursor:pointer;font-weight:700}.rail>small{display:block;font-size:11px;color:#9aa1ad;text-align:center;margin-top:10px}.generic-layout,.writing-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.instruction{margin:0 0 28px;padding:16px 18px;background:#f5f7fa;border-radius:8px;color:#4d576a;line-height:1.65}.source mark{background:#eaf1ff;color:var(--blue);padding:2px 8px;border-radius:5px}.cloze-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}.cloze-item{border-top:1px solid var(--line);padding-top:13px;display:grid;grid-template-columns:30px 1fr 1fr;gap:7px}.cloze-item>b{grid-row:1/3;color:var(--blue)}.cloze-item button{border:0;background:none;text-align:left;padding:5px;color:#536075;cursor:pointer;border-radius:5px}.cloze-item button.selected{background:#eaf1ff;color:#174cae}.cloze-item button.correct{background:#e8f7ec;color:#237843}.heading-bank,.guide{padding:25px;align-self:start}.heading-bank>b,.guide>b{color:var(--blue);font-size:11px;letter-spacing:.08em}.heading-bank p{font-size:13px;line-height:1.5;border-bottom:1px solid var(--line);padding-bottom:10px}.matching>div{display:grid;grid-template-columns:28px 1fr 90px;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}.matching>div>span{background:var(--ink);color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:11px}.matching p{font-family:Georgia,serif;font-size:18px;line-height:1.7;margin:0}.matching select{border:1px solid var(--line);padding:7px;border-radius:6px}.writing-layout{grid-template-columns:minmax(0,1fr) 260px}.answer-label{display:flex;justify-content:space-between;font-weight:700;margin:32px 0 10px}.answer-label span{font-size:12px;color:var(--muted);font-weight:500}.generic textarea{width:100%;min-height:300px;resize:vertical;border:1px solid #cfd5df;border-radius:9px;padding:18px;line-height:1.8;outline:none}.generic textarea:focus{border-color:#6c97eb;box-shadow:0 0 0 3px #e8f0ff}.upload{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.upload label{color:var(--blue);font-weight:700;cursor:pointer}.upload small{color:var(--muted)}.guide h3{font-size:18px;margin:12px 0}.guide ol{padding-left:20px;color:#5e687b;line-height:2}.chart{border:1px solid var(--line);border-radius:9px;padding:24px;margin:24px 0}.chart h3{text-align:center;margin:0 0 20px}.chart>div{height:220px;display:flex;align-items:end;justify-content:center;gap:30px;border-bottom:1px solid #aeb5c1}.chart span{height:100%;width:80px;display:flex;flex-direction:column;justify-content:end;text-align:center}.chart i{background:#6692e8;display:block;border-radius:5px 5px 0 0}.chart b{font-size:11px;padding:8px 0}.chart small{display:block;color:var(--blue)}footer{border-top:1px solid var(--line);padding:30px max(24px,calc((100vw - 1440px)/2));display:flex;justify-content:space-between;color:var(--muted);background:#fff}footer b{color:var(--ink)}@media(max-width:1050px){.type-grid{grid-template-columns:repeat(2,1fr)}.years{grid-template-columns:repeat(3,1fr)}.exercise{padding-right:0}.rail{position:sticky;bottom:0;top:auto;right:auto;width:100%;margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.rail .timer{border:0;padding:0;gap:10px}.rail-title{display:none}.answer-grid{display:flex}.answer-grid span{width:27px;height:27px}.rail>button{margin:0;width:auto}.rail>small{display:none}}@media(max-width:760px){.topbar{height:auto;min-height:64px;padding:12px 16px;align-items:flex-start;flex-wrap:wrap}.brand{font-size:17px}.topbar nav{order:3;margin:11px -4px -12px;width:calc(100% + 8px);height:42px;gap:0;justify-content:space-between;overflow:auto}.topbar nav button{font-size:13px;white-space:nowrap;padding:0 8px}.exit{display:none}.hero,main,.exercise{width:calc(100% - 28px)}.hero{padding:42px 0;align-items:start}.hero h1,.library h1{font-size:38px}.hero-stat{display:none}.lead{font-size:15px}.practice{padding:32px 0 56px}.type-grid{grid-template-columns:1fr}.type-card{min-height:126px}.years{grid-template-columns:repeat(2,1fr)}.exercise{padding:24px 0 92px}.back{display:block}.exercise-top h1{font-size:23px}.reading-layout,.generic-layout,.writing-layout{grid-template-columns:1fr}.reading-paper,.generic{padding:25px 20px}.question-panel{position:static;padding:21px}.paragraph{grid-template-columns:24px 1fr;gap:9px}.paragraph p{font-size:17px;line-height:1.75}.heading-bank,.guide{order:-1}.cloze-grid{grid-template-columns:1fr}.matching>div{grid-template-columns:25px 1fr}.matching select{grid-column:2;width:110px}.rail{position:fixed;left:0;bottom:0;border-radius:0;width:100%;grid-template-columns:auto 1fr;z-index:30;padding:11px 16px;box-shadow:0 -8px 24px #1f2b401a}.answer-grid{display:none}.rail>button{justify-self:end}.upload{align-items:flex-start;gap:10px;flex-direction:column}.chart>div{gap:10px}.chart span{width:56px}footer{padding:24px 16px;font-size:12px}.library{padding:42px 0 70px}}.catalog-status{color:var(--muted);font-size:14px}.catalog-card{cursor:default}.catalog-card:hover{transform:none;border-color:var(--line);box-shadow:0 2px 4px #14202d05}.catalog-card>i{font-size:12px!important;color:#9aa1ad!important;white-space:nowrap}.exercise-top{margin-bottom:18px}.paper-switcher{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:14px}.paper-switcher label{font-size:13px;color:var(--muted)}.paper-switcher select{border:1px solid var(--line);border-radius:6px;padding:6px 28px 6px 9px;margin-left:6px;background:#fff}.paper-switcher>div{display:flex;gap:6px}.paper-switcher button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 12px;cursor:pointer}.paper-switcher button.active{border-color:#7ca3f3;background:#eef4ff;color:#1c58c8;font-weight:700}.paper-switcher>span{margin-left:auto;color:var(--muted);font-size:12px}.word-token{border-radius:3px;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:.12s}.word-token:hover,.word-token:focus{background:#e7f0ff;color:#174eae;text-decoration-color:#7ea4ef;outline:none}.word-popover{position:fixed;width:320px;max-height:300px;overflow:auto;background:#fff9ee;border:1px solid #e6d4b8;border-radius:13px;padding:18px;z-index:100;box-shadow:0 18px 48px #24324a2b}.word-popover>p{font-size:11px;color:var(--blue);font-weight:700;margin:0 0 8px}.word-close{position:absolute;right:10px;top:10px;border:1px solid #ddd2c2;background:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer}.word-title{display:flex;align-items:center;gap:9px}.word-title h2{font-size:27px;margin:0}.word-title button{border:1px solid #ddd2c2;background:#fff;border-radius:50%;width:34px;height:34px;cursor:pointer}.word-popover>em{display:block;color:#707889;font-style:normal;font-family:Georgia,serif;margin:4px 0 13px}.word-popover>strong{display:block;font-size:18px;padding-bottom:14px;border-bottom:1px solid #e8dcc9}.phrase-detail{display:grid;gap:7px;padding-top:13px}.phrase-detail small{color:#8a7e6c}.phrase-detail button{border:0;background:none;padding:0;text-align:left;color:#173f75;font-weight:700;cursor:pointer}.phrase-detail span{color:#4f5968;line-height:1.5}.cloze-review{margin-top:24px;background:#edf8f0;border-left:3px solid #3d9860;padding:14px;color:#376149}.cloze-item button>span{display:inline-block;width:18px;font-weight:700;color:#30394a}.exercise.reading-exercise{padding-right:0}@media(max-width:760px){.paper-switcher{align-items:flex-start;flex-wrap:wrap}.paper-switcher>div{order:3;width:100%;overflow:auto}.paper-switcher>span{margin-left:auto}.word-popover{position:fixed!important;left:10px!important;right:10px!important;bottom:76px!important;top:auto!important;width:auto;max-height:42vh}}.years{grid-template-columns:repeat(3,1fr)}.reading-b-source{white-space:pre-wrap;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.85;color:#222b3a}.reading-b-layout .question-panel h2 span{font-size:15px}.compact-options button{grid-template-columns:30px 1fr}.compact-options button span{line-height:1.45}.reading-b-source .word-token{cursor:pointer}.writing-instruction{white-space:pre-line;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.75}.exam-chart{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;text-align:center}.exam-chart img{display:block;max-width:100%;max-height:560px;margin:auto;object-fit:contain}.exam-chart figcaption{margin-top:10px;color:var(--muted);font-size:12px}.chart-description{margin:14px 0;color:#5b6577}.chart-description summary{cursor:pointer;font-weight:700;color:var(--blue)}.phrase-result{display:grid;gap:3px;padding:7px 0;border-bottom:1px solid #eadfce}.phrase-result:last-child{border-bottom:0}.cloze-submit{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.cloze-submit span{color:var(--muted);font-weight:700}.cloze-submit button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:12px 22px;font-weight:700;cursor:pointer}.cloze-submit button:disabled{opacity:.4;cursor:not-allowed}.year-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;text-align:left}.year-card-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.year-card-head strong{font-size:28px;display:block}.year-card-head span{display:block;font-weight:600;margin-top:4px}.year-card-head small{color:var(--muted);margin:5px 0 0}.year-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.years .year-sections button{border:1px solid #dfe4ec;background:#f8faff;border-radius:8px;padding:10px;text-align:left;cursor:pointer;color:#24334c}.years .year-sections button:hover:not(:disabled){border-color:#7ca3f3;background:#eef4ff}.years .year-sections button b,.years .year-sections button em{display:block}.years .year-sections button em{font-size:11px;font-style:normal;color:var(--blue);margin-top:3px}.years .year-sections button:disabled{cursor:not-allowed;background:#f5f5f5;color:#9ba1ab}.years .year-sections button:disabled em{color:#a7adb7}.source-warning,.chart-description{margin:24px 0;border:1px solid #ead9bd;background:#fff8eb;border-radius:9px;padding:16px;color:#6c5c42}.chart-description p{margin:8px 0 0;line-height:1.7}@media(max-width:980px){.years{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.years{grid-template-columns:1fr}.year-card{padding:18px}}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.top-actions .exit{margin-left:0}.scratch-trigger{width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--blue);font-size:21px;line-height:1;cursor:pointer}.scratch-trigger:hover{background:#eef4ff;border-color:#a9bfee}.scratch-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;color:#1859c7}.scratch-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100vh;pointer-events:auto;touch-action:pan-y pinch-zoom;cursor:crosshair;background:#ffffff06}.scratch-tools{position:fixed;top:86px;right:24px;z-index:91;display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #cfd8e8;border-radius:11px;box-shadow:0 12px 34px #25385524}.scratch-tools span{font-weight:700;padding:0 7px}.scratch-tools button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 12px;cursor:pointer}.scratch-tools button.primary{background:var(--blue);border-color:var(--blue);color:#fff}@media(max-width:760px){.top-actions{margin-left:auto}.scratch-trigger{width:38px;height:38px}.scratch-tools{top:70px;right:12px}.scratch-tools span{display:none}}