:root{--sky: #eaf3ff;--sky-deep: #d8e9ff;--paper: #ffffff;--ink: #28303f;--ink-soft: #5b6577;--red: #e0393e;--red-deep: #b8262b;--gold: #f5b940;--jade: #2fa36b;--jade-soft: #e2f5eb;--rose-soft: #fdeaea;--grid: #c9d7ea;--blue: #3d6bff;--line: #4d586e;--shadow-ink: #a9b6d0;--font-display: "Baloo 2", "ZCOOL KuaiLe", "KaiTi", "Segoe UI", sans-serif;--font-body: "Nunito", "ZCOOL KuaiLe", "KaiTi", "Segoe UI", sans-serif;--font-hanzi: "ZCOOL KuaiLe", "KaiTi", "DFKai-SB", "SimSun", serif;--font-pinyin: "Nunito", system-ui, "Segoe UI", Arial, sans-serif;--shadow: 0 3px 12px rgba(40, 48, 63, .12);--shadow-lift: 0 6px 20px rgba(40, 48, 63, .16);--radius: 18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sky);background-image:radial-gradient(var(--sky-deep) 1.5px,transparent 1.5px);background-size:26px 26px;color:var(--ink);font-family:var(--font-body);font-synthesis:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.ic{vertical-align:-.18em;flex:none}.page{position:relative;max-width:640px;margin:0 auto;padding:20px 16px 48px;min-height:100vh}.page.home,.page.book,.page.profile{padding-bottom:110px}.bottom-nav{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:min(380px,calc(100% - 24px));display:flex;gap:4px;background:var(--paper);border-radius:22px;box-shadow:0 4px 16px #28303f29;padding:6px;z-index:50}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:none;border-radius:16px;padding:7px 4px 5px;font-family:var(--font-hanzi);font-size:14px;color:var(--ink-soft);transition:background .15s ease}.nav-tab.active{background:#fff3d6;color:var(--ink)}.nav-icon{line-height:1;height:30px;display:grid;place-items:center}.nav-tab:not(.active) .nav-icon{opacity:.55;filter:grayscale(.4)}.nav-avatar .avatar{display:block}.home-header{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px;padding-right:52px}.mascot{display:grid;place-items:center}.avatar{overflow:visible}.mascot .avatar{filter:drop-shadow(0 3px 6px rgba(40,48,63,.18))}.gear-btn{position:absolute;top:4px;right:0;width:48px;height:48px;border-radius:50%;border:none;background:none;color:var(--ink-soft);display:grid;place-items:center;transition:transform .15s ease,color .15s ease;filter:drop-shadow(0 2px 3px rgba(40,48,63,.15))}.gear-btn:hover{color:var(--ink)}.gear-btn:hover{transform:rotate(30deg)}.gear-btn:active{transform:translateY(2px)}.level-strip{display:flex;align-items:center;gap:12px;padding:0 4px;margin-bottom:28px}.level-badge{flex:none;background:var(--red);color:#fff;border:none;border-radius:12px;font-family:var(--font-display);font-weight:800;padding:4px 10px;font-size:15px}.level-text{flex:1;min-width:0}.level-name{font-family:var(--font-hanzi);font-size:18px;display:block;margin-bottom:4px}.level-name small{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);font-size:12px}.level-bar{height:12px;border-radius:999px;background:var(--paper);box-shadow:inset 0 1px 3px #28303f1a;overflow:hidden}.level-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd873);border-radius:999px;transition:width .6s ease}.level-xp{flex:none;font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink-soft)}.app-title{font-family:var(--font-hanzi);font-weight:400;font-size:40px;margin:0;line-height:1.1;letter-spacing:2px}.app-subtitle{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);margin:2px 0 0}.header-pills{display:flex;flex-direction:column;gap:8px;margin-left:auto}.pill{font-family:var(--font-display);font-weight:700;font-size:15px;background:var(--paper);border:none;border-radius:999px;padding:6px 14px;box-shadow:var(--shadow)}.book-pill:active{transform:translateY(2px);box-shadow:none}.path{display:flex;flex-direction:column;gap:22px}.path-row{display:flex;align-items:center;gap:16px;max-width:520px}.path-right{margin-left:auto;flex-direction:row-reverse;text-align:right}.path-right .stage-title{justify-content:flex-end}.stage-node{position:relative;flex:none;width:88px;height:88px;border:none;background:none;display:grid;place-items:center;transition:transform .12s ease;filter:drop-shadow(0 3px 6px rgba(40,48,63,.18))}.stage-node .ic{overflow:visible}.stage-node:not(.locked):hover{transform:scale(1.1) rotate(-4deg)}.stage-node:not(.locked):active{transform:scale(.94)}.stage-node.locked{cursor:not-allowed;opacity:.45;filter:none}.stage-num{position:absolute;top:-8px;left:-8px;width:30px;height:30px;border-radius:50%;background:var(--gold);border:none;box-shadow:0 0 0 3px var(--paper);font-family:var(--font-display);font-weight:800;font-size:15px;display:grid;place-items:center}.stage-node .stars{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 1px 2px rgba(40,48,63,.22))}.stage-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.stage-zh{font-family:var(--font-hanzi);font-size:26px}.stage-en{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);font-size:15px}.stars{display:inline-flex;align-items:center;gap:2px}.home-footer{margin-top:34px;text-align:center;color:var(--ink-soft);font-size:14px}.cloud{position:absolute;width:130px;opacity:.9;pointer-events:none;z-index:-1;overflow:visible}.cloud-1{top:240px;right:4%;animation:drift 14s ease-in-out infinite alternate}.cloud-2{top:640px;left:3%;width:100px;animation:drift 18s ease-in-out infinite alternate-reverse}.connector{display:block;width:min(420px,82%);height:46px;margin:-4px auto;overflow:visible}.connector-flip{transform:scaleX(-1)}.trophy{width:84px;height:84px;flex:none;filter:grayscale(1) opacity(.5)}.trophy-lit{filter:none;animation:bounce 1s ease}.trophy-card{display:flex;align-items:center;gap:14px;padding:4px 8px;margin-bottom:26px}.trophy-card .trophy{filter:grayscale(1) opacity(.5) drop-shadow(0 2px 4px rgba(40,48,63,.15))}.trophy-card.done .trophy{filter:drop-shadow(0 3px 6px rgba(40,48,63,.2))}.trophy-card-title{font-family:var(--font-hanzi);font-size:20px;margin:0 0 2px}.trophy-card-text{color:var(--ink-soft);font-size:13.5px;margin:0}.game-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.quit-btn{width:44px;height:44px;flex:none;border:none;background:none;color:var(--ink-soft);font-size:26px;font-weight:800;transition:color .15s ease,transform .1s ease}.quit-btn:hover{color:var(--ink);transform:translate(-2px)}.quit-btn:active{transform:translate(-4px)}.game-progress{display:flex;gap:6px;flex:1;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--grid)}.dot.done{background:var(--jade);box-shadow:none}.dot.now{background:var(--gold);box-shadow:none;transform:scale(1.25)}.game-mode{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-hanzi);font-size:21px;white-space:nowrap}.top-flex{flex:1}.combo-chip{display:inline-flex;align-items:center;gap:3px;color:var(--red);font-family:var(--font-display);font-weight:800;font-size:16px;animation:pop .3s ease}.combo-chip .ic{animation:flicker 1.4s ease-in-out infinite}.score-pill{font-family:var(--font-display);font-weight:800;font-size:16px;white-space:nowrap;animation:pop .35s ease}.tts-hint{text-align:center;color:var(--ink-soft);font-size:13px;margin-top:20px}.praise-pop{position:fixed;top:76px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--paper);border:none;border-radius:999px;box-shadow:var(--shadow);padding:6px 16px 6px 8px;z-index:30;pointer-events:none;animation:praise 1.4s ease forwards}.praise-text{font-family:var(--font-hanzi);font-size:20px}.praise-points{font-family:var(--font-display);font-weight:800;color:var(--jade);font-size:17px}.collect-wrap{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:40;pointer-events:none}.collect-toast{display:flex;align-items:center;gap:10px;background:#fffbee;border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:10px 16px;font-size:14px;font-weight:700;animation:toast-in 2.4s ease forwards;max-width:88vw}.collect-star{font-size:24px}.collect-hanzi{font-family:var(--font-hanzi);font-size:20px;font-weight:400}.collect-pinyin{color:var(--ink-soft)}.game-ask{font-family:var(--font-display);font-weight:700;font-size:18px;text-align:center;margin:16px 0 12px}.combo{text-align:center;font-family:var(--font-display);font-weight:800;color:var(--red);font-size:18px;animation:pop .3s ease}.stem-card{position:relative;background:var(--paper);border:none;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 20px;text-align:center}.tian-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tian-cell{position:relative;width:86px;height:86px;border:2px solid #ef8d90;border-radius:8px;display:grid;place-items:center;font-family:var(--font-hanzi);font-size:56px;line-height:1;background:linear-gradient(to right,transparent calc(50% - 1px),var(--grid) calc(50% - 1px),var(--grid) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),var(--grid) calc(50% - 1px),var(--grid) calc(50% + 1px),transparent calc(50% + 1px))}.tian-small .tian-cell{width:54px;height:54px;font-size:34px}.tian-l5{gap:6px}.tian-l5 .tian-cell{width:74px;height:74px;font-size:46px}.tian-small.tian-l4{gap:6px}.tian-small.tian-l4 .tian-cell{width:46px;height:46px;font-size:29px}.tian-small.tian-l5{gap:5px}.tian-small.tian-l5 .tian-cell{width:40px;height:40px;font-size:25px}.pinyin{font-family:var(--font-pinyin);font-weight:700;color:var(--ink-soft);font-size:20px;margin:14px 0 0}.sentence-stem{font-family:var(--font-hanzi);font-size:28px;line-height:1.7;margin:0}.sub-stem{font-family:var(--font-body);font-weight:700;font-size:17px;color:var(--ink-soft);margin:14px 0 0;padding-top:12px;border-top:2px dashed var(--grid)}.sub-stem .blank{min-width:64px;border-bottom-width:3px}.hl{background:#ffe9a8;border-radius:6px;padding:0 4px;border-bottom:3px solid var(--gold)}.blank{display:inline-block;min-width:84px;border-bottom:3px solid var(--line);background:var(--sky);border-radius:6px 6px 0 0}.seal{position:absolute;top:-18px;right:-12px;width:76px;height:76px;border-radius:16px;border:4px solid var(--red-deep);color:var(--red);background:#ffffffeb;font-family:var(--font-hanzi);font-size:44px;display:grid;place-items:center;transform:rotate(12deg);box-shadow:inset 0 0 0 2px #e0393e40;animation:stamp .35s cubic-bezier(.2,2.2,.4,1);z-index:2}.burst{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;animation:burst .6s ease forwards;z-index:1}.speak-btn{position:absolute;bottom:8px;right:10px;width:40px;height:40px;border:none;background:none;color:var(--ink-soft);z-index:2;transition:color .15s ease,transform .1s ease}.speak-btn:hover{color:var(--ink);transform:scale(1.1)}.speak-btn:active{transform:scale(.92)}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--paper);border:none;border-radius:var(--radius);box-shadow:var(--shadow);padding:13px 16px;font-size:17px;font-weight:700;font-family:var(--font-body);transition:transform .08s ease}.option-pinyin .option-text{font-family:var(--font-pinyin);font-weight:700}.option-zh .option-text{font-family:var(--font-hanzi);font-size:21px;font-weight:400}.option:not(:disabled):hover{transform:translateY(-2px)}.option:not(:disabled):active{transform:translateY(2px);box-shadow:none}.option-letter{flex:none;width:32px;height:32px;border-radius:50%;border:none;background:var(--sky);font-family:var(--font-display);font-weight:800;font-size:15px;display:grid;place-items:center}.option.right{background:var(--jade-soft);box-shadow:0 0 0 2.5px var(--jade);animation:pop .3s ease}.option.right .option-letter{background:var(--jade);color:#fff}.option.picked-wrong{background:var(--rose-soft);box-shadow:0 0 0 2px var(--red);animation:shake .35s ease}.option.faded{opacity:.45}.feedback{margin-top:18px;background:#fff8e8;border:none;box-shadow:var(--shadow);border-radius:var(--radius);padding:16px 18px}.feedback-title{font-family:var(--font-display);font-weight:800;margin:0 0 8px}.feedback-clue{font-family:var(--font-hanzi);font-size:20px;margin:0 0 6px}.feedback-why{color:var(--ink-soft);margin:0 0 10px;font-size:15px}.feedback-answer{margin:0 0 14px;font-size:16px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match-col{display:grid;grid-auto-rows:1fr;gap:12px}.match-card{border:none;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);padding:10px;min-height:74px;display:flex;align-items:center;justify-content:center;transition:transform .08s ease}.match-hanzi{flex-direction:column;gap:0}.match-word{font-family:var(--font-hanzi);font-size:25px;line-height:1.15}.match-pinyin{font-family:var(--font-pinyin);font-weight:700;font-size:13px;color:var(--ink-soft)}.match-english{font-family:var(--font-body);font-weight:700;font-size:16px}.match-card:not(:disabled):active{transform:translateY(2px);box-shadow:none}.match-card.selected{background:#eef3ff;box-shadow:0 0 0 2.5px var(--blue);transform:scale(1.03)}.match-card.matched{background:var(--jade-soft);color:var(--jade);box-shadow:none;animation:pop .3s ease}.match-card.wrong{background:var(--rose-soft);box-shadow:0 0 0 2px var(--red);animation:shake .35s ease}.results{display:grid;place-items:center}.results-card{padding:30px 26px;text-align:center;max-width:420px;width:100%}.results-card .avatar{filter:drop-shadow(0 5px 10px rgba(40,48,63,.2))}.results-stage{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);margin:0}.results-face{font-size:64px;margin:12px 0;animation:bounce .8s ease}.results-msg-zh{font-family:var(--font-hanzi);font-weight:400;font-size:34px;margin:0}.results-msg-en{color:var(--ink-soft);margin:6px 0 14px}.results-score{font-family:var(--font-display);font-weight:800;font-size:19px}.xp-gain{color:var(--jade)}.results-buttons{display:grid;gap:10px;margin-top:10px}.big-btn{font-family:var(--font-display);font-weight:800;font-size:17px;background:var(--gold);border:none;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 22px}.big-btn:active{transform:translateY(2px);box-shadow:none}.big-btn.ghost{background:var(--paper)}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.fw{position:absolute;transform:translate(-50%,-50%);opacity:0;animation:fw-pop 3s ease-out infinite;animation-delay:var(--d)}.fw-dots{transform-origin:center;animation:fw-dots 3s ease-out infinite;animation-delay:var(--d)}.cf{position:absolute;top:-7vh;animation:cf-fall linear infinite}.cf-sway{animation:cf-sway ease-in-out infinite alternate}.cf-spin{animation:cf-spin linear infinite}@media (prefers-reduced-motion: reduce){.celebration{display:none}}.book-title{font-family:var(--font-hanzi);font-weight:400;font-size:22px;margin:0;flex:1;text-align:center}.book-count{font-family:var(--font-display);font-weight:800;font-size:15px;white-space:nowrap}.book-progress{height:10px;border-radius:999px;background:var(--paper);box-shadow:inset 0 1px 3px #28303f1f;overflow:hidden;margin:4px 0 14px}.book-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd873);border-radius:999px;transition:width .5s ease}.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 12px}.book-shown-label{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink-soft)}.got-toggle{border:none;background:var(--paper);border-radius:999px;padding:6px 13px;font-family:var(--font-display);font-weight:800;font-size:13.5px;color:var(--ink-soft);box-shadow:var(--shadow);transition:background .15s ease,color .15s ease}.got-toggle.on{background:#fff3d6;color:var(--ink);box-shadow:0 0 0 2px var(--gold)}.book-empty{text-align:center;font-family:var(--font-hanzi);font-size:19px;color:var(--ink-soft);margin-top:60px;line-height:1.8}.book-empty span{font-family:var(--font-body);font-size:14px}.word-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.word-tile{position:relative;min-height:56px;border:none;border-radius:14px;font-family:var(--font-hanzi);font-size:21px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .08s ease}.word-tile:active{transform:scale(.94)}.tile-dots{display:flex;justify-content:center;gap:3px;margin-top:3px}.tile-dot{width:5px;height:5px;border-radius:50%;background:var(--grid)}.tile-dot.f{background:var(--gold)}.word-tile.t-tricky .tile-dot{background:#f2c7c9}.word-tile.t-new{background:#ffffff73;color:#a9bad4}.word-tile.t-learning{background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.word-tile.t-tricky{background:var(--rose-soft);color:var(--red-deep);box-shadow:var(--shadow)}.word-tile.t-got{background:#fff3d6;color:var(--ink);box-shadow:var(--shadow)}.tile-star{position:absolute;top:-5px;right:-4px;filter:drop-shadow(0 1px 1px rgba(40,48,63,.25))}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#28303f59;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:sheet-fade .2s ease}.sheet{position:relative;width:min(560px,100%);background:var(--paper);border-radius:24px 24px 0 0;padding:22px 20px 26px;box-shadow:0 -8px 30px #28303f40;animation:sheet-up .25s cubic-bezier(.2,1.2,.4,1)}.sheet-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:none;border-radius:50%;background:var(--sky);color:var(--ink-soft);font-size:15px;font-weight:800}.sheet-word{display:flex;align-items:center;gap:14px;margin-bottom:10px}.sheet-word-meta{flex:1}.sheet-pinyin{display:flex;align-items:center;gap:7px;font-family:var(--font-pinyin);font-weight:700;color:var(--ink-soft);font-size:17px;margin:0 0 2px}.sheet-english{font-weight:800;font-size:17px;margin:0}.sheet-def{font-family:var(--font-hanzi);font-size:18px;color:var(--ink-soft);margin:0 0 12px}.sheet-example{background:var(--sky);border-radius:14px;padding:12px 14px;margin-bottom:12px}.sheet-sentence{font-family:var(--font-hanzi);font-size:19px;line-height:1.6;margin:0 0 4px}.sheet-sentence-speak{border:none;background:none;padding:2px 4px;vertical-align:middle}.sheet-translation{color:var(--ink-soft);font-size:14px;margin:0}.sheet-status{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--gold);letter-spacing:1px;margin:0}.sheet-status.got{color:var(--jade)}.profile-hero{text-align:center;margin-bottom:22px}.profile-avatar{display:inline-grid;place-items:center;margin-bottom:8px}.profile-avatar .avatar{filter:drop-shadow(0 5px 10px rgba(40,48,63,.2))}.profile-title{font-family:var(--font-hanzi);font-weight:400;font-size:26px;margin:0 0 10px}.profile-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.stat-chip{font-family:var(--font-display);font-weight:800;font-size:15px}.picker-section{margin-bottom:26px}.picker-title{font-family:var(--font-display);font-weight:800;font-size:18px;margin:0 0 2px}.picker-hint{color:var(--ink-soft);font-size:13px;margin:0 0 12px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.picker-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--paper);border:none;border-radius:16px;box-shadow:var(--shadow);padding:12px 8px 10px;font-family:var(--font-body)}.picker-card:not(:disabled):active{transform:translateY(2px)}.picker-card.selected{background:#fffbee;box-shadow:0 0 0 2.5px var(--gold)}.picker-card.locked{opacity:.55;cursor:not-allowed}.picker-card.locked .avatar{filter:grayscale(1)}.picker-name{font-family:var(--font-hanzi);font-size:17px}.picker-name small{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);font-size:11px}.picker-lock{font-family:var(--font-display);font-weight:700;font-size:11.5px;color:var(--ink-soft)}.picker-check{position:absolute;top:-8px;right:-6px;width:26px;height:26px;border-radius:50%;background:var(--jade);color:#fff;border:2px solid var(--paper);font-weight:900;display:grid;place-items:center;font-size:14px}.settings-list{background:var(--paper);border-radius:20px;box-shadow:var(--shadow);padding:4px 18px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0}.settings-row+.settings-row{border-top:1.5px solid var(--sky)}.settings-name{font-family:var(--font-display);font-weight:800;font-size:16px;margin:0 0 2px}.settings-desc{color:var(--ink-soft);font-size:13px;margin:0}.toggle{flex:none;position:relative;width:56px;height:32px;border:none;border-radius:999px;background:var(--sky-deep);padding:4px;display:flex;align-items:center;transition:background .18s ease}.toggle.on{background:var(--jade)}.toggle.on .toggle-knob{transform:translate(24px)}.toggle-knob{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #28303f4d;transition:transform .15s ease}.danger-btn{background:var(--rose-soft);color:var(--red-deep);font-family:var(--font-hanzi);font-weight:400;font-size:16px;padding:9px 20px;border-radius:999px;box-shadow:none}@keyframes pop{0%{transform:scale(.92)}55%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@keyframes stamp{0%{transform:rotate(12deg) scale(2.4);opacity:0}70%{transform:rotate(12deg) scale(.95);opacity:1}to{transform:rotate(12deg) scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}70%{transform:translateY(-5px)}}@keyframes fw-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}7%{opacity:1}32%{opacity:1}58%,to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@keyframes fw-dots{0%,8%{transform:scale(.35);opacity:0}22%{opacity:1}58%,to{transform:scale(1.3);opacity:0}}@keyframes cf-fall{to{transform:translateY(115vh)}}@keyframes cf-sway{0%{transform:translate(-9px)}to{transform:translate(9px)}}@keyframes sheet-up{0%{transform:translateY(60px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes cf-spin{to{transform:rotate3d(1,1,0,360deg)}}@keyframes praise{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.7)}18%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}30%{transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-16px) scale(.95)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-24px)}12%{opacity:1;transform:translateY(0)}86%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes burst{0%{opacity:0;transform:scale(.4)}35%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(26px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 480px){.tian-cell{width:66px;height:66px;font-size:42px}.tian-l4 .tian-cell{width:60px;height:60px;font-size:38px}.tian-l5{gap:5px}.tian-l5 .tian-cell{width:50px;height:50px;font-size:31px}.sentence-stem{font-size:23px}.app-title{font-size:32px}.path-row{max-width:100%}.stage-node{width:74px;height:74px;font-size:32px}.match-card{min-height:64px;padding:8px 6px}.match-word{font-size:21px}.match-pinyin{font-size:11.5px}.match-english{font-size:14px}.match-grid,.match-col{gap:10px}.option{padding:11px 12px;font-size:15px}.level-strip{flex-wrap:wrap}}.review-banner{width:100%;display:flex;align-items:center;gap:10px;background:var(--rose-soft);border:none;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px;margin-bottom:12px;font-family:var(--font-body);animation:rise .4s ease backwards}.review-banner .ic{animation:flicker 1.8s ease-in-out infinite}.review-banner-text{font-family:var(--font-hanzi);font-size:17px;color:var(--red-deep)}.review-banner-cta{margin-left:auto;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--red);white-space:nowrap}.review-banner:active{transform:translateY(2px)}.path>div{animation:rise .45s ease backwards}.path>div:nth-child(1){animation-delay:.03s}.path>div:nth-child(2){animation-delay:.09s}.path>div:nth-child(3){animation-delay:.15s}.path>div:nth-child(4){animation-delay:.21s}.path>div:nth-child(5){animation-delay:.27s}.path>div:nth-child(6){animation-delay:.33s}.stage-node.next{animation:invite 2.2s ease-in-out infinite}@keyframes invite{0%,to{filter:drop-shadow(0 3px 6px rgba(40,48,63,.18))}50%{filter:drop-shadow(0 3px 6px rgba(40,48,63,.12)) drop-shadow(0 0 12px rgba(245,185,64,.85));transform:scale(1.05)}}.mascot .avatar,.profile-avatar .avatar{animation:breathe 3.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.connector path{animation:dash-flow 10s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-66}}.level-fill{position:relative;overflow:hidden}.level-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-100%);animation:sheen 4.5s ease-in-out infinite}@keyframes sheen{0%,55%{transform:translate(-100%)}75%,to{transform:translate(100%)}}.word-tile{animation:tile-in .3s ease backwards;animation-delay:min(var(--i, 0) * 14ms,.56s)}@keyframes tile-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.results-stars .stars svg{animation:star-land .5s cubic-bezier(.2,1.6,.4,1) backwards}.results-stars .stars svg:nth-child(1){animation-delay:.15s}.results-stars .stars svg:nth-child(2){animation-delay:.4s}.results-stars .stars svg:nth-child(3){animation-delay:.65s}@keyframes star-land{0%{opacity:0;transform:scale(2.2) rotate(-24deg)}to{opacity:1;transform:scale(1) rotate(0)}}.nav-tab.active{animation:pop .25s ease}@keyframes flicker{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(5deg) scale(1.08)}}.combo .ic{animation:flicker 1.4s ease-in-out infinite}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lesson-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 16px;scrollbar-width:none}.lesson-tabs::-webkit-scrollbar{display:none}.lesson-tab{flex:none;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-hanzi);font-size:16px;color:var(--ink-soft);background:var(--paper);border:none;border-radius:999px;padding:7px 15px;box-shadow:var(--shadow);transition:background .15s ease,color .15s ease}.lesson-tab.active{background:#fff3d6;color:var(--ink);box-shadow:0 0 0 2px var(--gold)}.lesson-tab.locked{opacity:.5;cursor:not-allowed;box-shadow:none;background:#ffffff80}.lesson-done{display:inline-grid;place-items:center}.confirm-backdrop{align-items:center}.confirm-box{background:var(--paper);border-radius:24px;box-shadow:var(--shadow-lift);padding:26px 24px;text-align:center;max-width:330px;width:calc(100% - 40px);animation:pop .25s ease}.confirm-title{font-family:var(--font-hanzi);font-weight:400;font-size:24px;margin:8px 0 2px}.confirm-text{color:var(--ink-soft);font-size:14px;margin:0 0 16px}.confirm-buttons{display:grid;gap:10px}.retry-hint{text-align:center;font-family:var(--font-display);font-weight:700;color:var(--red);font-size:15px;margin:-4px 0 10px;animation:rise .3s ease}.big-btn.review-btn{background:var(--rose-soft);color:var(--red-deep)}.mascot{position:relative;border:none;background:none;padding:0;cursor:pointer;transition:transform .12s ease}.mascot-level{position:absolute;bottom:-4px;right:-12px;background:var(--red);color:#fff;border-radius:10px;box-shadow:0 0 0 3px var(--paper);font-family:var(--font-display);font-weight:800;font-size:12px;padding:2px 7px;pointer-events:none}.mascot:hover{transform:scale(1.06)}.mascot:active{transform:scale(.94)}.journey-note{font-family:var(--font-hanzi);font-size:15px;color:var(--ink-soft);margin:-14px 4px 18px}.world{display:flex;flex-direction:column;gap:26px;padding-top:34px}.chapter-banner{display:flex;align-items:baseline;gap:10px;margin:6px 0 26px}.chapter-name{font-family:var(--font-hanzi);font-size:24px}.chapter-range{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink-soft)}.wm-row{display:flex;align-items:center;gap:16px;max-width:480px}.wm-row.wm-right{margin-left:auto;flex-direction:row-reverse;text-align:right}.wm-node{position:relative;flex:none;width:84px;height:84px;border:none;border-radius:50%;background:var(--paper);box-shadow:var(--shadow-lift);display:grid;place-items:center;transition:transform .12s ease}.wm-node:not(.locked):hover{transform:scale(1.08)}.wm-node:not(.locked):active{transform:scale(.94)}.wm-node.done{background:#fff3d6}.wm-node.locked{background:#ffffff73;box-shadow:none;cursor:not-allowed;opacity:.7}.wm-node.current{animation:invite 2.2s ease-in-out infinite}.wm-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);pointer-events:none}.wm-badge{position:absolute;top:-6px;left:-6px;min-width:26px;height:26px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--paper);font-family:var(--font-display);font-weight:800;font-size:13px;display:grid;place-items:center;padding:0 4px}.wm-done-badge{position:absolute;bottom:-4px;right:-4px;filter:drop-shadow(0 1px 2px rgba(40,48,63,.25))}.wm-avatar{position:absolute;top:-34px;left:50%;transform:translate(-50%);filter:drop-shadow(0 3px 5px rgba(40,48,63,.22));animation:breathe 3.2s ease-in-out infinite;pointer-events:none}.wm-info{display:flex;flex-direction:column;gap:2px}.wm-title{font-family:var(--font-hanzi);font-size:20px}.wm-stars{font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--ink-soft)}.wm-more{text-align:center;font-family:var(--font-hanzi);color:var(--ink-soft);opacity:.7;margin:10px 0 0}.lesson-title{flex:1;text-align:center;font-family:var(--font-hanzi);font-size:21px;margin:0;font-weight:400}.teacher-block{display:flex;align-items:center;gap:12px;text-align:left;background:#fff3d6;border-radius:20px;box-shadow:var(--shadow);padding:14px 16px;margin-bottom:18px;animation:pop .4s ease}.teacher-block .owl{flex:none;overflow:visible}.teacher-bubble{font-size:14.5px;line-height:1.55}.teacher-bubble strong{font-family:var(--font-hanzi);font-weight:400;font-size:17px}.wm-block{position:relative}.wm-decor{position:absolute;top:34px;opacity:.75;pointer-events:none}.wm-decor .ic{overflow:visible;filter:drop-shadow(0 2px 3px rgba(40,48,63,.12))}.wm-decor.decor-right{right:4%}.wm-decor.decor-left{left:4%}.wm-node.locked .wm-face .ic{filter:grayscale(1);opacity:.55}.wm-node.locked .wm-badge{background:var(--grid);color:var(--ink-soft)}.world-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle 110px at 102% -3%,#ffe9a8 0%,#ffe9a8 40%,transparent 64%),radial-gradient(140% 60% at 20% 108%,#cdedc3 0%,transparent 60%),radial-gradient(140% 55% at 85% 112%,#bfe6b4 0%,transparent 62%),linear-gradient(180deg,#dff2ff,#e7f6e0 46%,#d9efcf)}.world-page{position:relative}.road{display:block;width:min(420px,82%);height:46px;margin:-2px auto;overflow:visible}.road-flip{transform:scaleX(-1)}.wm-node{width:92px;height:92px}.wm-node.current{transform:scale(1.1)}.wm-node.current:hover{transform:scale(1.16)}.wm-node.done{background:linear-gradient(160deg,#ffe9a8,#f5b940)}.wm-node.done .wm-face .ic{filter:drop-shadow(0 1px 2px rgba(184,138,18,.5))}.wm-node.locked{background:#ffffff8c}.wm-decor{border:none;background:none;padding:4px;cursor:pointer;opacity:.9}.wm-decor.wiggle{animation:wiggle .5s ease}.wm-decor .ic{overflow:visible}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}30%{transform:rotate(-9deg) scale(1.15)}60%{transform:rotate(8deg) scale(1.08)}}.stage-node.launching,.wm-node.launching{animation:launch .36s cubic-bezier(.2,1.4,.4,1);z-index:3}@keyframes launch{0%{transform:scale(1)}45%{transform:scale(1.24) rotate(7deg)}to{transform:scale(1.08) rotate(0)}}@media (hover: none){.stage-node:not(.locked):active{transform:scale(1.1) rotate(-4deg)}.wm-node:not(.locked):active{transform:scale(1.1)}.gear-btn:active{transform:rotate(30deg)}.mascot:active{transform:scale(1.08)}.word-tile:active{transform:scale(1.06)}.picker-card:not(:disabled):active{transform:scale(1.04)}.option:not(:disabled):active{transform:translateY(-2px)}}.ach-wrap{position:fixed;top:14px;right:14px;z-index:70;pointer-events:none}.ach-toast{display:flex;align-items:center;gap:12px;background:#2f2a3a;border:2px solid #6f6486;border-radius:12px;padding:10px 18px 10px 12px;box-shadow:0 6px 18px #14101e59;animation:ach-in 3.4s ease forwards;max-width:320px}.ach-icon{display:grid;place-items:center;width:44px;height:44px;background:#443c58;border-radius:9px;flex:none}.ach-text{display:flex;flex-direction:column;line-height:1.25}.ach-heading{color:#f5b940;font-family:var(--font-display);font-weight:800;font-size:13px}.ach-name{color:#fff;font-family:var(--font-hanzi);font-size:17px}.ach-sub{color:#b9aed4;font-size:11.5px;font-weight:700}@keyframes ach-in{0%{opacity:0;transform:translate(60px)}8%,88%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.ach-card{display:flex;align-items:center;gap:10px;background:var(--paper);border-radius:12px;box-shadow:var(--shadow);padding:8px 12px}.ach-card:not(.got){opacity:.45}.ach-card:not(.got) .ic{filter:grayscale(1)}.ach-card-icon{flex:none;display:grid;place-items:center}.ach-card-text{display:flex;flex-direction:column;line-height:1.3}.ach-card-zh{font-family:var(--font-hanzi);font-size:15.5px}.ach-card-en{font-size:11.5px;color:var(--ink-soft);font-weight:700}.stage-node.mastery .stage-emoji{filter:drop-shadow(0 0 8px rgba(155,120,255,.55))}.stage-num-mastery{background:#b79bff}.crown-earned{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 3px rgba(40,48,63,.3));pointer-events:none}.mastery-tag{font-family:var(--font-display);font-weight:800;font-size:11px;color:#7c5cd6;background:#efe7ff;border-radius:999px;padding:3px 9px;align-self:center}.results-crown{display:flex;flex-direction:column;align-items:center;gap:4px;margin:6px 0}.results-crown .ic{overflow:visible;filter:drop-shadow(0 3px 6px rgba(184,138,18,.45));animation:bounce .9s ease}.crown-msg{font-family:var(--font-hanzi);font-size:18px;color:#b8860b;margin:0}.crown-hint{font-family:var(--font-hanzi);font-size:16px;color:var(--ink-soft);margin:6px 0}.levelup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#ffe9a8eb,#fff9ebf0 60%);animation:sheet-fade .25s ease}.levelup-box{text-align:center;animation:pop .45s cubic-bezier(.2,1.5,.4,1)}.levelup-avatar{display:inline-block;filter:drop-shadow(0 8px 16px rgba(40,48,63,.25));animation:bounce 1s ease infinite}.levelup-title{font-family:var(--font-hanzi);font-size:40px;margin:10px 0 2px}.levelup-level{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--red);margin:0 0 4px}.levelup-level small{color:var(--ink-soft);font-size:14px}.levelup-cheer{font-family:var(--font-hanzi);font-size:17px;color:var(--ink-soft);margin:0}.clue-mark{background:#ffe9a8;border-radius:6px;padding:0 3px;border-bottom:3px solid var(--gold);animation:clue-glow 1.5s ease-in-out 2}@keyframes clue-glow{0%,to{box-shadow:0 0 #f5b94000}50%{box-shadow:0 0 0 5px #f5b94073}}.word-list{display:flex;flex-direction:column;gap:6px}.word-row{display:flex;align-items:center;gap:12px;width:100%;border:none;background:var(--paper);border-radius:12px;box-shadow:var(--shadow);padding:9px 14px;text-align:left;animation:tile-in .25s ease backwards;animation-delay:min(var(--i, 0) * 10ms,.4s);transition:transform .08s ease}.word-row:active{transform:scale(.985)}.word-row.r-tricky{background:var(--rose-soft)}.word-row.r-got{background:#fff3d6}.row-hanzi{font-family:var(--font-hanzi);font-size:20px;min-width:86px;flex:none}.row-pinyin{font-family:var(--font-pinyin);font-weight:700;font-size:12.5px;color:var(--ink-soft);min-width:88px;flex:none}.row-english{flex:1;min-width:0;font-size:12.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-dots{margin:0;flex:none}.row-star{flex:none;display:grid;place-items:center}@media (max-width: 420px){.row-pinyin{display:none}}.en-btn{position:absolute;bottom:8px;left:12px;border:none;background:none;font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:1px;color:var(--ink-soft);opacity:.7;z-index:2;transition:color .15s ease,opacity .15s ease}.en-btn:hover,.en-btn[aria-pressed=true]{color:var(--blue);opacity:1}.decor-art{display:inline-block}.decor-art .ic{overflow:visible}.decor-art.sway{animation-name:wind;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;transform-origin:50% 100%}@keyframes wind{0%{transform:rotate(-2.5deg)}to{transform:rotate(3.2deg)}}.decor-art.flutter{animation-name:flutter-bob;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes flutter-bob{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-8px) rotate(6deg)}}.rotor{animation:rotor-spin 7s linear infinite;transform-origin:12px 10px}@keyframes rotor-spin{to{transform:rotate(360deg)}}.wm-finish{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:20px}.wm-finish .trophy{width:76px;height:76px}.update-banner{position:fixed;bottom:86px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;border:none;background:var(--ink);color:#fff;font-family:var(--font-body);font-weight:700;font-size:14px;border-radius:999px;padding:10px 18px;box-shadow:0 6px 20px #14101e59;animation:rise .4s ease}.version-line{text-align:center;color:var(--ink-soft);opacity:.7;font-size:12px;font-weight:700;margin-top:26px}.option-speak{margin-left:auto;flex:none;display:grid;place-items:center;padding:6px;color:var(--ink-soft);opacity:.65;border-radius:50%;transition:color .15s ease,opacity .15s ease,transform .1s ease}.option-speak:hover{color:var(--ink);opacity:1;transform:scale(1.12)}.top-spacer{width:44px;flex:none}.round-bar{height:10px;margin:-6px 2px 18px;border-radius:999px;background:var(--paper);box-shadow:inset 0 1px 3px #28303f1f;overflow:hidden}.round-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--jade),#5cc790);transition:width .35s ease}.world{position:relative}.traveler{position:absolute;left:0;top:0;width:50px;height:50px;margin:-25px 0 0 -25px;z-index:6;pointer-events:none;filter:drop-shadow(0 5px 7px rgba(40,48,63,.28));animation:travel 2s cubic-bezier(.45,0,.25,1) forwards}@keyframes travel{0%{transform:translate(var(--x0),var(--y0))}to{transform:translate(var(--x1),var(--y1))}}.traveler-bob{display:block;animation:walk-bob .42s ease-in-out infinite}@keyframes walk-bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}@media (prefers-reduced-motion: reduce){.traveler{animation-duration:.01s}.traveler-bob{animation:none}}.write-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;overflow:hidden;overscroll-behavior:contain;background:var(--sky);background-image:radial-gradient(var(--sky-deep) 1.5px,transparent 1.5px);background-size:26px 26px;padding:20px 16px;display:flex;flex-direction:column;max-width:640px;margin:0 auto}.write-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.write-stage .write-pinyin{margin-top:2px}.write-grid{position:relative;width:300px;height:300px;background:var(--paper);border:2.5px solid #ef8d90;border-radius:16px;box-shadow:var(--shadow-lift);display:grid;place-items:center}.mi-grid{position:absolute;top:6px;right:6px;bottom:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);pointer-events:none;z-index:0}.mi-grid line{stroke:#e3ecf8;stroke-width:.6;stroke-dasharray:3 3}.write-box{position:relative;z-index:1;width:272px;height:272px;touch-action:none}.write-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffffe6;font-family:var(--font-hanzi);font-size:18px;color:var(--ink-soft);border-radius:14px;margin:0;text-align:center;padding:20px}.write-done{position:absolute;bottom:-26px;right:-22px;z-index:2;filter:drop-shadow(0 4px 8px rgba(40,48,63,.25));animation:pop .4s cubic-bezier(.2,1.5,.4,1);pointer-events:none}.write-pinyin{font-family:var(--font-pinyin);font-weight:700;font-size:22px;color:var(--ink-soft);margin:0}.write-controls{display:flex;gap:16px}.write-ctl{width:56px;height:56px;border:none;border-radius:50%;background:var(--paper);box-shadow:var(--shadow);display:grid;place-items:center;transition:transform .1s ease}.write-ctl:active{transform:scale(.92)}.write-char-dots{display:flex;gap:10px;align-items:center}.char-dot{width:16px;height:16px;padding:0;border:none;border-radius:50%;background:var(--grid);transition:transform .12s ease,background .15s ease}.char-dot.f{background:var(--gold)}.char-dot.now{background:var(--red);transform:scale(1.25)}.char-dot:hover{transform:scale(1.2)}.big-btn.write-btn{width:100%;margin-bottom:12px}.write-grid.shiver{animation:shiver .3s ease}@keyframes shiver{0%,to{transform:translate(0)}30%{transform:translate(-4px)}65%{transform:translate(4px)}}.write-seal{position:absolute;top:2px;right:2px;z-index:3;pointer-events:none}.write-seal .seal{position:static;width:62px;height:62px;font-size:36px}.trace-tag{font-family:var(--font-display);font-weight:800;font-size:11px;color:#b8262b;background:var(--rose-soft);border-radius:999px;padding:3px 9px;margin-left:8px;vertical-align:4px}.dict-slots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:340px;margin-bottom:4px}.dict-slot{width:32px;height:32px;display:grid;place-items:center;background:var(--paper);border:2px solid var(--grid);border-radius:8px;font-family:var(--font-display);font-size:20px;line-height:1;color:var(--ink)}.dict-slot.now{border-color:var(--gold);animation:dict-now 1.2s ease-in-out infinite}@keyframes dict-now{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.dict-slot.skip{color:#c56a74;border-color:var(--rose-soft);background:var(--rose-soft)}.dict-punct{font-family:var(--font-display);font-size:20px;color:var(--ink);opacity:.55}.dict-skip{border:none;border-radius:999px;background:var(--paper);box-shadow:var(--shadow);font-family:var(--font-display);font-size:14px;color:var(--ink-soft, #6b7688);padding:0 18px;height:44px;align-self:center;transition:transform .1s ease}.dict-skip:active{transform:scale(.95)}.oral-page{padding-bottom:96px}.oral-head{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:26px;margin:4px 0 18px}.oral-setup{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:12px}.oral-setup-title{font-family:var(--font-display);font-size:19px;margin:0}.oral-setup-text{font-size:14px;color:var(--ink-soft);line-height:1.7;margin:0}.oral-key-input{border:2px solid var(--grid);border-radius:12px;padding:12px 14px;font-size:15px;font-family:inherit}.oral-key-input:focus{outline:none;border-color:var(--blue, #3d6bff)}.oral-key-link{border:none;background:none;color:var(--ink-soft);font-size:12px;text-decoration:underline;margin:18px auto 0;display:block}.oral-list{display:flex;flex-direction:column;gap:10px}.oral-item{display:flex;align-items:center;gap:12px;background:var(--paper);border:none;border-radius:16px;box-shadow:var(--shadow);padding:12px 14px;text-align:left;transition:transform .1s ease}.oral-item:active{transform:scale(.98)}.oral-item-icon{flex:none;display:grid;place-items:center}.oral-item-title{flex:1;font-family:var(--font-display);font-size:17px}.oral-best{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:14px;color:var(--ink-soft)}.oral-best.gold{color:#b8860b}.oral-best.new{font-size:12px;opacity:.6}.oral-stage{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:22px}.oral-hint{font-family:var(--font-display);font-size:16px;color:var(--ink-soft);text-align:center;margin:0;max-width:300px}.oral-rec{position:relative;width:96px;height:96px;border:none;border-radius:50%;background:#ff8a80;box-shadow:0 6px 18px #ff8a808c;display:grid;place-items:center;color:#fff;transition:transform .12s ease}.oral-rec:active{transform:scale(.94)}.oral-rec.live{animation:oral-pulse 1.3s ease-in-out infinite}@keyframes oral-pulse{0%,to{box-shadow:0 6px 18px #ff8a808c}50%{box-shadow:0 6px 18px #ff8a808c,0 0 0 16px #ff8a802e}}.oral-stop{position:relative;width:30px;height:30px;border-radius:7px;background:#fff}.oral-level{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:3px solid rgba(255,138,128,.5);transition:transform 90ms linear;pointer-events:none}.oral-timer{font-family:var(--font-display);font-size:30px;margin:0}.oral-audio{width:100%;max-width:340px}.oral-review-btns{display:flex;gap:10px;width:100%;max-width:380px;margin:10px auto 0}.oral-review-btns .big-btn{flex:1}.oral-error{text-align:center;color:#b8262b;font-family:var(--font-display);font-size:15px;margin:14px 0 0}.oral-wait{margin-top:40px}.oral-dots{display:flex;gap:7px}.oral-dots i{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:oral-bounce 1.1s ease-in-out infinite}.oral-dots i:nth-child(2){animation-delay:.18s}.oral-dots i:nth-child(3){animation-delay:.36s}@keyframes oral-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-7px);opacity:1}}.oral-report{display:flex;flex-direction:column;gap:18px;margin-top:14px}.oral-score-row{display:flex;align-items:center;justify-content:center;gap:20px}.oral-dial{position:relative;width:128px;height:128px}.oral-dial svg{width:100%;height:100%}.oral-dial-arc{transition:stroke-dasharray .9s cubic-bezier(.2,.8,.3,1)}.oral-dial-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:40px}.oral-score-side{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.oral-newbest{font-family:var(--font-display);font-size:17px;color:#b8860b;animation:oral-pop .4s cubic-bezier(.2,1.4,.4,1)}@keyframes oral-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.oral-subs{display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;margin:0 auto}.oral-sub{display:flex;align-items:center;gap:10px}.oral-sub-label{font-family:var(--font-display);font-size:15px;width:40px;flex:none}.oral-sub-bar{flex:1;height:10px;border-radius:999px;background:#eef2fa;overflow:hidden}.oral-sub-fill{display:block;height:100%;border-radius:999px;background:var(--gold);transition:width .8s cubic-bezier(.2,.8,.3,1)}.oral-sub-num{font-family:var(--font-display);font-size:14px;width:30px;text-align:right;color:var(--ink-soft)}.oral-block-title{font-family:var(--font-display);font-size:17px;margin:0 0 8px}.oral-strengths{display:flex;flex-wrap:wrap;gap:8px}.oral-chip{background:var(--gold-soft, #fdf1d3);color:#8a6410;border-radius:999px;padding:6px 13px;font-family:var(--font-display);font-size:14px}.oral-issues{display:flex;flex-direction:column;gap:8px}.oral-issue{display:flex;align-items:flex-start;gap:10px;background:var(--paper);border-radius:14px;box-shadow:var(--shadow);padding:10px 12px}.oral-kind{flex:none;font-family:var(--font-display);font-size:12px;border-radius:999px;padding:4px 9px;margin-top:3px}.k-tone{background:#ffe3ea;color:#b8262b}.k-sound{background:#e7ecff;color:#2b4bcc}.k-missed,.k-extra{background:#fff1d6;color:#9a6b1f}.k-hesit,.k-pace{background:#e2f5eb;color:#1f7a4d}.k-other{background:#efe7ff;color:#6b46c1}.oral-issue-char{flex:none;display:inline-flex;align-items:center;gap:4px;border:none;background:none;font-family:var(--font-hanzi);font-size:22px;padding:0;color:var(--ink)}.oral-issue-text{font-size:14px;line-height:1.6;color:var(--ink)}.oral-issue-text em{display:block;font-style:normal;color:var(--ink-soft);font-size:13px}.oral-summary{margin:4px 0 0}.passage-card{text-align:left}.passage-text{font-family:var(--font-display);font-size:19px;line-height:1.9;color:var(--ink);margin:0;padding-right:34px}.rq-question{display:inline-flex;align-items:center;gap:8px}.rq-speak{border:none;background:none;padding:4px;display:grid;place-items:center;opacity:.75}.row-pencil{flex:none;display:grid;place-items:center;opacity:.5}.row-pencil .ic{filter:grayscale(1)}.row-pencil.gold{opacity:1}.row-pencil.gold .ic{filter:none}