:root{color:#173c35;font-synthesis:none;text-rendering:optimizelegibility;--ink:#173c35;--ink-soft:#537069;--forest:#1d6a55;--forest-dark:#124d3f;--mint:#dbeadd;--lime:#d8ea86;--cream:#fbf8ef;--paper:#fffdf8;--orange:#f4a259;--line:#173c3521;--shadow:0 22px 60px #2343371a;background:#fbf8ef;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 16%,#d8ea8638,#0000 24rem),#fbf8ef;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #f4a259a6}.app-shell{min-height:100vh;overflow:hidden}.section-shell,.site-header{width:min(1180px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:98px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--forest);border-radius:50% 48% 44% 52%;place-items:center;width:45px;height:45px;display:grid;transform:rotate(-5deg);box-shadow:inset 0 -3px #00000014}.brand-mark svg{transform:rotate(5deg)}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-text strong{letter-spacing:.16em;font-size:22px;font-weight:800}.brand-text small{color:#71827d;letter-spacing:.22em;margin-top:7px;font-size:8px;font-weight:700}.header-actions{align-items:center;gap:18px;display:flex}.streak-pill{color:#81532c;background:#fffbefcc;border:1px solid #f4a2595c;border-radius:999px;align-items:center;gap:7px;padding:9px 16px 9px 11px;font-size:13px;display:flex}.streak-pill svg{color:#eb8e3a;fill:#f4a2592e}.streak-pill strong{font-size:16px}.avatar{color:#174c3f;letter-spacing:.06em;cursor:pointer;background:#d9e9d6;border:0;border-radius:50%;width:44px;height:44px;font-size:11px;font-weight:700}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;min-height:628px;padding-block:66px 74px;display:grid}.hero-copy{padding-left:5px}.eyebrow{background:var(--mint);color:var(--forest-dark);letter-spacing:.1em;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.day-label{color:#83948f;letter-spacing:.25em;margin:24px 0 11px;font-size:11px;font-weight:700}.hero h1,.lesson-heading h1,.quiz-meta h1,.complete-card h1{letter-spacing:-.055em;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:800}.hero h1{margin:0;font-size:clamp(48px,5.2vw,72px);line-height:1.12}.hero h1 em{color:var(--forest);z-index:0;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--lime);z-index:-1;border-radius:50%;height:16px;position:absolute;bottom:4px;left:-7px;right:-8px;transform:rotate(-4deg)}.hero-intro{color:var(--ink-soft);margin:24px 0 30px;font-size:16px;line-height:1.9}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:0 24px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{color:#fff;background:var(--forest);box-shadow:0 10px 25px #1d6a5538,inset 0 -3px #0000001a}.primary-button:hover{background:var(--forest-dark);transform:translateY(-2px);box-shadow:0 13px 29px #1d6a5542,inset 0 -3px #0000001a}.secondary-button{color:var(--forest-dark);background:#fff;border:1px solid #1d6a5538;box-shadow:0 10px 25px #23433714}.secondary-button:hover{border-color:#1d6a5580;transform:translateY(-2px)}.mini-social-proof{color:#6e827d;align-items:center;gap:13px;margin-top:27px;font-size:12px;display:flex}.mini-social-proof strong{color:var(--forest-dark)}.face-stack{padding-left:8px;display:flex}.face-stack span{border:2px solid var(--cream);background:#e9eed8;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:-8px;font-size:16px;display:grid}.hero-visual{place-items:center;min-height:470px;display:grid;position:relative}.hero-visual:before{content:"";background:#dce9d2;border-radius:48% 52% 44% 56%/54% 46% 58% 42%;width:390px;height:390px;position:absolute;transform:rotate(8deg)}.hero-visual:after{content:"";filter:blur(18px);background:#224b3d1a;border-radius:50%;width:330px;height:72px;position:absolute;bottom:20px}.topic-card{z-index:2;text-align:center;background:#fffdf8f0;border:1px solid #1b504117;border-radius:28px;width:338px;min-height:420px;padding:27px 29px 28px;position:relative;transform:rotate(-2.5deg);box-shadow:0 28px 70px #28483a30}.topic-card-topline{color:#7b8c86;letter-spacing:.18em;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.topic-emoji{background:radial-gradient(circle at 50% 68%,#bcd5a8 0 31%,#0000 32%),linear-gradient(145deg,#eaf2db,#d7e9ce);border-radius:49% 51% 45% 55%;place-items:center;width:190px;height:190px;margin:24px auto 10px;font-size:100px;display:grid;box-shadow:inset 0 -15px 30px #446c4d14}.topic-card h2{color:var(--ink);letter-spacing:.08em;margin:4px 0;font-size:26px}.topic-card p{color:#81918c;margin:0;font-family:Georgia,serif;font-size:15px;font-style:italic}.topic-dots{justify-content:center;gap:8px;margin-top:25px;display:flex}.topic-dots i{background:#cbd8c8;border-radius:50%;width:7px;height:7px}.topic-dots i:first-child{background:var(--forest);border-radius:5px;width:22px}.sun-orbit{z-index:1;border:1px dashed #1d6a5533;border-radius:50%;position:absolute;inset:1% 5% 4% 2%;transform:rotate(13deg)}.sun-orbit span{background:var(--lime);border-radius:50%;width:49px;height:49px;position:absolute;top:28px;right:70px;box-shadow:0 0 0 8px #d8ea862e}.decor-leaf{z-index:3;color:var(--forest);font-size:27px;position:absolute;transform:scaleX(.55)rotate(35deg)}.leaf-one{bottom:110px;left:19px}.leaf-two{color:#8daf72;top:123px;right:27px;transform:scaleX(.55)rotate(-25deg)}.today-section{border-top:1px solid var(--line);padding-block:89px 96px}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.section-kicker{color:#719181;letter-spacing:.22em;margin:0 0 9px;font-size:10px;font-weight:800}.section-heading-row h2,.progress-copy h2,.center-heading h2{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:30px}.section-heading-row>p{color:#71847e;margin:0 0 4px;font-size:13px}.word-preview-grid{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.word-preview{border:1px solid var(--line);background:var(--paper);border-radius:18px;flex-direction:column;justify-content:space-between;min-height:228px;padding:20px 20px 23px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.word-preview:before{content:"";background:color-mix(in srgb, var(--word-tone), transparent 83%);border-radius:50%;width:100px;height:100px;position:absolute;top:-35px;right:-35px}.word-preview:hover{box-shadow:var(--shadow);transform:translateY(-5px)rotate(-.5deg)}.word-number{color:#9aa7a2;letter-spacing:.14em;font-size:10px;font-weight:700}.word-emoji{filter:drop-shadow(0 10px 10px #32413a1f);align-self:center;margin-block:5px 0;font-size:64px}.word-preview h3{color:var(--ink);margin:0;font-family:Georgia,serif;font-size:25px;font-weight:400}.word-preview p{color:#80918c;margin:4px 0 0;font-size:12px}.progress-band{background:var(--forest-dark);color:#fff}.progress-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;min-height:172px;display:grid}.progress-copy{align-items:center;gap:22px;display:flex}.round-icon{width:57px;height:57px;color:var(--forest-dark);background:var(--lime);border-radius:50%;flex:none;place-items:center;display:grid}.progress-copy .section-kicker{color:#9fbea9}.progress-copy h2{color:#fff;font-size:22px}.progress-label{color:#b9c9c4;justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.progress-label strong{color:#fff;font-size:13px}.progress-meter{background:#ffffff24;border-radius:999px;height:10px;overflow:hidden}.progress-meter span{border-radius:inherit;background:var(--lime);width:60%;height:100%;display:block}.how-section{padding-block:96px 105px}.center-heading{text-align:center}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px;display:grid}.step-card{border:1px solid var(--line);background:#fffdf8a6;border-radius:18px;min-height:237px;padding:31px;position:relative}.step-number{color:#c5cec9;font-family:Georgia,serif;font-size:18px;font-style:italic;position:absolute;top:28px;right:28px}.step-icon{width:48px;height:48px;color:var(--forest);background:var(--mint);border-radius:14px;place-items:center;display:grid}.step-card:nth-child(2) .step-icon{color:#9a642a;background:#f8e3c9}.step-card:nth-child(3) .step-icon{color:#647821;background:#e9efc4}.step-card h3{margin:24px 0 9px;font-size:19px}.step-card p{color:#71847e;max-width:230px;margin:0;font-size:13px;line-height:1.75}.site-footer{border-top:1px solid var(--line);color:#81918c;justify-content:space-between;align-items:center;min-height:92px;font-size:11px;display:flex}.site-footer span:first-child{color:var(--forest-dark);letter-spacing:.08em;font-weight:800}.learning-page,.quiz-page,.complete-page{background:radial-gradient(circle at 15% 15%, #d8ea8633, transparent 25rem), radial-gradient(circle at 90% 85%, #abd3bf42, transparent 30rem), var(--cream);min-height:100vh}.lesson-topbar{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr 100px;align-items:center;gap:30px;min-height:86px;display:grid}.text-button{width:fit-content;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:13px;display:inline-flex}.lesson-progress{grid-template-columns:repeat(5,1fr);justify-self:center;gap:9px;width:min(500px,100%);display:grid}.lesson-progress span{background:#dfe5df;border-radius:999px;height:6px;transition:background .25s}.lesson-progress span.active{background:var(--forest)}.lesson-count{color:#91a09b;justify-self:end;font-size:12px}.lesson-count strong{color:var(--forest);font-size:17px}.lesson-content{padding-block:41px 58px}.lesson-heading{text-align:center}.lesson-heading h1{margin:7px 0 25px;font-size:31px}.flashcard{background:#fffdf8f5;border:1px solid #173c351f;border-radius:28px;grid-template-columns:.9fr 1.1fr;align-items:center;width:min(790px,100%);min-height:405px;margin-inline:auto;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #23433721}.flashcard:before{content:"";background:color-mix(in srgb, var(--word-tone), transparent 85%);border-radius:50%;width:340px;height:340px;position:absolute;bottom:-120px;left:-105px}.flashcard-index{color:#a9b3af;letter-spacing:.15em;font-size:11px;font-weight:700;position:absolute;top:25px;right:29px}.flashcard-illustration{place-items:center;min-height:330px;display:grid;position:relative}.emoji-glow{background:color-mix(in srgb, var(--word-tone), white 75%);border-radius:45% 55% 50% 50%;width:230px;height:230px;position:absolute;transform:rotate(-7deg)}.large-emoji{z-index:1;filter:drop-shadow(0 18px 16px #283e3624);font-size:140px;animation:3.2s ease-in-out infinite gentle-float;position:relative}.flashcard-word{z-index:2;padding:45px 48px 45px 15px;position:relative}.word-title-row{align-items:center;gap:17px;display:flex}.word-title-row h2{color:var(--ink);letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:59px;font-weight:400}.sound-button{width:42px;height:42px;color:var(--forest);background:var(--mint);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .16s;display:grid}.sound-button:hover{transform:scale(1.08)}.phonetic{color:#82938e;margin:2px 0 24px;font-size:15px}.guess-hint{color:#748984;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.reveal-panel{border-top:1px solid var(--line);padding-top:20px;animation:.3s both reveal-in}.reveal-panel strong{color:var(--forest);margin-bottom:13px;font-size:22px;display:block}.reveal-panel p{color:var(--ink);margin:0 0 6px;font-family:Georgia,serif;font-size:17px}.reveal-panel small{color:#82938e;font-size:12px}.lesson-actions{justify-content:center;width:min(790px,100%);margin:24px auto 0;display:flex}.wide-button{min-width:250px}.quiz-layout{grid-template-columns:.77fr 1.23fr;align-items:center;gap:75px;min-height:100vh;padding-block:70px;display:grid}.question-count{color:#82938e;letter-spacing:.21em;margin:29px 0 12px;font-size:11px;font-weight:700}.quiz-meta h1{max-width:440px;color:var(--ink);margin:0;font-size:clamp(34px,4vw,50px);line-height:1.25}.quiz-hint{color:var(--ink-soft);margin:27px 0 0;line-height:1.8}.quiz-card{border:1px solid var(--line);min-height:490px;box-shadow:var(--shadow);background:#fffdf8f2;border-radius:28px;padding:37px}.quiz-options{gap:15px;display:grid}.quiz-option{border:1px solid var(--line);min-height:88px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:42px 1fr 35px;align-items:center;gap:16px;padding:0 23px;transition:border .15s,transform .15s,background .15s;display:grid}.quiz-option:hover:not(:disabled){border-color:var(--forest);transform:translate(4px)}.quiz-option>span{color:#6f817c;background:#f1f3ed;border-radius:10px;place-items:center;width:37px;height:37px;font-size:12px;font-weight:700;display:grid}.quiz-option strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.quiz-option i{color:#fff;background:var(--forest);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.quiz-option.correct{border-color:var(--forest);background:#ecf5e9}.quiz-option.incorrect{background:#fff4ef;border-color:#d9997e}.quiz-option:disabled{cursor:default}.quiz-option:disabled:not(.correct,.incorrect){opacity:.55}.quiz-feedback{border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:24px;padding:18px 19px 18px 23px;animation:.26s both reveal-in;display:grid}.quiz-feedback.success{color:#245f4e;background:#e3f0df}.quiz-feedback.retry{color:#83533c;background:#f7e7dd}.quiz-feedback strong{font-size:14px}.quiz-feedback p{opacity:.75;margin:4px 0 0;font-size:11px}.compact-button{border-radius:11px;min-height:44px;padding-inline:18px;font-size:12px}.complete-page{place-items:center;padding:40px 24px;display:grid}.complete-card{border:1px solid var(--line);width:min(680px,100%);box-shadow:var(--shadow);text-align:center;background:#fffdf8f5;border-radius:30px;padding:45px 55px 48px}.celebration{color:var(--orange);justify-content:center;align-items:center;gap:14px;margin-bottom:22px;display:flex}.celebration>span:nth-child(2n){color:var(--lime);font-size:10px}.celebration>span:nth-child(3n){color:var(--forest)}.sprout-badge{color:#fff;background:var(--forest);width:90px;height:90px;box-shadow:0 0 0 10px var(--mint);border-radius:50%;place-items:center;display:grid}.complete-card .section-kicker{justify-content:center;align-items:center;gap:7px;margin-top:29px;display:flex}.complete-card h1{margin:10px 0 16px;font-size:39px;line-height:1.28}.complete-lead{color:var(--ink-soft);margin:0;font-size:14px}.result-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:34px 0 26px;display:grid}.result-grid div{flex-direction:column;gap:5px;padding-block:22px;display:flex}.result-grid div+div{border-left:1px solid var(--line)}.result-grid strong{color:var(--forest);font-family:Georgia,serif;font-size:28px;font-weight:400}.result-grid span{color:#879690;font-size:11px}.complete-message{color:#71847e;align-items:center;gap:8px;font-size:12px;display:inline-flex}.complete-message svg{color:var(--forest)}.complete-actions{flex-direction:column;align-items:center;gap:10px;margin-top:27px;display:flex}.complete-actions .primary-button{min-width:180px}.text-link-button{color:var(--ink-soft);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:9px 15px;font-size:12px;text-decoration:underline}@keyframes gentle-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=920px){.section-shell,.site-header{width:min(100% - 40px,720px)}.hero{text-align:center;grid-template-columns:1fr;gap:30px}.hero-copy{padding-left:0}.hero-intro{margin-inline:auto}.mini-social-proof{justify-content:center}.hero-visual{min-height:500px}.word-preview-grid{grid-template-columns:repeat(3,1fr)}.progress-inner{grid-template-columns:1fr;gap:25px;padding-block:34px}.quiz-layout{grid-template-columns:1fr;align-content:center;gap:35px}.quiz-meta{text-align:center}.quiz-meta h1{margin-inline:auto}}@media (width<=650px){.section-shell,.site-header{width:calc(100% - 32px)}.site-header{min-height:78px}.brand-mark{width:39px;height:39px}.brand-text strong{font-size:18px}.streak-pill{padding-right:10px}.streak-pill span{font-size:0}.streak-pill strong{font-size:14px}.streak-pill strong:after{content:"天";margin-left:3px;font-size:11px}.avatar{display:none}.hero{min-height:auto;padding-block:55px 60px}.hero h1{font-size:clamp(41px,13vw,58px)}.hero-intro{font-size:14px}.desktop-only{display:none}.hero-visual{min-height:410px}.hero-visual:before{width:305px;height:305px}.topic-card{width:270px;min-height:350px;padding:22px}.topic-emoji{width:155px;height:155px;font-size:78px}.topic-card h2{font-size:22px}.sun-orbit{inset:2% -10px}.today-section,.how-section{padding-block:66px}.section-heading-row{flex-direction:column;align-items:flex-start}.section-heading-row h2,.center-heading h2{font-size:26px}.word-preview-grid{grid-template-columns:repeat(2,1fr)}.word-preview{min-height:205px}.word-preview:last-child{grid-column:1/-1}.steps-grid{grid-template-columns:1fr}.step-card{min-height:210px}.site-footer{text-align:center;flex-direction:column;justify-content:center;gap:10px;padding-block:28px}.lesson-topbar{grid-template-columns:65px 1fr 45px;gap:12px;width:100%;padding-inline:16px}.lesson-content{padding-top:32px}.lesson-heading h1{margin-bottom:20px;font-size:25px}.flashcard{grid-template-columns:1fr;align-content:center;min-height:510px}.flashcard-illustration{min-height:245px}.emoji-glow{width:185px;height:185px}.large-emoji{font-size:105px}.flashcard-word{text-align:center;min-height:205px;padding:5px 30px 34px}.word-title-row,.guess-hint{justify-content:center}.word-title-row h2{font-size:48px}.reveal-panel{padding-top:16px}.quiz-layout{padding-block:44px}.quiz-meta h1{font-size:34px}.quiz-card{min-height:0;padding:20px}.quiz-option{grid-template-columns:38px 1fr 30px;gap:11px;min-height:75px;padding-inline:15px}.quiz-feedback{text-align:center;grid-template-columns:1fr}.quiz-feedback .primary-button{width:100%}.complete-card{padding:39px 22px 34px}.complete-card h1{font-size:31px}.result-grid strong{font-size:23px}}@media (width<=370px){.word-preview-grid{grid-template-columns:1fr}.word-preview:last-child{grid-column:auto}.word-preview{min-height:190px}.result-grid span{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}