:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#14171f;--primary:#3b5bdb;--on-primary:#fff;--primary-soft:#e9eeff;--word-new:#ffe9b0;--line:#e3e6ec;--line-strong:#858c99;--known:#b9c0cc;--focus:#1d3fb8;--ground:#f4f6fb;--ink-secondary:#4e5563;--on-dark:#fff;--on-dark-secondary:#d7dcea;--aurora-blue:#7fa0ff;--aurora-cyan:#7bd8ee;--aurora-amber:#ffd98a;--closing-blue:var(--primary);--closing-cyan:#46c2e0;--closing-amber:#ffc65c;--glass:#ffffff94;--glass-strong:#ffffffc7;--glass-solid:#ffffffeb;--glass-edge:#fffc;--fill-chip:#fffc;--fill-input:#ffffffe6;--shadow-glass:0 1px 2px #14171f0d, 0 16px 40px #283c8c1a;--shadow-primary:0 8px 24px #3b5bdb59;--blur-glass:20px;--blur-aurora:80px;--radius-word:4px;--radius-small:12px;--radius-button:14px;--radius-fact:16px;--radius-card:20px;--radius-step:24px;--radius-visual:28px;--radius-demo:32px;--radius-join:36px;--radius-panel:40px;--radius-pill:999px;--font-sans:"DM Sans", "Noto Sans TC", system-ui, sans-serif;--font-tc:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--text-display:clamp(42px, 6vw, 72px);--text-closing:clamp(32px, 5vw, 52px);--text-section:clamp(30px, 4vw, 44px);--text-point:30px;--text-step:21px;--text-lead:19px;--text-question:19px;--text-intro:18px;--text-wordmark:18px;--text-button:17px;--text-fact:17px;--text-input:17px;--text-body:16px;--text-nav:15px;--text-card:15px;--text-small:14px;--text-label:13px;--text-tag:12px;--text-annotation:10px;--text-reader-s:22px;--text-reader-m:24px;--text-word:34px;--text-og-title:68px;--text-og-line:28px;--text-og-annotation:12px;--tap-min:44px;--control:52px;--control-small:42px;--page-max:1168px;--gutter:24px}@media (width<=639px){:root{--gutter:20px}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/dm-sans-C82zVcRY.woff2)format("woff2")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-sans-tc-BTYPxL62.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body);margin:0;line-height:1.5}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}[hidden]{display:none!important}a{color:var(--primary)}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}[lang=zh-Hant]{font-family:var(--font-tc)}.page{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:clip}.page>main{flex:1 0 auto}.wrap{width:100%;max-width:var(--page-max);padding:0 var(--gutter);margin:0 auto}.band{position:relative}@media (width>=900px){[id]{scroll-margin-top:96px}}.field{--r:calc(var(--d) / 2);--b:var(--blur-aurora);z-index:-1;width:calc(var(--d) + 4 * var(--b));height:calc(var(--d) + 4 * var(--b));margin:calc(-2 * var(--b));background:radial-gradient(circle closest-side, var(--c) calc(var(--r) - 2 * var(--b)), transparent calc(var(--r) + 2 * var(--b)));background:radial-gradient(circle closest-side, color-mix(in srgb, var(--c) 97%, transparent) 0, color-mix(in srgb, var(--c) 95%, transparent) calc(var(--r) - 2 * var(--b)), color-mix(in srgb, var(--c) 90%, transparent) calc(var(--r) - 1.5 * var(--b)), color-mix(in srgb, var(--c) 79%, transparent) calc(var(--r) - var(--b)), color-mix(in srgb, var(--c) 63%, transparent) calc(var(--r) - .5 * var(--b)), color-mix(in srgb, var(--c) 44%, transparent) var(--r), color-mix(in srgb, var(--c) 26%, transparent) calc(var(--r) + .5 * var(--b)), color-mix(in srgb, var(--c) 13%, transparent) calc(var(--r) + var(--b)), color-mix(in srgb, var(--c) 5%, transparent) calc(var(--r) + 1.5 * var(--b)), transparent calc(var(--r) + 2 * var(--b)));opacity:var(--o);pointer-events:none;position:absolute}.field-1{--d:620px;--c:var(--aurora-blue);--o:.55;top:-200px;left:-160px}.field-2{--d:640px;--c:var(--aurora-cyan);--o:.45;top:40px;right:-200px}.field-3{--d:420px;--c:var(--aurora-amber);--o:.45;top:380px;left:34%}.field-4{--d:600px;--c:var(--aurora-cyan);--o:.32;top:54%;left:-220px}.field-5{--d:640px;--c:var(--aurora-blue);--o:.38;top:19%;right:-220px}.field-6{--d:460px;--c:var(--aurora-amber);--o:.32;top:77%;left:10%}.field-7{--d:560px;--c:var(--aurora-cyan);--o:.3;top:74%;right:-160px}.field-closing-1{--d:420px;--c:var(--closing-blue);--o:.75;top:-120px;left:-80px}.field-closing-2{--d:460px;--c:var(--closing-cyan);--o:.55;bottom:-160px;right:-60px}.field-closing-3{--d:360px;--c:var(--closing-amber);--o:.45;bottom:-220px;left:40%}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid var(--glass-edge);box-shadow:var(--shadow-glass)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.word-card{background:var(--glass-solid)}}@media (prefers-reduced-transparency:reduce){.glass,.word-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-solid)}}.button{min-height:var(--control);border-radius:var(--radius-button);font:inherit;font-size:var(--text-button);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.button-primary,.button-primary:hover{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-primary)}.button-glass,.button-glass:hover{color:var(--ink)}.button-light,.button-light:hover{background:var(--on-dark);color:var(--ink)}.button:hover,.nav-cta:hover{filter:brightness(.94)}.site-header{z-index:10;pointer-events:none;padding-top:20px;position:relative}.nav{border-radius:var(--radius-pill);pointer-events:auto;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 24px;display:flex}.wordmark{min-height:var(--tap-min);color:var(--ink);font-size:var(--text-wordmark);letter-spacing:-.01em;white-space:nowrap;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.nav-links{font-size:var(--text-nav);align-items:center;gap:28px;font-weight:500;display:flex}.nav-link{min-height:var(--tap-min);color:var(--ink);align-items:center;text-decoration:none;display:none}.nav-link:hover{color:var(--primary)}.nav-cta,.nav-cta:hover{height:var(--tap-min);border-radius:var(--radius-pill);background:var(--ink);color:var(--on-dark);white-space:nowrap;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}@media (width>=900px){.site-header{position:sticky;top:0}.nav-link{display:inline-flex}}.section{padding:40px 0 96px}.intro{flex-direction:column;gap:12px;max-width:720px;display:flex}.label{color:var(--primary);font-size:var(--text-small);font-weight:600}.muted-label{color:var(--ink-secondary);font-size:var(--text-small);font-weight:600}h2{font-size:var(--text-section);letter-spacing:-.02em;font-weight:700;line-height:1.1}.intro-text{color:var(--ink-secondary);font-size:var(--text-intro)}.dialogue{flex-direction:column;gap:2px;display:flex}.dialogue p,.sentence{font-size:var(--text-reader-s);line-height:2.1}.dialogue-m p,.sentence-m{font-size:var(--text-reader-m)}.speaker{font-weight:700}.new{border-radius:var(--radius-word);background:var(--word-new);padding:2px 1px}.due{-webkit-text-decoration:underline dotted var(--primary);text-decoration:underline dotted var(--primary);text-underline-offset:7px;text-decoration-thickness:3px}rt{color:var(--ink-secondary);font-family:var(--font-sans);font-size:var(--text-annotation)}.tap{border-radius:var(--radius-word);color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0}.tap[aria-pressed=true]>*{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-word)}.word-card{border:1px solid var(--glass-edge);border-radius:var(--radius-card);background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-glass);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.tag{border-radius:var(--radius-pill);font-size:var(--text-tag);align-self:flex-start;padding:2px 10px;font-weight:600}.tag-new{background:var(--word-new)}.tag-due{background:var(--primary-soft)}.word-card-word{font-size:var(--text-word);font-weight:700;line-height:1.15}.word-card-reading{color:var(--ink-secondary);font-family:var(--font-tc);font-size:var(--text-card)}.word-card-meaning{font-size:var(--text-card)}.word-card-save{height:var(--control-small);border-radius:var(--radius-small);background:var(--primary);color:var(--on-primary);font-size:var(--text-card);justify-content:center;align-items:center;font-weight:600;display:flex}.hero{padding:72px 0 150px}.hero-grid{flex-wrap:wrap;align-items:center;gap:64px;display:flex}.hero-text{flex-direction:column;flex:460px;gap:24px;display:flex}.pill{border-radius:var(--radius-pill);font-size:var(--text-small);align-self:flex-start;padding:6px 14px;font-weight:600}h1{font-size:var(--text-display);letter-spacing:-.03em;font-weight:700;line-height:1.02}.lead{max-width:520px;color:var(--ink-secondary);font-size:var(--text-lead);line-height:1.55}.actions{flex-wrap:wrap;gap:12px;display:flex}.facts{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.fact{border-radius:var(--radius-fact);flex-direction:column;padding:12px 16px;display:flex}.fact strong{font-size:var(--text-fact);font-weight:700}.fact span{color:var(--ink-secondary);font-size:var(--text-small)}.hero-visual{flex:380px;min-width:300px;max-width:440px;position:relative}.phone{border-radius:var(--radius-panel);padding:22px 22px 26px}.phone-head{color:var(--ink-secondary);font-size:var(--text-label);justify-content:space-between;margin-bottom:6px;font-weight:600;display:flex}.hero-card{width:270px;position:absolute;bottom:-64px;right:-28px}.how-stack{flex-direction:column;gap:40px;display:flex}.demo{border-radius:var(--radius-demo);flex-wrap:wrap;align-items:stretch;gap:24px;padding:28px;display:flex}.demo-text{flex-direction:column;flex:2 420px;gap:12px;display:flex}.legend{color:var(--ink-secondary);font-size:var(--text-small);flex-wrap:wrap;gap:16px;display:flex}.legend [lang]{color:var(--ink)}.legend .due{text-underline-offset:5px}.demo-card{flex-direction:column;flex:260px;justify-content:center;gap:12px;display:flex}.steps{flex-wrap:wrap;gap:20px;display:flex}.step{border-radius:var(--radius-step);flex-direction:column;flex:310px;gap:8px;padding:24px;display:flex}.step-number{color:var(--primary);font-size:var(--text-small);font-weight:600}.step h3{font-size:var(--text-step);letter-spacing:-.01em;font-weight:700}.step p:last-child{color:var(--ink-secondary)}.different-stack{flex-direction:column;gap:72px;display:flex}.point{flex-wrap:wrap;align-items:center;gap:48px;display:flex}.point-reverse{flex-direction:row-reverse}.point-text{flex-direction:column;flex:380px;gap:12px;display:flex}.point-number{color:var(--primary);font-size:var(--text-nav);font-weight:700}.point h3{font-size:var(--text-point);letter-spacing:-.02em;font-weight:700;line-height:1.15}.point-text p:last-child{max-width:480px;color:var(--ink-secondary);font-size:var(--text-intro)}.visual{border-radius:var(--radius-visual);flex-direction:column;flex:438px;gap:14px;padding:28px;display:flex}.visual-title{font-weight:600}.visual-note{color:var(--ink-secondary);font-size:var(--text-card)}.lessons{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.lesson,.option{box-sizing:content-box}.lesson{height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-secondary);font-size:var(--text-card);justify-content:center;align-items:center;font-weight:600;display:flex}.lesson-known{background:var(--fill-chip)}.lesson-current{border:2px solid var(--primary);background:var(--primary-soft);color:var(--ink)}.checks{flex-direction:column;gap:14px;display:flex}.checks li{align-items:center;gap:12px;display:flex}.checks svg{fill:none;width:22px;height:22px;stroke:var(--primary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.result{border-radius:var(--radius-button);background:var(--primary-soft);padding:12px 16px;font-weight:600}.bar{border-radius:var(--radius-pill);gap:2px;height:8px;display:flex;overflow:hidden}.bar-known{background:var(--known);flex:88 1 0}.bar-new{background:var(--word-new);box-shadow:inset 0 0 0 1px var(--line-strong);flex:8 1 0}.bar-due{background:var(--primary);flex:4 1 0}.options{flex-wrap:wrap;gap:8px;display:flex}.option{height:var(--tap-min);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--fill-chip);font-size:var(--text-card);align-items:center;padding:0 16px;font-weight:600;display:flex}.option-current{border:2px solid var(--primary);background:var(--primary-soft)}.join{padding:24px 0 96px}.join-panel{border-radius:var(--radius-join);flex-wrap:wrap;align-items:center;gap:40px;padding:48px;display:flex}.join-text{flex-direction:column;flex:380px;gap:12px;display:flex}.join-text p:last-child{color:var(--ink-secondary);font-size:var(--text-intro)}.join-form{flex-direction:column;flex:340px;gap:12px;display:flex}.join-form label{font-weight:600}.input{width:100%;height:var(--control);border:1px solid var(--line-strong);border-radius:var(--radius-button);background:var(--fill-input);color:var(--ink);font:inherit;font-size:var(--text-input);padding:0 16px}.form-note{color:var(--ink-secondary);font-size:var(--text-small)}.form-note a,.prose a:not(.button){margin:-12px 0;padding:12px 0;display:inline-block}.join-form[aria-busy=true] .button{opacity:.7;cursor:progress}.form-status{border-radius:var(--radius-button);background:var(--primary-soft);padding:12px 16px;font-weight:600}.form-status:empty{display:none}.form-thanks{border-radius:var(--radius-card);background:var(--primary-soft);font-size:var(--text-intro);flex:340px;padding:24px;font-weight:600}.input:user-invalid{box-shadow:none}.input:-moz-ui-invalid{box-shadow:none}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.faq{padding:24px 0 96px}.faq-grid{flex-wrap:wrap;gap:48px;display:flex}.faq-intro{flex:280px}.faq-list{flex-direction:column;flex:2 480px;gap:14px;display:flex}.faq-item{border-radius:var(--radius-card);flex-direction:column;gap:6px;padding:20px 24px;display:flex}.faq-item h3{font-size:var(--text-question);font-weight:700}.faq-item p{color:var(--ink-secondary)}.closing-band{padding:24px var(--gutter) 96px}.closing{isolation:isolate;max-width:calc(var(--page-max) - 48px);border-radius:var(--radius-panel);background:var(--ink);color:var(--on-dark);text-align:center;flex-direction:column;align-items:center;gap:20px;margin:0 auto;padding:72px 32px;display:flex;position:relative;overflow:hidden}.closing h2{max-width:760px;font-size:var(--text-closing);letter-spacing:-.03em;line-height:1.05}.closing p{max-width:520px;color:var(--on-dark-secondary);font-size:var(--text-intro)}.closing :focus-visible{outline-color:var(--on-dark)}.prose-page{padding-top:48px}.prose{border-radius:var(--radius-join);flex-direction:column;gap:16px;max-width:760px;padding:40px 48px;display:flex}.prose h1{font-size:var(--text-section);letter-spacing:-.02em;line-height:1.1}.prose h2{font-size:var(--text-step);letter-spacing:-.01em;margin-top:12px;line-height:1.3}.prose-lead{color:var(--ink-secondary);font-size:var(--text-intro)}.prose ul{flex-direction:column;gap:8px;padding-left:1.25em;list-style:outside;display:flex}.site-footer{padding-bottom:36px}.footer-inner{color:var(--ink-secondary);font-size:var(--text-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;display:flex}.footer-inner strong{color:var(--ink)}.footer-links{flex-wrap:wrap;gap:0 20px;display:flex}.footer-links a{min-height:var(--tap-min);color:var(--ink-secondary);align-items:center;display:inline-flex}.footer-links a:hover{color:var(--ink)}@media (width>=900px){.narrow-only{display:none}}@media (width<=1099px){.field-closing-1{--d:340px;top:-140px;left:-110px}.field-closing-2{--d:360px;bottom:-170px;right:-110px}.field-closing-3{--d:280px;bottom:-220px;left:40%}}@media (width<=639px){.nav{gap:8px;padding:6px 6px 6px 16px}.wordmark{min-width:0;font-size:var(--text-body);white-space:normal;flex:0 auto;line-height:1.15}.nav-cta,.nav-cta:hover{font-size:var(--text-small);flex:none;padding:0 14px}.hero{padding:40px 0 72px}.hero-grid{gap:40px}.hero-visual{min-width:0}.phone{border-radius:var(--radius-demo);padding:18px 18px 20px}.hero-card{width:auto;margin-top:16px;position:static}.section{padding:24px 0 72px}.demo,.visual{border-radius:var(--radius-step);padding:20px}.different-stack{gap:56px}.point{gap:24px}.join{padding-bottom:72px}.join-panel{border-radius:var(--radius-visual);gap:24px;padding:24px}.prose-page{padding-top:24px}.prose{border-radius:var(--radius-visual);padding:28px 20px}.faq{padding-bottom:72px}.faq-grid{gap:24px}.closing-band{padding-bottom:72px}.closing{border-radius:var(--radius-demo);padding:56px 24px}.field-5{--o:.2}.field-closing-1{--d:260px;top:-130px;left:-120px}.field-closing-2{--d:280px;bottom:-150px;right:-130px}.field-closing-3{--d:220px;bottom:-200px;left:35%}}