:root{--paper: #fbfaf6;--paper-soft: #f3f0e8;--card: #fffefb;--ink: #1f2428;--muted: #6b6f6a;--zh: #54595a;--line: #ded9cc;--line-soft: #ebe7db;--indigo: #263f73;--indigo-soft: #e9edf7;--vermilion: #b84a37;--vermilion-soft: #f6e7e2;--matcha: #5f7f55;--matcha-soft: #edf3e8;--gold: #8a6d3b;--gold-soft: #f3ecda;--maxw: 920px;--r-lg: 12px;--r-md: 9px;--r-sm: 6px;--shadow: 0 1px 2px rgba(31,36,40,.04);--font: "Noto Sans SC", -apple-system, system-ui, sans-serif;--font-en: "Noto Serif", Georgia, "Times New Roman", serif;--header-h: 56px;--secnav-h: 46px;font-family:var(--font)}@media (prefers-color-scheme: dark){:root{--paper: #16140f;--paper-soft: #1d1a13;--card: #201d16;--ink: #ece7da;--muted: #a39d8e;--zh: #c7c1b2;--line: #36322a;--line-soft: #2a2720;--indigo: #9db4e0;--indigo-soft: #222a3b;--vermilion: #df8b75;--vermilion-soft: #2e211c;--matcha: #a3bf93;--matcha-soft: #202a1d;--gold-soft: #2a2418}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--secnav-h) + 12px)}body{margin:0;color:var(--ink);line-height:1.75;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,color-mix(in srgb,var(--line) 40%,transparent) 31px,color-mix(in srgb,var(--line) 40%,transparent) 32px);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:var(--indigo);text-decoration:none}.wrap{width:min(100% - 32px,var(--maxw));margin-inline:auto}.en{font-family:var(--font-en);font-size:16px;line-height:1.8;color:var(--ink)}.en-title{font-family:var(--font-en)}.zh-line{color:var(--zh);font-size:14px;line-height:1.7}body.hide-tr .zh-tr{display:none}header.site{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:saturate(150%) blur(10px);position:sticky;top:0;z-index:30}header.site .wrap{display:flex;align-items:center;gap:14px;min-height:var(--header-h)}header.site .brand-wrap{display:flex;flex-direction:column;line-height:1.15}header.site .brand{font-weight:800;font-size:18px;color:var(--ink)}header.site .brand .en{font-family:var(--font-en);color:var(--indigo);font-size:18px}header.site .brand-sub{font-size:11px;color:var(--muted);margin-top:1px}.toggle-bar{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);margin-left:auto}.toggle-bar button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--muted);padding:5px 11px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;font-weight:600;min-height:30px}.toggle-bar button.on{background:var(--indigo);color:var(--paper);border-color:var(--indigo)}.lv-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:var(--paper);background:var(--indigo);min-width:40px;height:23px;padding:0 9px;border-radius:var(--r-sm);letter-spacing:.02em}.lv-badge.muted{background:var(--muted)}.hero{padding:40px 0 8px}.hero .eyebrow{display:inline-block;font-size:12px;font-weight:700;color:var(--indigo);border-left:3px solid var(--vermilion);padding:2px 0 2px 10px;margin-bottom:14px}.hero h1{font-size:clamp(26px,6vw,34px);margin:0 0 10px;font-weight:800;line-height:1.25}.hero h1 .grad{color:var(--indigo)}.hero p{color:var(--muted);margin:0;max-width:600px;font-size:15px}.feature-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.feature-row span{font-size:12.5px;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:5px 12px;border-radius:var(--r-sm)}.level-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:24px 0 32px}.level-card{position:relative;display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px 16px 20px;transition:border-color .18s,transform .15s;overflow:hidden}.level-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--indigo)}.level-card:hover{border-color:color-mix(in srgb,var(--indigo) 45%,var(--line));transform:translate(3px);text-decoration:none}.level-card .sub{color:var(--muted);font-size:13.5px;flex:1}.level-card .sub b{color:var(--ink)}.level-card .cnt{color:var(--indigo);font-size:13px;font-weight:700;white-space:nowrap}.level-card.disabled{opacity:.55;pointer-events:none}.level-card.disabled:before{background:var(--muted)}.level-card.disabled .cnt{color:var(--muted)}.page-head{padding:26px 0 4px}.page-head .crumb{font-size:12.5px;color:var(--muted);margin-bottom:10px}.page-head .crumb a{color:var(--muted)}.page-head h1{margin:0;font-size:24px;display:flex;align-items:center;gap:11px}.page-head .zh{color:var(--muted);margin:6px 0 0;font-size:14px}.level-switch{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 4px}.level-switch a,.level-switch span{font-size:13px;font-weight:700;padding:6px 13px;border-radius:var(--r-sm);border:1px solid var(--line);color:var(--muted);background:var(--card)}.level-switch a:hover{border-color:var(--indigo);color:var(--indigo);text-decoration:none}.level-switch .cur{background:var(--indigo);color:var(--paper);border-color:var(--indigo)}.level-switch .off{opacity:.5}.unit-h{margin:26px 0 2px;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.06em;padding-bottom:6px;border-bottom:1px solid var(--line)}.lesson-row{display:flex;gap:14px;align-items:center;padding:13px 6px 13px 4px;border-bottom:1px solid var(--line-soft);transition:background .15s,padding-left .15s}.lesson-row:hover{background:var(--paper-soft);padding-left:10px;text-decoration:none}.lesson-row .no{color:var(--indigo);background:var(--indigo-soft);font-weight:800;font-size:13px;min-width:30px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);font-variant-numeric:tabular-nums;flex:none}.lesson-row .ja{font-weight:700;color:var(--ink);font-size:15.5px}.lesson-row .zh{color:var(--muted);font-size:13px;margin-left:auto;text-align:right}.lesson-hero{position:relative;margin:18px 0 6px;padding:20px 20px 18px;background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--r-lg);border-left:4px solid var(--vermilion);overflow:hidden}.lesson-hero .crumb{font-size:12.5px;color:var(--muted);margin-bottom:10px;position:relative;z-index:1}.lesson-hero .crumb a{color:var(--muted)}.lesson-hero h1{margin:0;font-size:25px;font-weight:800;position:relative;z-index:1}.lesson-hero .zh{color:var(--muted);margin:5px 0 0;font-size:15px;position:relative;z-index:1}.lesson-hero .crumb,.lesson-hero h1,.lesson-hero .zh{padding-right:112px}.lesson-hero .hero-art{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:104px;height:70px;opacity:.92;color:var(--indigo);pointer-events:none}.lesson-hero .hero-art .ha-accent{stroke:var(--vermilion)}.lesson-hero .hero-art .ha-dot{fill:var(--vermilion);stroke:none}.cando{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 18px;margin:16px 0}.cando h3{margin:0 0 8px;font-size:12.5px;color:var(--vermilion);font-weight:700}.cando ul{margin:0;padding-left:18px}.cando li{margin:4px 0;font-size:14px}.secnav{position:sticky;top:var(--header-h);z-index:20;display:flex;gap:7px;overflow-x:auto;padding:8px 0;min-height:var(--secnav-h);align-items:center;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(8px);margin:6px 0;scrollbar-width:none;border-bottom:1px solid var(--line-soft)}.secnav::-webkit-scrollbar{display:none}.secnav a{white-space:nowrap;font-size:13px;font-weight:600;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:5px 13px;border-radius:var(--r-sm)}.secnav a:hover{color:var(--indigo);border-color:var(--indigo);text-decoration:none}section.block{margin:30px 0;scroll-margin-top:calc(var(--header-h) + var(--secnav-h) + 12px)}section.block>h2{font-size:19px;font-weight:800;margin:0 0 14px;padding-bottom:9px;border-bottom:2px solid var(--ink);display:flex;align-items:baseline;gap:9px}section.block>h2 small{color:var(--muted);font-weight:500;font-size:13px}.tier-h{font-size:12.5px;font-weight:700;margin:18px 0 6px;letter-spacing:.02em}.tier-h.core{color:var(--matcha)}.tier-h.expansion{color:var(--indigo)}.tier-h.chunk{color:var(--vermilion)}.play{flex:none;border:1px solid var(--indigo);background:var(--card);color:var(--indigo);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:9px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.play:hover{background:var(--indigo);color:var(--paper)}.play.sm{width:22px;height:22px;font-size:9px}.play.xs{width:18px;height:18px;font-size:8px;margin-right:4px;vertical-align:middle}.play.playing{background:var(--vermilion);border-color:var(--vermilion);color:var(--paper)}.play.noaudio{opacity:.3;border-color:var(--line);color:var(--muted)}.vocab-list{display:flex;flex-direction:column}.vocab-entry{padding:13px 0;border-bottom:1px solid var(--line-soft)}.vocab-entry .vhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.vocab-entry .word{font-size:19px;font-weight:800;font-family:var(--font-en);color:var(--ink)}.vocab-entry .pos{font-size:11px;color:var(--muted);font-style:italic}.vocab-entry .cefr{font-size:10.5px;color:var(--indigo);background:var(--indigo-soft);padding:1px 7px;border-radius:var(--r-sm);font-weight:700}.vocab-entry .mean{margin:4px 0 0;color:var(--ink);font-weight:600;font-size:14.5px}.vocab-entry .collo{font-size:12.5px;color:var(--muted);font-family:var(--font-en);margin-top:2px}.vocab-entry .ex{margin:7px 0 0;padding:1px 0 1px 12px;border-left:2px solid var(--line)}.vocab-list.compact .vocab-entry{padding:10px 0}.vocab-list.compact .vocab-entry .word{font-size:16px}.ex-audio{display:grid;grid-template-columns:18px 1fr;gap:7px;align-items:start}.ex-audio .play{margin-top:1px}.gcard .ex-audio{margin:6px 0}.with-audio,.passage-audio{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start}.with-audio .play,.passage-audio .play{margin-top:2px}.word-bank{display:flex;flex-wrap:wrap;gap:8px}.bank-item{font-size:13px;color:var(--zh);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:6px 11px}.bank-item b{font-family:var(--font-en);color:var(--ink);font-weight:700}.bank-item i{color:var(--muted);font-size:11px;margin:0 3px}.chunk-list{display:flex;flex-direction:column;gap:8px}.chunk-item{background:var(--vermilion-soft);border:1px solid color-mix(in srgb,var(--vermilion) 25%,var(--line));border-radius:var(--r-md);padding:9px 13px}.chunk-item .chead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.chunk-item .chunk-w{font-family:var(--font-en);font-weight:700;color:var(--ink);font-size:15px}.chunk-item .mean{color:var(--zh);font-size:13.5px}.gcard{padding:18px 0;border-bottom:1px solid var(--line)}.gcard:last-child{border-bottom:none}.gcard .ghead{display:flex;align-items:baseline;gap:9px}.gcard .pat{font-size:18px;font-weight:800;font-family:var(--font-en);color:var(--ink)}.gcard .cefr{font-size:10.5px;color:var(--indigo);background:var(--indigo-soft);padding:1px 7px;border-radius:var(--r-sm);font-weight:700}.gcard .gfunc{color:var(--muted);font-size:13px;margin:4px 0}.gcard .struct{font-family:var(--font-en);font-size:13px;background:var(--indigo-soft);color:var(--indigo);padding:7px 11px;border-radius:var(--r-md);margin:8px 0;display:inline-block}.gcard .exp{white-space:pre-line;color:var(--zh);font-size:14.5px}.gcard .sub{margin-top:12px}.gcard .sub h4{margin:0 0 5px;font-size:12px;color:var(--vermilion);font-weight:700}.gcard .tip{font-size:13px;color:var(--muted);margin-top:8px;background:var(--paper-soft);padding:8px 12px;border-radius:var(--r-md)}.mistake .row{background:var(--paper-soft);border-radius:var(--r-md);padding:8px 12px;margin-bottom:6px}.mistake .w{color:var(--vermilion);font-family:var(--font-en)}.mistake .c{color:var(--matcha);font-weight:600;font-family:var(--font-en)}.passage-title{font-family:var(--font-en);font-weight:700;font-size:16px;margin-bottom:8px}.passage{font-family:var(--font-en);font-size:15.5px;line-height:1.9;white-space:pre-line;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;color:var(--ink)}.glossary{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.gloss{font-size:12px;color:var(--muted);background:var(--paper-soft);border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:3px 9px}.gloss b{font-family:var(--font-en);color:var(--ink)}.q-wrap{margin-top:14px}.q-item{padding:12px 0;border-bottom:1px solid var(--line-soft)}.q-item:last-child{border-bottom:none}.q-item .q{font-size:14.5px}.q-item .q b{font-family:var(--font-en)}.qtype{font-size:10px;font-weight:700;color:var(--indigo);background:var(--indigo-soft);padding:1px 6px;border-radius:var(--r-sm);text-transform:uppercase}.q .play,.opts .play,.phrase .play{margin-right:6px}.opts{margin:6px 0;padding-left:20px;font-family:var(--font-en);font-size:14px;color:var(--ink)}.opts li{margin:2px 0}.reveal{font:inherit;font-size:12px;font-weight:600;color:var(--indigo);background:var(--card);border:1px solid var(--indigo);border-radius:var(--r-sm);padding:3px 12px;cursor:pointer;margin-top:6px}.reveal:hover{background:var(--indigo);color:var(--paper)}.q-item .ans{display:none;margin-top:8px;font-size:13.5px;background:var(--matcha-soft);border-radius:var(--r-md);padding:8px 12px}.q-item .ans b{font-family:var(--font-en);color:var(--matcha)}.q-item.revealed .ans{display:block}.q-item.revealed .reveal{display:none}.scene{color:var(--muted);font-size:13px;margin:0 0 10px}.script{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 16px}.sline{padding:7px 0;border-bottom:1px solid var(--line-soft)}.sline:last-child{border-bottom:none}.sline .spk{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--indigo);margin-bottom:2px}.prompt,.cue{background:var(--paper-soft);border-left:3px solid var(--indigo);border-radius:var(--r-sm);margin:0 0 12px;padding:11px 15px;font-size:13.5px;color:var(--zh);white-space:pre-line}.model{font-family:var(--font-en);font-size:15.5px;line-height:1.95;white-space:pre-line;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;color:var(--ink)}.annos{margin-top:14px}.annos h4{font-size:12px;color:var(--vermilion);font-weight:700;margin:0 0 7px}.anno{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft)}.anno .desc{font-size:10.5px;font-weight:800;color:var(--paper);padding:1px 7px;border-radius:var(--r-sm);flex:none}.d-TA{background:var(--vermilion)}.d-CC{background:var(--indigo)}.d-LR{background:var(--matcha)}.d-GRA{background:#8a6d3b}.anno .span{font-family:var(--font-en);font-size:13px;color:var(--ink);font-style:italic}.anno .note{flex-basis:100%}.spart{margin:12px 0}.spart h4{font-size:12.5px;color:var(--indigo);font-weight:700;margin:0 0 8px;border-bottom:1px solid var(--line-soft);padding-bottom:4px}.qa{margin-bottom:12px}.sp-q{display:flex;align-items:center;gap:7px;font-weight:600;font-size:14px;color:var(--ink)}.sp-a{margin:5px 0 0;padding-left:12px;border-left:2px solid var(--matcha)}.tip.mini{font-size:12.5px;margin-top:5px}.phrases{margin-top:14px}.phrases h4{font-size:12px;color:var(--vermilion);font-weight:700;margin:0 0 7px}.phrase{font-size:13.5px;padding:4px 0}.phrase b{font-family:var(--font-en);color:var(--ink)}.tip{font-size:13px;color:var(--muted);background:var(--paper-soft);padding:9px 13px;border-radius:var(--r-md);margin-top:10px}.tip.strat{border-left:3px solid var(--indigo)}.tip.feat{border-left:3px solid var(--vermilion);color:var(--zh)}.culture{background:var(--paper-soft);border:1px solid var(--line);border-left:3px solid var(--vermilion);border-radius:var(--r-md);padding:13px 16px;font-size:14px;color:var(--zh)}.navfoot{display:flex;justify-content:space-between;margin:38px 0 60px;gap:12px}.navfoot a{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 16px;font-size:14px;max-width:48%;transition:border-color .15s}.navfoot a:hover{border-color:var(--indigo);text-decoration:none}.navfoot .dir{display:block;font-size:11.5px;color:var(--muted);margin-bottom:2px}.navfoot .ja{display:block;font-weight:700}.navfoot .zh{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;padding:26px 0;text-align:center}@media (min-width: 600px){.level-grid{grid-template-columns:1fr 1fr}.hero{padding:52px 0 8px}.lesson-hero{padding:26px 26px 22px}.lesson-hero h1{font-size:29px}}@media (min-width: 1024px){header.site .brand{font-size:19px}.page-head h1{font-size:28px}}@media (max-width: 599px){.wrap{width:min(100% - 28px,100%)}.lesson-hero .hero-art{width:76px;height:52px;right:12px}.lesson-hero .crumb,.lesson-hero h1,.lesson-hero .zh{padding-right:80px}}