.ph[data-v-6fe79ce8]{display:inline-flex;align-items:center;margin-left:10px;font-size:var(--fs-sm, 13px);color:var(--ink-2, #6b6b6b);font-family:Georgia,Times New Roman,serif}.ph-dj[data-v-6fe79ce8]{margin-left:0}.ph-kk[data-v-6fe79ce8]{margin-left:12px}.ex-cn[data-v-6fe79ce8]{margin-top:6px;font-size:var(--fs-sm, 13px);color:var(--ink-2, #6b6b6b);line-height:1.6}.analysis[data-v-6fe79ce8]{margin-top:8px;font-size:var(--fs-sm, 13px);color:#8a4f30;background:#a8603f1a;border-radius:8px;padding:6px 10px;line-height:1.6}.a-tag[data-v-6fe79ce8]{display:inline-block;font-weight:700;margin-right:6px;color:var(--accent, #a8603f)}.root-box[data-v-e0b3514c]{margin:var(--s-4) 0;padding:var(--s-3) var(--s-4);background:#a8603f14;border:1px solid rgba(168,96,63,.2);border-radius:12px}.root-word[data-v-e0b3514c]{font-weight:800;font-size:var(--fs-lg, 20px);color:var(--accent, #a8603f);margin-top:4px}.root-mean[data-v-e0b3514c]{font-size:var(--fs-sm, 13px);color:var(--ink-2, #6b6b6b);margin-top:2px}.ex-cn[data-v-e0b3514c]{font-size:var(--fs-sm, 13px);color:var(--ink-2, #6b6b6b)}.analysis[data-v-e0b3514c]{font-size:var(--fs-sm, 13px);color:#8a4f30;background:#a8603f1a;border-radius:8px;padding:6px 10px}.page[data-v-e0b3514c]{display:flex;flex-direction:column;min-height:100%}.done-view[data-v-e0b3514c]{flex:1;display:grid;place-items:center;padding:var(--s-5) 0}.done-card-static[data-v-e0b3514c]{width:100%;max-width:320px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:var(--s-6);text-align:center}.done-badge[data-v-e0b3514c]{width:56px;height:56px;color:var(--ok);display:block;margin:0 auto var(--s-3)}.done-title[data-v-e0b3514c]{font-size:var(--fs-lg);font-weight:800}.done-sub[data-v-e0b3514c]{font-size:var(--fs-sm);color:var(--ink-2);margin:var(--s-2) 0 var(--s-5)}.overview[data-v-a76a3056]{display:flex;align-items:center;gap:var(--s-5)}.ring[data-v-a76a3056]{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;flex:none}.ring-num[data-v-a76a3056]{width:68px;height:68px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-weight:800;font-size:var(--fs-md);color:var(--ink)}.overview-rows[data-v-a76a3056]{flex:1;min-width:0}.row[data-v-a76a3056]{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:var(--fs-sm)}.row span[data-v-a76a3056]{color:var(--ink-2)}.row b[data-v-a76a3056]{font-weight:700;color:var(--ink)}:root{--bg: #f7f6f2;--surface: #ffffff;--surface-2: #f1efe9;--ink: #2a2a26;--ink-2: #6c6a62;--ink-3: #9a978e;--line: #e5e2da;--line-strong: #d8d4c9;--accent: #a8603f;--accent-ink: #8a4a2e;--accent-weak: #f1e6df;--confused: #9c6b6b;--confused-weak: #f1e3e3;--ok: #6f8a5f;--ok-weak: #e7ede2;--danger: #b04a3a;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 26px;--fs-2xl: 32px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(40,38,34,.05);--sh-2: 0 6px 18px rgba(40,38,34,.07);--sh-3: 0 18px 50px rgba(40,38,34,.12);--font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: "Songti SC", "STSong", Georgia, "Times New Roman", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);color:var(--ink);background:#e9e7e1;font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased}#app{display:block}.app{width:100%;max-width:480px;height:100vh;height:100dvh;height:var(--vv-h, 100dvh);min-height:var(--vv-h, 100dvh);background:var(--bg);display:flex;flex-direction:column;position:fixed;top:var(--vv-top, 0);left:0;right:0;margin:0 auto;z-index:1;overflow:hidden}@media (min-width: 520px){body{padding:var(--s-6) var(--s-3)}#app{display:flex;justify-content:center;align-items:stretch;min-height:calc(100vh - 48px)}.app{position:relative;top:auto;left:auto;right:auto;margin:0;height:calc(100vh - 48px);min-height:calc(100vh - 48px);border:1px solid var(--line-strong);border-radius:38px;box-shadow:var(--sh-3);z-index:auto}}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(env(safe-area-inset-top,0px) + 26px) 0 8px}.screen::-webkit-scrollbar{width:0}.page{padding:var(--s-5) var(--s-5) var(--s-8)}.brandmark{display:flex;align-items:center;gap:var(--s-2)}.brandmark .logo{width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;font-weight:700;font-size:16px;display:grid;place-items:center;font-family:var(--font-serif)}.brandmark .name{font-weight:700;font-size:var(--fs-md);letter-spacing:.5px}.brandmark .name small{display:block;font-weight:500;font-size:10px;color:var(--ink-3);letter-spacing:2px}.eyebrow{font-size:var(--fs-xs);letter-spacing:2px;color:var(--accent-ink);font-weight:700;text-transform:uppercase}.h-lg{font-size:var(--fs-2xl);font-weight:800;line-height:1.2;margin:var(--s-2) 0 0;letter-spacing:-.5px}.h-md{font-size:var(--fs-lg);font-weight:800;margin:0}.muted{color:var(--ink-2)}.tiny{font-size:var(--fs-xs);color:var(--ink-3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:var(--s-4)}.card+.card,.stack>*+*{margin-top:var(--s-3)}.btn{border:none;cursor:pointer;font-family:var(--font-sans);font-weight:600;border-radius:var(--r-pill);padding:12px 18px;font-size:var(--fs-base);transition:transform .12s ease,background .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--sh-2);width:100%}.btn-primary:hover{background:var(--accent-ink)}.btn-ghost{background:var(--surface-2);color:var(--ink);width:100%}.btn-block{width:100%}.search{display:flex;gap:8px}.search input{flex:1;min-width:0;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-pill);padding:11px 16px;font-size:var(--fs-base);font-family:var(--font-sans);color:var(--ink)}.search input::placeholder{color:var(--ink-3)}.search input:focus{outline:none;border-color:var(--accent)}.search .btn{width:auto;padding:11px 18px}.lookup-result{margin-top:var(--s-3)}.lookup-spell{font-size:var(--fs-lg);font-weight:800;letter-spacing:.3px}.lookup-phon{font-size:var(--fs-sm);color:var(--ink-2);margin-left:var(--s-2);font-family:var(--font-serif)}.progress{height:6px;background:var(--line);border-radius:var(--r-pill);overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .3s ease}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3);text-align:center}.stat .num{font-size:var(--fs-xl);font-weight:800;line-height:1.1}.stat .num.accent{color:var(--accent)}.stat .lbl{font-size:var(--fs-xs);color:var(--ink-2);margin-top:2px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) 0;border-bottom:1px solid var(--line);gap:var(--s-3)}.switch-row:last-child{border-bottom:none}.switch{width:46px;height:27px;border-radius:var(--r-pill);background:var(--line-strong);position:relative;transition:background .2s;flex:none;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform .2s}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(19px)}.mask-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) 0}.mask-toggle .lbl{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:6px}.mask-toggle .lbl svg{width:16px;height:16px;stroke:var(--accent)}.num-field{display:flex;align-items:center;gap:var(--s-2)}.num-field input{width:56px;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);padding:7px 8px;font-size:var(--fs-base);font-family:var(--font-sans);color:var(--ink);text-align:center;-moz-appearance:textfield}.num-field input::-webkit-outer-spin-button,.num-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-field input:focus{outline:none;border-color:var(--accent)}.btn-save{background:var(--accent);color:#fff;width:auto;padding:8px 16px;font-size:var(--fs-sm)}.btn-save:hover{background:var(--accent-ink)}.tabbar{flex:none;height:64px;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom,6px)}.tab{border:none;background:none;cursor:pointer;font-family:var(--font-sans);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-size:11px;font-weight:600;padding-top:8px}.tab svg{width:22px;height:22px}.tab.active{color:var(--accent)}.tab.active svg{stroke:var(--accent)}.group-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-3)}.group-no{font-size:var(--fs-sm);color:var(--ink-3);font-weight:600}.clue{background:var(--accent-weak);border:1px solid #e7d3c7;border-left:4px solid var(--accent);border-radius:var(--r-md);padding:var(--s-4);margin-bottom:var(--s-4)}.clue .tag{font-size:var(--fs-xs);font-weight:700;color:var(--accent-ink);letter-spacing:1px}.clue .sentence{font-family:var(--font-serif);font-size:var(--fs-md);line-height:1.7;color:var(--ink);margin-top:var(--s-1)}.clue .sentence b{color:var(--accent-ink);font-weight:700}.word{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--sh-1);margin-bottom:var(--s-3)}.word .top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.word .spell{font-size:var(--fs-lg);font-weight:800;letter-spacing:.3px}.word .phon{font-size:var(--fs-sm);color:var(--ink-2);margin-left:var(--s-2);font-family:var(--font-serif)}.word .mean{font-size:var(--fs-base);margin-top:var(--s-2)}.word .ex{font-size:var(--fs-sm);color:var(--ink-2);margin-top:var(--s-2);font-style:italic;border-left:2px solid var(--line);padding-left:var(--s-3)}.word .ex b{color:var(--accent-ink);font-style:normal}.audio{display:inline-grid;place-items:center;cursor:pointer;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink-2);transition:background .15s,transform .12s,color .15s}.audio svg{display:block;stroke:currentColor}.audio:active{transform:scale(.92)}.audio.playing{background:var(--accent-weak);border-color:#e7d3c7;color:var(--accent)}.word .phon .audio,.lookup-phon .audio{width:24px;height:24px;flex:none;margin-left:5px;vertical-align:middle}.word .phon .audio svg,.lookup-phon .audio svg{width:13px;height:13px}.word.masked .reveal{display:none}.masked-hint{display:none;font-size:var(--fs-sm);color:var(--ink-3);font-style:italic}.word.masked .masked-hint{display:block;margin-top:var(--s-2)}.mark-bar{padding-top:var(--s-3)}.mark-zone{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-4)}.btn-ok{background:var(--ok-weak);color:var(--ok);border:1px solid #d3e0c9}.btn-ok:hover{background:#dde7d3}.btn-conf{background:var(--confused-weak);color:var(--confused);border:1px solid #e6cfcf}.btn-conf:hover{background:#ecdcdc}.due{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:var(--s-3);box-shadow:var(--sh-1)}.due .meta{min-width:0}.due .ttl{font-weight:700;font-size:var(--fs-base)}.due .sub{font-size:var(--fs-xs);color:var(--ink-3);margin-top:2px}.pill{font-size:var(--fs-xs);font-weight:700;padding:3px 10px;border-radius:var(--r-pill);background:var(--accent-weak);color:var(--accent-ink)}.pill.warn{background:var(--confused-weak);color:var(--confused)}.curve{display:flex;align-items:flex-end;gap:8px;height:96px;padding:var(--s-3) 0 0}.curve .bar{flex:1;background:var(--accent-weak);border-radius:6px 6px 0 0;position:relative}.curve .bar i{position:absolute;bottom:0;left:0;right:0;background:var(--accent);border-radius:6px 6px 0 0;transition:height .3s ease}.curve .bar span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:var(--ink-3)}.sec-title{font-size:var(--fs-md);font-weight:800;margin:var(--s-6) 0 var(--s-3);display:flex;align-items:center;gap:var(--s-2)}.sec-title:before{content:"";width:4px;height:18px;background:var(--accent);border-radius:2px}.toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);transform:translate(-50%) translateY(10px);background:var(--ink);color:#fff;font-size:var(--fs-sm);font-weight:600;padding:9px 16px;border-radius:var(--r-pill);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:50;box-shadow:var(--sh-2);max-width:80%;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.auth{display:flex;flex-direction:column}.auth-form{margin-top:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}.auth-field input{width:100%;min-width:0;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-md);padding:12px 14px;font-size:var(--fs-base);font-family:var(--font-sans);color:var(--ink)}.auth-field input::placeholder{color:var(--ink-3)}.auth-field input:focus{outline:none;border-color:var(--accent)}.auth-field input:disabled{opacity:.6}.pwd-wrap{position:relative;display:flex;align-items:center}.pwd-wrap input{padding-right:44px}.pwd-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;background:none;border:none;padding:0;margin:0;color:var(--ink-3);cursor:pointer;transition:color .15s}.pwd-toggle:hover{color:var(--accent)}.pwd-toggle:active{transform:translateY(-50%) scale(.88)}.pwd-toggle svg{width:20px;height:20px}.auth-err{color:var(--danger);font-size:var(--fs-sm);margin:0;min-height:1em}.auth-switch{text-align:center;font-size:var(--fs-sm);color:var(--ink-2);margin-top:var(--s-5)}.auth-switch a{color:var(--accent);font-weight:700;cursor:pointer}