@font-face{font-family:FZKaiTi;src:url(./fangzheng-kaiti-BRZOXFUg.woff2) format("woff2");font-display:swap}:root{--paper: #fffdf7;--paper-deep: #eef5e5;--ink: #263527;--muted: #697565;--leaf: #4b9b55;--leaf-dark: #2f743f;--leaf-soft: #dcefd2;--sun: #ffd66e;--coral: #ff937b;--coral-deep: #9c3417;--lake: #98d8e7;--line: rgba(76, 135, 70, .2);--text-hero: clamp(1.75rem, 1.25rem + 1.35vw, 2.5rem);--text-title: clamp(1.3rem, 1.05rem + .8vw, 1.7rem);--text-stage: clamp(1.55rem, 1.15rem + 1.3vw, 2.1rem);--text-display: clamp(2.4rem, 1.5rem + 3vw, 4rem);--text-lead: clamp(.92rem, .85rem + .28vw, 1.05rem)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,sans-serif;letter-spacing:0}button{border:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid rgba(152,216,231,.8);outline-offset:4px}.app{position:relative;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden;background-color:var(--paper);background-image:linear-gradient(#fffdf7b8,#fffdf7b3),var(--app-bg);background-position:center;background-size:cover}.app.view-lesson{padding:0;background-image:linear-gradient(#fffdf76b,#fffdf780),var(--app-bg)}.topNav{position:relative;z-index:2;width:100%;max-width:1320px;min-width:0;min-height:58px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brandButton,.pillButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;min-height:52px;color:var(--ink);background:transparent;font-weight:900}.brandMark{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--leaf);box-shadow:0 10px 22px #40894638}.brandButton strong,.brandButton small{display:block;text-align:left;white-space:nowrap}.brandButton strong{font-size:1rem}.brandButton small{color:var(--muted);font-size:.76rem}.pillButton{min-height:46px;padding:0 14px;border:1px solid rgba(76,135,70,.24);border-radius:999px;background:#ffffffad;box-shadow:0 9px 20px #324e2f14}.topActions{display:inline-flex;align-items:center;gap:8px}.installButton{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(76,135,70,.24);border-radius:50%;color:var(--leaf-dark);background:#ffffffad;box-shadow:0 9px 20px #324e2f14}.homeSurface{width:min(1320px,100%);min-width:0;min-height:calc(100dvh - var(--nav-offset, 86px));margin:0 auto}.academyWordHome,.dailyHome,.planEditorHome,.learningRecordsHome{min-height:calc(100dvh - var(--nav-offset, 86px));display:grid;align-content:start;gap:18px;padding:22px 0 30px}.planEditorHome{padding-bottom:120px}.dailyHomeHeader,.planEditorHeader{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.dailyHomeHeader>div,.planEditorHeader>div{min-width:0;display:grid;gap:6px}.dailyHomeHeader h1,.planEditorHeader h1{margin:0;color:var(--ink);font-size:var(--text-hero);line-height:1.15}.dailyHomeHeader p:not(.eyebrow),.planEditorHeader p:not(.eyebrow){margin:0;color:var(--muted);font-size:var(--text-lead);line-height:1.55}.dailyHomeHeader>span,.planEditorHeader>span{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--leaf-dark);background:#ffffffbd;font-size:.86rem;font-weight:900}.dailyPlanEmpty{min-height:330px;display:grid;align-content:center;justify-items:center;gap:12px;padding:28px;border:1px dashed rgba(76,135,70,.3);border-radius:30px 20px;background:#ffffffa3;text-align:center}.dailyPlanEmpty.compact{min-height:240px}.dailyPlanEmpty strong{font-size:1.35rem}.dailyPlanEmpty p{max-width:28rem;margin:0;color:var(--muted);line-height:1.6}.dailyPlanIcon{width:72px;height:72px;display:grid;place-items:center;border-radius:26px 18px;color:var(--leaf-dark);background:var(--leaf-soft)}.todayPlanBoard{display:grid;gap:22px;padding:24px;border:1px solid rgba(76,135,70,.24);border-radius:30px 20px;background:#fffc;box-shadow:0 18px 36px #3454341a}.todayPlanBoard.completed{background:#fff8dce0}.todayPlanSummary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.todayPlanSummary>div:first-child{min-width:0;display:grid;gap:6px}.todayPlanSummary h2{margin:0;font-size:var(--text-title);line-height:1.2}.todayPlanSummary p:not(.eyebrow){margin:0;color:var(--muted)}.todayProgressRing{width:84px;height:84px;display:flex;align-items:baseline;justify-content:center;padding-top:23px;border:7px solid rgba(75,155,85,.2);border-radius:50%;color:var(--leaf-dark);background:#fffc}.todayProgressRing strong{font-size:1.55rem}.todayProgressRing span{color:var(--muted);font-size:.78rem;font-weight:900}.todayWordStrip{display:flex;flex-wrap:wrap;gap:10px}.todayWord{position:relative;width:76px;aspect-ratio:1;display:grid;place-items:center;border:2px solid rgba(76,135,70,.2);border-radius:24px 16px;color:var(--ink);background:#fff8dc;font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:2.65rem;font-weight:900}.todayWord.done{color:var(--leaf-dark);border-color:#4b9b555c;background:var(--leaf-soft)}.todayWord svg{position:absolute;top:5px;right:5px}.todayWord.recommended:before,.planWordOption.recommended:before{content:"推荐";position:absolute;top:5px;left:5px;padding:1px 6px;border-radius:999px;background:var(--leaf);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.02em}.dailyPrimaryActions{display:flex;flex-wrap:wrap;gap:10px}.dailySecondaryActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dailySecondaryActions button{min-width:0;min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:22px 15px;color:var(--leaf-dark);background:#ffffffb8;text-align:left}.dailySecondaryActions button>span{min-width:0;display:grid;gap:4px}.dailySecondaryActions strong,.dailySecondaryActions small{display:block}.dailySecondaryActions strong{color:var(--ink)}.dailySecondaryActions small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.planEditorHeader{justify-content:flex-start}.planEditorHeader .stageBack{flex:0 0 auto}.planEditorHeader>span{margin-left:auto}.planSelectionSummary{display:flex;align-items:baseline;gap:6px;color:var(--muted);font-weight:900}.planSelectionSummary strong{color:var(--leaf-dark);font-size:2rem}.planWordGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.planWordOption{position:relative;min-width:0;min-height:150px;display:grid;align-content:center;justify-items:center;gap:7px;padding:16px;border:2px solid rgba(76,135,70,.16);border-radius:26px 18px;color:var(--ink);background:#ffffffc2;box-shadow:0 12px 24px #34543414}.planWordOption.selected{border-color:var(--leaf);background:#f1f9eb}.planWordOption>span{font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:4.5rem;font-weight:900;line-height:.9}.planWordOption small{color:var(--muted);font-weight:800}.planWordOption i{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--leaf);font-style:normal}.planWordOption:not(.selected) i{border:1px solid var(--line);background:#ffffffb3}.planWordOption.locked{cursor:default;opacity:.72}.planWordOption.locked i{background:var(--muted)}.planEditorFooter{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));z-index:5;width:min(1320px,calc(100% - 28px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(76,135,70,.22);border-radius:22px 15px;background:#fffdf7f0;box-shadow:0 16px 34px #34543429;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.planEditorFooter p{margin:0;color:var(--muted);font-size:.86rem;font-weight:800}.learningRecordList{display:grid;gap:12px}.learningRecordDay{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:24px 16px;background:#ffffffc2}.recordDate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--leaf-dark)}.recordDate>div{display:grid;gap:3px}.recordDate span{color:var(--muted);font-size:.8rem}.recordDate b{color:var(--ink)}.recordWords{display:flex;flex-wrap:wrap;gap:8px}.recordWords span{min-width:52px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:6px 10px;border:1px solid var(--line);border-radius:17px 11px;color:var(--muted);background:#ffffffb3;font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:1.75rem;font-weight:900}.recordWords span.done{color:var(--leaf-dark);background:var(--leaf-soft)}.growthReportBody{display:grid;gap:14px}.growthCard{display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:24px 16px;background:#ffffffc2}.growthCard h2{font-size:1.05rem}.growthStatusBar{display:flex;height:16px;overflow:hidden;border-radius:999px;background:var(--line)}.growthStatusLegend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.growthStatusLegendItem{display:flex;align-items:center;gap:8px}.growthStatusLegendItem span{width:11px;height:11px;flex-shrink:0;border-radius:50%}.growthStatusLegendItem p{color:var(--muted);font-size:.8rem}.growthStatusLegendItem strong{font-size:1.05rem}.growthTrend{display:flex;align-items:flex-end;gap:6px;height:90px}.growthTrendBar{flex:1;display:flex;align-items:flex-end;min-width:0;height:100%;border-radius:8px;background:var(--line)}.growthTrendBar div{width:100%;border-radius:8px;background:var(--leaf)}.growthWeakList{display:flex;flex-wrap:wrap;gap:10px}.growthWeakItem{display:grid;justify-items:center;gap:2px;min-width:76px;padding:10px 14px;border-radius:18px 12px;background:#fff0ea}.growthWeakItem span{font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:1.9rem;font-weight:900;color:var(--ink)}.growthWeakItem small{color:var(--coral);font-weight:700}.growthEmptyHint{color:var(--muted);font-size:.9rem}.academyWordHeader{display:flex;align-items:end;justify-content:space-between;gap:16px}.academyWordHeader>div{display:grid;gap:6px}.academyWordHeader h1{margin:0;color:var(--ink);font-size:var(--text-hero);line-height:1.15}.academyWordHeader p:not(.eyebrow){margin:0;color:var(--muted);font-size:var(--text-lead);line-height:1.55}.academyWordHeader>span{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--leaf-dark);background:#ffffffb8;font-size:.88rem;font-weight:900}.homeWordGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.homeWordGrid .wordTile{width:100%;min-width:0;min-height:192px;padding:16px 12px;border-radius:22px 16px}.homeWordGrid .wordTile strong{font-size:4.7rem}.homeWordGrid .wordTile small,.homeWordGrid .wordTile em,.homeWordGrid .wordTile b{font-size:.78rem}.academyHero,.wordHomeHero{min-width:0;min-height:calc(100dvh - var(--nav-offset, 86px));display:grid;align-items:center}.academyHero{grid-template-rows:auto auto;justify-items:center;gap:24px;padding:18px 0 28px}.academyCopy{width:min(100%,42rem);display:grid;justify-items:center;gap:12px;text-align:center}.eyebrow{margin:0;color:var(--leaf-dark);font-size:.86rem;font-weight:900}.academyCopy h1,.wordHomeHero h1,.screen h2{margin:0;color:var(--ink);line-height:1.1}.academyCopy h1{font-size:var(--text-display)}.academyCopy>p,.wordHomeHero p,.screen p{margin:0;color:var(--muted);line-height:1.65}.academyCopy>p{max-width:30rem}.actionRow{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.primaryAction,.softAction{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 19px;border-radius:18px;font-weight:900}.primaryAction{color:#fff;background:var(--leaf-dark);box-shadow:0 14px 26px #2f743f40}.softAction{color:var(--ink);border:1px solid var(--line);background:#ffffffc7}.todayMission{position:relative;width:min(100%,31rem);min-width:0;min-height:350px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:38px;overflow:hidden;border-radius:46% 54% 52% 48%/46% 42% 58% 54%;background:#ffec9d}.todayMission:before{position:absolute;inset:14px;border:2px dashed rgba(83,112,71,.22);border-radius:inherit;content:"";pointer-events:none}.todayMission img{position:absolute;top:22px;right:24px;z-index:1;width:82px;height:82px;border:5px solid rgba(255,255,255,.9);border-radius:50%;object-fit:cover;box-shadow:0 10px 22px #45593129}.todayMission>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.todayMission strong,.todayMission span{display:block}.todayMission strong{font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:7.4rem;line-height:.82}.todayMission span{max-width:15rem;color:#263527b3;font-weight:900}.todayMission .primaryAction{position:relative;z-index:1;flex:0 0 auto;min-width:92px}.wordHomeHero{grid-template-rows:auto 1fr;align-items:start;gap:18px;padding:22px 0 24px}.wordHomeHero>div{display:grid;gap:8px;max-width:42rem}.wordHomeHero h1{font-size:var(--text-hero)}.wordHomeHero>.primaryAction{width:max-content}.wordMap{width:calc(100% + 28px);margin:0 -14px;display:flex;align-self:center;gap:14px;padding:12px 14px 24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.wordMap::-webkit-scrollbar{display:none}.wordTile{position:relative;flex:0 0 min(76vw,340px);min-height:340px;display:grid;align-content:center;justify-items:center;gap:8px;padding:24px;overflow:hidden;border:1px solid rgba(76,135,70,.16);border-radius:32px 22px;color:var(--ink);background:#ffffffc7;box-shadow:0 18px 32px #324e2f1f;text-align:center;scroll-snap-align:center}.wordTile:before{position:absolute;right:-18%;bottom:-25%;width:80%;aspect-ratio:1;border-radius:48% 52% 46% 54%;background:var(--leaf-soft);content:""}.wordTile>*{position:relative;z-index:1}.wordTile strong,.finishBadge span{font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-weight:900}.wordTile strong{font-size:7rem;line-height:.84}.wordTile small,.wordTile em,.wordTile b{display:block;font-style:normal}.wordTile small,.wordTile em{color:var(--muted)}.wordTile b{color:var(--leaf-dark);font-weight:900}.wordTile.next{border-color:#2f743f6b;background:#f7fff1}.wordTile.done{background:#fff8dc}.wordStatus{display:inline-flex;align-items:center;min-height:24px;padding:1px 10px;border-radius:999px;color:#fff;background:var(--muted);font-size:.72rem;font-weight:800;font-style:normal;letter-spacing:.02em}.wordStatus.new{color:var(--muted);background:#3c503c14}.wordStatus.learning{background:#e8a83e}.wordStatus.young{background:#4a90c4}.wordStatus.mastered{background:var(--leaf)}.wordSectionList{display:grid;gap:22px}.wordGroupSection{display:grid;gap:12px}.wordGroupTitle{margin:0;display:flex;align-items:baseline;gap:8px;color:var(--ink);font-size:1.05rem}.wordGroupTitle small{color:var(--muted);font-size:.78rem;font-weight:800}.planWordOption i{font-size:.95rem;font-weight:900}.recentLearnedCard{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:24px 16px;background:#ffffffc2}.recentLearnedCard header{display:flex;align-items:baseline;justify-content:space-between}.recentLearnedCard header span{color:var(--muted);font-size:.8rem;font-weight:800}.dailySecondaryActions button.hasDue{border-color:#e8a83e8c}.dailySecondaryActions button.hasDue small{color:#c07f1a;font-weight:800}.emptyLessonState .softAction{margin-top:8px}.bubbleQuiz{min-height:calc(100dvh - var(--nav-offset, 86px));display:grid;align-content:start;justify-items:center;gap:16px;padding-top:8px;text-align:center}.bubbleQuizTop,.bubblePrompt{display:grid;justify-items:center;gap:10px}.bubblePrompt h2{margin:0;color:var(--ink);font-size:var(--text-stage);line-height:1.15}.bubblePrompt p{margin:0;color:var(--muted)}.bubbleStage{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:clamp(16px,4vw,40px);padding:14px 0 30px}.bubbleFloat{will-change:transform;animation:bubbleFloat 3s ease-in-out infinite}.bubbleFloat:nth-child(2){margin-top:44px;animation-duration:3.7s;animation-delay:.6s}.bubbleFloat:nth-child(3){margin-top:16px;animation-duration:3.3s;animation-delay:1.1s}.bubbleFloat.still{animation-play-state:paused}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.bubbleFloat{animation:none}}.bubble{position:relative;width:clamp(150px,30vw,236px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.85);border-radius:50%;color:var(--ink);background:radial-gradient(circle at 32% 26%,#fffffff2,#e0f4ffcc 36%,#a8d8f599 70%,#7ebae4b8);box-shadow:inset -10px -14px 26px #5c98c847,0 16px 30px #4678a033}.bubble:after{content:"";position:absolute;top:13%;left:17%;width:30%;height:17%;border-radius:50%;background:#ffffffe6;transform:rotate(-26deg);filter:blur(1px);pointer-events:none}.bubbleGlyph{font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:clamp(4rem,12vw,6.4rem);font-weight:900;line-height:1}.bubble .bubbleImage{position:absolute;inset:9%;width:82%;height:82%;object-fit:cover;border-radius:50%}.bubble.glow{border-color:var(--leaf);box-shadow:0 0 0 6px #6aa84f4d,inset -10px -14px 26px #5c98c838,0 16px 30px #4678a033}.bubble:disabled{cursor:default}.appLayout,.learningStage{width:100%;min-height:100vh;min-height:100dvh}.learningStage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.stageChrome{position:relative;z-index:2;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.stageBack{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:#ffffffb3;box-shadow:0 8px 20px #324e2f1f}.stageIdentity{display:inline-flex;align-items:center;gap:7px;font-weight:900}.stageIdentity span{color:var(--leaf-dark);font-size:.84rem}.stageIdentity strong{font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:2rem;line-height:1}.stageIdentity em{color:var(--muted);font-size:.88rem;font-style:normal;font-weight:800}.screen{min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;padding:22px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left))}.lessonTask{flex:0 0 auto;min-height:82px;display:grid;align-content:start;justify-items:center;gap:8px;text-align:center}.taskLine{display:inline-flex;align-items:center;gap:12px}.lessonBody{flex:1 1 auto;width:100%;min-height:0;display:grid;align-content:center;justify-items:center;gap:16px;overflow-y:auto}.lessonControls{display:grid;grid-template-columns:62px minmax(0,1fr) 62px;align-items:center;gap:12px;padding:10px max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.pagerSlot{width:62px;height:62px}.trailWrap{display:grid;justify-items:center;gap:5px}.trailWrap small{color:var(--leaf-dark);font-size:.82rem;font-weight:900}.sproutTrail{display:flex;align-items:center}.trailNode{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff}.trailNode.done{background:var(--leaf)}.trailNode.current{color:var(--ink);background:var(--sun);box-shadow:0 0 0 4px #ffd66e66}.trailNode.todo{border:2px solid rgba(75,155,85,.32);color:#4b9b558c;background:#fff9}.trailNode+.trailNode{position:relative;margin-left:14px}.trailNode+.trailNode:before{content:"";position:absolute;top:50%;right:100%;width:14px;height:2px;background:#4b9b554d}.trailNode+.trailNode.done:before,.trailNode+.trailNode.current:before{background:var(--leaf)}.screen h2{font-size:var(--text-stage)}.screen p{max-width:34rem}.mascot{width:74px;height:74px;display:grid;place-items:center;border:5px solid rgba(255,255,255,.9);border-radius:50%;color:var(--leaf-dark);background:var(--leaf-soft);box-shadow:0 11px 22px #324e2f24}.mascot.large{width:112px;height:112px}.wordPlay{position:relative;width:min(78vw,52dvh,440px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:var(--ink);background:var(--sun);box-shadow:inset 0 0 0 9px #fffc,0 22px 42px #52673a2e}.wordPlay .pinyinCaption{font-size:clamp(1.6rem,1.3rem + 1.4vw,2.4rem)}.wordHalo{position:absolute;width:132%;aspect-ratio:1;border:2px dashed rgba(255,255,255,.58);border-radius:50%;animation:breathe 2.8s ease-in-out infinite}.glyphWithPinyin{display:grid;justify-items:center;gap:14px}.pinyinCaption{margin:0;color:var(--muted);font-size:1.05rem;font-weight:900;letter-spacing:.02em}.pinyinInitial{color:var(--leaf-dark)}.pinyinFinal{color:var(--coral-deep)}.wordGlyph{position:relative;z-index:1;margin-top:.14em;font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:12rem;font-weight:900;line-height:.86}.tapBadge{position:absolute;bottom:26px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;color:var(--leaf-dark);background:#ffffffe0;box-shadow:0 6px 14px #45593129;font-size:.98rem;font-weight:900}@keyframes breathe{0%,to{transform:scale(.92) rotate(-5deg)}50%{transform:scale(1.03) rotate(5deg)}}.singleFocus,.transformContent,.completeScreen{width:min(100%,1080px);margin:0 auto;display:grid;justify-items:center;gap:16px;text-align:center}.transformContent{min-height:0;align-content:center}.pagerButton{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#ffffffdb;box-shadow:0 12px 24px #324e2f1f}.pagerButton.next{color:#fff;border-color:transparent;background:var(--leaf-dark)}.pagerButton:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.lessonScene{position:relative;width:min(100%,980px);aspect-ratio:1581 / 995;min-height:300px;overflow:hidden;border-radius:30px 20px;background:#f5e6aa;box-shadow:0 18px 40px #35533229}.lessonScene img{width:100%;height:100%;min-height:300px;display:block;object-fit:cover;object-position:center}.lessonScene.noScene{display:grid;place-items:center;background:#fff0ad}.meaningOnly{max-width:13rem;color:#26352780;font-size:2.4rem;font-weight:950;line-height:1.2}.sceneGlyph{position:absolute;right:16px;bottom:16px;z-index:3;width:clamp(110px,24vw,176px);aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:10px;border:6px solid rgba(255,255,255,.9);border-radius:50%;color:var(--ink);background:var(--sun);box-shadow:0 14px 28px #3553323d;font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-weight:900}.sceneGlyph small{font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:clamp(1.15rem,.95rem + .6vw,1.5rem);font-weight:800;letter-spacing:.02em}.sceneGlyph strong{margin-top:.14em;font-size:clamp(3.2rem,9vw,5rem);line-height:.9}.sceneAudioButton{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(76,135,70,.22);border-radius:50%;color:var(--leaf-dark);background:#ffffffdb;box-shadow:0 5px 12px #324e2f1f}.sceneCaption{position:absolute;left:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:10px;max-width:calc(100% - clamp(140px,28vw,220px));padding:7px 9px 7px 18px;border-radius:999px;background:#fffdf7b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 20px #35533224;text-align:left}.sceneCaption h2{margin:0;color:var(--ink);font-size:clamp(1.05rem,.85rem + .8vw,1.45rem);line-height:1.25}.listenPrompt{min-height:68px;display:inline-flex;align-items:center;gap:12px;padding:0 26px;border-radius:999px;color:var(--ink);background:#fffc;box-shadow:0 12px 24px #3454341a;font-size:1.18rem;font-weight:900}.choiceGrid{width:min(100%,720px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choiceTile{min-height:122px;border:2px solid rgba(76,135,70,.18);border-radius:30px 20px;color:var(--ink);background:#ffffffc7;box-shadow:0 14px 26px #3454341a;font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:4.8rem;font-weight:900}.choiceTile.correct{border-color:var(--leaf);background:#edf9e7}.choiceTile.wrong{border-color:var(--coral);background:#fff0ea;animation:shakeNo .34s ease}@keyframes shakeNo{0%,to{transform:translate(0)}25%{transform:translate(-8px)}55%{transform:translate(7px)}80%{transform:translate(-4px)}}.imageChoiceGrid{width:min(100%,720px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.imageChoiceTile{aspect-ratio:1;overflow:hidden;border:2px solid rgba(76,135,70,.18);border-radius:30px 20px;background:#ffffffc7;box-shadow:0 14px 26px #3454341a}.imageChoiceTile img{width:100%;height:100%;object-fit:cover}.imageChoiceFallback{display:grid;height:100%;place-items:center;color:var(--ink);font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:3.2rem;font-weight:900}.imageChoiceTile.correct{border-color:var(--leaf);box-shadow:0 0 0 4px #61a85a40}.imageChoiceTile.wrong{border-color:var(--coral);box-shadow:0 0 0 4px #e07a6033}.quizAnswerError{margin:0;color:var(--coral);font-size:.92rem;font-weight:800}.quizSummaryWords{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:620px}.quizSummaryWord{display:grid;justify-items:center;gap:4px;min-width:84px;padding:12px 14px;border:2px solid var(--line);border-radius:20px 13px;background:#ffffffc7}.quizSummaryWord strong{font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:2rem;font-weight:900;line-height:1}.quizSummaryWord small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-weight:800}.quizSummaryWord.correct{border-color:#61a85a73;background:var(--leaf-soft)}.quizSummaryWord.correct small{color:var(--leaf-dark)}.quizSummaryWord.wrong{border-color:#e07a6080;background:#fff0ea}.quizSummaryWord.wrong small{color:var(--coral)}.referenceGlyph{width:min(40vw,180px);aspect-ratio:1;display:grid;place-items:center;border:6px solid rgba(255,255,255,.82);border-radius:50%;color:var(--ink);background:var(--sun);box-shadow:0 14px 28px #35533224;font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:5rem;font-weight:900;line-height:.9}.referenceGlyph.audio{width:min(34vw,148px);color:var(--ink);background:var(--lake);transition:transform .16s ease}.referenceGlyph.audio:active{transform:scale(.95)}.referenceCard{display:grid;place-items:center;min-width:168px;padding:16px 34px;border:6px solid rgba(255,255,255,.88);border-radius:30px 20px;color:var(--ink);background:var(--sun);box-shadow:0 14px 28px #35533229;font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:5.4rem;font-weight:900;line-height:.95}.echoListenHint{margin:0;color:var(--muted);font-size:.9rem;font-weight:900}.composeStage{width:min(100%,640px);display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:36px;border-radius:46% 54% 52% 48%/46% 42% 58% 54%;background:var(--leaf-soft)}.composeWordList{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.composeWordTile{display:flex;padding:22px 28px;border-radius:26px 18px;border:2px solid rgba(76,135,70,.18);background:#ffffffe6;box-shadow:0 14px 26px #3454341f;font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:4.4rem;font-weight:900;color:var(--ink)}.composeWordTile span.highlight{padding:0 6px;border-radius:14px;color:var(--leaf-dark);background:#ffefb0}.composeWordTile{position:relative}.composeWordTile.played{border-color:#4c874673;background:#f1f9eb}.composePlayedMark{position:absolute;top:-9px;right:-9px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--leaf-dark)}.finishBadge{min-width:200px;display:grid;justify-items:center;gap:4px;padding:19px 24px;border-radius:42% 58% 52% 48%;background:#fff0ad}.saveErrorNotice{display:inline-flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;border:1px solid rgba(224,122,96,.5);border-radius:999px;color:var(--coral);background:#fff0ea;font-weight:800}.finishBadge span{font-size:5rem;line-height:.9}.finishBadge small{color:var(--muted);font-weight:800}.growthCelebrate{gap:14px}.growthBadgeWrap{position:relative;width:min(58vw,42dvh,268px);aspect-ratio:1;display:grid;place-items:center}.growthRing{position:absolute;inset:0;border:3px dashed var(--leaf);border-radius:50%}.growthBadge{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;gap:6px;padding:14px;border-radius:50%;color:var(--ink);background:var(--leaf-soft);box-shadow:inset 0 0 0 8px #ffffffd9,0 20px 38px #324e2f29;text-align:center}.growthBadge small{color:var(--leaf-dark);font-weight:900;font-size:1.05rem}.growthBadge strong{font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:clamp(3.2rem,2.7rem + 2vw,5.2rem);font-weight:900;line-height:.86}.growthBadge span{padding:3px 14px;border-radius:999px;color:var(--leaf-dark);background:#ffffffd9;font-size:.86rem;font-weight:800}.growthCaption{margin:0;color:var(--ink);font-size:1.2rem;font-weight:900}.growthNextPeek{display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border:1px solid var(--line);border-radius:999px;background:#ffffffb3}.growthNextPeek span{color:var(--muted);font-size:.82rem;font-weight:800}.growthNextPeek strong{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--leaf-dark);background:var(--leaf-soft);font-family:FZKaiTi,KaiTi,STKaiti,Microsoft YaHei UI,serif;font-size:1.5rem}.growthSavingHint{margin:0;color:var(--muted);font-weight:800;font-size:.92rem}.growthTrail{margin-top:2px}.emptyLessonState{min-height:260px;display:grid;align-content:center;justify-items:center;gap:10px;padding:28px;border:1px dashed rgba(76,135,70,.28);border-radius:28px 18px;color:var(--leaf-dark);background:#ffffff94;text-align:center}.emptyLessonState strong{color:var(--ink);font-size:1.2rem}.emptyLessonState p{margin:0;color:var(--muted);font-weight:800}.profileHome{min-height:calc(100dvh - var(--nav-offset, 86px));display:grid;align-content:start;gap:18px;padding:22px 0 30px}.authScreen{display:grid;align-content:center;justify-items:center;padding:24px}.authCard{width:min(380px,100%)}.authBrand{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--leaf-dark);font-weight:900;font-size:.9rem}.authHeading{display:grid;justify-items:center;gap:6px;margin-bottom:4px;text-align:center}.authHeading h1{margin:0;color:var(--ink);font-size:1.6rem;line-height:1.2}.authHeading p{margin:0;color:var(--muted);font-size:.9rem}.authSwitch{justify-self:center;color:var(--muted);font-size:.86rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.profileWorkspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.profileNotice{min-height:54px;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(255,147,123,.42);border-radius:18px;color:#8b493b;background:#fff0eae0;font-weight:900}.activeProfileSummary{min-width:0;display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(180px,.8fr);align-items:center;gap:14px;padding:14px 18px;border:1px solid rgba(76,135,70,.22);border-radius:22px 16px;background:#f7fff1d6}.activeProfileSummary>div:nth-child(2){display:grid;gap:3px}.activeProfileSummary span{color:var(--muted);font-size:.82rem;font-weight:800}.activeProfileSummary strong{font-size:1.22rem}.activeProgress{display:grid;gap:7px}.profileRoster{min-width:0;display:grid;align-content:start;gap:14px;padding:20px;border:1px solid rgba(76,135,70,.18);border-radius:28px 18px;background:#ffffffa8}.profileSectionHeader,.profileEditorHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.profileSectionHeader>div,.profileEditorHeading>div:last-child{display:grid;gap:4px}.profileSectionHeader span{color:var(--muted);font-size:.8rem}.iconAction,.profileItemActions button{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--leaf-dark);background:#ffffffdb}.profileList{display:grid;gap:9px}.profileListItem{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid transparent;border-radius:18px 12px;background:#ffffffad}.profileListItem.active{border-color:#4b9b556b;background:#f1f9eb}.profileSelectButton{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px;color:var(--ink);background:transparent;text-align:left}.profileSelectButton>span:nth-child(2){min-width:0;display:grid;gap:3px}.profileSelectButton strong,.profileSelectButton small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profileSelectButton small{color:var(--muted)}.miniProfileAvatar{width:42px;height:42px;display:grid;place-items:center;border-radius:15px 10px;color:var(--leaf-dark);background:var(--leaf-soft)}.profileItemActions{display:flex;gap:4px}.profileItemActions button{width:36px;height:36px}.profileItemActions button:last-child{color:#a14e3e}.emptyProfileList{min-height:120px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.profileBackAction{justify-self:start}.profileCard{min-width:0;display:grid;align-content:start;gap:14px;padding:22px;border:1px solid rgba(76,135,70,.18);border-radius:28px 18px;background:#ffffffc2;box-shadow:0 18px 36px #3454341a}.profileEditor{align-self:start}.profileEditorHeading{justify-content:flex-start;padding-bottom:4px}.profileEditorHeading strong{font-size:1.16rem}.profileAvatar{width:68px;height:68px;display:grid;place-items:center;border-radius:24px 16px;color:var(--leaf-dark);background:var(--leaf-soft)}.profileCard label{min-width:0;display:grid;gap:8px;color:var(--ink);font-weight:900}.profileCard label span{color:var(--muted);font-size:.82rem}.profileCard input{width:100%;min-width:0;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:18px;outline:none;color:var(--ink);background:#ffffffdb;font:inherit;font-weight:800}.profileCard input:focus{border-color:#4b9b557a;box-shadow:0 0 0 4px #4b9b551f}.profileFieldRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profileMessage{min-height:24px;margin:0;color:var(--leaf-dark);font-weight:900}.progressCard strong{color:var(--ink);font-size:4rem;line-height:1}.progressCard>span{color:var(--muted);font-weight:900}.progressCard p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.6}.profileProgressBar{height:14px;overflow:hidden;border-radius:999px;background:#4c874624}.profileProgressBar i{display:block;height:100%;border-radius:inherit;background:var(--leaf)}@media(max-width:520px){.lessonControls{grid-template-columns:54px minmax(0,1fr) 54px;gap:8px}.lessonControls .pagerButton,.pagerSlot{width:54px;height:54px}.trailNode{width:22px;height:22px}.trailNode+.trailNode{margin-left:8px}.trailNode+.trailNode:before{width:8px}.lessonTask{min-height:68px}.topNav{width:calc(100vw - 28px)}.brandButton>span:last-child{display:none}.topNav .pillButton{min-height:42px;padding:0 12px;font-size:.9rem}.topNav .installButton,.topNav .screenControl{display:none}.todayMission{width:min(100%,23rem);min-height:318px;padding:24px}.todayMission strong{font-size:6.4rem}.wordTile{min-height:314px}.wordGlyph{font-size:9.6rem}.choiceTile{min-height:104px;font-size:3.7rem}.composeStage{padding:24px;gap:14px}.composeWordTile{padding:16px 20px;font-size:3.2rem}.profileFieldRow{grid-template-columns:1fr}.dailyHomeHeader,.planEditorHeader{align-items:flex-start}.dailyHomeHeader>span,.planEditorHeader>span{display:none}.todayPlanSummary{align-items:start}.todayProgressRing{width:68px;height:68px;padding-top:17px;border-width:6px}.todayWord{width:64px;font-size:2.25rem}.dailySecondaryActions{grid-template-columns:1fr}.planEditorHeader .stageBack{width:46px;height:46px}.planEditorFooter{align-items:stretch;flex-direction:column}.planEditorFooter .primaryAction{width:100%}.activeProfileSummary{grid-template-columns:auto minmax(0,1fr)}.activeProgress{grid-column:1 / -1}}@media(min-width:600px){.homeSurface,.academyWordHome,.dailyHome,.planEditorHome,.learningRecordsHome,.academyHero,.wordHomeHero,.profileHome{min-height:calc(100dvh - var(--nav-offset, 102px))}.academyWordHome{gap:22px;padding:26px 0 34px}.todayWord{width:92px;font-size:3.3rem}.homeWordGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.planWordGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.homeWordGrid .wordTile{min-height:230px;padding:18px}.homeWordGrid .wordTile strong{font-size:5.6rem}.app{padding:max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.planEditorFooter{right:max(24px,env(safe-area-inset-right));left:max(24px,env(safe-area-inset-left));width:min(1320px,calc(100% - 48px))}.academyHero{min-height:calc(100dvh - var(--nav-offset, 102px))}.wordMap{width:calc(100% + 48px);margin:0 -24px;padding-inline:24px}.wordTile{flex-basis:360px}.screen{padding:26px max(34px,env(safe-area-inset-right)) 8px max(34px,env(safe-area-inset-left))}.lessonBody{gap:26px}.wordPlay{width:min(58vw,54dvh,520px)}.wordGlyph{font-size:clamp(9rem,26dvh,13rem)}.lessonScene,.lessonScene img{min-height:390px}.choiceTile{min-height:158px;font-size:5.6rem}.referenceCard{min-width:190px;font-size:6rem}.composeWordTile{padding:26px 34px;font-size:5.2rem}}@media(min-width:800px)and (orientation:landscape){.academyWordHome{min-height:calc(100dvh - var(--nav-offset, 102px));gap:20px;padding:24px 34px 28px}.dailyHome,.planEditorHome,.learningRecordsHome{min-height:calc(100dvh - var(--nav-offset, 102px));padding:24px 34px 28px}.dailyHome{grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);align-items:start}.dailyHomeHeader{grid-column:1 / -1}.dailyHome>.dailyPlanEmpty,.dailyHome>.todayPlanBoard{grid-column:1}.dailyHome>.dailySecondaryActions{grid-column:2;grid-row:2;grid-template-columns:1fr}.planEditorHome{padding-bottom:124px}.planWordGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.homeWordGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.homeWordGrid .wordTile{min-height:min(29dvh,240px)}.homeWordGrid .wordTile strong{font-size:5.4rem}.academyHero{grid-template-columns:minmax(0,.95fr) minmax(360px,.85fr);grid-template-rows:1fr;gap:50px;padding:28px 34px}.academyCopy{justify-items:start;text-align:left}.academyCopy .actionRow{justify-content:flex-start}.todayMission{justify-self:center}.wordHomeHero{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:30px}.wordHomeHero>.primaryAction{grid-column:2;grid-row:1;align-self:center}.wordMap{grid-column:1 / -1;align-self:center}.wordTile{flex-basis:390px;min-height:380px}.stageChrome{padding-inline:max(28px,env(safe-area-inset-right))}.screen{padding:10px max(46px,env(safe-area-inset-right)) 6px max(46px,env(safe-area-inset-left))}.transformContent{width:min(100%,980px,120dvh)}.transformContent .lessonScene{width:100%}.sceneGlyph{right:22px;bottom:22px}.lessonScene{height:auto;min-height:0}.lessonScene img{min-height:0}.singleFocus,.completeScreen{min-height:100%;align-content:center}.profileHome{min-height:calc(100dvh - var(--nav-offset, 102px));padding:24px 34px 28px}.profileWorkspace{grid-template-columns:minmax(300px,.78fr) minmax(380px,1.22fr);align-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}
