:root{--sky: #eaf3ff;--sky-deep: #d8e9ff;--ease-spring: cubic-bezier(.2, 1.4, .4, 1);--paper: #ffffff;--ink: #28303f;--ink-soft: #5b6577;--red: #e0393e;--red-deep: #b8262b;--gold: #f5b940;--bronze: #c98b4f;--silver: #a9b3c4;--jade: #2fa36b;--jade-ink: #1f7d4f;--gold-ink: #8a5a00;--jade-soft: #e2f5eb;--rose-soft: #fdeaea;--grid: #9fb4d3;--blue: #3d6bff;--line: #4d586e;--shadow-ink: #a9b6d0;--font-display: "Fredoka", "Segoe UI", "Noto Sans", "ZCOOL KuaiLe", "KaiTi", sans-serif;--font-body: "Fredoka", "Segoe UI", "Noto Sans", "ZCOOL KuaiLe", "KaiTi", sans-serif;--font-hanzi: "ZCOOL KuaiLe", "KaiTi", "DFKai-SB", "SimSun", serif;--font-dict: "LXGW WenKai Screen", "KaiTi", "Kaiti SC", "STKaiti", "BiauKai", serif;--font-native: system-ui, -apple-system, "Segoe UI", "Noto Sans", "Hiragino Sans", "Yu Gothic UI", "Meiryo", "Noto Sans JP", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ja: "Hiragino Sans", "Yu Gothic UI", "Meiryo", "Noto Sans JP", var(--font-native);--font-hant: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", var(--font-native);--font-ko: "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", var(--font-native);--font-pinyin: system-ui, "Segoe UI", Arial, sans-serif}:root[data-ui=helper]{--font-hanzi: var(--font-rail-face), "ZCOOL KuaiLe", "KaiTi", "DFKai-SB", "SimSun", serif;--font-display: var(--font-rail-face), "ZCOOL KuaiLe", "KaiTi", "DFKai-SB", serif}:root{--t-2xs: 11px;--t-xs: 12px;--t-sm: 13px;--t-md: 14px;--t-base: 15px;--t-lg: 17px;--t-xl: 19px;--t-2xl: 22px;--t-3xl: 26px;--shadow-soft: 0 1px 4px rgba(40, 48, 63, .08);--shadow: 0 3px 12px rgba(40, 48, 63, .12);--shadow-lift: 0 6px 20px rgba(40, 48, 63, .16);--shadow-inset: inset 0 1px 3px rgba(40, 48, 63, .12);--ring: 0 0 0 2.5px;--ring-in: inset 0 0 0 2px;--r-2xs: 3px;--r-xs: 8px;--r-sm: 12px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px}:root[data-font=book]{--font-hanzi: "LXGW WenKai Lite", "KaiTi", "Kaiti SC", "STKaiti", "BiauKai", serif;--font-display: "Fredoka", "LXGW WenKai Lite", "KaiTi", "Kaiti SC", "STKaiti", sans-serif;--font-body: "Fredoka", "LXGW WenKai Lite", "KaiTi", "Kaiti SC", "STKaiti", sans-serif}:root[data-ui=zh-Hant]{--font-hanzi: var(--font-hant);--font-display: "Fredoka", var(--font-hant), sans-serif;--font-body: "Fredoka", var(--font-hant), sans-serif}:root[data-ui=zh-Hant][data-font=book]{--font-hanzi: "BiauKai", "DFKai-SB", "Kaiti TC", var(--font-hant);--font-display: "Fredoka", "BiauKai", "DFKai-SB", "Kaiti TC", var(--font-hant), sans-serif;--font-body: "Fredoka", "BiauKai", "DFKai-SB", "Kaiti TC", var(--font-hant), sans-serif}[lang=zh-Hant]{--font-hanzi: var(--font-hant)}:root[data-font=book] [lang=zh-Hant]{--font-hanzi: "BiauKai", "DFKai-SB", "Kaiti TC", var(--font-hant)}:root[data-paper=warm]{--sky: #fbf5e6;--sky-deep: #efe3c9;--grid: #bfae86}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sky);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:var(--s-5) var(--s-4) 48px;min-height:100vh;min-height:100dvh}.page.home,.page.book,.page.profile,.page.exams-page,.page.rd-page{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.exam-flag-btn{flex:none;display:grid;place-items:center;width:38px;height:38px;border:none;border-radius:var(--r-pill);background:var(--paper);color:var(--ink-soft);box-shadow:var(--shadow);cursor:pointer}.exam-flag-btn.on{background:var(--gold);color:var(--ink)}button.score-pill{border:none;font:inherit;cursor:pointer}.exam-sheet{max-height:80vh;max-height:80dvh;overflow-y:auto}.exam-sheet-count{display:flex;flex-wrap:wrap;gap:2px 0;margin:0 0 var(--s-3);font-size:var(--t-sm);color:var(--ink-soft)}.exam-sheet-count>span{white-space:nowrap}.exam-sheet-count small.rail{display:inline;margin-left:4px}.exam-sheet-section+.exam-sheet-section{margin-top:var(--s-3)}.exam-sheet-head{margin:0 0 var(--s-2);font-family:var(--font-hanzi);font-size:var(--t-md);font-weight:700}.exam-sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:var(--s-2);margin:0;padding:0;list-style:none}.exam-qchip{position:relative;width:100%;aspect-ratio:1;border:2px solid var(--sky-deep);border-radius:var(--r-sm);background:var(--paper);color:var(--ink-soft);font-family:var(--font-display);font-weight:700;font-size:var(--t-sm);cursor:pointer}.exam-qchip.done{background:var(--sky-deep);color:var(--ink)}.exam-qchip.current{box-shadow:var(--ring) var(--blue)}.exam-qchip.flagged:after{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:var(--r-pill);background:var(--gold)}.bottom-nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:min(430px,calc(100% - 20px));display:flex;gap:var(--s-1);background:var(--paper);border-radius:var(--r-xl);box-shadow:var(--shadow-lift);padding:var(--s-2);z-index:50}.ui-switch{--nav-h: 71px;position:fixed;left:max(10px,calc(50% - 215px));bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--nav-h) + 8px);z-index:50;display:inline-flex;gap:2px;padding:3px;border:none;border-radius:999px;background:var(--paper);box-shadow:var(--shadow-lift);cursor:pointer;font-family:var(--font-body);font-weight:800;font-size:var(--t-sm)}.ui-switch-side{display:grid;place-items:center;min-width:38px;height:38px;padding:0 var(--s-3);border-radius:999px;color:var(--ink-soft)}.ui-switch-side.on{background:var(--jade-ink);color:#fff}body:has(.owl-moment) .ui-switch{display:none}@media (min-width: 900px){.bottom-nav{left:16px;top:50%;bottom:auto;transform:translateY(-50%);width:76px;flex-direction:column;gap:var(--s-1);padding:var(--s-2);border-radius:var(--r-lg)}.nav-tab{flex:none;padding:var(--s-3) var(--s-1) var(--s-2)}.ui-switch{left:16px;bottom:16px}.page.home,.page.book,.page.profile,.page.exams-page,.page.rd-page,.dx-page{padding-bottom:48px}.page.exam{max-width:1100px}.page.exam .exam-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start}.page.exam .exam-question>.exam-image,.page.exam .exam-question>.exam-passage,.page.exam .exam-question>.game-ask,.page.exam .exam-question>.placement-pinyin{grid-column:1}.page.exam .exam-question>.options,.page.exam .exam-question>.exam-pics,.page.exam .exam-question>.exam-tf{grid-column:2;grid-row:1 / span 8;margin-top:0}.page.exam .exam-question>.exam-verdict,.page.exam .exam-question>.exam-check-btn{grid-column:2}.page.exam .exam-question>.exam-write~.exam-verdict,.page.exam .exam-question>.exam-order~.exam-verdict,.page.exam .exam-question>.exam-write~.exam-check-btn,.page.exam .exam-question>.exam-order~.exam-check-btn{grid-column:1 / -1}.page.exam .exam-question>.exam-passage{position:sticky;top:16px}.page.exam .exam-question>.exam-image{width:min(100%,360px);margin-left:0}.page.exam .exam-pics{grid-template-columns:repeat(2,1fr)}.page.exam .exam-question>.exam-write,.page.exam .exam-question>.exam-order{grid-column:1 / -1}}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:none;border-radius:var(--r-md);padding:var(--s-2) 2px;font-family:var(--font-hanzi);font-size:var(--t-sm);color:var(--ink-soft);transition:background .15s ease}.nav-tab.active{background:#fff3d6;color:var(--ink)}.nav-icon{line-height:1;height:28px;display:grid;place-items:center}.nav-tab:not(.active) .nav-icon{opacity:.55;filter:grayscale(.4)}.nav-avatar .avatar{display:block}.home-header{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:var(--s-3);background:var(--head-bg, var(--sky));border-bottom:1px solid rgba(77,88,110,.12);margin:-20px -16px var(--s-4);padding:var(--s-4) var(--s-4) var(--s-3);flex-wrap:nowrap}.mascot{display:grid;place-items:center}.avatar{overflow:visible}.mascot .avatar{filter:drop-shadow(0 3px 6px rgba(40,48,63,.18))}.gear-btn{flex:none;margin-left:auto;z-index:30;width:44px;height:44px;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:var(--s-3);padding:0 var(--s-1)}.level-badge{flex:none;background:var(--red);color:#fff;border:none;border-radius:var(--r-sm);font-family:var(--font-display);font-weight:800;padding:var(--s-1) var(--s-3);font-size:var(--t-base)}.level-text{flex:1;min-width:0}.level-name{font-family:var(--font-hanzi);font-size:18px;display:block;margin-bottom:var(--s-1)}.level-name small{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);font-size:var(--t-xs)}.level-bar{height:12px;border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--shadow-inset);overflow:hidden}.level-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd873);border-radius:var(--r-pill);transition:width .6s ease}.level-xp{flex:none;font-family:var(--font-display);font-weight:800;font-size:var(--t-md);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-rail);font-weight:700;color:var(--ink-soft);margin:2px 0 0}.header-pills{display:flex;flex-direction:column;gap:var(--s-2);margin-left:auto}.pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:var(--t-base);box-shadow:var(--shadow);transition:transform .1s ease}.pill.zh{font-family:var(--font-hanzi);font-weight:400}.pill:active{transform:scale(.96)}.book-pill:active{transform:translateY(2px);box-shadow:none}.path-testout{display:flex;justify-content:center;margin:0 var(--s-4) var(--s-2)}.path-testout-btn{display:inline-flex;align-items:baseline;gap:var(--s-1);padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-pill);background:var(--jade-soft);color:var(--jade-ink);font-family:var(--font-hanzi);font-size:var(--t-sm);font-weight:700}.path-testout-btn .rail{font-family:var(--font-rail);font-size:var(--t-2xs)}.path{display:flex;flex-direction:column;gap:var(--s-5)}.path-row{display:flex;align-items:center;gap:var(--s-4);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:hover{transform:scale(1.1) rotate(-4deg)}.stage-node:active{transform:scale(.94)}.stage-node.done{border-radius:50%;background:linear-gradient(160deg,#ffe9a8,#f5b940)}.stage-num{position:absolute;top:-8px;left:-8px;width:30px;height:30px;border-radius:50%;background:var(--gold);border:none;box-shadow:var(--ring) var(--paper);font-family:var(--font-display);font-weight:800;font-size:var(--t-base);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:var(--s-2);flex-wrap:wrap}.stage-zh{font-family:var(--font-hanzi);font-size:var(--t-3xl)}.stage-en{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);font-size:var(--t-base)}.stars{display:inline-flex;align-items:center;gap:2px}.home-footer{margin-top:var(--s-7);text-align:center;color:var(--ink-soft);font-size:var(--t-md)}.cloud{position:absolute;width:130px;opacity:.75;pointer-events:none;z-index:-1;overflow:visible}.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:var(--s-3);padding:var(--s-1) var(--s-2);margin-bottom:var(--s-6)}.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:var(--t-sm);margin:0}.game-top{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.quit-btn{width:44px;height:44px;flex:none;border:none;background:none;color:var(--ink-soft);font-size:var(--t-3xl);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:var(--s-1);flex:1;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:var(--ring-in) 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:var(--s-2);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:var(--t-sm);margin-top:var(--s-5)}.praise-pop{position:fixed;top:76px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s-2);background:var(--paper);border:none;border-radius:var(--r-pill);box-shadow:var(--shadow);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-2);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:var(--t-lg)}.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:var(--s-2);background:#fffbee;border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding:var(--s-3) var(--s-4);font-size:var(--t-md);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}.game-ask{font-family:var(--font-display);font-weight:700;font-size:18px;text-align:center;margin:var(--s-4) 0 var(--s-3)}.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;contain:paint;background:var(--paper);border:none;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-6) var(--s-5);text-align:center}.tian-row{display:flex;justify-content:center;gap:var(--s-2);flex-wrap:wrap}.tian-cell{position:relative;width:86px;height:86px;border:2px solid #ef8d90;border-radius:var(--r-xs);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:var(--s-1)}.tian-l5 .tian-cell{width:74px;height:74px;font-size:46px}.tian-small.tian-l4{gap:var(--s-1)}.tian-small.tian-l4 .tian-cell{width:46px;height:46px;font-size:30px}.tian-small.tian-l5{gap:var(--s-1)}.tian-small.tian-l5 .tian-cell{width:40px;height:40px;font-size:25px}.tian-plain{gap:0}.tian-plain .tian-cell{width:auto;min-width:1em;border-color:transparent;background:none}.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:var(--t-lg);color:var(--ink-soft);margin:var(--s-3) 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:var(--r-xs);padding:0 var(--s-1);border-bottom:3px solid var(--gold)}.blank{display:inline-block;min-width:84px;border-bottom:3px solid var(--line);background:var(--sky);border-radius:var(--r-xs) var(--r-xs) 0 0}.seal{position:absolute;top:-18px;right:-12px;min-width:76px;min-height:76px;box-sizing:border-box;padding:0 var(--s-3);white-space:nowrap;border-radius:var(--r-md);border:4px solid var(--red-deep);color:var(--red);background:#ffffffeb;font-family:var(--font-hanzi);font-size:34px;display:grid;place-items:center;transform:rotate(12deg);box-shadow:var(--ring-in) #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}.flip-controls{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-top:var(--s-3)}.flip-meaning{margin:0;color:var(--ink);font-family:var(--font-rail);font-size:var(--t-lg);font-weight:700;text-align:center}.flip-rate{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}.listen-stem{width:96px;height:96px;display:grid;place-items:center;margin:var(--s-2) auto;border:none;border-radius:var(--r-pill);background:var(--sky);color:var(--ink)}.listen-stem:active{transform:scale(.96)}.guess-row{min-height:44px;margin:var(--s-2) 0 0;display:flex;justify-content:center;align-items:center}.guess-btn{min-height:44px;padding:0 var(--s-3);border:none;background:none;color:var(--ink-soft);font-family:var(--font-rail);font-size:var(--t-sm);font-weight:700;text-decoration:underline}.guess-note{color:var(--ink-soft);font-family:var(--font-rail);font-size:var(--t-sm)}.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:var(--s-3)}.option{display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:left;background:var(--paper);border:none;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-4);font-size:var(--t-lg);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:var(--t-base);display:grid;place-items:center}.option.right{background:var(--jade-soft);box-shadow:var(--ring) var(--jade);animation:pop .3s ease}.option.right .option-letter{background:var(--jade);color:#fff}.options.hot .option:not(.right):not(.picked-wrong):not(.faded){box-shadow:var(--ring) var(--gold)}.option.redeemed{position:relative;overflow:hidden}.option.redeemed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%);transform:translate(-100%);animation:glint-sweep .7s .15s ease-out both;pointer-events:none}@keyframes glint-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.option.redeemed:after{animation:none;display:none}}.option.picked-wrong{background:var(--rose-soft);box-shadow:var(--ring) var(--red);animation:shake .35s ease}.option.faded{opacity:1;background:var(--sky);color:var(--ink-soft);box-shadow:none}.feedback{margin-top:var(--s-4);background:#fff8e8;border:none;box-shadow:var(--shadow);border-radius:var(--r-lg);padding:var(--s-4)}.feedback-title{font-family:var(--font-display);font-weight:800;margin:0 0 var(--s-2)}.feedback-clue{font-family:var(--font-hanzi);font-size:20px;margin:0 0 var(--s-1)}.feedback-why{color:var(--ink-soft);margin:0 0 var(--s-1);font-size:var(--t-base)}.feedback-why-en{font-family:var(--font-rail);font-size:var(--t-sm);margin-bottom:var(--s-2)}.feedback-answer{margin:0 0 var(--s-3);font-size:16px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.match-col{display:grid;grid-auto-rows:1fr;gap:var(--s-3)}.match-card{border:none;border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);padding:var(--s-3);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-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:var(--ring) 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:var(--ring) var(--red);animation:shake .35s ease}.results{display:grid;place-items:center}.results-card{padding:var(--s-7) var(--s-6);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:var(--s-3) 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:var(--s-1) 0 var(--s-3)}.results-score{font-family:var(--font-display);font-weight:800;font-size:var(--t-xl)}.xp-gain{color:var(--jade)}.results-buttons{display:grid;gap:var(--s-2);margin-top:var(--s-2)}.big-btn{font-family:var(--font-display);font-weight:800;font-size:var(--t-lg);background:var(--gold);border:none;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-3) var(--s-5)}.big-btn.wide{display:block;width:100%}.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:var(--t-2xl);margin:0;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.15}.book-count{font-family:var(--font-display);font-weight:800;font-size:var(--t-base);white-space:nowrap}.book-progress{height:10px;border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--shadow-inset);overflow:hidden;margin:var(--s-1) 0 var(--s-3)}.book-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd873);border-radius:var(--r-pill);transition:width .5s ease}.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:2px 2px var(--s-3)}.book-shown-label{font-family:var(--font-display);font-weight:700;font-size:var(--t-md);color:var(--ink-soft)}.filter-row{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding:2px 2px var(--s-3);-webkit-overflow-scrolling:touch}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:none;display:inline-flex;align-items:center;gap:var(--s-1);border:none;background:var(--paper);border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);font-family:var(--font-hanzi);font-weight:700;font-size:var(--t-sm);color:var(--ink-soft);box-shadow:var(--shadow);transition:background .15s ease,color .15s ease}.filter-chip .rail{font-family:var(--font-rail);font-size:var(--t-2xs);font-weight:600}.filter-n{font-family:var(--font-display);font-weight:800;font-size:var(--t-xs);padding:0 var(--s-2);border-radius:var(--r-pill);background:#4d586e1a}.filter-chip.on{background:#fff3d6;color:var(--ink);box-shadow:var(--ring) var(--gold)}.filter-chip.on .filter-n{background:var(--gold);color:#fff}.book-empty{text-align:center;font-family:var(--font-hanzi);font-size:var(--t-xl);color:var(--ink-soft);margin-top:60px;line-height:1.8}.book-empty span{font-family:var(--font-body);font-size:var(--t-md)}.word-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--s-2)}.word-tile{position:relative;min-height:56px;border:none;border-radius:var(--r-md);font-family:var(--font-hanzi);font-size:21px;padding:var(--s-2) var(--s-1);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:var(--r-xl) var(--r-xl) 0 0;padding:var(--s-5) var(--s-5) calc(26px + env(safe-area-inset-bottom,0px));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:var(--t-base);font-weight:800}.sheet-word{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-1)}.sheet-word-hz{flex:1;min-width:0;font-family:var(--font-hanzi);font-size:var(--t-3xl)}.sheet-acts{flex:none;display:flex;gap:var(--s-2)}.sheet-act{display:grid;place-items:center;width:42px;height:42px;border:none;border-radius:50%;background:var(--sky);color:var(--ink);cursor:pointer}.sheet-word-meta{flex:1}.sheet-english{font-weight:800;font-size:var(--t-lg);margin:0}.sheet-def{font-family:var(--font-hanzi);font-size:18px;color:var(--ink-soft);margin:0 0 var(--s-3)}.sheet-example{background:var(--sky);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-3)}.sheet-sentence{font-family:var(--font-hanzi);font-size:var(--t-xl);line-height:1.6;margin:0 0 var(--s-1)}.sheet-sentence-speak{border:none;background:none;padding:2px var(--s-1);vertical-align:middle}.sheet-translation{color:var(--ink-soft);font-size:var(--t-md);margin:0}.sheet-status{font-family:var(--font-display);font-weight:800;font-size:var(--t-base);color:var(--gold-ink);letter-spacing:1px;margin:0}.sheet-word-meta .sheet-status{margin-top:var(--s-1);font-size:var(--t-sm);letter-spacing:0}.sheet-status.got{color:var(--jade-ink)}.profile-hero{text-align:center}.profile-avatar{display:inline-grid;place-items:center;margin-bottom:var(--s-2)}.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:var(--t-3xl);margin:0 0 var(--s-2)}.profile-stats{display:flex;justify-content:center;gap:var(--s-2);flex-wrap:wrap}.stat-chip{font-family:var(--font-display);font-weight:800;font-size:var(--t-base)}.picker-section{margin-bottom:var(--s-6)}.page.profile>:is(header,section){margin-top:0;margin-bottom:0}.page.profile>:is(header,section)+:is(header,section){margin-top:var(--s-6)}.page.profile>.profile-account{margin-top:var(--s-4)}.page.profile>.profile-premium{margin-top:var(--s-3);background:#fff3d6;border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink)}.profile-premium .stg-note+.stg-actions{margin-top:var(--s-3)}.profile-premium .stg-block{background:none;border-top:none}.profile-account .stg-btn{min-height:44px}.profile-account{position:relative}.profile-account-x{position:absolute;top:var(--s-2);right:var(--s-2);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--ink-soft);cursor:pointer}.account-reason{display:flex;align-items:center;gap:var(--s-3);padding-right:44px;margin-bottom:var(--s-3)}.benefit-icon{width:32px;height:32px;filter:none;color:var(--ink);background:#fff3d6}.benefit-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--s-2) var(--s-5);border:none;border-radius:var(--r-pill);background:var(--jade-ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--t-base);cursor:pointer}.account-reason{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.account-reason-icon{background:var(--jade-soft);color:var(--jade-ink);filter:none}.account-reason-text{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--t-md);line-height:1.25;color:var(--ink)}.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:var(--s-2) var(--s-4);border:2px solid var(--ink);border-radius:var(--r-md);background:#fff;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:var(--t-base);box-shadow:0 2px 0 var(--ink);cursor:pointer;line-height:1.2}.g-btn:active{transform:translateY(1px)}.g-btn:disabled{opacity:.6;cursor:default}.g-btn-logo{flex:0 0 auto}.benefit-list{list-style:none;margin:var(--s-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.benefit-list li{display:flex;align-items:center;gap:var(--s-3)}.profile-premium .benefit-icon{width:32px;height:32px;filter:none;color:var(--ink);background:var(--paper)}.profile-premium .stg-head{flex-direction:row;align-items:center;gap:var(--s-2)}.benefit-crown{flex:none;color:var(--gold)}.benefit-price{margin-top:var(--s-3)}.benefit-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--s-2) var(--s-5);border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--jade-ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--t-base);cursor:pointer;box-shadow:0 2px 0 var(--ink)}.benefit-cta .stg-zh{color:inherit}.benefit-cta:active{transform:translateY(2px);box-shadow:none}.picker-title{margin:0 0 var(--s-2);display:flex;flex-direction:column;gap:1px;font-family:var(--font-hanzi);font-weight:400;font-size:var(--t-xl);color:var(--ink);line-height:1.25}.picker-title>small,.picker-title>span:not([lang]){font-family:var(--font-rail);font-weight:600;font-size:var(--t-sm);color:var(--ink-soft)}.picker-hint{color:var(--ink-soft);font-size:var(--t-sm);margin:0 0 var(--s-3)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s-2)}.picker-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);background:var(--paper);border:none;border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--s-3) var(--s-2);font-family:var(--font-body)}.picker-card:not(:disabled):active{transform:translateY(2px)}.picker-card.selected{background:#fffbee;box-shadow:var(--ring) var(--gold)}.picker-card.locked{background:var(--sky);color:var(--ink-soft);cursor:not-allowed}.picker-card.locked .avatar{filter:grayscale(1)}.picker-name{font-family:var(--font-hanzi);font-size:var(--t-lg)}.picker-lock{font-family:var(--font-display);font-weight:700;font-size:var(--t-2xs);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:var(--t-md)}.page.crash{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);padding-top:64px;background:var(--sky);min-height:100vh;min-height:100dvh}.crash-title{font-family:var(--font-hanzi);font-weight:400;font-size:var(--t-3xl);margin:0}.crash-line{font-family:var(--font-hanzi);font-size:var(--t-base);line-height:1.8;color:var(--ink-soft);max-width:22em;margin:0}.crash-retry{border:none;background:var(--gold);color:var(--ink);font-family:var(--font-hanzi);font-size:var(--t-lg);border-radius:var(--r-pill);padding:var(--s-3) var(--s-7);box-shadow:var(--shadow)}.crash-more{margin-top:var(--s-4);max-width:26em;font-family:var(--font-hanzi);font-size:var(--t-sm);color:var(--ink-soft)}.crash-more summary{cursor:pointer;padding:var(--s-2)}.crash-detail{font-family:var(--font-pinyin);font-size:var(--t-2xs);color:var(--ink-soft);background:var(--paper);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);overflow-wrap:anywhere;text-align:left}.crash-warn{line-height:1.7;color:var(--red-deep)}.crash-wipe{border:none;background:var(--rose-soft);color:var(--red-deep);font-family:var(--font-hanzi);font-size:var(--t-md);border-radius:var(--r-pill);padding:var(--s-3) var(--s-5)}@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:var(--s-1)}.tian-l5 .tian-cell{width:50px;height:50px;font-size:30px}.sentence-stem{font-size:var(--t-2xl)}.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:var(--s-2)}.match-word{font-size:21px}.match-pinyin{font-size:var(--t-2xs)}.match-english{font-size:var(--t-md)}.match-grid,.match-col{gap:var(--s-2)}.option{padding:var(--s-3);font-size:var(--t-base)}.level-strip{flex-wrap:wrap}}.review-banner{width:100%;display:flex;align-items:center;gap:var(--s-2);background:var(--rose-soft);border:none;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-3);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:var(--t-lg);color:var(--red-deep)}.review-banner-cta{margin-left:auto;font-family:var(--font-display);font-weight:800;font-size:var(--t-base);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:var(--s-2);overflow-x:auto;padding:2px 2px var(--s-4);scrollbar-width:none}.lesson-tabs::-webkit-scrollbar{display:none}.lesson-tab{flex:none;display:inline-flex;align-items:center;gap:var(--s-1);font-family:var(--font-hanzi);font-size:16px;color:var(--ink-soft);background:var(--paper);border:none;border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);box-shadow:var(--shadow);transition:background .15s ease,color .15s ease}.lesson-tab.active{background:#fff3d6;color:var(--ink);box-shadow:var(--ring) 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:var(--r-xl);box-shadow:var(--shadow-lift);padding:var(--s-6);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:var(--s-2) 0 2px}.confirm-text{color:var(--ink-soft);font-size:var(--t-md);margin:0 0 var(--s-4)}.confirm-buttons{display:grid;gap:var(--s-2)}.retry-hint{text-align:center;font-family:var(--font-display);font-weight:700;color:var(--red);font-size:var(--t-base);min-height:1.4em;margin:-4px 0 var(--s-2)}.retry-hint-text{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:var(--r-sm);box-shadow:var(--ring) var(--paper);font-family:var(--font-display);font-weight:800;font-size:var(--t-xs);padding:2px var(--s-2);pointer-events:none}.mascot:hover{transform:scale(1.06)}.mascot:active{transform:scale(.94)}.journey-note{font-family:var(--font-hanzi);font-size:var(--t-base);color:var(--ink-soft);margin:-14px var(--s-1) var(--s-4)}.world{display:flex;flex-direction:column;gap:var(--s-6);padding-top:34px}.wm-row{display:flex;align-items:center;gap:var(--s-3);max-width:480px;border:none;text-align:left;background:#ffffff80;border-radius:var(--r-pill);padding:var(--s-2) var(--s-5) var(--s-2) var(--s-2);transition:background .15s ease,transform .12s ease}.wm-row.wm-right{margin-left:auto;flex-direction:row-reverse;text-align:right;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-5)}.wm-row:not(.locked):hover{background:#ffffffd1}.wm-row:not(.locked):active{transform:scale(.985);background:#ffffffe6}.wm-row.locked{background:#ffffff6b;cursor:not-allowed}.wm-row.locked .wm-title{color:var(--ink-soft)}.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-row:not(.locked):hover .wm-node{transform:scale(1.06)}.wm-row:not(.locked):active .wm-node{transform:scale(.95)}.wm-node.done{background:#fff3d6}.wm-node.locked{background:#dae1ec;box-shadow:var(--ring-in) #4d586e3d;cursor:not-allowed;opacity:1}.wm-lock{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:var(--paper);box-shadow:var(--shadow);color:var(--ink-soft);display:grid;place-items:center}.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:var(--ring) var(--paper);font-family:var(--font-display);font-weight:800;font-size:var(--t-sm);display:grid;place-items:center;padding:0 var(--s-1)}.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:-32px;left:68%;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:var(--t-sm);color:var(--ink-soft)}.wm-more{text-align:center;font-family:var(--font-hanzi);color:var(--ink-soft);margin:var(--s-2) 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:var(--s-3);text-align:left;background:#fff3d6;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-4);margin-bottom:var(--s-4);animation:pop .4s ease}.teacher-block .owl{flex:none;overflow:visible}.teacher-bubble{font-size:var(--t-md);line-height:1.55}.teacher-bubble strong{font-family:var(--font-hanzi);font-weight:400;font-size:var(--t-lg)}.wm-block{position:relative}.wm-decor{position:absolute;top:34px;z-index:0;opacity:.75;pointer-events:none}.wm-row,.wm-road{position:relative;z-index:1}.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-bg.morning{background:radial-gradient(circle 110px at 102% -3%,#fff4c9 0%,#fff4c9 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,#e6f6ff,#ebf8e6 46%,#dcf0d2)}.world-bg.evening{background:radial-gradient(circle 120px at 102% -3%,#ffd28a 0%,#ffd28a 40%,transparent 64%),radial-gradient(140% 60% at 20% 108%,#c9e3b6 0%,transparent 60%),radial-gradient(140% 55% at 85% 112%,#bcdcaa 0%,transparent 62%),linear-gradient(180deg,#fbe6d2,#eaf1d8 46%,#d6e8c6)}.world-bg.night{background:radial-gradient(circle 90px at 102% -3%,#fff1bf 0%,#fff1bf 40%,transparent 64%),radial-gradient(140% 60% at 20% 108%,#b9d6b6 0%,transparent 60%),radial-gradient(140% 55% at 85% 112%,#adcfa8 0%,transparent 62%),linear-gradient(180deg,#cfdcef,#d9e7d8 46%,#c9ddc2)}.page.home{--head-bg: #dff2ff}.page.rd-page{--head-bg: #dff1ff}.page.dx-page{--head-bg: #fdf4e2}.world-page{position:relative}.wm-bands{margin:0 0 var(--s-2)}.wm-bands .seg-btn{padding:var(--s-2) 2px}.wm-band-n{font-variant-numeric:tabular-nums}.wm-jump{position:fixed;right:16px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2);border:none;border-radius:var(--r-pill);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);font-family:var(--font-hanzi);font-size:var(--t-sm);font-weight:700;animation:pop .18s ease}.wm-jump-arrow{font-family:var(--font-display);font-weight:800;color:var(--jade-ink)}@media (min-width: 900px){.wm-jump{bottom:24px}}.paper-sheet-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-2);padding-right:40px}.paper-sheet-title{margin:0;font-family:var(--font-hanzi);font-size:var(--t-xl);font-weight:400}.paper-sheet-meta,.paper-sheet-caption{margin:0;font-size:var(--t-sm);color:var(--ink-soft)}.paper-sheet-meta{margin-top:2px}.paper-sheet-caption{margin-top:var(--s-2)}.paper-sheet-practice{display:flex;align-items:center;justify-content:space-between;width:100%;margin:var(--s-3) 0 0;padding:0;border:none;background:none;color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);font-weight:700;text-align:left}.paper-sheet-practice.on .stg-switch{background:var(--jade)}.paper-sheet-practice.on .stg-knob{transform:translate(18px)}.paper-sheet .exam-drills{margin-top:var(--s-3);padding-top:12px;border-top:1px solid rgba(77,88,110,.1);gap:var(--s-2)}.paper-sheet .exam-drills-label{flex-basis:100%;font-size:var(--t-xs);margin:0 0 2px}.paper-sheet .exam-drill{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:var(--s-2) var(--s-4);background:transparent;box-shadow:var(--ring-in) var(--sky-deep);color:var(--ink);font-family:var(--font-hanzi);font-size:var(--t-base)}.exam-drill-n{font-family:var(--font-body);font-size:var(--t-2xs);font-weight:700;color:var(--ink-soft)}.paper-sheet-status{display:inline-flex;flex-direction:column;margin:0;padding:3px var(--s-3);border-radius:var(--r-pill);background:var(--sky-deep);font-size:var(--t-xs);font-weight:700;color:var(--ink-soft)}.paper-sheet-status.done{background:var(--jade-soft);color:var(--jade-ink)}.paper-sheet-redo{display:inline-flex;flex-direction:column;align-items:center;margin-top:var(--s-3);padding:var(--s-2) var(--s-4);border:1.5px solid var(--red-deep);border-radius:var(--r-pill);background:transparent;color:var(--red-deep);font-family:var(--font-hanzi);font-size:var(--t-sm);font-weight:700}.paper-sheet-redo .rail{color:var(--red-deep)}.paper-sheet-log{margin:var(--s-3) 0 0;padding:0;list-style:none;font-size:var(--t-xs);color:var(--ink-soft)}.paper-sheet-log-row{display:flex;justify-content:space-between;padding:var(--s-1) 0;border-top:1px solid rgba(77,88,110,.1);font-variant-numeric:tabular-nums}.exams-page .wm-bands{position:sticky;top:92px;z-index:20}.hsk-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:4px}.hsk-row-btn{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;width:100%;padding:0;border:none;background:none;text-align:left}.hsk-detail{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);font-size:var(--t-sm);color:var(--ink-soft)}.hsk-stat b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}.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-decor{padding:var(--s-1)}.wm-decor .ic{overflow:visible}.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{--nav-h: 71px;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--nav-h) + 8px);right:14px;z-index:70;pointer-events:none}.ach-toast{display:flex;align-items:center;gap:var(--s-3);background:#2f2a3a;border:2px solid #6f6486;border-radius:var(--r-sm);padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);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:var(--r-sm);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:var(--t-sm)}.ach-name{color:#fff;font-family:var(--font-hanzi);font-size:var(--t-lg)}.ach-sub{color:#b9aed4;font-size:var(--t-2xs);font-weight:700}@keyframes ach-in{0%{opacity:0;transform:translateY(24px)}8%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}.ach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.ach-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-1);background:var(--paper);border:none;border-radius:var(--r-sm);box-shadow:var(--shadow);padding:var(--s-3) var(--s-2);cursor:pointer}.ach-card:not(.got){background:var(--sky);box-shadow:var(--shadow-soft)}.ach-card:not(.got) .ic{filter:grayscale(1)}.ach-card-icon{flex:none;display:grid;place-items:center}.ach-badge{display:inline-grid;place-items:center;padding:var(--s-1);border-radius:50%;border:2.5px solid transparent}.ach-tier-1{border-color:var(--bronze)}.ach-tier-2{border-color:var(--silver)}.ach-tier-3{border-color:var(--gold)}.ach-card:not(.got) .ach-badge,.ach-sheet-icon:not(.got) .ach-badge{filter:grayscale(1)}.ach-card.fresh{animation:badge-flip .9s .2s ease-in-out both}@keyframes badge-flip{0%{transform:perspective(600px) rotateY(0);filter:grayscale(1)}49%{transform:perspective(600px) rotateY(90deg);filter:grayscale(1)}51%{transform:perspective(600px) rotateY(-90deg);filter:none}to{transform:perspective(600px) rotateY(0);filter:none}}.study-date-label{display:flex;align-items:center;gap:var(--s-2);flex:1;min-width:0;font-size:var(--t-sm);color:var(--ink)}.study-date-label>span,.study-date-label>small{white-space:nowrap}.study-date-input{margin-left:auto;border:none;border-radius:var(--r-xs);background:var(--sky);padding:var(--s-1) var(--s-2);font-family:var(--font-body);font-size:16px;color:var(--ink)}.study-date-left{flex:none;font-size:var(--t-sm);font-weight:800;color:var(--ink)}.study-date-clear{flex:none;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--ink-soft);font-size:var(--t-lg);cursor:pointer}.feedback-actions{display:flex;gap:var(--s-2);align-items:center}.feedback-actions .big-btn{flex:1;position:relative;overflow:hidden}.feedback-actions .big-btn.autoing:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:#ffffff8c;transform-origin:left;animation:drain var(--auto-ms, 2.2s) linear both}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.feedback-stay{flex:none;padding:var(--s-3) var(--s-4);border:none;border-radius:var(--r-lg);background:transparent;color:var(--ink-soft);font-family:var(--font-body);font-size:var(--t-sm);font-weight:700;cursor:pointer}@media (prefers-reduced-motion: reduce){.feedback-actions .big-btn.autoing:after{animation:none}}.exam-to-pass{margin:var(--s-2) 0 0;font-size:var(--t-base);font-weight:700;color:var(--ink)}.buddy-name{display:block;width:min(260px,80%);margin:var(--s-1) auto 0;padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-sm);background:transparent;text-align:center;font-family:var(--font-body);font-size:16px;color:var(--ink)}.buddy-name:focus{outline:none;background:var(--paper);box-shadow:var(--ring) var(--gold)}.buddy-name::placeholder{color:var(--ink-soft)}.hsk-cert-btn{grid-column:2 / -1;justify-self:end;margin:var(--s-1) 0 2px;padding:var(--s-1) var(--s-3);border:none;border-radius:var(--r-pill);background:var(--sky);color:var(--ink);font-family:var(--font-body);font-size:var(--t-sm);font-weight:700;cursor:pointer}.cert-page{background:#fbf8f1;border:4px solid #e0c98a;border-radius:var(--r-md);padding:var(--s-5) var(--s-4) var(--s-4);text-align:center}.cert-avatar{display:flex;justify-content:center}.cert-name{margin:var(--s-1) 0 0;font-size:var(--t-xl);font-weight:800;color:var(--ink)}.cert-title{margin:var(--s-2) 0 var(--s-3);font-size:var(--t-xl);color:var(--ink)}.cert-line{margin:var(--s-1) 0;font-size:var(--t-base);color:var(--ink)}.cert-actions{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.cert-actions .big-btn{flex:1}.word-ribbon{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);margin:var(--s-2) 0 0;padding:var(--s-3);background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow-soft)}.word-ribbon-n{flex:none;padding:1px var(--s-2);border-radius:var(--r-pill);background:var(--sky);color:var(--ink);font-size:var(--t-xs);font-weight:800}.word-ribbon-hz{font-family:var(--font-hanzi);font-size:var(--t-base);color:var(--ink)}@media (prefers-reduced-motion: reduce){.ach-card.fresh{animation:none}}.ach-card-zh{font-family:var(--font-hanzi);font-size:var(--t-sm);line-height:1.25}.ach-card-en{font-size:var(--t-2xs);color:var(--ink-soft);font-weight:700}.ach-sheet{text-align:center}.ach-sheet-icon{display:inline-grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--sky-deep);margin-bottom:var(--s-2)}.ach-sheet-icon:not(.got) .ic{filter:grayscale(1)}.ach-sheet-title{margin:0 0 var(--s-2);font-family:var(--font-hanzi);font-size:var(--t-xl)}.ach-sheet-how{margin:0;font-family:var(--font-hanzi);font-size:var(--t-sm);color:var(--ink-soft)}.ach-sheet-crit{margin:2px 0 var(--s-3);font-size:var(--t-base);font-weight:700}.ach-sheet-when{margin:0;font-family:var(--font-hanzi);font-size:var(--t-sm);color:var(--ink-soft)}.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:var(--t-2xs);color:#6d4ac4;background:#efe7ff;border-radius:var(--r-pill);padding:3px var(--s-3);align-self:center}.results-crown{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);margin:var(--s-1) 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:var(--s-1) 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:var(--s-2) 0 2px}.levelup-level{font-family:var(--font-display);font-weight:800;font-size:var(--t-2xl);color:var(--red);margin:0 0 var(--s-1)}.levelup-cheer{font-family:var(--font-hanzi);font-size:var(--t-lg);color:var(--ink-soft);margin:0}.clue-mark{background:#ffe9a8;border-radius:var(--r-xs);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 0 0 var(--glow-off, rgba(245, 185, 64, 0))}50%{box-shadow:0 0 0 5px var(--glow-on, rgba(245, 185, 64, .45))}}.word-list{display:grid;grid-template-columns:max-content 1fr auto auto;gap:var(--s-3)}.word-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;width:100%;border:none;background:var(--paper);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:var(--s-3) var(--s-4);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}.row-english{flex:1;min-width:0;font-size:var(--t-xs);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:var(--t-md);letter-spacing:1px;color:var(--ink-soft);z-index:2;transition:color .15s ease}.en-btn:hover,.en-btn[aria-pressed=true]{color:var(--blue)}.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:var(--s-5)}.wm-finish .trophy{width:76px;height:76px}.update-banner{position:fixed;bottom:144px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--s-2);width:max-content;max-width:calc(100vw - 2 * var(--s-4));border:none;background:var(--ink);color:#fff;font-family:var(--font-body);font-weight:700;font-size:var(--t-md);border-radius:var(--r-pill);padding:var(--s-3) var(--s-4);box-shadow:0 6px 20px #14101e59;animation:rise .4s ease}.update-banner:disabled{cursor:progress}.version-line{text-align:center;color:var(--ink-soft);-webkit-user-select:text;user-select:text;font-size:var(--t-xs);font-weight:700;margin-top:var(--s-6)}.option-speak{margin-left:auto;flex:none;display:grid;place-items:center;padding:var(--s-2);color:var(--ink-soft);border-radius:50%;transition:color .15s ease,transform .1s ease}.option-speak:hover{color:var(--ink);transform:scale(1.12)}.top-spacer{width:44px;flex:none}.round-bar{height:10px;margin:-6px 2px var(--s-4);border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--ring-in) var(--grid);overflow:hidden}.round-fill{height:100%;border-radius:var(--r-pill);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);padding:var(--s-5) var(--s-4);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:var(--s-2)}.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:var(--r-md);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:var(--r-md);margin:0;text-align:center;padding:var(--s-5)}.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:var(--t-2xl);color:var(--ink-soft);margin:0}.write-controls{display:flex;gap:var(--s-4)}.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:var(--s-2);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)}.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:var(--t-2xs);color:#b8262b;background:var(--rose-soft);border-radius:var(--r-pill);padding:3px var(--s-3);margin-left:8px;vertical-align:4px}.dict-slots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s-1);max-width:340px;margin-bottom:var(--s-1)}.dict-slot{width:32px;height:32px;display:grid;place-items:center;background:var(--paper);border:2px solid var(--grid);border-radius:var(--r-xs);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-slots.long{gap:var(--s-1)}.dict-slots.long .dict-slot{width:27px;height:27px;font-size:var(--t-lg);border-radius:var(--r-xs)}.dict-punct{font-family:var(--font-display);font-size:20px;color:var(--ink-soft)}.oral-page{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.oral-head{display:flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-size:var(--t-3xl);margin:var(--s-1) 0 var(--s-4)}.oral-setup{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.oral-setup-title{font-family:var(--font-display);font-size:var(--t-xl);margin:0}.oral-setup-text{font-size:var(--t-md);color:var(--ink-soft);line-height:1.7;margin:0}.oral-key-input{border:2px solid var(--grid);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4);font-size:16px;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:var(--t-xs);text-decoration:underline;margin:var(--s-4) auto 0;display:block}.oral-list{display:flex;flex-direction:column;gap:var(--s-2)}.oral-item{display:flex;align-items:center;gap:var(--s-3);background:var(--paper);border:none;border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--s-3) var(--s-4);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:var(--t-lg)}.oral-best{display:inline-flex;align-items:center;gap:var(--s-1);font-family:var(--font-display);font-size:var(--t-md);color:var(--ink-soft)}.oral-best.gold{color:#b8860b}.oral-best.new{font-size:var(--t-xs);opacity:.6}.oral-stage{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);margin-top:var(--s-5)}.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:var(--r-xs);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:var(--s-2);width:100%;max-width:380px;margin:var(--s-2) auto 0}.oral-review-btns .big-btn{flex:1}.oral-error{text-align:center;color:#b8262b;font-family:var(--font-display);font-size:var(--t-base);margin:var(--s-3) 0 0}.oral-wait{margin-top:40px}.oral-dots{display:flex;gap:var(--s-2)}.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:var(--s-4);margin-top:var(--s-3)}.oral-score-row{display:flex;align-items:center;justify-content:center;gap:var(--s-5)}.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:var(--s-1)}.oral-newbest{font-family:var(--font-display);font-size:var(--t-lg);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:var(--s-2);max-width:380px;width:100%;margin:0 auto}.oral-sub{display:flex;align-items:center;gap:var(--s-2)}.oral-sub-label{font-family:var(--font-display);font-size:var(--t-base);width:40px;flex:none}.oral-sub-bar{flex:1;height:10px;border-radius:var(--r-pill);background:#eef2fa;overflow:hidden}.oral-sub-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--gold);transition:width .8s cubic-bezier(.2,.8,.3,1)}.oral-sub-num{font-family:var(--font-display);font-size:var(--t-md);width:30px;text-align:right;color:var(--ink-soft)}.oral-block-title{font-family:var(--font-display);font-size:var(--t-lg);margin:0 0 var(--s-2)}.oral-strengths{display:flex;flex-wrap:wrap;gap:var(--s-2)}.oral-chip{background:var(--gold-soft, #fdf1d3);color:#8a6410;border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);font-family:var(--font-display);font-size:var(--t-md)}.oral-issues{display:flex;flex-direction:column;gap:var(--s-2)}.oral-issue{display:flex;align-items:flex-start;gap:var(--s-2);background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--s-3)}.oral-kind{flex:none;font-family:var(--font-display);font-size:var(--t-xs);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);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:var(--s-1);border:none;background:none;font-family:var(--font-hanzi);font-size:var(--t-2xl);padding:0;color:var(--ink)}.oral-issue-text{font-size:var(--t-md);line-height:1.6;color:var(--ink)}.oral-issue-text em{display:block;font-style:normal;color:var(--ink-soft);font-size:var(--t-sm)}.oral-summary{margin:var(--s-1) 0 0}.tx-num{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--sky);font-family:var(--font-display);font-size:18px}.tx-titles{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.tx-count{font-size:var(--t-xs);color:var(--ink-soft)}.tx-title-block{margin:var(--s-1) 0 var(--s-4)}.tx-title{margin:0;font-family:var(--font-hanzi);font-size:var(--t-xl);font-weight:400;color:var(--ink)}.tx-subtitle{margin:2px 0 0;font-family:var(--font-pinyin);font-size:var(--t-sm);color:var(--ink-soft)}.tx-launcher{display:flex;gap:var(--s-2);margin:0 0 var(--s-4)}.tx-mode{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3);border:1.5px solid rgba(77,88,110,.14);border-radius:var(--r-md);background:var(--paper);color:var(--ink);font-family:var(--font-hanzi);font-size:var(--t-base)}.tx-mode-primary{border-color:var(--jade-ink);background:var(--jade-ink);color:#fff;box-shadow:var(--shadow)}.tx-mode-body{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.tx-mode-primary .rail{color:#fff}.tx-ledger{background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden}.tx-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-3)}.tx-ledger-title{display:flex;flex-direction:column;font-family:var(--font-hanzi);font-size:var(--t-base)}.tx-ledger-list{display:grid;grid-template-columns:auto max-content 1fr auto;margin:0;padding:0;list-style:none}.tx-wordrow{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;column-gap:10px;padding:var(--s-3);border-top:1px solid rgba(77,88,110,.1)}.tx-wordrow-n{font-family:var(--font-display);font-size:var(--t-xs);color:var(--ink-soft);text-align:right}.tx-wordrow-word{display:flex;flex-direction:column;min-width:0}.tx-wordrow-hz{font-family:var(--font-hanzi);font-size:var(--t-lg);line-height:1.2}.tx-traced{display:block;color:var(--ink);overflow:visible}.tx-traced-rt{font-family:var(--font-pinyin);font-size:var(--t-2xs);font-weight:400;color:var(--ink-soft);letter-spacing:0}.tx-traced-wrap{display:flex;flex-direction:column}.tx-traced-rt{display:flex}.tx-traced-rt>span{width:24px;text-align:center}.tx-wordrow-py{font-family:var(--font-pinyin);font-size:var(--t-xs);color:var(--ink-soft)}.tx-wordrow-en{font-size:var(--t-sm);color:var(--ink);min-width:0}.tx-wordrow-tries{font-size:var(--t-2xs);color:var(--ink-soft)}.tx-say{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:50%;background:var(--sky-deep)}.tx-fix-btn{display:flex;align-items:center;gap:var(--s-3);width:100%;max-width:380px;margin:0 auto var(--s-4);border:none;border-radius:var(--r-lg);background:var(--rose-soft);color:#b8262b;box-shadow:var(--shadow);padding:var(--s-4);text-align:left;transition:transform .1s ease}.tx-fix-btn:active{transform:scale(.97)}.tx-fix-text{display:flex;flex-direction:column;gap:2px}.tx-fix-zh{font-family:var(--font-display);font-size:var(--t-2xl)}.tx-fix-sub{font-size:var(--t-sm)}.tx-hsk-note{margin:0 var(--s-4) var(--s-2);font-size:var(--t-sm);color:var(--ink);text-align:center}.tx-due-chip{align-self:flex-start;margin-top:var(--s-1);background:var(--rose-soft);color:#b8262b;border-radius:var(--r-pill);padding:2px var(--s-3);font-size:var(--t-2xs);font-family:var(--font-display)}.tx-done{margin:var(--s-4) 0}.tx-marks{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);margin:0 0 var(--s-4)}.tx-marks-score{font-family:var(--font-display);font-size:30px}.tx-marks-date{font-size:var(--t-xs);color:var(--ink-soft)}.tx-log{max-width:380px;margin:0 auto var(--s-5)}.tx-log-row{display:flex;align-items:center;gap:var(--s-3);background:var(--paper);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-1)}.tx-log-date{font-family:var(--font-display);font-size:var(--t-md);color:var(--ink-soft);width:74px;flex:none}.tx-log-score{flex:1;font-family:var(--font-display);font-size:var(--t-base)}.tx-chip{border:none;font-family:var(--font-hanzi);transition:transform .1s ease}.tx-chip:active{transform:scale(.94)}.passage-card{text-align:left}.passage-text{font-family:var(--font-display);font-size:var(--t-xl);line-height:1.9;color:var(--ink);margin:0;padding-right:34px}.rq-question{display:inline-flex;align-items:center;gap:var(--s-2)}.rq-speak{border:none;background:none;padding:var(--s-1);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}.rd-head-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-next{margin-left:auto;flex:none;gap:var(--s-1);font-size:var(--t-md);padding:var(--s-3) var(--s-4);min-height:42px;box-sizing:border-box}.path-map{padding-top:10px;gap:var(--s-5)}.rd-bar{position:sticky;top:8px;z-index:20;display:flex;gap:var(--s-1);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding:var(--s-2);margin-bottom:var(--s-3)}.rd-play,.rd-toggle{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;border:none;background:none;border-radius:var(--r-md);padding:var(--s-2) 2px;font-family:var(--font-hanzi);font-size:var(--t-sm);color:var(--ink-soft);transition:background .15s ease}.rd-play{background:var(--gold);color:var(--ink)}.rd-play.on{background:var(--red);color:#fff}.rd-toggle.on{background:#fff3d6;color:var(--ink)}.rd-toggle-art{line-height:1;height:28px;display:grid;place-items:center}.rd-toggle:not(.on) .rd-toggle-art{opacity:.6;filter:grayscale(.35)}.rd-toggle-label{line-height:1.25}.rd-stop-sq{width:14px;height:14px;border-radius:var(--r-2xs);background:currentColor}.rd-note{font-family:var(--font-hanzi);font-size:var(--t-md);line-height:1.6;color:var(--red-deep);background:var(--rose-soft);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:0 0 var(--s-3)}.rd-para{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-4) var(--s-3);margin-bottom:var(--s-3)}.rd-lines{display:flex;flex-direction:column;gap:var(--s-1)}.rd-sent{display:block;width:100%;text-align:left;background:none;border:none;border-radius:var(--r-sm);padding:var(--s-2);white-space:normal;transition:background .18s ease}.rd-sent:active{background:#f2f6fd}.rd-sent.on{background:#e3ecff;box-shadow:inset 4px 0 0 var(--blue)}.rd-tok,.rd-box{display:inline-flex;align-items:flex-end}button.rd-box.good{border:none;font:inherit;color:inherit;cursor:pointer}.rd-box.good{background:#fff3d6;border-radius:var(--r-xs);padding:0 2px;transition:background .15s ease,box-shadow .15s ease}.rd-box.good:active{background:#ffe6a8}.rd-box.good.open{background:#ffe6a8;box-shadow:var(--ring) #f0c98a}@media (hover: hover){.rd-box.good:hover{background:#ffe6a8}}.rd-gloss{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-2);margin:var(--s-2) 2px 2px;background:#fff8e8;border-radius:var(--r-sm);padding:var(--s-3)}.rd-gloss-py{font-family:var(--font-pinyin);font-size:var(--t-2xs);letter-spacing:.02em;color:#a08247}.rd-gloss-hz{display:inline-flex;align-items:center;gap:var(--s-1);font-family:var(--font-hanzi);font-size:var(--t-lg);color:var(--ink)}.rd-gloss-hz .ic{opacity:.5}.rd-gloss-mean{flex:1 1 100%;font-family:var(--font-hanzi);font-size:var(--t-md);line-height:1.55;color:var(--ink-soft)}.rd-cell{display:inline-flex;flex-direction:column;align-items:center;padding:0 1px}.rd-py{font-family:var(--font-pinyin);font-size:var(--t-xs);line-height:1.4;min-height:1.4em;padding:0 3px;letter-spacing:.02em;color:#8b94a8;white-space:nowrap}.rd-hz{font-family:var(--font-hanzi);font-size:25px;line-height:1.35;color:var(--ink)}.rd-sent.tight .rd-hz{line-height:1.75}.rd-sent.on .rd-py{color:var(--blue)}.rd-en{display:flex;gap:var(--s-2);align-items:flex-start;margin:var(--s-3) 2px 0;background:var(--sky);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--t-md);line-height:1.65;color:#46506a}.rd-en-tag{flex:none;font-family:var(--font-display);font-weight:800;font-size:var(--t-2xs);color:var(--blue);background:var(--paper);border-radius:var(--r-xs);padding:3px var(--s-2)}.rd-exam{display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:left;margin-top:var(--s-5);background:var(--paper);border:none;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-4);font-family:var(--font-hanzi);color:var(--ink-soft)}.rd-exam .ic{flex:none;opacity:.75}.rd-exam-text{display:flex;flex-direction:column;gap:3px;font-size:var(--t-sm);line-height:1.5}.rd-exam-text strong{font-size:16px;font-weight:400;color:var(--ink)}@media (max-width: 360px){.rd-hz{font-size:var(--t-2xl)}.rd-toggle{padding:var(--s-2) var(--s-3)}}.font-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.font-card{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--paper);border:none;border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--s-4) var(--s-3) var(--s-3);transition:transform .1s ease}.font-card.selected{background:#fffbee;box-shadow:var(--ring) var(--gold)}.font-card:active{transform:scale(.98)}.font-sample{font-size:30px;line-height:1.25;color:var(--ink)}.font-sample.font-cute{font-family:ZCOOL KuaiLe,KaiTi,serif}.font-sample.font-book{font-family:KaiTi,Kaiti SC,STKaiti,BiauKai,LXGW WenKai Lite,serif}.font-en{font-family:var(--font-body);font-weight:700;font-size:var(--t-xs);color:var(--ink-soft)}.dx-toggle{max-width:300px;margin:0 auto var(--s-4)}.mx-watch{display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.mx-film{width:auto;max-width:100%;max-height:min(58vh,460px);border-radius:var(--r-lg);background:#000;box-shadow:var(--shadow-lift)}.mx-film-line{font-family:var(--font-hanzi);font-size:var(--t-xl);line-height:2.2;text-align:center;margin:0}.mx-film-chunk{display:inline-block;white-space:nowrap}.mx-film-btn{border:none;background:var(--gold);color:var(--ink);font-family:var(--font-hanzi);font-size:var(--t-lg);border-radius:var(--r-pill);padding:var(--s-3) var(--s-7);box-shadow:var(--shadow)}.mx-film-ok{font-family:var(--font-hanzi);font-size:var(--t-base);color:var(--jade);margin:0}.mx-lead{font-family:var(--font-hanzi);font-size:var(--t-md);line-height:1.6;color:var(--ink-soft);margin:0 var(--s-1) var(--s-3)}.mx-item{align-items:flex-start}.mx-kind{display:inline-block;font-family:var(--font-hanzi);font-size:var(--t-xs);border-radius:var(--r-pill);padding:3px var(--s-3);margin-bottom:var(--s-1)}.mx-kind.must{color:var(--red-deep);background:var(--rose-soft)}.mx-kind.bonus{color:#2c6a4a;background:var(--jade-soft)}.mx-preview{display:block;font-family:var(--font-hanzi);font-size:var(--t-base);line-height:1.6;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mx-steps{display:flex;gap:3px;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-2);margin-bottom:var(--s-3);overflow-x:auto}.mx-steps .rd-toggle{flex:1 0 auto;min-width:56px;font-size:var(--t-2xs)}.mx-panel{display:flex;flex-direction:column;gap:var(--s-3)}.mx-bar{display:flex;gap:var(--s-1);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-2)}.mx-hint{display:flex;align-items:center;gap:var(--s-2);margin:0 var(--s-1);font-family:var(--font-hanzi);font-size:var(--t-md);line-height:1.55;color:var(--ink-soft)}.mx-hint .ic{flex:none}.mx-count{margin-left:auto;font-family:var(--font-pinyin);font-size:var(--t-xs);color:#9aa3b5;white-space:nowrap}.mx-text{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-4) var(--s-3)}.mx-chunk{display:inline-flex;align-items:flex-end;border:none;background:none;border-radius:var(--r-sm);padding:2px 1px;transition:background .15s ease}.mx-chunk.on{background:#e3ecff;box-shadow:inset 0 -3px 0 var(--blue)}.mx-chunk.on .rd-py{color:var(--blue)}.mx-chunk:active{background:#f2f6fd}.mx-full{font-family:var(--font-hanzi);font-size:var(--t-base);line-height:1.9;color:var(--ink-soft);background:var(--sky);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:0}.mx-full.done{color:var(--ink);background:var(--jade-soft)}.mx-built{min-height:58px;font-family:var(--font-hanzi);font-size:var(--t-xl);line-height:1.75;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-4);margin:0}.mx-built.done{background:var(--jade-soft)}.mx-caret{display:inline-block;width:2px;height:20px;vertical-align:-3px;background:var(--blue);animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.mx-tiles{display:flex;flex-wrap:wrap;gap:var(--s-2)}.mx-tile{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);min-height:89px;font-family:var(--font-hanzi);font-size:18px;color:var(--ink);background:var(--paper);border:none;border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--s-3) var(--s-4);transition:transform .1s ease,opacity .15s ease}.mx-plate{width:46px;height:46px;border-radius:var(--r-sm);display:grid;place-items:center}.mx-plate .ic{overflow:visible}.mx-tile:active{transform:scale(.96)}.mx-tile.used{opacity:.25;box-shadow:none}.mx-tile.wrong{animation:shake .35s;background:var(--rose-soft)}@keyframes shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.mx-plain{font-family:var(--font-hanzi);font-size:var(--t-xl);line-height:2.1}.mx-plain.filled{background:var(--jade-soft);border-radius:var(--r-xs)}.mx-blank{display:inline-flex;flex-direction:column;align-items:center;vertical-align:bottom;margin:0 3px}.mx-blank-py{font-family:var(--font-pinyin);font-size:var(--t-xs);color:#8b94a8;padding:0 var(--s-1);white-space:nowrap}.mx-blank.now .mx-blank-py{color:var(--blue)}.mx-blank-line{display:block;width:100%;min-width:42px;height:3px;border-radius:var(--r-2xs);background:var(--grid);margin-top:var(--s-5)}.mx-blank.now .mx-blank-line{background:var(--gold)}.mx-listen{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-hanzi);font-size:var(--t-md);color:var(--ink);background:var(--paper);border:none;border-radius:var(--r-pill);box-shadow:var(--shadow);padding:var(--s-3) var(--s-4)}.mx-opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.mx-opt{font-family:var(--font-hanzi);font-size:var(--t-lg);color:var(--ink);background:var(--paper);border:none;border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--s-4) var(--s-3);transition:transform .1s ease}.mx-opt:active{transform:scale(.97)}.mx-opt.wrong{background:var(--rose-soft);animation:shake .35s}.mx-panel .write-grid,.mx-panel .write-controls{align-self:center}.mx-write-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);min-height:62px;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-3)}.mx-write-chunk{display:flex;gap:var(--s-1)}.mx-write-slot{display:grid;place-items:center;min-width:30px;height:32px;font-family:var(--font-hanzi);font-size:var(--t-2xl);color:var(--ink);border-bottom:2px solid var(--grid)}.mx-write-slot.done{border-bottom-color:var(--jade)}.mx-memory-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-2)}.mx-done{align-items:center;text-align:center}.mx-done .big-btn{margin-top:var(--s-2)}.page-gear{top:16px;right:12px}.book-btn.page-revise{position:absolute;top:20px;right:68px;z-index:30}.book-btn.due .book-btn-label{color:var(--jade-ink)}.book-btn-badge{position:absolute;top:-6px;right:-4px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--red);color:#fff;font-family:var(--font-display);font-weight:800;font-size:var(--t-2xs);font-variant-numeric:tabular-nums}.book-btn{position:relative;margin-left:auto;margin-right:0;flex:none;display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:var(--s-2);border:none;border-radius:var(--r-pill);background:none;color:var(--ink);transition:transform .1s ease}.book-btn:active{transform:translateY(2px)}.book-btn-label{font-family:var(--font-hanzi);font-weight:400;font-size:var(--t-base)}.book-btn-label:not(:lang(zh)){font-family:var(--font-display);font-weight:700}.desk-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle 120px at 100% -4%,#ffe9c4 0%,#ffe9c4 38%,transparent 66%),radial-gradient(150% 55% at 15% 106%,#cfc7ee 0%,transparent 62%),radial-gradient(140% 50% at 88% 110%,#bfb9e6 0%,transparent 60%),linear-gradient(180deg,#fdf4e2,#f6eede 44%,#e6e2f4)}.dx-page{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.path-map{gap:var(--s-6);padding-top:34px}.path-map.tingxie .path-node{background:#ffeec9}.path-map.moxie .path-node{background:#ffdfdc}.path-node{width:92px;height:92px}.path-title{font-size:18px;line-height:1.35}.path-sub{font-family:var(--font-hanzi);font-size:var(--t-sm);color:var(--ink-soft);line-height:1.5}.path-meta{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;margin-top:3px}.path-badge{font-family:"Fredoka",var(--font-hanzi),system-ui,"Segoe UI",Arial,sans-serif;font-size:var(--t-2xs);font-weight:700;color:#7a6a4c;background:#ffffffbf;border-radius:var(--r-pill);padding:3px var(--s-3)}.path-map.moxie .path-badge{color:#8a5a58}.path-flag{position:absolute;top:-6px;right:-10px;font-family:var(--font-hanzi);font-size:var(--t-2xs);color:#fff;background:var(--red);border-radius:var(--r-pill);padding:3px var(--s-3);box-shadow:var(--shadow);white-space:nowrap}.sky-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle 130px at 4% -2%,#ffd9a8 0%,#ffd9a8 34%,transparent 64%),radial-gradient(150% 60% at 80% 104%,#b8ecdc 0%,transparent 62%),radial-gradient(130% 45% at 12% 108%,#a9e4d6 0%,transparent 58%),linear-gradient(180deg,#dff1ff,#e6f7f4 46%,#d6f0e6)}.path-badge .ic{vertical-align:-.14em;margin-right:1px}.home-header>div{min-width:0}.app-title{white-space:nowrap;font-size:clamp(24px,7.6vw,32px)}.app-title:not(:lang(zh)){font-size:clamp(20px,6.4vw,28px);letter-spacing:normal;overflow:hidden;text-overflow:ellipsis}@media (max-width: 400px){.book-btn-label{display:none}}@media (max-width: 420px){.book-btn-label:not(:lang(zh)){display:none}}@media (max-width: 359px){.home-header{padding-left:10px;padding-right:10px;gap:var(--s-1)}.app-title{font-size:21px}.app-subtitle{font-size:var(--t-sm)}}.app-subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.home-header{gap:var(--s-2)}.mascot{margin-right:6px}}.owl-cheer{animation:owl-arrive .56s cubic-bezier(.2,1.35,.45,1) both}.owl-cheer .owl-body{animation:owl-settle 2.8s .6s ease-in-out infinite}@keyframes owl-arrive{0%{opacity:0;transform:scale(.62) translateY(18px) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes owl-settle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.owl-cheer .owl-wing{transform-box:fill-box;animation:owl-flap .34s .34s ease-in-out 2 both}.owl-cheer .owl-wing-l{transform-origin:100% 0%}.owl-cheer .owl-wing-r{transform-origin:0% 0%}@keyframes owl-flap{0%,to{transform:rotate(0)}50%{transform:rotate(var(--flap, 26deg))}}.owl-cheer .owl-wing-l{--flap: 26deg}.owl-cheer .owl-wing-r{--flap: -26deg}.owl-cheer .owl-tassel{transform-box:fill-box;transform-origin:50% 0%;animation:owl-tassel .9s .2s ease-in-out 2 both}@keyframes owl-tassel{0%,to{transform:rotate(0)}30%{transform:rotate(11deg)}65%{transform:rotate(-7deg)}}@media (prefers-reduced-motion: reduce){.owl-cheer,.owl-cheer .owl-body,.owl-cheer .owl-wing,.owl-cheer .owl-tassel{animation:none}}.owl .owl-lid{transform-box:fill-box;transform-origin:center;transform:scaleY(0);animation:owl-blink 6.4s ease-in-out infinite}@keyframes owl-blink{0%,38%,42%,71%,74%,to{transform:scaleY(0)}40%,72.5%{transform:scaleY(1)}}.owl-says{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-3) var(--s-4);text-align:left;max-width:420px;flex:1}.owl-says:before{content:"";position:absolute;left:-8px;top:22px;border:8px solid transparent;border-right-color:var(--paper);border-left:0}.owl-says-line{grid-column:2;margin:0;font-size:var(--t-lg);color:var(--ink);line-height:1.4}.owl-says-rail{grid-column:2;display:block}.owl-says-speaker{position:relative;grid-row:1 / span 2;width:36px;height:36px;border:none;border-radius:50%;background:var(--sky);display:grid;place-items:center;cursor:pointer}.owl-says-speaker.saying:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;box-shadow:var(--ring) var(--blue);animation:owl-pulse .9s ease-out 2}@keyframes owl-pulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion: reduce){.owl .owl-lid,.owl-says-speaker.saying:after{animation:none}}.ob{max-width:480px;padding:var(--s-6) var(--s-4)}.ob-over{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:#141c2c80;padding:var(--s-3)}@media (min-height: 620px){.ob-over{align-items:center}}.ob-sheet{width:100%;max-width:460px;max-height:100%;overflow-y:auto;padding:var(--s-4);border-radius:var(--r-lg);background:var(--sky);box-shadow:var(--shadow-lift)}html.ob-lock{overflow:hidden;overscroll-behavior:none}.ob-over,.tour{touch-action:none;overscroll-behavior:contain}.ob-sheet{touch-action:pan-y;overscroll-behavior:contain}.ob-label-gap{margin-top:var(--s-3)}.ob-levels{display:grid;gap:var(--s-2)}.ob-level{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:46px;padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--shadow-soft);text-align:left;font-family:var(--font-body);font-size:var(--t-base);color:var(--ink);cursor:pointer}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.tour-mask{position:fixed;background:#141c2c9e}.tour-mask-all{top:0;right:0;bottom:0;left:0}.tour-ring{position:fixed;border-radius:var(--r-sm);box-shadow:var(--ring) var(--gold);pointer-events:none}.tour-card{position:fixed;left:50%;transform:translate(-50%);width:min(460px,calc(100% - 24px));padding:var(--s-4) var(--s-4) var(--s-3);border-radius:var(--r-lg);background:var(--sky);box-shadow:var(--shadow-lift)}.tour-card-top{top:16px}.tour-card-bottom{bottom:16px}.tour-card-mid{top:50%;transform:translate(-50%,-50%)}.tour-owl{display:flex;align-items:flex-start;gap:var(--s-2)}.tour-body{flex:1;min-width:0;display:flex;flex-direction:column}.tour-body .owl-says{max-width:none}.tour-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-2)}.tour-dots{display:flex;gap:var(--s-1)}.tour-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}.tour-dots i.on{background:var(--jade)}.tour-next{padding:var(--s-3) var(--s-4);border:none;border-radius:999px;min-height:44px;background:var(--jade-ink);color:#fff;font-family:var(--font-body);font-weight:700;font-size:var(--t-base);cursor:pointer}.ob-id{margin:0 0 var(--s-2)}.ob-id-name{margin:0;font-family:var(--font-display);font-size:var(--t-xl);line-height:1.15;color:var(--ink)}.ob-id-what{margin:2px 0 0;font-size:var(--t-sm);color:var(--ink-soft)}.ob-owl-row{display:flex;align-items:flex-start;gap:var(--s-2);margin:2px 0 var(--s-3)}.ob-owl-row .owl{flex:none;overflow:visible}.ob-label{margin:0 0 var(--s-2);font-size:var(--t-base);color:var(--ink)}.ob-langs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1)}.ob-lang{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:48px;padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--shadow-soft);text-align:left;font-family:var(--font-body);cursor:pointer}.ob-lang.on,.ob-level.on{box-shadow:var(--ring) var(--gold)}.ob-nav .exam-next:disabled{background:var(--line);color:var(--ink-soft);box-shadow:none;cursor:default}.ob-lang-name{font-size:var(--t-base);color:var(--ink);line-height:1.25;font-family:var(--font-native)}.ob-lang[lang=ja] .ob-lang-name,.sel-opt[lang=ja],.sel-value[lang=ja]{font-family:var(--font-ja)}.ob-lang[lang=zh-Hant] .ob-lang-name,.sel-opt[lang=zh-Hant],.sel-value[lang=zh-Hant]{font-family:var(--font-hant)}.ob-lang[lang=ko] .ob-lang-name,.sel-opt[lang=ko],.sel-value[lang=ko]{font-family:var(--font-ko)}.ob-nav{flex-direction:column;gap:var(--s-2);margin:var(--s-3) 0 0}.ob-note{margin:0 0 var(--s-1);font-size:var(--t-sm);color:var(--ink-soft)}.placement-ear{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);width:100%;margin:0 auto var(--s-3);padding:var(--s-4) var(--s-3);border:none;border-radius:var(--r-lg);background:var(--sky);color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);font-weight:700;cursor:pointer}.game-top .owl{flex:none;overflow:visible}.owl-moment{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40;display:flex;align-items:flex-end;gap:var(--s-2);width:min(92vw,440px)}.owl-moment .owl{flex:none;overflow:visible;filter:drop-shadow(0 3px 5px rgba(40,48,63,.22))}.owl-moment-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1)}.owl-moment-action{padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-pill);background:var(--jade-ink);color:#fff;font-family:var(--font-body);font-size:var(--t-sm);font-weight:800;box-shadow:var(--shadow);cursor:pointer}.owl-moment-action .rail{color:#ffffffd1}.owl-reactive{cursor:pointer}.owl[data-react=blink] .owl-lid{animation:owl-blink-once .24s ease-in-out both}@keyframes owl-blink-once{0%,to{transform:scaleY(0)}50%{transform:scaleY(1)}}.owl[data-react=glasses]{animation:owl-nudge .38s ease-in-out both}@keyframes owl-nudge{0%,to{transform:none}35%{transform:rotate(-6deg) translateY(-2px)}70%{transform:rotate(4deg)}}.owl[data-react=hoot]{animation:owl-hoot .42s ease-out both}@keyframes owl-hoot{0%,to{transform:none}30%{transform:scale(1.06) translateY(-4px)}60%{transform:scale(.98)}}.owl .owl-glint{opacity:0;animation:owl-glint .9s .5s ease-out both}@keyframes owl-glint{0%{opacity:0;transform:rotate(-25deg) translate(-6px)}35%{opacity:.95}to{opacity:0;transform:rotate(-25deg) translate(10px)}}@media (prefers-reduced-motion: reduce){.owl[data-react],.owl[data-react] .owl-lid,.owl .owl-glint{animation:none}}.wm-star-fly{position:fixed;left:50%;top:45%;z-index:45;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(40,48,63,.22));animation:star-fly .82s cubic-bezier(.3,.9,.3,1) both}@keyframes star-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.8)}to{opacity:1;transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%)) scale(.7)}}.path-badge.landed{animation:pop .45s ease}@media (prefers-reduced-motion: reduce){.wm-star-fly,.path-badge.landed{animation:none}.wm-star-fly{opacity:0}}.wm-stone{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:40px;margin:var(--s-1) auto 0}.wm-stone svg{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 2px 3px rgba(40,48,63,.12))}.wm-stone span{position:relative;font-size:var(--t-sm);font-weight:800;color:var(--ink-soft);letter-spacing:.02em}.wm-block.arrived .decor-art{animation:decor-greet .9s ease-out both}@keyframes decor-greet{0%{transform:none}35%{transform:translateY(-10px) scale(1.12)}to{transform:none}}.wm-avatar.asleep{animation:breathe 4.6s ease-in-out infinite}.wm-play-row{display:flex;flex-wrap:wrap;gap:var(--s-1);max-width:480px;margin:2px 0 0 96px}.wm-play-right{justify-content:flex-end;margin:2px 96px 0 0}.wm-play{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-pill);background:var(--jade-ink);color:#fff;font-family:var(--font-body);font-size:var(--t-sm);font-weight:800;box-shadow:var(--shadow-soft);cursor:pointer}.today-plain{display:contents}.today-hand{display:flex;align-items:center;gap:var(--s-2);margin:0 var(--s-4) var(--s-2)}.today-hand .owl{flex:none;overflow:visible}.today-hand .today-list{flex:1;margin:0}@media (prefers-reduced-motion: reduce){.wm-block.arrived .decor-art,.wm-avatar.asleep{animation:none}}.wm-owl{position:relative;z-index:2;display:flex;align-items:flex-start;gap:var(--s-2);max-width:480px;margin:var(--s-1) 0 var(--s-1) var(--s-5);animation:pop .4s ease}.wm-owl .owl{flex:none;overflow:visible}.wm-owl-right{flex-direction:row-reverse;margin:var(--s-1) var(--s-5) var(--s-1) auto}.wm-owl-right .owl-says:before{left:auto;right:-8px;border-right:0;border-left:8px solid var(--paper)}.paywall{text-align:center;padding-bottom:22px}.paywall-title{font-family:var(--font-hanzi);font-size:var(--t-xl);margin:var(--s-1) 0 0}.paywall-sub{color:var(--ink-soft);font-size:var(--t-sm);margin:2px 0 var(--s-3)}.paywall-line{font-family:var(--font-hanzi);font-size:var(--t-md);margin:var(--s-1) var(--s-3);display:flex;align-items:center;justify-content:center;gap:var(--s-1)}.paywall-plans{display:flex;gap:var(--s-2);justify-content:center;margin:var(--s-4) var(--s-2) var(--s-2)}.paywall-plan{flex:1;max-width:170px;border:2px solid var(--ink);border-radius:var(--r-md);background:#fff;padding:var(--s-3) var(--s-2);display:flex;flex-direction:column;gap:var(--s-1);font:inherit;cursor:pointer;box-shadow:0 2px 0 var(--ink)}.paywall-plan.best{background:#fff3d6}.paywall-plan:disabled{opacity:.55;cursor:default;box-shadow:none}.paywall-plan-zh{font-family:var(--font-hanzi);font-size:var(--t-md)}.paywall-plan-price{font-weight:800;font-size:var(--t-md)}.paywall-note{color:var(--ink-soft);font-size:var(--t-sm);display:flex;align-items:center;justify-content:center;gap:var(--s-1);margin:var(--s-2) 0 0}.paywall-foot{color:var(--ink-soft);font-size:var(--t-sm);margin:var(--s-2) var(--s-3) 0}.keep-actions{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);margin-top:var(--s-3)}.keep-actions .paywall-plan{flex:none;width:min(100%,280px);max-width:none;align-items:center;text-align:center}.keep-actions .paywall-plan-zh{font-family:var(--font-display)}.keep-later{margin:0 auto}.legal-page{min-height:100vh;min-height:100dvh;background:#fbf7ef;color:#28303f;font-family:var(--font-body)}.legal-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-4);border-bottom:2px solid rgba(40,48,63,.12)}.legal-back{font-family:var(--font-hanzi);font-size:var(--t-md);color:inherit;text-decoration:none;font-weight:700}.legal-nav{display:flex;gap:var(--s-3);margin-left:auto;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:26px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent)}.legal-nav::-webkit-scrollbar{display:none}.legal-nav a{white-space:nowrap}.legal-nav a{color:inherit;opacity:.85;text-decoration:none;font-size:var(--t-sm);font-weight:700}.legal-nav a.current{opacity:1;text-decoration:underline;text-underline-offset:4px}.legal-body{max-width:620px;margin:0 auto;padding:var(--s-6) var(--s-4) 40px;line-height:1.65;font-size:var(--t-md)}.legal-body h1{font-size:var(--t-xl);margin:0 0 var(--s-3)}.legal-body h2{font-size:var(--t-md);margin:var(--s-5) 0 var(--s-1)}.legal-body a{color:inherit;font-weight:700}.legal-body ul{padding-left:20px;margin:var(--s-2) 0}.legal-updated{margin-top:var(--s-6);font-size:var(--t-sm);color:var(--ink-soft)}.grecaptcha-badge{visibility:hidden}.legal-recaptcha{margin-top:var(--s-6);font-size:var(--t-xs);color:var(--ink-soft)}.sheet.paywall .legal-recaptcha,.page.settings .legal-recaptcha{margin-top:var(--s-2)}.legal-business{margin-top:var(--s-2);padding-top:12px;border-top:1px solid rgba(40,48,63,.15);font-size:var(--t-sm);opacity:.75}.legal-business p{margin:2px 0}.set-legal{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);justify-content:center;margin:var(--s-4) 0 var(--s-1)}.set-legal a{color:inherit;opacity:.85;font-size:var(--t-sm);font-weight:700;text-decoration:none}.set-probe-out{list-style:none;margin:var(--s-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s-1)}.set-probe-out li{display:flex;justify-content:space-between;gap:var(--s-2);background:var(--paper);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);font-family:var(--font-hanzi);font-size:var(--t-sm);color:var(--ink-soft)}.set-probe-out b{font-weight:400;color:var(--ink)}.set-probe-out li span{font-family:var(--font-pinyin);font-size:var(--t-2xs);text-align:right}.set-probe-out li.good{background:var(--jade-soft)}.set-probe-out li.bad{background:var(--rose-soft)}.book-controls{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:var(--s-2);margin:0 0 var(--s-3);padding-block:var(--s-2);background:var(--sky)}.book-controls .filter-row{padding-bottom:2px;align-items:center}.filter-group{display:flex;gap:var(--s-2)}.filter-chip.cta{--glow-off: rgba(47, 163, 107, 0);--glow-on: rgba(47, 163, 107, .45);background:var(--jade-ink);color:#fff;animation:clue-glow 2.4s ease-in-out infinite}.filter-chip.cta .filter-n{background:#ffffff38;color:#fff}.filter-chip.act{background:var(--jade-soft);color:var(--jade-ink);box-shadow:none}.filter-chip.act .filter-n{background:#2fa36b29;color:var(--jade-ink)}@media (prefers-reduced-motion: reduce){.filter-chip.cta{animation:none}}.due-n{font-weight:800;font-size:var(--t-sm);color:var(--jade-ink);font-variant-numeric:tabular-nums}.word-row.f1{background:#f4f8fe;background:color-mix(in srgb,var(--paper) 78%,var(--sky-deep));box-shadow:var(--shadow-soft)}.word-row.f2{position:relative;background:#e9f1fc;background:color-mix(in srgb,var(--paper) 48%,var(--sky-deep));box-shadow:none}.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--s-2)}.set-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1);border:none;text-align:left;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-3);cursor:pointer;animation:tile-in .25s ease backwards}.set-card:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.set-icon{display:block;margin-bottom:2px}.set-zh{font-family:var(--font-hanzi);font-size:var(--t-base);font-weight:700;color:var(--ink);line-height:1.25}.set-n{margin-top:2px;font-size:var(--t-xs);font-weight:800;color:var(--ink-soft);font-variant-numeric:tabular-nums}.set-ring{width:100%;height:5px;border-radius:var(--r-pill);background:var(--sky-deep);overflow:hidden}.set-ring>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--gold)}.set-ring>i[style*="100%"]{background:var(--jade)}.book-search-input{width:100%;border:1.5px solid var(--grid);border-radius:var(--r-sm);background:var(--paper);padding:var(--s-3);font-family:var(--font-body);font-size:16px;color:var(--ink)}.book-search-input::placeholder{color:var(--ink-soft)}.book-search-input:focus-visible{outline:3px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.crash-build{margin:var(--s-1) 0 0;font-size:var(--t-xs);color:var(--ink-soft);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text}.hsk-progress{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft)}.hsk-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:4.5rem 1fr auto;column-gap:10px;row-gap:8px}.hsk-row.now .hsk-lvl{color:var(--jade-ink);font-weight:700}.hsk-lvl{font-size:var(--t-md);font-weight:600;color:var(--ink)}.hsk-bar{height:10px;border-radius:var(--r-pill);background:var(--jade-soft);overflow:hidden}.hsk-bar-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--jade);transition:width .6s ease}.hsk-n{font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--ink-soft)}@media (prefers-reduced-motion: reduce){.hsk-bar-fill{transition:none}}.listen-card{display:flex;flex-direction:column;gap:var(--s-3);align-items:stretch}.listen-hidden{margin:0;padding:var(--s-4) var(--s-2);text-align:center;font-size:16px;color:var(--ink-soft)}.listen-play{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:none;border-radius:var(--r-md);background:var(--jade-ink);color:#fff;font-size:var(--t-base);font-weight:600;cursor:pointer}.listen-play:disabled{background:var(--jade-soft);color:var(--jade-ink);cursor:default}.radical-hint{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow)}.radical-glyph{width:46px;height:46px;flex:none}.radical-rest{fill:var(--shadow-ink)}.radical-key{fill:var(--jade-ink)}.radical-text{margin:0;font-size:var(--t-sm);color:var(--ink-soft)}.exam-empty{margin:var(--s-7) var(--s-5);text-align:center;color:var(--ink-soft);font-size:var(--t-base)}.exam-clock{display:inline-flex;align-items:center;gap:var(--s-1);padding:3px var(--s-3);border-radius:var(--r-pill);background:var(--paper);color:var(--ink-soft);font-size:var(--t-xs);font-variant-numeric:tabular-nums;box-shadow:var(--shadow)}.exam-practice-tag{display:inline-flex;align-items:center;margin-left:8px;padding:3px var(--s-3);border-radius:var(--r-pill);background:var(--jade-soft);color:var(--jade-ink);font-size:var(--t-xs);font-weight:700}.exam-clock.low{color:var(--red-deep);font-weight:700}.exam-instruction{margin:var(--s-2) var(--s-4) var(--s-3);color:var(--ink-soft);font-size:var(--t-sm);line-height:1.5}.exam-example{margin:0 var(--s-4) var(--s-2);border-radius:var(--r-md);background:var(--sky-deep)}.exam-example-tab{display:flex;align-items:center;gap:var(--s-1);width:100%;padding:var(--s-2) var(--s-3);border:none;background:none;color:var(--ink-soft);font-family:var(--font-display);font-size:var(--t-xs);font-weight:700}.exam-example-body{display:flex;flex-direction:column;gap:var(--s-2);padding:0 var(--s-3) var(--s-3)}.exam-example-text{margin:0;color:var(--ink);font-size:var(--t-sm);line-height:1.6}.exam-example-answer{display:flex;align-items:center;gap:var(--s-2);color:var(--jade-ink)}.exam-example-answer .exam-thumb{width:72px;border-radius:var(--r-sm);background:var(--paper)}.exam-question{margin:0 var(--s-4)}.exam-image{display:block;width:min(100%,260px);margin:var(--s-1) auto var(--s-2);border-radius:var(--r-lg);background:var(--paper)}.exam-passage{margin:0 0 var(--s-2);padding:var(--s-3) var(--s-4);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);font-size:var(--t-base);line-height:1.75}.exam-tf{display:flex;gap:var(--s-3);justify-content:center;margin:var(--s-3) 0}.exam-tf .option{width:96px;height:64px;display:flex;align-items:center;justify-content:center}.exam-yes{color:var(--jade-ink)}.exam-no{color:var(--red-deep)}.option.picked{outline:3px solid var(--blue);outline-offset:-3px;box-shadow:var(--ring) var(--blue)}.exam-pics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);margin:var(--s-3) 0}.exam-pics .option{flex-direction:column;gap:var(--s-1);padding:var(--s-2)}.exam-thumb{width:100%;aspect-ratio:1;object-fit:contain}.exam-build{display:flex;flex-direction:column;gap:var(--s-3)}.exam-build-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);min-height:56px;padding:var(--s-3);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-lift)}.exam-build-empty{color:var(--ink-soft);font-size:var(--t-sm)}.exam-build-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}.exam-chip{padding:var(--s-3) var(--s-4);border:none;border-radius:var(--r-sm);background:var(--sky-deep);color:var(--ink);font-family:var(--font-hanzi);font-size:var(--t-lg)}.exam-chip.picked{background:var(--jade-soft);box-shadow:var(--ring) var(--jade-ink)}.exam-chip:disabled{opacity:.35}.exam-order{display:flex;flex-direction:column;gap:var(--s-3)}.exam-order-line,.exam-order-pool{display:flex;flex-direction:column;gap:var(--s-2);margin:0;padding:0;list-style:none}.exam-order-line{min-height:56px;padding:var(--s-3);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-lift)}.exam-order-chip{display:flex;gap:var(--s-2);align-items:baseline;width:100%;padding:var(--s-3);border:none;border-radius:var(--r-sm);background:var(--sky-deep);color:var(--ink);font-family:var(--font-hanzi);font-size:var(--t-base);text-align:left}.exam-order-chip.picked{background:var(--jade-soft);box-shadow:var(--ring) var(--jade-ink)}.exam-order-chip:disabled{opacity:.35}.exam-essay{display:flex;flex-direction:column;gap:var(--s-3)}.exam-essay-prompt{margin:0;padding:var(--s-3);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-lift);font-family:var(--font-hanzi);font-size:var(--t-base);line-height:1.9;white-space:pre-wrap}.exam-essay-box{width:100%;padding:var(--s-3);border:none;border-radius:var(--r-md);background:var(--paper);box-shadow:var(--ring-in) var(--sky-deep);color:var(--ink);font-family:var(--font-hanzi);font-size:16px;line-height:1.9;resize:vertical}.exam-write{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.exam-write-cue{margin:0;font-family:var(--font-hanzi);font-size:var(--t-lg);line-height:1.7;text-align:center}.exam-write-blank{display:inline-block;min-width:40px;margin:0 var(--s-1);padding:0 var(--s-2);border-bottom:2.5px solid var(--line);color:var(--jade-ink)}.exam-write-pinyin{margin:0;color:var(--ink-soft);font-family:var(--font-pinyin);font-size:var(--t-md)}.exam-write-input{width:84px;padding:var(--s-3);border:2.5px solid var(--grid);border-radius:var(--r-md);background:var(--paper);font-family:var(--font-hanzi);font-size:34px;text-align:center}.exam-write-again{padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-sm);background:var(--sky-deep);color:var(--ink);font-family:var(--font-display);font-size:var(--t-sm);font-weight:700}.exam-rubric{margin:var(--s-6) var(--s-2);color:var(--ink-soft);font-size:var(--t-md);line-height:1.6;text-align:center}.exam-figures{margin-bottom:var(--s-3)}.exam-fig-head{margin:0 0 var(--s-1);font-family:var(--font-display);font-weight:700;font-size:var(--t-md);color:var(--ink)}.exam-fig-rows{display:flex;flex-direction:column;gap:var(--s-1);margin:0;padding:0;list-style:none}.exam-fig-row{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm)}.exam-fig-name{flex:none;width:34px;color:var(--ink)}.exam-fig-bar{flex:1;min-width:0;height:10px;border-radius:var(--r-pill);background:var(--sky-deep);overflow:hidden}.exam-fig-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--jade)}.exam-fig-pct{flex:none;min-width:34px;text-align:right;font-family:var(--font-display);font-weight:700;color:var(--ink)}.exam-fig-gain{flex:none;padding:1px var(--s-2);border-radius:var(--r-pill);background:var(--jade-soft);color:var(--jade-ink);font-size:var(--t-2xs);font-weight:700}.exam-fig-best,.exam-fig-foot{color:var(--ink-soft);font-size:var(--t-2xs)}.exam-fig-best{flex:none}.exam-fig-foot{margin:var(--s-2) 0 0;font-size:var(--t-sm);line-height:1.5}.exam-pick-best{color:var(--jade-ink);font-size:var(--t-sm);font-weight:700}.exam-drills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);margin:var(--s-2) 0 0}.exam-drill{padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-pill);background:var(--sky-deep);color:var(--ink-soft);font-family:var(--font-display);font-size:var(--t-xs);font-weight:700}.wrong-list{display:flex;flex-direction:column;gap:var(--s-2);margin:0;padding:0;list-style:none}.wrong-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow)}.wrong-what{flex:1;min-width:0;font-size:var(--t-sm);color:var(--ink)}.wrong-where{flex:none;font-size:var(--t-xs);color:var(--ink-soft)}.wrong-do{flex:none;padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-pill);background:var(--jade);color:#fff;font-family:var(--font-display);font-size:var(--t-sm);font-weight:700}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60vh}.loading-note{color:var(--ink-soft);font-family:var(--font-display);font-size:var(--t-lg)}.today-list{display:flex;flex-direction:column;gap:var(--s-1);margin:0 var(--s-4) var(--s-2);padding:0;list-style:none}.today-item{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-3) var(--s-4);border:none;border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow)}.today-what{flex:1;min-width:0;text-align:left;font-family:var(--font-display);font-size:var(--t-md);font-weight:700;color:var(--ink)}.today-go{flex:none;color:var(--jade-ink);font-weight:800}.placement-level{display:inline-block;margin-top:var(--s-1);padding:2px var(--s-3);border-radius:var(--r-pill);background:var(--sky-deep);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:var(--t-xs);vertical-align:middle;white-space:nowrap}.transfer-row{display:flex;gap:var(--s-2)}.exam-drills-label{align-self:center;display:inline-flex;flex-direction:column;font-size:var(--t-2xs);font-weight:700;color:var(--ink-soft);margin-right:2px}.exam-pick{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;margin:var(--s-3) 0 var(--s-1);padding:var(--s-3) var(--s-4);border:none;border-radius:var(--r-pill);background:var(--jade-ink);color:#fff;font-family:var(--font-hanzi);font-size:var(--t-base);font-weight:700;text-align:center}.exam-pick .rail{color:#fff}.exam-pick-name{font-family:var(--font-display);font-size:var(--t-lg);font-weight:700;color:var(--ink)}.exam-pick-meta{font-size:var(--t-sm);color:var(--ink-soft)}.exam-nav{display:flex;gap:var(--s-3);margin:var(--s-4) var(--s-4) var(--s-1)}.exam-prev,.exam-next{flex:1;padding:var(--s-4) var(--s-3);border:none;border-radius:var(--r-lg);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--t-lg);font-weight:700;box-shadow:var(--shadow);cursor:pointer}.exam-next{background:var(--jade-ink);color:#fff}.exam-prev:disabled{color:var(--shadow-ink);cursor:default;background:transparent;box-shadow:var(--ring-in) var(--grid)}.exam-count{margin:0 var(--s-4) var(--s-6);text-align:center;color:var(--ink-soft);font-size:var(--t-xs)}.page.exam.exam-room{background:#fbf8f1}body:has(.exam-room){background:#fbf8f1}.exam-score .exam-section-score,.exam-score .exam-unmarked,.exam-score .exam-fig-foot{animation:score-follow .4s .9s ease-out both}@keyframes score-follow{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.exam-score .exam-section-score,.exam-score .exam-unmarked,.exam-score .exam-fig-foot{animation:none}}.exam-score{margin:var(--s-3) var(--s-4);padding:var(--s-4);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);text-align:center}.exam-total{margin:0;font-family:var(--font-display);font-size:44px;line-height:1;color:var(--ink)}.exam-outof{font-size:20px;color:var(--ink-soft)}.exam-section-score{margin:var(--s-2) 0 0;font-size:var(--t-base);color:var(--ink)}.exam-unmarked{margin:2px 0 0;color:var(--ink-soft);font-size:var(--t-sm)}.exam-benchmark{margin:var(--s-3) 0 0;font-size:var(--t-sm);color:var(--ink-soft)}.exam-review{list-style:none;margin:0 var(--s-4) 40px;padding:0}.exam-row{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-2);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow)}.exam-row.right{border-left:4px solid var(--jade-ink)}.exam-row.wrong{border-left:4px solid var(--red-deep)}.exam-row-n{flex:none;width:2ch;color:var(--ink-soft);font-size:var(--t-sm);font-variant-numeric:tabular-nums}.exam-row-body{flex:1;min-width:0}.exam-row-verdict{display:flex;align-items:center;gap:var(--s-1);margin:0;font-size:var(--t-sm);color:var(--ink)}.exam-row-why{margin:var(--s-1) 0 0;font-size:var(--t-sm);line-height:1.6;color:var(--ink-soft)}.exam-verdict{margin:var(--s-3) 0 0;padding:var(--s-3);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow)}.exam-verdict.right{border-left:4px solid var(--jade-ink)}.exam-verdict.wrong{border-left:4px solid var(--red-deep)}.exam-check-btn{display:block;margin:var(--s-3) auto 0;padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-pill);background:var(--blue);color:#fff;font-family:var(--font-display);font-size:var(--t-sm);font-weight:700}:root{--font-rail-face: "Fredoka", "Segoe UI", "Noto Sans", Roboto;--font-rail: var(--font-rail-face), sans-serif}:root[data-rail=ru]{--font-rail-face: "Fredoka", "Segoe UI", "Noto Sans", Roboto}:root[data-rail=th]{--font-rail-face: "Noto Sans Thai", "Leelawadee UI", "Sarabun", Tahoma}:root[data-rail=ko]{--font-rail-face: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo"}:root[data-rail=ja]{--font-rail-face: "Noto Sans JP", "Yu Gothic UI", "Hiragino Sans", "Meiryo"}:root[data-rail=zh-Hant]{--font-rail-face: "Microsoft JhengHei", "PingFang TC", "Noto Sans TC"}:root[data-rail=vi]{--font-rail-face: "Fredoka", "Segoe UI", Roboto}.crash-title-en{font-family:var(--font-rail);font-size:var(--t-lg);color:var(--ink-soft);margin:2px 0 0}.crash-line-en,.crash-warn-en{font-family:var(--font-rail);font-size:var(--t-sm);line-height:1.6;max-width:24em;margin:var(--s-1) 0 0}.crash-line-en{color:var(--ink-soft)}.crash-retry small,.crash-wipe small,.crash-more summary small{display:block;font-family:var(--font-rail);font-size:var(--t-2xs);margin-top:1px}small{font-family:var(--font-rail)}small.rail{display:block;font-family:var(--font-rail);font-size:var(--t-2xs);line-height:1.35;color:var(--ink-soft);margin-top:1px}button small.rail,.set-card small.rail,.ach-toast small.rail,.ach-heading small.rail{color:inherit}.stg-section{margin-bottom:var(--s-5)}.stg-head{margin:0 0 var(--s-1);display:flex;flex-direction:column;gap:1px;font-family:var(--font-hanzi);font-weight:400;font-size:var(--t-xl);color:var(--ink);line-height:1.25}.stg-head-en{font-family:var(--font-rail);font-weight:600;font-size:var(--t-sm);color:var(--ink-soft)}.stg-group{background:#fffffff5;border:1px solid rgba(77,88,110,.14);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);overflow:hidden}.stg-row,.stg-block{border-top:1px solid rgba(77,88,110,.1)}.stg-group>:first-child{border-top:none}.stg-block{padding:var(--s-3) var(--s-4) var(--s-4)}.stg-row{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:60px;padding:var(--s-3) var(--s-4);background:none;border-left:none;border-right:none;border-bottom:none;text-align:left;color:inherit}.stg-icon{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sky);color:var(--ink-soft);filter:grayscale(.6);transition:background .2s ease,filter .2s ease,color .2s ease}.stg-row.on .stg-icon{background:#fff3d6;color:var(--ink);filter:none}.stg-icon.plain{filter:none}.stg-icon.danger{filter:none;background:var(--rose-soft);color:var(--red-deep)}.stg-danger-title{margin-right:auto}.stg-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.stg-zh{font-family:var(--font-hanzi);font-size:var(--t-lg);line-height:1.3;color:var(--ink)}.stg-en{font-family:var(--font-rail);font-weight:600;font-size:var(--t-xs);line-height:1.3;color:var(--ink-soft)}.stg-switch-wrap{flex:none;display:inline-flex;align-items:center;gap:var(--s-2)}.stg-switch-word{font-family:var(--font-hanzi);font-size:var(--t-xs);color:var(--ink-soft);min-width:1.2em;text-align:right}.stg-switch{position:relative;width:46px;height:28px;border-radius:var(--r-pill);background:#8390a5;transition:background .2s ease}.stg-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--paper);box-shadow:0 1px 3px #28303f59;transition:transform .32s var(--ease-spring)}.stg-row.on .stg-switch{background:var(--jade)}.stg-row.on .stg-knob{transform:translate(18px)}.seg{position:relative;display:grid;grid-template-columns:repeat(var(--n, 3),1fr);padding:3px;border-radius:var(--r-md);background:var(--sky-deep)}.seg-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--n, 3));border-radius:var(--r-sm);background:var(--paper);box-shadow:0 1px 4px #28303f29;transition:transform .36s var(--ease-spring);pointer-events:none}.seg-btn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--s-2) var(--s-1);border:none;background:none;border-radius:var(--r-sm);color:var(--ink-soft);text-align:center}.seg-zh{font-family:var(--font-hanzi);font-size:var(--t-md);line-height:1.2}.seg-latin{font-family:var(--font-display);font-size:var(--t-md);line-height:1.2}.seg-en{font-family:var(--font-rail);font-weight:600;font-size:var(--t-2xs)}.seg-btn.on .seg-zh{color:var(--ink)}.stg-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--s-3) var(--s-2)}.stg-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px var(--s-2);text-align:center}.stg-stat+.stg-stat{border-left:1px solid rgba(77,88,110,.12)}.stg-stat b{font-family:var(--font-display);font-weight:800;font-size:var(--t-2xl);line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.stg-stat-label{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:3px;font-family:var(--font-hanzi);font-size:var(--t-xs);color:var(--ink-soft)}.stg-stat-label>small.rail{flex-basis:100%;margin-top:0}.stg-stat-label .stg-zh{font-size:var(--t-xs);color:var(--ink-soft)}.stg-stat-label .stg-en{font-size:var(--t-2xs);font-weight:500}.stg-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.stg-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:40px;padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-sm);background:var(--sky-deep);color:var(--ink);cursor:pointer;line-height:1.2}.stg-btn .stg-zh{font-size:var(--t-md)}.stg-btn .stg-en{font-size:var(--t-2xs);font-weight:600}.stg-btn:disabled{cursor:default;color:var(--ink-soft)}.stg-note{margin:var(--s-2) 0 0;font-family:var(--font-hanzi);font-size:var(--t-sm);line-height:1.6;color:var(--ink-soft)}.stg-note .rail{font-family:var(--font-rail)}.stg-confirm{background:var(--rose-soft);border:1px solid rgba(224,57,62,.35);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4);animation:pop .18s ease}.stg-confirm-q{font-family:var(--font-hanzi);font-size:var(--t-base);line-height:1.7;color:var(--red-deep);margin:0 0 var(--s-3)}.stg-confirm-q .rail{font-family:var(--font-rail);display:block;font-size:var(--t-sm)}.stg-confirm-row{display:flex;gap:var(--s-2)}.stg-keep{flex:2;border:none;background:var(--jade);color:#fff;border-radius:var(--r-pill);padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow)}.stg-keep .stg-zh,.stg-keep .stg-en{color:#fff}.stg-wipe{position:relative;overflow:hidden;flex:1;border:1px solid rgba(224,57,62,.35);background:var(--paper);color:var(--red-deep);border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);display:flex;flex-direction:column;align-items:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.stg-wipe>:not(.stg-hold-fill){position:relative;z-index:1}.stg-wipe .stg-zh,.stg-wipe .stg-en,.stg-hold-hint .stg-zh,.stg-hold-hint .stg-en{color:var(--red-deep)}.stg-hold-hint{display:flex;flex-direction:column;align-items:center;margin-top:2px}.stg-hold-hint .stg-zh{font-size:var(--t-2xs)}.stg-hold-hint .stg-en{font-size:10px}.stg-hold-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:#e0393e38;transition:width 0s}.stg-wipe.holding .stg-hold-fill{width:100%;transition:width var(--hold, 1.2s) linear}.stg-wave i:nth-child(2){animation-delay:.15s}.stg-wave i:nth-child(3){animation-delay:.3s}@keyframes stg-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.stg-wave i{animation:none;transform:scaleY(.6)}}.stg-field{display:grid;gap:var(--s-2)}.stg-select-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.sel{position:relative;flex:0 1 auto;min-width:0;max-width:58%}.sel-btn{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-2) var(--s-3);border:1.5px solid rgba(77,88,110,.3);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--t-sm);text-align:left;cursor:pointer}.sel.open .sel-btn,.sel-btn:focus-visible{box-shadow:var(--ring) var(--gold);outline:none}.sel-value{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.2;font-family:var(--font-native)}.sel-sub{color:var(--ink-soft);font-size:var(--t-xs);font-weight:600;font-family:var(--font-body)}.sel-chev{flex:none;color:var(--ink-soft);transition:transform .16s ease}.sel.open .sel-chev{transform:rotate(180deg)}.sel-list{position:fixed;z-index:60;max-height:44vh;overflow-y:auto;overscroll-behavior:contain;padding:var(--s-2);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-lift)}.sel-opt{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-sm);color:var(--ink);font-size:var(--t-sm);cursor:pointer;font-family:var(--font-native)}.sel-opt.active{background:var(--sky)}.sel-opt.on{font-weight:800}.sel-opt-label{flex:1 1 auto;display:flex;flex-direction:column;line-height:1.2}.sel-tick{flex:none;color:var(--jade)}.stg-btn-outline{flex-direction:row;gap:var(--s-2);border:1.5px solid rgba(77,88,110,.3);background:var(--paper)}.stg-btn-text{display:flex;flex-direction:column;align-items:flex-start}.stg-danger-zone{margin:var(--s-3) 0 0;padding:var(--s-3) var(--s-4);border:1px dashed rgba(224,57,62,.45);border-radius:var(--r-md);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.stg-danger-title{margin:0;display:flex;flex-direction:column}.stg-danger-title .stg-zh,.stg-danger-title .stg-en,.stg-danger-btn .stg-zh,.stg-danger-btn .stg-en{color:var(--red-deep)}.stg-danger-btn{flex:none;display:flex;flex-direction:column;align-items:center;padding:var(--s-2) var(--s-4);border:1.5px solid var(--red-deep);border-radius:var(--r-pill);background:transparent}.stg-danger-btn .stg-zh{font-size:var(--t-sm)}.sheet.stg-confirm{background:var(--rose-soft);animation:sheet-up .25s cubic-bezier(.2,1.2,.4,1)}.profile-data .stg-stats{padding:var(--s-1) 0 0}.stg-tap{transition:transform .28s var(--ease-spring)}.stg-tap:active{transform:scale(.96);transition-duration:.08s;transition-timing-function:ease-out}@media (prefers-reduced-motion: reduce){.stg-tap,.stg-knob,.stg-seg-pill,.stg-switch,.stg-icon{transition:none}.stg-tap:active{transform:none}}.glance{margin:-18px var(--s-1) var(--s-6);color:var(--ink-soft);font-size:var(--t-sm);font-weight:700}.paper-day{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-6) var(--s-4) calc(96px + env(safe-area-inset-bottom,0px));text-align:center;cursor:pointer}.paper-day-scene{display:flex;align-items:flex-end;gap:var(--s-1)}.paper-day-name{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--t-lg);color:var(--ink)}.paper-day-date{margin:0;color:var(--ink-soft);font-weight:700}.wm-avatar-band-3,.wm-avatar-band-4,.wm-avatar-band-5,.wm-avatar-band-6{transform-origin:50% 100%}.wm-avatar-band-3{scale:1.04}.wm-avatar-band-4{scale:1.08}.wm-avatar-band-5{scale:1.12}.wm-avatar-band-6{scale:1.16}.ob-outline{background:transparent;border:2px solid var(--jade-ink);box-shadow:none;color:var(--jade-ink)}.ob-link{align-self:center;margin-top:var(--s-1);padding:var(--s-2) var(--s-3);border:none;background:transparent;color:var(--ink-soft);font-family:var(--font-body);font-size:var(--t-md);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ob-link:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.hdr-date{display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:5px;text-align:left;padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-pill);background:var(--paper);color:var(--ink-soft);font-family:var(--font-body);font-size:var(--t-xs);font-weight:700;box-shadow:var(--shadow-soft);white-space:nowrap;cursor:pointer}.hdr-date.set{color:var(--ink)}.hdr-date:focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media (max-width: 359px){.hdr-date:not(.set)>span:not(:lang(zh)){display:none}.hdr-date:not(.set):has(>span:not(:lang(zh))){grid-template-columns:auto}}.date-sheet{display:flex;align-items:center;gap:var(--s-2);padding-right:60px}.date-sheet .study-date-label{flex:1}.date-sheet .study-date-clear{width:auto;height:auto;display:inline-flex;flex-direction:column;align-items:center;padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);background:var(--sky);font-size:var(--t-xs);font-weight:700}.hdr-date>.rail{grid-column:2;font-size:var(--t-2xs)}.ruby{display:inline-flex;align-items:baseline;gap:3px}.ruby ruby{ruby-position:over}.ruby rt{font-family:var(--font-pinyin);font-size:var(--t-2xs);font-weight:400;color:var(--ink-soft);letter-spacing:0}.ruby-fallback{display:inline-flex;flex-direction:column}.ruby-fallback-py{font-family:var(--font-pinyin);font-size:var(--t-xs);color:var(--ink-soft)}.tx-title-ruby rt{font-size:var(--t-xs)}.tian-col{display:flex;flex-direction:column;align-items:center;gap:var(--s-1)}.tian-py{font-family:var(--font-pinyin);font-weight:700;font-size:var(--t-base);color:var(--ink-soft);line-height:1}.tian-small .tian-py{font-size:var(--t-xs)}.match-word.ruby{gap:var(--s-1)}.match-word rt{font-size:var(--t-xs)}.collect-hanzi.ruby{font-weight:700}.placement-ruby rt,.row-hanzi rt{font-size:var(--t-xs)}.rd-gloss-rt{color:#a08247}.write-pinyin>span{margin:0 .18em}.write-pinyin>.now{color:var(--ink)}.mx-write-chunk{display:inline-flex;align-items:flex-end}.mx-write-col{display:inline-flex;flex-direction:column;align-items:center}.mx-write-slot-py{font-family:var(--font-pinyin);font-size:var(--t-2xs);color:var(--ink-soft);line-height:1.2}.paywall-later{width:100%;margin:var(--s-2) 0 var(--s-1);padding:var(--s-3);border:none;border-radius:var(--r-md);background:var(--sky);color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);font-weight:700;cursor:pointer}.stg-free{margin:var(--s-3) var(--s-1) 0}.hz-search{display:block;margin:0 0 var(--s-3)}.hz-search-input{width:100%;padding:var(--s-3) var(--s-4);border:none;border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-soft);font-family:var(--font-body);font-size:16px;color:var(--ink)}.hz-section{margin:0 0 var(--s-4)}.hz-title{margin:0 0 var(--s-2);font-family:var(--font-hanzi);font-size:var(--t-base);color:var(--ink)}.hz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--s-2)}.hz-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2) var(--s-1);border:none;border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--shadow-soft);color:var(--ink);cursor:pointer}.hz-cell.done{background:var(--jade-soft)}.hz-cell-char{font-family:var(--font-dict);font-size:var(--t-3xl);line-height:1.1}.hz-cell-sub{font-family:var(--font-pinyin);font-size:var(--t-2xs);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hz-cell-done{position:absolute;top:4px;right:4px;color:var(--jade-ink)}.filter-chip.axis-2{border:1px dashed var(--sky-deep)}.filter-chip.axis-2.on{border-color:transparent}.filter-glyph{font-family:var(--font-dict);font-size:var(--t-base);line-height:1}.hz-radsheet{max-height:72vh;overflow-y:auto}.hz-anyrad{padding:var(--s-3) 0}.hz-total{margin:var(--s-1) 0 0;text-align:center;font-size:var(--t-sm);color:var(--ink-soft)}.hz-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--s-1)}.hz-pos{font-family:var(--font-display);font-size:var(--t-sm);color:var(--ink-soft)}.hz-info{text-align:center;margin:0 0 var(--s-2)}.hz-readings{margin:0;font-family:var(--font-pinyin);font-size:var(--t-xl);font-weight:700;color:var(--ink)}.hz-def{margin:2px 0 0;font-size:var(--t-sm);color:var(--ink-soft)}.hz-meta{margin:var(--s-1) 0 0;font-size:var(--t-sm);color:var(--ink-soft)}.hz-stage .write-grid{position:relative}.hz-nodata{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:var(--s-4);text-align:center;font-size:var(--t-sm);color:var(--ink-soft)}.hz-trace{width:auto;padding:0 var(--s-3);font-family:var(--font-hanzi);font-size:var(--t-base)}.hz-trace.on{background:var(--jade-ink);color:#fff}.hz-after{display:flex;gap:var(--s-2);justify-content:center;margin:var(--s-2) 0 var(--s-3)}.hz-btn{display:inline-flex;flex-direction:column;align-items:center;padding:var(--s-3) var(--s-4);border:none;border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font-family:var(--font-hanzi);font-size:var(--t-base);box-shadow:var(--shadow-soft);cursor:pointer}.hz-btn.primary{background:var(--jade-ink);color:#fff}.hz-btn.primary .rail{color:#fff}.hz-words{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-1)}.hz-word{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--shadow-soft);text-align:left;cursor:pointer}.hz-word-hz{font-family:var(--font-hanzi);font-size:var(--t-xl);color:var(--ink)}.hz-word-en{font-size:var(--t-sm);color:var(--ink-soft)}.hz-char{margin:0;font-family:var(--font-dict);font-size:44px;line-height:1.1;color:var(--ink)}.rv-page{display:flex;flex-direction:column;gap:var(--s-2)}.rv-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.rv-row{width:100%;display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:var(--s-3);padding:var(--s-3);border:none;border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow);color:var(--ink);text-align:left;transition:transform .1s ease}.rv-row:active{transform:translateY(2px)}.rv-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--sky);color:var(--ink)}.rv-word{background:var(--jade-soft);color:var(--jade-ink)}.rv-wrong{background:var(--rose-soft);color:var(--red-deep)}.rv-write{background:var(--jade-soft)}.rv-tingxie{background:#fff3d6;color:var(--gold-ink)}.rv-lesson{background:var(--sky-deep)}.rv-name{font-family:var(--font-hanzi);font-size:var(--t-base);min-width:0}.rv-name:not(:lang(zh)){font-family:var(--font-display);font-weight:600}.rv-n{font-size:var(--t-lg);font-weight:700;font-variant-numeric:tabular-nums}.rv-go{color:var(--ink-soft)}.rv-row.lead{background:var(--jade-ink);color:#fff}.rv-row.lead .rv-icon{background:#fff3;color:#fff}.rv-row.lead .rv-go{color:#cfeadd}.rv-clear{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-5) var(--s-3)}.rv-clear-line{margin:0;font-family:var(--font-hanzi);font-size:var(--t-md);color:var(--ink);text-align:center}.rv-clear-line:not(:lang(zh)){font-family:var(--font-display);font-weight:600}.rv-clear-next{margin:0;font-family:var(--font-rail);font-size:var(--t-sm);font-weight:600;color:var(--ink-soft);text-align:center}.rv-learnt{margin-top:var(--s-2);width:100%;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow);color:var(--ink)}.rv-learnt-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-1) var(--s-2)}.rv-learnt-head{margin:0;font-family:var(--font-hanzi);font-size:var(--t-lg);font-weight:400}.rv-learnt-head:not(:lang(zh)){font-family:var(--font-display);font-weight:600}.rv-week{padding:2px var(--s-2);border-radius:var(--r-pill);background:var(--jade-soft);color:var(--jade-ink);font-family:var(--font-rail);font-size:var(--t-xs);font-weight:700}.rv-learnt-empty{margin:0;color:var(--ink-soft);font-size:var(--t-sm)}.rv-level{border-top:1px solid var(--sky-deep)}.rv-level-bar{width:100%;min-height:44px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-2);padding:var(--s-1) 0;border:none;background:none;color:var(--ink);text-align:left}.rv-level-name{font-family:var(--font-display);font-size:var(--t-base);font-weight:700}.rv-level-counts{min-width:0;color:var(--ink-soft);font-family:var(--font-rail);font-size:var(--t-sm);font-variant-numeric:tabular-nums}.rv-level-caret{color:var(--ink-soft)}.rv-level-body{display:flex;flex-direction:column;gap:var(--s-2);padding-bottom:var(--s-2)}.rv-chars{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--s-1)}.rv-char{width:100%;min-height:44px;border:none;border-radius:var(--r-xs);background:var(--jade-soft);color:var(--jade-ink);font-family:var(--font-hanzi);font-size:var(--t-2xl);line-height:1}.rv-char:active{transform:scale(.94)}.rv-learning-head{margin:0;color:var(--ink-soft);font-family:var(--font-rail);font-size:var(--t-xs);font-weight:700}.rv-learning{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-1)}.rv-learning li{padding:2px var(--s-2);border-radius:var(--r-pill);background:var(--sky);color:var(--ink);font-family:var(--font-hanzi);font-size:var(--t-base)}.rv-miss-list li{padding:0}.rv-miss-item{min-width:44px;min-height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:2px var(--s-2);border:none;border-radius:var(--r-pill);background:none;color:inherit;font:inherit;line-height:1.15}.rv-miss .rv-level-body{gap:var(--s-1);padding-bottom:0}.rv-miss-paper{flex-direction:row;gap:var(--s-2);padding:0 var(--s-3)}.rv-miss-item:active{transform:scale(.96)}.rv-miss-py{color:var(--ink-soft);font-family:var(--font-pinyin);font-size:var(--t-xs)}.rv-miss-n{color:var(--ink-soft);font-family:var(--font-rail);font-size:var(--t-xs);font-variant-numeric:tabular-nums}.rv-miss-list .rv-miss-more{align-self:center;background:none;color:var(--ink-soft);font-family:var(--font-rail);font-size:var(--t-xs)}.rv-see-all{align-self:flex-end;min-height:44px;padding:0 var(--s-1);border:none;background:none;color:var(--ink-soft);font-family:var(--font-rail);font-size:var(--t-xs);font-weight:700}.rv-see-all:after{content:" →"}.rv-link{width:100%;margin-top:var(--s-2);display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-md);background:none;color:var(--ink-soft);text-align:left}.rv-link:active{transform:translateY(2px)}.pm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:var(--s-4);background:var(--sky);animation:sheet-fade .25s ease}.pm-box{width:min(100%,420px);display:grid;justify-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-4);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow);text-align:center}.pm-stars{display:flex;align-items:flex-end;gap:var(--s-2);color:var(--gold);animation:pm-pop .6s var(--ease-spring) both}.pm-title{margin:0;font-family:var(--font-hanzi);font-weight:400;font-size:var(--t-xl);color:var(--ink)}.pm-facts{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-1);font-family:var(--font-rail);font-size:var(--t-md);color:var(--ink)}.pm-go{margin-top:var(--s-2)}@keyframes pm-pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}