.tc{--cream: #FFF7EE;--paper: #FFFCF7;--ink: #332A29;--ink-2: #6E625D;--mist: #8F8279;--hair: #EDE2D3;--wash: #F6ECDF;--wash-2: #EFE2D1;--coral: #FF6B6B;--coral-ink: #C93C35;--coral-soft: #FFE1DC;--butter: #FFE9A8;--shadow: #332A29;--scrim: rgba(51, 42, 41, .22);--display: Nunito, -apple-system, "Segoe UI", system-ui, sans-serif;--zh: var(--font-chinese, "PingFang SC", "Microsoft YaHei", sans-serif);--out: cubic-bezier(.16, 1, .3, 1);color:var(--ink);font:600 15px/1.55 var(--display)}.dark .tc{--cream: #131F24;--paper: #182730;--ink: #FFFFFF;--ink-2: #AFAFAF;--mist: #8A979D;--hair: #2C3B44;--wash: #20313B;--wash-2: #273A45;--coral-ink: #FF8A80;--coral-soft: #3B2A2E;--butter: rgba(247, 214, 109, .32);--shadow: #0B1418;--scrim: rgba(5, 10, 12, .55);color-scheme:dark}:where(.tc) *,:where(.tc) *:before,:where(.tc) *:after{box-sizing:border-box}:where(.tc) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:where(.tc) :focus-visible{outline:2.5px solid var(--coral);outline-offset:2px;border-radius:10px}.tc .tc-zh{font-family:var(--zh)}.tc-scrim{position:fixed;inset:0;background:var(--scrim);z-index:50}.tc-panel{position:fixed;z-index:51;right:16px;bottom:16px;width:420px;height:min(760px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden;background:var(--cream);border:1.5px solid var(--ink);border-radius:24px;box-shadow:4px 4px 0 var(--shadow)}.dark .tc .tc-panel,.dark .tc.tc-panel{border-color:#37464f}@media(max-width:640px){.tc-panel{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none}}.tc-h{flex:none;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;background:var(--paper);border-bottom:1px solid var(--hair)}.tc-h img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:none}.tc-who{min-width:0;display:grid;text-align:left;border-radius:12px;padding:2px 6px;margin-left:-6px}.tc-who:hover{background:var(--wash)}.tc-who b{display:flex;align-items:center;gap:4px;font:900 17px/1.2 var(--display)}.tc-who b svg{width:16px;height:16px;color:var(--mist);transition:transform .25s var(--out)}.tc-who[aria-expanded=true] b svg{transform:rotate(180deg)}.tc-who small{font:700 12.5px var(--display);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-x{margin-left:auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);flex:none}.tc-x:hover{background:var(--wash)}.tc-x svg{width:20px;height:20px}.tc-switch{flex:none;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--out);background:var(--paper)}.tc-switch>div{overflow:hidden}.tc-switch.is-open{grid-template-rows:1fr;border-bottom:1px solid var(--hair)}.tc-switch p{margin:10px 16px 4px;font:800 12.5px var(--display);color:var(--ink-2)}.tc-switch ul{list-style:none;margin:0;padding:4px 8px 10px;display:grid;gap:2px}.tc-switch li button{width:100%;display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;text-align:left}.tc-switch li button:hover{background:var(--wash)}.tc-switch img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.tc-switch b{display:block;font:900 15px var(--display)}.tc-switch small{display:block;font:700 12.5px var(--display);color:var(--ink-2)}.tc-b{flex:1;min-height:0;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}.tc-me{align-self:flex-end;max-width:84%;background:var(--coral);color:#fff;padding:10px 14px;border-radius:18px 18px 6px;font-weight:700;overflow-wrap:anywhere;white-space:pre-wrap}.dark .tc .tc-me{color:#fff}.tc-me .tc-zh{font-weight:700}.tc-row{display:flex;gap:8px;align-items:flex-end}.tc-row>img{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:none}.tc-bub{background:var(--paper);border:1px solid var(--hair);border-radius:18px 18px 18px 6px;padding:12px 14px;max-width:calc(100% - 36px);min-width:0;display:grid;gap:10px}.tc-bub p{margin:0;line-height:1.85;overflow-wrap:anywhere}.tc-w{display:inline-flex;align-items:baseline;gap:5px;padding:0 7px;border-radius:8px;background:var(--wash);white-space:nowrap;max-width:100%}.tc-w .tc-zh{font:700 16px var(--zh);white-space:normal}.tc-w i{font-style:normal;font-size:12px;color:var(--ink-2);font-weight:800}.tc-w.is-new{background:var(--butter)}.tc-w.is-long{white-space:normal;display:inline;padding:1px 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.tc-exs{display:grid;border-top:1px dashed var(--hair)}.tc-exr{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;padding-top:10px}.tc-exr+.tc-exr{margin-top:2px}.tc-play{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--coral-ink);background:var(--coral-soft);grid-row:span 3;align-self:start;margin-top:2px;transition:transform .15s var(--out),background .2s}.tc-play svg{width:15px;height:15px}.tc-play:active{transform:scale(.94)}.tc-play.is-on{background:var(--coral);color:#fff}.tc-exr .tc-s{font:500 17px/1.5 var(--zh);overflow-wrap:anywhere}.tc-exr .tc-p,.tc-exr .tc-e{font-size:13px;color:var(--ink-2)}.tc-exr .tc-p{font-weight:700}.tc-hl{background:linear-gradient(var(--butter),var(--butter)) no-repeat 0 88% / 100% 40%;border-radius:2px}.tc-q{padding:10px 12px;border-radius:12px;background:var(--coral-soft);font-weight:800;overflow-wrap:anywhere}.tc-q small{display:block;font:900 11.5px var(--display);color:var(--coral-ink);letter-spacing:.06em;text-transform:uppercase}.tc-dots{display:inline-flex;gap:5px;padding:6px 2px}.tc-dots i{width:7px;height:7px;border-radius:50%;background:var(--mist);animation:tc-dot 1s ease-in-out infinite}.tc-dots i:nth-child(2){animation-delay:.15s}.tc-dots i:nth-child(3){animation-delay:.3s}@keyframes tc-dot{50%{transform:translateY(-4px);opacity:.5}}.tc-error{padding:12px 14px;border-radius:14px;background:var(--coral-soft);color:var(--coral-ink);font-weight:700}.tc-enter{animation:tc-in .35s var(--out)}@keyframes tc-in{0%{opacity:0;transform:translateY(8px)}}.tc-f{flex:none;padding:10px 14px 14px;background:var(--paper);border-top:1px solid var(--hair);display:grid;gap:10px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.tc-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-2px;padding-inline:2px}.tc-chips::-webkit-scrollbar{display:none}.tc-chip{flex:none;min-height:36px;padding-inline:14px;border-radius:999px;background:var(--wash);font:800 13px var(--display);white-space:nowrap;transition:background .2s}.tc-chip:hover{background:var(--wash-2)}.tc-chip[disabled]{opacity:.5;cursor:default}.tc-field{display:flex;align-items:flex-end;gap:8px;border:1.5px solid var(--hair);background:var(--cream);border-radius:16px;padding:6px 6px 6px 14px;transition:border-color .2s}.tc-field:focus-within{border-color:var(--ink-2)}.tc-field textarea{flex:1;min-width:0;border:0;background:transparent;font:600 15px/1.45 var(--display);color:var(--ink);outline:none;resize:none;padding:9px 0;max-height:120px;field-sizing:content}.tc-field textarea::-moz-placeholder{color:var(--mist)}.tc-field textarea::placeholder{color:var(--mist)}.tc-field textarea:focus-visible{outline:none}.tc-send{width:40px;height:40px;border-radius:12px;background:var(--coral);color:#fff;display:grid;place-items:center;flex:none;transition:opacity .2s}.tc-send[disabled]{opacity:.35;cursor:default}.tc-send svg{width:18px;height:18px}.tc-quota{font:700 12px var(--display);color:var(--ink-2);text-align:center}@media(prefers-reduced-motion:reduce){.tc-dots i,.tc-enter{animation:none}.tc-switch,.tc-play,.tc-who b svg{transition:none}}.lf.lf--steps{--g-surface: var(--paper);--g-line: #EADDD4;--g-line-soft: #F1E7DF;--g-hover: #FCEFE6;--g-ink2: #5A4A46;--g-muted: #7A6A65;--g-coral: #FF6B6B;--g-coral-lip: #E0504F;--g-on-coral: #332A29;--g-accent: #C9353C;--g-tint: #FFEBE6;--g-track: #F0E4DC;--g-hl: #FFE39A;--g-ok: #2FB58E;--g-ok-lip: #22A07D;--g-ok-ink: #1A7A5E;--g-ok-tint: #E3F4EE;--g-ok-line: #B2E0CF;--g-violet-ink: #6B4FB8;--g-violet-tint: #EFEAFB;--g-violet-line: #D9CFF3;--g-blue-ink: #1F6FAE;--g-blue-tint: #DFEFFB;--g-amber: #F5B731;--g-amber-ink: #8A5A12;--g-amber-tint: #FFF3D6;--g-head-h: 64px;--butter: var(--g-hl);--coral-ink: var(--g-accent);--s0: var(--g-accent);--s1: var(--g-ok-ink);--s2: var(--g-violet-ink)}.dark .lf.lf--steps{--g-surface: #16242C;--g-line: #37464F;--g-line-soft: #2A3942;--g-hover: #1B2A31;--g-ink2: #DCE6EC;--g-muted: #AFAFAF;--g-coral-lip: #D9504F;--g-on-coral: #131F24;--g-accent: #FF7A7A;--g-tint: rgba(255, 107, 107, .12);--g-track: #2C3B44;--g-hl: rgba(255, 201, 77, .32);--g-ok-ink: #4CCDA6;--g-ok-tint: rgba(47, 181, 142, .14);--g-ok-line: rgba(47, 181, 142, .45);--g-violet-ink: #C9B8F4;--g-violet-tint: rgba(167, 139, 250, .14);--g-violet-line: rgba(167, 139, 250, .4);--g-blue-ink: #6AB9F0;--g-blue-tint: rgba(63, 162, 232, .14);--g-amber-ink: #F7D66D;--g-amber-tint: rgba(247, 214, 109, .14)}@keyframes g-in{0%{opacity:0;transform:translateY(6px)}}@keyframes g-up{0%{transform:translateY(100%)}}@keyframes g-pop{0%{transform:scale(.4);opacity:0}}@keyframes g-spin{to{transform:rotate(360deg)}}@keyframes g-blink{50%{opacity:.25}}@keyframes g-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--g-coral) 40%,transparent)}to{box-shadow:0 0 0 16px transparent}}.dark .lf.lf--steps .g-foot.is-ok{background:#173433}.dark .lf.lf--steps .g-foot.is-no{background:#2f282d}.lf.lf--steps .g-root{padding-bottom:var(--lesson-footer-h, 96px)}.lf.lf--steps .g-head{position:sticky;top:0;z-index:30;background:var(--cream)}.lf.lf--steps .g-head-in{height:var(--g-head-h);width:min(1080px,calc(100% - 16px));margin:0 auto;display:flex;align-items:center;gap:6px}.lf.lf--steps .g-hbtn{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;color:var(--g-muted);transition:background .15s}.lf.lf--steps .g-hbtn:hover{background:var(--g-hover)}.lf.lf--steps .g-hbtn svg{width:24px;height:24px}.lf.lf--steps .g-hx svg{width:26px;height:26px}.lf.lf--steps .g-lbar{flex:1;min-width:0;display:flex;gap:4px;margin:0 4px}.lf.lf--steps .g-seg{position:relative;flex:1;height:16px;border-radius:99px;background:var(--g-track);overflow:hidden}.lf.lf--steps .g-seg i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--g-coral);transition:width .45s var(--out)}.lf.lf--steps .g-seg i b{position:absolute;left:6px;right:6px;top:4px;height:4px;border-radius:9px;background:#ffffff6b}.lf.lf--steps .g-hsw{position:relative;flex:none}.lf.lf--steps .g-hpy>span{width:36px;height:36px;border-radius:11px;border:2px solid var(--g-line);display:grid;place-items:center;color:var(--g-ink2)}.lf.lf--steps .g-hpy>span svg{width:22px;height:22px}.lf.lf--steps .g-hpy[aria-expanded=true]>span{border-color:var(--g-coral);color:var(--g-accent);background:var(--g-tint)}.lf.lf--steps .g-hmenu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:210px;padding:6px;border:2px solid var(--g-line);border-radius:16px;background:var(--g-surface);animation:g-in .18s var(--out)}.lf.lf--steps .g-sw{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 10px 0 12px;border-radius:12px;font:800 16px var(--display);color:var(--ink)}.lf.lf--steps .g-sw:hover{background:var(--g-hover)}.lf.lf--steps .g-sw i{position:relative;width:44px;height:26px;border-radius:99px;background:var(--g-track);transition:background .2s;flex:none}.lf.lf--steps .g-sw i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--out)}.lf.lf--steps .g-sw.is-on i{background:var(--g-coral)}.lf.lf--steps .g-sw.is-on i:after{transform:translate(18px)}.lf.lf--steps .g-htutor img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--g-line);background:var(--g-track)}.lf.lf--steps .g-main{min-height:calc(100dvh - var(--g-head-h) - var(--lesson-footer-h, 96px));display:flex;flex-direction:column;padding:8px 0 28px}.lf.lf--steps .g-stage{flex:1;width:min(600px,calc(100% - 40px));margin:0 auto;display:flex;flex-direction:column;animation:g-in .3s var(--out)}.lf.lf--steps .g-eb{font:900 13px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--g-muted)}.lf.lf--steps .g-h1{margin:6px 0 0;font:900 25px/1.22 var(--display);color:var(--ink);text-wrap:balance}.lf.lf--steps .g-foot{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--cream);border-top:2px solid var(--g-line);padding-bottom:env(safe-area-inset-bottom,0px);transition:background .2s}.lf.lf--steps .g-foot.is-ok{background:var(--g-ok-tint);border-top-color:transparent}.lf.lf--steps .g-foot.is-no{background:var(--g-tint);border-top-color:transparent}.lf.lf--steps .g-foot-in{width:min(1000px,calc(100% - 32px));margin:0 auto;padding:16px 0 20px}.lf.lf--steps .g-foot-row{display:flex;align-items:center;gap:12px}.lf.lf--steps .g-foot-sp{flex:1}.lf.lf--steps .g-back{height:52px;flex:none;display:inline-flex;align-items:center;gap:8px;padding:0 20px 0 14px;border:2px solid var(--g-line);border-radius:16px;font:900 15px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--g-ink2);transition:background .15s}.lf.lf--steps .g-back:hover{background:var(--g-hover)}.lf.lf--steps .g-back svg{width:20px;height:20px}.lf.lf--steps .g-back+.g-go,.lf.lf--steps .g-back+.g-again{margin-left:auto}.lf.lf--steps .g-go{min-height:52px;min-width:220px;padding:0 28px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--g-coral);color:var(--g-on-coral);box-shadow:0 4px 0 var(--g-coral-lip);font:900 17px var(--display);letter-spacing:.06em;text-transform:uppercase;text-align:center;transition:transform .1s,box-shadow .1s,background .2s,filter .15s}.lf.lf--steps .g-go:hover{filter:brightness(1.04)}.lf.lf--steps .g-go:active:not([disabled]){transform:translateY(4px);box-shadow:none}.lf.lf--steps .g-go[disabled]{background:var(--g-track);color:var(--g-muted);box-shadow:none;cursor:default;filter:none}.lf.lf--steps .g-go.is-ok{background:var(--g-ok);box-shadow:0 4px 0 var(--g-ok-lip)}.lf.lf--steps .g-go.g-flat{min-width:180px;background:transparent;color:var(--g-ink2);box-shadow:none;border:2px solid var(--g-line);font-size:15px}.lf.lf--steps .g-go.g-flat:hover{background:var(--g-hover);filter:none}.lf.lf--steps .g-go.g-flat:active{transform:none}.lf.lf--steps .g-verdict{display:flex;align-items:center;gap:14px;margin-bottom:14px;animation:g-in .25s var(--out)}.lf.lf--steps .g-verdict-ic{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--g-ok);color:var(--g-on-coral)}.lf.lf--steps .g-foot.is-no .g-verdict-ic{background:var(--g-coral)}.lf.lf--steps .g-verdict-ic svg{width:22px;height:22px;stroke-width:3}.lf.lf--steps .g-verdict b{display:block;font:900 21px var(--display);color:var(--g-ok-ink)}.lf.lf--steps .g-foot.is-no .g-verdict b{color:var(--g-accent)}.lf.lf--steps .g-verdict-d{font:700 16px var(--display);color:var(--g-ink2)}.lf.lf--steps .g-verdict-d [lang=zh]{font-family:var(--zh);font-weight:600}.lf.lf--steps .g-sheet{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.lf.lf--steps .g-sheet[hidden]{display:none}.lf.lf--steps .g-sheet-scrim{position:absolute;inset:0;background:#131f2473}.lf.lf--steps .g-sheet-panel{position:relative;width:100%;max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:24px 24px 0 0;background:var(--cream);outline:none;padding-bottom:env(safe-area-inset-bottom,0px);animation:g-up .25s var(--out)}.lf.lf--steps .g-sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px 8px 22px;background:var(--cream)}.lf.lf--steps .g-sheet-head b{font:900 19px var(--display);color:var(--ink)}.lf.lf--steps .g-sheet-body{padding:4px 22px 26px}.lf.lf--steps .g-sheet .g-card{background:none;border:0;box-shadow:none;padding:0}.lf.lf--steps .g-sheet .g-tq-head b{display:none}.lf.lf--steps .g-lk{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;font:800 15px var(--display);color:var(--g-ink2);transition:background .15s}.lf.lf--steps .g-lk:hover{background:var(--g-hover)}.lf.lf--steps .g-lk svg{width:20px;height:20px;color:var(--g-muted);flex:none}.lf.lf--steps .g-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.lf.lf--steps .g-chipbtn{flex:1 1 160px;max-width:300px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:2px solid var(--g-line);border-radius:14px;font:800 15px var(--display);color:var(--g-ink2);transition:background .15s,border-color .15s}.lf.lf--steps .g-chipbtn:hover{background:var(--g-hover)}.lf.lf--steps .g-chipbtn svg{width:20px;height:20px;color:var(--g-muted);flex:none}.lf.lf--steps .g-chipbtn img{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:none}.lf.lf--steps .g-say{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--g-ink2);transition:background .15s}.lf.lf--steps .g-say:hover{background:var(--g-hover)}.lf.lf--steps .g-say svg{width:22px;height:22px}.lf.lf--steps .g-say.is-big{width:52px;height:52px;background:var(--g-tint);color:var(--g-accent)}.lf.lf--steps .g-say.is-big svg{width:26px;height:26px}.lf.lf--steps .g-say.is-huge{width:104px;height:104px;margin:30px auto 6px;background:var(--g-tint);color:var(--g-accent)}.lf.lf--steps .g-say.is-huge svg{width:46px;height:46px}.lf.lf--steps .g-say.is-playing{animation:g-ring .9s var(--out)}.lf.lf--steps .g-soft{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:12px;background:var(--g-tint);color:var(--g-accent);font:900 15px var(--display)}.lf.lf--steps .f-btn{min-height:48px;padding-inline:20px;border:0;border-radius:14px;background:var(--g-coral);color:var(--g-on-coral);box-shadow:0 4px 0 var(--g-coral-lip);font:900 16px var(--display)}.lf.lf--steps .f-btn:hover{transform:none;box-shadow:0 4px 0 var(--g-coral-lip);filter:brightness(1.04)}.lf.lf--steps .f-btn:active{transform:translateY(4px);box-shadow:none}.lf.lf--steps .f-btn.is-sm{min-height:44px;box-shadow:0 3px 0 var(--g-coral-lip);font-size:15px}.lf.lf--steps .f-btn[disabled]{background:var(--g-track);color:var(--g-muted);box-shadow:none}.lf.lf--steps .g-start-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:8px;container-type:inline-size;--bao-w: 96px;--zh-max: 54px}.lf.lf--steps .g-start-tx{min-width:0}.lf.lf--steps .g-start-zh{margin:6px 0 0;font:700 54px/1.15 var(--zh);color:var(--ink);overflow-wrap:anywhere}.lf.lf--steps div.g-start-zh{font-size:clamp(var(--zh-min, 30px),calc((100cqi - var(--bao-w) - 16px) / var(--zh-n, 6)),var(--zh-max))}.lf.lf--steps h1.g-start-zh{font-family:var(--display);font-weight:900;font-size:40px}.lf.lf--steps .g-start-en{margin:4px 0 0;font:900 21px/1.3 var(--display);color:var(--g-ink2)}.lf.lf--steps .g-start-bao{flex:none;margin-bottom:-4px}.lf.lf--steps .g-path{list-style:none;margin:24px 0 0;padding:0;border-top:2px solid var(--g-line-soft)}.lf.lf--steps .g-path li{border-bottom:2px solid var(--g-line-soft)}.lf.lf--steps .g-path li:last-child{border-bottom:0}.lf.lf--steps .g-path button{width:100%;display:flex;align-items:center;gap:14px;padding:11px 6px;text-align:left;border-radius:12px;transition:background .15s}.lf.lf--steps .g-path button:hover{background:var(--g-hover)}.lf.lf--steps .g-pn{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--g-tint);color:var(--g-accent);font:900 16px var(--display)}.lf.lf--steps .g-path .is-done .g-pn{background:var(--g-ok)}.lf.lf--steps .g-path .is-done .g-pn svg{width:22px;height:22px}.lf.lf--steps .g-ptx b{display:block;font:900 17px var(--display);color:var(--ink)}.lf.lf--steps .g-ptx small{display:block;font:600 14px var(--display);color:var(--g-muted)}.lf.lf--steps .g-word-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 0;text-align:center;animation:g-in .3s var(--out)}.lf.lf--steps .g-word-hz{font:700 96px/1.1 var(--zh);color:var(--ink);white-space:nowrap}.lf.lf--steps .g-word-hz[data-len=mid]{font-size:80px}.lf.lf--steps .g-word-hz[data-len=long]{font-size:60px;white-space:normal}.lf.lf--steps .g-word-pyrow{display:inline-flex;align-items:center;gap:12px}.lf.lf--steps .g-word-py{font:700 22px var(--display);color:var(--g-muted)}.lf.lf--steps .g-word-mn{margin-top:4px;font:900 28px/1.3 var(--display);color:var(--ink);text-wrap:balance}.lf.lf--steps.is-hide-py .g-word-py,.lf.lf--steps.is-hide-py .g-list-py,.lf.lf--steps.is-hide-py .g-chip-py,.lf.lf--steps.is-hide-py .g-ex-py{display:none}.lf.lf--steps .g-ctx{display:flex;align-items:center;gap:8px;padding:12px 6px 12px 16px;border:2px solid var(--g-line);border-radius:18px;background:var(--g-surface);text-align:left;animation:g-in .35s var(--out) .06s both}.lf.lf--steps .g-ctx-tx{flex:1;min-width:0}.lf.lf--steps .g-ctx-zh{font:500 19px/1.5 var(--zh);color:var(--ink)}.lf.lf--steps .g-ctx-zh b{font-weight:700;color:var(--g-accent)}.lf.lf--steps .g-ctx-en{font:600 15px/1.4 var(--display);color:var(--g-muted)}.lf.lf--steps .g-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding-top:10px}.lf.lf--steps .g-check-word{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.lf.lf--steps .g-check-word span{font:700 60px/1.1 var(--zh);color:var(--ink)}.lf.lf--steps .g-opts{display:flex;flex-direction:column;gap:12px;margin-top:24px}.lf.lf--steps .g-opt{width:100%;min-height:72px;display:flex;align-items:center;gap:14px;padding:10px 18px;text-align:left;border:2px solid var(--g-line);border-radius:16px;background:var(--g-surface);color:var(--ink);transition:border-color .15s,background .15s,opacity .2s}.lf.lf--steps .g-opt:not([disabled]):hover{background:var(--g-hover)}.lf.lf--steps .g-opt[disabled]{cursor:default}.lf.lf--steps .g-opt-k{width:30px;height:30px;flex:none;display:grid;place-items:center;border:2px solid var(--g-line);border-radius:9px;font:800 14px var(--display);color:var(--g-muted)}.lf.lf--steps .g-opt-w{display:flex;flex-direction:column;min-width:0}.lf.lf--steps .g-opt-hz{font:700 30px/1.15 var(--zh)}.lf.lf--steps .g-opt-py{font:700 15px var(--display);color:var(--g-muted)}.lf.lf--steps .g-opt-mn{font:800 18px/1.3 var(--display)}.lf.lf--steps .g-opt.is-picked{border-color:var(--g-coral);background:var(--g-tint);color:var(--g-accent)}.lf.lf--steps .g-opt.is-picked .g-opt-k{border-color:var(--g-coral);color:var(--g-accent)}.lf.lf--steps .g-opt.is-right{border-color:var(--g-ok);background:var(--g-ok-tint);color:var(--g-ok-ink)}.lf.lf--steps .g-opt.is-right .g-opt-k{border-color:var(--g-ok);color:var(--g-ok-ink)}.lf.lf--steps .g-opt.is-wrong{border-color:var(--g-coral);background:var(--g-tint);color:var(--g-accent)}.lf.lf--steps .g-opt.is-dim{opacity:.5}.lf.lf--steps .g-list-head{display:flex;justify-content:flex-end;margin-bottom:6px}.lf.lf--steps .g-list{list-style:none;margin:0;padding:0}.lf.lf--steps .g-list li+li{border-top:2px solid var(--g-line-soft)}.lf.lf--steps .g-list-row{width:100%;min-height:60px;display:flex;align-items:center;gap:14px;padding:8px 12px;margin:2px 0;text-align:left;border:2px solid transparent;border-radius:14px;color:var(--ink);transition:background .15s}.lf.lf--steps .g-list-row:hover{background:var(--g-hover)}.lf.lf--steps .g-list-row.is-on{border-color:var(--g-coral);background:var(--g-tint)}.lf.lf--steps .g-list-hz{min-width:64px;font:700 25px/1.15 var(--zh)}.lf.lf--steps .g-list-tx{min-width:0;display:flex;flex-direction:column}.lf.lf--steps .g-list-py{font:600 13px var(--display);color:var(--g-muted)}.lf.lf--steps .g-list-mn{font:800 16px/1.3 var(--display)}.lf.lf--steps .g-cards{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:2px solid var(--g-line);border-radius:12px;font:800 15px var(--display);color:var(--g-ink2);transition:background .15s}.lf.lf--steps .g-cards:hover{background:var(--g-hover)}.lf.lf--steps .g-cards svg{width:18px;height:18px}.lf.lf--steps .g-cards-lock{margin-top:10px}.lf.lf--steps .g-tw-head{display:flex;justify-content:flex-end}.lf.lf--steps .g-tw-head b{display:none}.lf.lf--steps .g-tw ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.lf.lf--steps .g-chip{min-height:52px;display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 14px;text-align:left;border:2px solid var(--g-line);border-radius:14px;background:var(--g-surface);color:var(--ink);transition:border-color .15s}.lf.lf--steps .g-chip:hover,.lf.lf--steps .g-chip.is-playing{border-color:var(--g-coral)}.lf.lf--steps .g-chip-hz{font:600 22px/1.1 var(--zh)}.lf.lf--steps .g-chip-tx{display:flex;flex-direction:column;min-width:0}.lf.lf--steps .g-chip-py{font-size:12px;color:var(--g-muted)}.lf.lf--steps .g-chip-mn{max-width:170px;font:800 13.5px/1.25 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf.lf--steps .g-chip svg{width:16px;height:16px;flex:none;color:var(--g-muted)}.lf.lf--steps .g-text .f-block,.lf.lf--steps .g-text .f-part{margin:0;padding:0}.lf.lf--steps .g-text .f-listen{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:6px 16px 6px 6px;border:2px solid var(--g-line);border-radius:99px;background:var(--g-surface)}.lf.lf--steps .g-text .f-listen>div{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;font:800 15px var(--display);color:var(--g-ink2)}.lf.lf--steps .g-text .f-listen small{font:700 13px var(--display);color:var(--g-muted)}.lf.lf--steps .g-text .f-ptrack{grid-column:1 / -1;display:block;height:6px;border-radius:3px;background:var(--g-track);overflow:hidden}.lf.lf--steps .g-text .f-ptrack i{display:block;height:100%;border-radius:3px;background:var(--g-coral);transition:width .25s linear}.lf.lf--steps .g-text .f-listen .f-wave{display:none}.lf.lf--steps .g-text .f-play{width:40px;height:40px;border:0;box-shadow:none;background:var(--g-coral);color:var(--g-on-coral)}.lf.lf--steps .g-text .f-play svg{width:18px;height:18px}.lf.lf--steps .g-text .f-lines{display:flex;flex-direction:column;gap:10px;margin-top:18px}.lf.lf--steps .g-text .f-ln.is-chat{display:flex;align-items:flex-start;gap:10px;width:100%;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;opacity:1;transform:none;animation:g-in .35s var(--out)}.lf.lf--steps .g-text .f-ln.is-chat.is-first:not(:first-child){margin-top:6px}.lf.lf--steps .g-text .f-ln.is-chat.is-side-1{flex-direction:row-reverse}.lf.lf--steps .g-text .f-ava{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:0;font:700 15px var(--zh);visibility:hidden}.lf.lf--steps .g-text .f-ln.is-first .f-ava{visibility:visible}.lf.lf--steps .g-text .f-ava.is-s0{background:var(--g-tint);color:var(--g-accent)}.lf.lf--steps .g-text .f-ava.is-s1{background:var(--g-ok-tint);color:var(--g-ok-ink)}.lf.lf--steps .g-text .f-ava.is-s2{background:var(--g-violet-tint);color:var(--g-violet-ink)}.lf.lf--steps .g-text .f-bub{flex:0 1 auto;min-width:0;max-width:min(82%,520px);padding:10px 14px;border:2px solid var(--g-line);border-radius:20px;background:var(--g-surface);transition:border-color .15s}.lf.lf--steps .g-text .f-ln.is-first .f-bub{border-top-left-radius:6px}.lf.lf--steps .g-text .f-ln.is-side-1 .f-bub{border-radius:20px;background:var(--g-ok-tint);border-color:var(--g-ok-line)}.lf.lf--steps .g-text .f-ln.is-side-1.is-first .f-bub{border-top-right-radius:6px}.lf.lf--steps .g-text .f-bub.is-s2{background:var(--g-violet-tint);border-color:var(--g-violet-line)}.lf.lf--steps .g-text .f-ln.is-chat:hover .f-bub{border-color:var(--g-muted)}.lf.lf--steps .g-text .f-ln.is-chat.is-open .f-bub{border-color:var(--g-coral)}.lf.lf--steps .g-text .f-ln.is-chat.is-side-1.is-open .f-bub{border-color:var(--g-ok)}.lf.lf--steps .g-text .f-bub .f-who{grid-column:auto;grid-row:auto;padding:0;margin-bottom:2px;font:900 12px var(--display)}.lf.lf--steps .g-text .f-who.is-s0{color:var(--g-accent)}.lf.lf--steps .g-text .f-who.is-s1{color:var(--g-ok-ink)}.lf.lf--steps .g-text .f-who.is-s2{color:var(--g-violet-ink)}.lf.lf--steps .g-text .f-ln.is-side-1 .f-who{text-align:right}.lf.lf--steps .g-text .f-ln .f-zhl{font:400 21px/1.55 var(--zh);color:var(--ink)}.lf.lf--steps .g-text .f-ln .f-pyl{font-size:14px;color:var(--g-muted)}.lf.lf--steps .g-text .f-ln .f-enl{font:700 15px/1.45 var(--display);color:var(--g-ink2)}.lf.lf--steps .g-text .f-ln .f-lnside{display:none}.lf.lf--steps .g-lnw:not(:first-child)>.f-ln.is-chat.is-first{margin-top:6px}.lf.lf--steps .g-lineacts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:8px 0 4px 46px;animation:g-in .25s var(--out)}.lf.lf--steps .g-lineacts.is-end{justify-content:flex-end;margin:8px 46px 4px 0}.lf.lf--steps .g-lnw:has(.f-ln.is-article) .g-lineacts{margin:0 0 10px}.lf.lf--steps .g-text .f-ln .f-lnbtn{width:40px;height:40px;border:2px solid var(--g-line);border-radius:50%;background:var(--g-surface);box-shadow:none}.lf.lf--steps .g-text .f-ln .f-lnbtn svg{width:18px;height:18px}.lf.lf--steps .g-text .f-ln .f-lnbtn.is-on{border-color:var(--g-coral);color:var(--g-accent)}.lf.lf--steps .g-text .f-hint{margin-top:16px;text-align:center;font:700 14px var(--display);color:var(--g-muted)}.lf.lf--steps .g-text .f-lines:has(>.g-lnw>.f-ln.is-article){gap:0}.lf.lf--steps .g-text .f-ln.is-article{display:grid;grid-template-columns:1fr auto;gap:4px 10px;width:100%;margin:0;padding:12px 0;background:none;border:0;border-bottom:2px solid var(--g-line-soft);border-radius:0;box-shadow:none;opacity:1;transform:none;animation:g-in .35s var(--out)}.lf.lf--steps .g-text .f-ln.is-article.is-open{background:none}.lf.lf--steps .g-text .f-ln.is-article .f-lnside{grid-column:2;grid-row:1;flex-direction:row;gap:6px}.lf.lf--steps .g-text .f-ln.is-article:not(.is-open) .f-lnside{display:none}.lf.lf--steps .g-sayp{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.lf.lf--steps .g-sayp.is-center{align-items:center}.lf.lf--steps .g-sayp.is-end{align-items:flex-end}.lf.lf--steps .g-word-main .g-sayp{margin-top:14px}.lf.lf--steps .g-saybtn{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 18px 0 14px;border-radius:99px;background:var(--g-tint);color:var(--g-accent);font:900 15px var(--display);transition:background .15s,color .15s,filter .15s}.lf.lf--steps .g-saybtn:hover:not([disabled]){filter:brightness(.97)}.lf.lf--steps .g-saybtn svg{width:20px;height:20px;flex:none}.lf.lf--steps .g-saybtn.is-quiet{background:none;border:2px solid var(--g-line);color:var(--g-ink2);padding:0 16px 0 12px}.lf.lf--steps .g-saybtn.is-quiet:hover{background:var(--g-hover);filter:none}.lf.lf--steps .g-saybtn.is-rec{background:var(--g-coral);color:var(--g-on-coral)}.lf.lf--steps .g-saybtn[disabled]{cursor:default;opacity:.8}.lf.lf--steps .g-recdot{width:9px;height:9px;border-radius:50%;background:#fff;animation:g-blink 1s steps(2,start) infinite}.lf.lf--steps .g-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-top-color:transparent;animation:g-spin .8s linear infinite}.lf.lf--steps .g-sayres{display:flex;align-items:center;gap:12px;max-width:100%;padding:8px 8px 8px 10px;border:2px solid var(--g-line);border-radius:16px;background:var(--g-surface);text-align:left;animation:g-in .25s var(--out)}.lf.lf--steps .g-sayscore{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;font:900 17px var(--display);color:var(--g-on-coral);background:var(--g-coral)}.lf.lf--steps .g-sayres.is-good{border-color:var(--g-ok-line)}.lf.lf--steps .g-sayres.is-good .g-sayscore{background:var(--g-ok)}.lf.lf--steps .g-sayres.is-ok .g-sayscore{background:var(--g-amber)}.lf.lf--steps .g-saytx{min-width:0;display:flex;flex-direction:column}.lf.lf--steps .g-saytx b{font:900 16px var(--display);color:var(--ink)}.lf.lf--steps .g-saychars{display:flex;flex-wrap:wrap;gap:2px 6px;font:700 19px/1.3 var(--zh)}.lf.lf--steps .g-saychars .is-good{color:var(--g-ok-ink)}.lf.lf--steps .g-saychars .is-ok{color:var(--g-amber-ink)}.lf.lf--steps .g-saychars .is-low{color:var(--g-accent);-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-underline-offset:4px}.lf.lf--steps .g-sayagain{flex:none;padding:0 10px;font-size:14px}.lf.lf--steps .g-saymsg{margin:0;font:700 14px var(--display);color:var(--g-accent)}.lf.lf--steps .g-sayneed{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:420px;padding:10px 12px;border:2px solid var(--g-line);border-radius:14px;background:var(--g-surface);font:700 14px/1.4 var(--display);color:var(--g-ink2);text-align:left}.lf.lf--steps .g-sayup{max-width:460px;text-align:left}.lf.lf--steps .g-tquiz{margin-top:24px;animation:g-in .3s var(--out)}.lf.lf--steps .g-tquiz .g-card{padding:18px 18px 20px;border:2px solid var(--g-line);border-radius:18px;background:var(--g-surface);box-shadow:none}.lf.lf--steps .g-tquiz .f-btn{background:var(--g-tint);color:var(--g-accent);box-shadow:none}.lf.lf--steps .g-tquiz .f-btn:active{transform:none}.lf.lf--steps .g-culture{margin-top:22px}.lf.lf--steps .g-culture .f-block{margin:0}.lf.lf--steps .g-culture .f-culture{grid-template-columns:1fr;gap:14px;padding:18px 20px;border:2px solid var(--g-line);border-radius:18px;background:var(--g-surface);box-shadow:none}.lf.lf--steps .g-culture .f-culture svg,.lf.lf--steps .g-culture .f-culture img{max-height:140px;width:auto}.lf.lf--steps .g-gram{margin-top:16px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.lf.lf--steps .g-pattern{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lf.lf--steps .g-pat-zh{font:700 32px/1.15 var(--zh);color:var(--ink)}.lf.lf--steps .g-pat-slot{display:inline-grid;place-items:center;min-height:38px;padding:0 12px;border-radius:12px;background:var(--g-tint);color:var(--g-accent);font:900 16px var(--display)}.lf.lf--steps .g-pattern>.g-pat-slot:nth-child(6n+3),.lf.lf--steps .g-pattern>.g-pat-slot:nth-child(6n+4){background:var(--g-ok-tint);color:var(--g-ok-ink)}.lf.lf--steps .g-pattern>.g-pat-slot:nth-child(6n+5),.lf.lf--steps .g-pattern>.g-pat-slot:nth-child(6n+6){background:var(--g-blue-tint);color:var(--g-blue-ink)}.lf.lf--steps .g-pat-plus{font:800 20px var(--display);color:var(--g-muted)}.lf.lf--steps .g-gram-whyw{margin-top:16px}.lf.lf--steps .g-gram-why{margin:0;font:600 16.5px/1.6 var(--display);color:var(--g-ink2)}.lf.lf--steps .g-gram-why.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lf.lf--steps .g-more{min-height:44px;font:900 15px var(--display);color:var(--g-accent)}.lf.lf--steps .g-gram-ex{display:flex;flex-direction:column;margin-top:12px;border-top:2px solid var(--g-line-soft)}.lf.lf--steps .g-ex{position:relative;padding:14px 56px 14px 0;border:0;border-bottom:2px solid var(--g-line-soft);border-radius:0}.lf.lf--steps .g-ex-tag{display:block;margin-bottom:2px;font:900 12px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--g-muted)}.lf.lf--steps .g-ex-zh{font:500 22px/1.5 var(--zh);color:var(--ink)}.lf.lf--steps .g-ex-zh b{font-weight:700;color:var(--g-accent);background:none}.lf.lf--steps .g-ex-py{font-size:14px;color:var(--g-muted)}.lf.lf--steps .g-ex-en{font:700 15px/1.45 var(--display);color:var(--g-ink2);margin-top:2px}.lf.lf--steps .g-ex-say{position:absolute;right:0;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:none;box-shadow:none;display:grid;place-items:center;color:var(--g-ink2)}.lf.lf--steps .g-ex-say:hover{background:var(--g-hover)}.lf.lf--steps .g-ex-say svg{width:22px;height:22px}.lf.lf--steps .g-build-en{margin:10px 0 0;font:800 20px/1.4 var(--display);color:var(--ink)}.lf.lf--steps .g-build-ans{min-height:78px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;margin-top:20px;padding:12px 0;border-top:2px solid var(--g-line-soft);border-bottom:2px solid var(--g-line-soft)}.lf.lf--steps .g-build-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.lf.lf--steps .g-tile2{min-height:52px;min-width:56px;padding:0 14px;display:inline-grid;place-items:center;border:2px solid var(--g-line);border-radius:14px;background:var(--g-surface);font:600 24px var(--zh);color:var(--ink);transition:background .15s,border-color .15s;animation:g-in .2s var(--out)}.lf.lf--steps .g-tile2:not([disabled]):hover{background:var(--g-hover)}.lf.lf--steps .g-tile2[disabled]{cursor:default}.lf.lf--steps .g-tile2.is-used{background:var(--g-track);border-color:var(--g-track);color:transparent;animation:none}.lf.lf--steps .g-build[data-verify-state=right] .g-build-ans .g-tile2{border-color:var(--g-ok);color:var(--g-ok-ink)}.lf.lf--steps .g-build[data-verify-state=wrong] .g-build-ans .g-tile2{border-color:var(--g-coral);color:var(--g-accent)}.lf.lf--steps .g-tq{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.lf.lf--steps .g-tq-head{display:flex;align-items:center;gap:12px}.lf.lf--steps .g-tq-ava{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:none;background:var(--g-track)}.lf.lf--steps .g-tq-head b{display:block;font:900 17px var(--display)}.lf.lf--steps .g-tq-head small{display:block;font-size:14px;color:var(--g-muted)}.lf.lf--steps .g-tq-say{margin:0;font-size:15.5px;line-height:1.55;color:var(--g-ink2)}.lf.lf--steps .g-tq-say.is-wait{font-style:italic;color:var(--g-muted)}.lf.lf--steps .g-tq-q{margin:0;font:900 18px/1.4 var(--display)}.lf.lf--steps .g-tq-opts{display:flex;flex-direction:column;gap:10px;width:100%}.lf.lf--steps .g-tq-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 16px;text-align:left;background:var(--g-surface);border:2px solid var(--g-line);border-radius:14px;font:700 16px var(--display);transition:border-color .15s}.lf.lf--steps .g-tq-opt:not([disabled]):hover{border-color:var(--g-muted)}.lf.lf--steps .g-tq-opt.is-right{border-color:var(--g-ok);background:var(--g-ok-tint)}.lf.lf--steps .g-tq-opt.is-wrong{border-color:var(--g-coral);background:var(--g-tint)}.lf.lf--steps .g-tq-opt svg{width:20px;height:20px;flex:none}.lf.lf--steps .g-tq-score{margin:0;font:900 26px var(--display)}.lf.lf--steps .g-gai-say{margin:0;padding:12px 16px;border-radius:6px 18px 18px;background:var(--g-surface);border:2px solid var(--g-line);font-size:16px;line-height:1.6;white-space:pre-line;animation:g-in .35s var(--out)}.lf.lf--steps .g-gai .g-gram-ex{width:100%}.lf.lf--steps .g-gai>.f-btn svg{width:18px;height:18px}.lf.lf--steps .g-gai-more{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;width:100%}.lf.lf--steps .g-gai-more .g-tq-say{flex:1 1 100%;margin:0}.lf.lf--steps .g-write{display:flex;flex-direction:column;align-items:center;margin-top:8px}.lf.lf--steps .g-wcount{display:flex;flex-direction:column;align-items:center;gap:8px;font:800 14px var(--display);color:var(--g-muted)}.lf.lf--steps .g-wcount i{display:block;width:200px;height:6px;border-radius:3px;background:var(--g-track);overflow:hidden}.lf.lf--steps .g-wcount b{display:block;height:100%;background:var(--g-ok);transition:width .4s var(--out)}.lf.lf--steps .g-wstage{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.lf.lf--steps .g-warrow{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;border:2px solid var(--g-line);background:var(--g-surface);box-shadow:none;color:var(--g-ink2)}.lf.lf--steps .g-warrow:hover{background:var(--g-hover)}.lf.lf--steps .g-warrow svg{width:20px;height:20px}.lf.lf--steps .g-wpad{position:relative;border:2px solid var(--g-line);border-radius:24px;background:var(--g-surface);box-shadow:none;overflow:hidden;transition:border-color .3s}.lf.lf--steps .g-wpad.is-done{border-color:var(--g-ok)}.lf.lf--steps .g-wgrid{position:absolute;inset:0;width:100%;height:100%}.lf.lf--steps .g-wgrid path{stroke:var(--g-line);stroke-width:1.5;stroke-dasharray:6 6;fill:none;vector-effect:non-scaling-stroke}.lf.lf--steps .g-wtarget{position:absolute;inset:0}.lf.lf--steps .g-wtick{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:var(--g-ok);color:var(--g-on-coral);display:grid;place-items:center;animation:g-pop .35s var(--out)}.lf.lf--steps .g-wtick svg{width:20px;height:20px}.lf.lf--steps .g-wword{margin-top:14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:center}.lf.lf--steps .g-wword b{font:700 30px var(--zh);color:var(--ink)}.lf.lf--steps .g-wword span{font:700 16px var(--display);color:var(--g-muted)}.lf.lf--steps .g-wstatus{margin-top:4px;min-height:24px;font:800 15px var(--display);color:var(--g-muted)}.lf.lf--steps .g-wstatus.is-ok{color:var(--g-ok-ink)}.lf.lf--steps .g-wtools{display:flex;gap:18px;justify-content:center;margin-top:12px}.lf.lf--steps .g-wtool{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:72px;font:800 13px var(--display);color:var(--g-ink2)}.lf.lf--steps .g-wtool>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--g-line);background:var(--g-surface);color:var(--ink);transition:border-color .15s,background .15s}.lf.lf--steps .g-wtool:hover>span{background:var(--g-hover)}.lf.lf--steps .g-wtool.is-on>span{border-color:var(--g-coral);background:var(--g-tint);color:var(--g-accent)}.lf.lf--steps .g-wtool[disabled]{opacity:.45;cursor:default}.lf.lf--steps .g-wtool svg{width:22px;height:22px}.lf.lf--steps .g-write .g-wnext{margin-top:16px;min-height:48px;background:var(--g-tint);color:var(--g-accent);box-shadow:none}.lf.lf--steps .g-write .g-wnext:active{transform:none}.lf.lf--steps .g-wscreen>.g-eb{text-align:center}.lf.lf--steps .g-prac{align-items:center;justify-content:center;text-align:center}.lf.lf--steps .g-prac-bao{display:block}.lf.lf--steps .g-prac .g-h1{margin-top:14px;font-size:28px}.lf.lf--steps .g-prac-size{margin:6px 0 0;font:700 17px var(--display);color:var(--g-muted)}.lf.lf--steps .g-prac .f-done{color:var(--g-ok-ink)}.lf.lf--steps .g-types{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px;margin-top:22px}.lf.lf--steps .g-types span{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:2px solid var(--g-line);border-radius:99px;font:800 14px var(--display);color:var(--g-ink2)}.lf.lf--steps .g-types svg{width:16px;height:16px;color:var(--g-muted)}.lf.lf--steps .g-again{flex:none}.lf.lf--steps .g-prac .f-lock,.lf.lf--steps .g-prac>div:not(.g-types){text-align:left}.lf.lf--steps .g-finish .f-finish{width:min(600px,calc(100% - 40px));margin:0 auto;padding:8px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;animation:g-in .3s var(--out)}.lf.lf--steps .g-finish .f-bao{width:auto;height:auto;margin:0;border:0;background:none;box-shadow:none}.lf.lf--steps .g-finish .f-h2{margin:8px 0 18px;justify-content:center;font:900 32px/1.15 var(--display);letter-spacing:-.4px;color:var(--ink)}.lf.lf--steps .g-finish .f-lead{margin:0 0 8px;color:var(--g-muted)}.lf.lf--steps .g-finish .f-earned{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}.lf.lf--steps .g-finish .f-earned span{min-width:108px;display:flex;flex-direction:column;align-items:center;gap:0;padding:12px 18px;border:2px solid var(--g-line);border-radius:16px;background:var(--g-surface);font:700 14px var(--display);color:var(--g-muted)}.lf.lf--steps .g-finish .f-earned b{font:900 24px var(--display);color:var(--ink)}.lf.lf--steps .g-finish .f-save{width:100%;max-width:460px;margin:22px auto 0;padding:18px 20px;text-align:left;border:2px solid var(--g-line);border-radius:18px;background:var(--g-surface);box-shadow:none}.lf.lf--steps .g-finish .f-save h3{margin:0;font:900 18px var(--display)}.lf.lf--steps .g-finish .f-save p{margin:4px 0 12px;font-size:15px;color:var(--g-muted)}.lf.lf--steps .g-fin-next{margin:18px 0 0;font:700 15px var(--display);color:var(--g-muted)}.lf.lf--steps .g-finish .f-review{margin-top:14px}.lf.lf--steps .f-pm{border:2px solid var(--g-line);box-shadow:none}.lf.f-session .f-btn{border:0;border-radius:16px;box-shadow:0 4px #e0504f;color:#332a29;font:900 16px var(--display);letter-spacing:.06em;text-transform:uppercase}.dark .lf.f-session .f-btn{box-shadow:0 4px #d9504f;color:#131f24}.lf.f-session .f-btn:hover{transform:none;filter:brightness(1.04);box-shadow:0 4px #e0504f}.lf.f-session .f-btn:active{transform:translateY(4px);box-shadow:none}.lf.f-session .f-btn.is-ok{background:#2fb58e;box-shadow:0 4px #22a07d;color:#332a29}.dark .lf.f-session .f-btn.is-ok{color:#131f24}.lf.f-session .f-btn.is-alt{background:transparent;color:var(--ink);border:2px solid var(--hair);box-shadow:none}.lf.f-session .f-btn[disabled]{background:var(--wash);color:var(--mist);box-shadow:none}.lf.f-session .s-tile{border:2px solid var(--hair);box-shadow:none}.lf.f-session .s-tile:active{transform:none;box-shadow:none}.lf.f-session .c-face{border:2px solid var(--hair);box-shadow:none}.lf.f-session .f-play{border:0;box-shadow:none;color:#332a29}.dark .lf.f-session .f-play{color:#131f24}.lf.f-session .f-pm{border:2px solid var(--hair);box-shadow:none}@media(min-width:641px){.lf.lf--steps{--g-head-h: 84px}.lf.lf--steps .g-head-in{gap:14px}.lf.lf--steps .g-lbar{max-width:720px;margin:0 auto;gap:6px}.lf.lf--steps .g-main{padding-top:16px}.lf.lf--steps .g-h1{font-size:32px}.lf.lf--steps .g-word-hz{font-size:116px}.lf.lf--steps .g-word-hz[data-len=mid]{font-size:96px}.lf.lf--steps .g-word-hz[data-len=long]{font-size:72px}.lf.lf--steps .g-word-mn{font-size:32px}.lf.lf--steps .g-ctx-zh{font-size:21px}.lf.lf--steps .g-start-top{--zh-max: 72px}.lf.lf--steps .g-foot-in{padding:22px 0 26px}.lf.lf--steps .g-foot.is-ok .g-foot-in,.lf.lf--steps .g-foot.is-no .g-foot-in{display:flex;align-items:center;gap:20px}.lf.lf--steps .g-foot.is-ok .g-verdict,.lf.lf--steps .g-foot.is-no .g-verdict{flex:1;margin:0}.lf.lf--steps .g-foot.is-ok .g-foot-row,.lf.lf--steps .g-foot.is-no .g-foot-row{flex:none}.lf.lf--steps .g-foot.is-ok .g-foot-sp,.lf.lf--steps .g-foot.is-no .g-foot-sp{display:none}.lf.lf--steps .g-sheet{align-items:center}.lf.lf--steps .g-sheet-panel{width:min(560px,calc(100% - 48px));max-height:82dvh;border:2px solid var(--g-line);border-radius:24px;animation:g-in .2s var(--out)}.lf.lf--steps .g-finish .f-h2{font-size:40px}}@media(min-width:760px){.lf.lf--steps .g-check .g-opts:not(.is-text){display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;margin-top:36px}.lf.lf--steps .g-check .g-opts:not(.is-text) .g-opt{min-height:176px;flex-direction:column;justify-content:center;gap:10px;text-align:center;position:relative}.lf.lf--steps .g-check .g-opts:not(.is-text) .g-opt-k{position:absolute;left:12px;bottom:12px}.lf.lf--steps .g-check .g-opts:not(.is-text) .g-opt-w{align-items:center}.lf.lf--steps .g-check .g-opts:not(.is-text) .g-opt-hz{font-size:44px}}@media(max-width:640px){.lf.lf--steps .g-back{width:52px;padding:0;justify-content:center}.lf.lf--steps .g-back span{display:none}.lf.lf--steps .g-go{flex:1;min-width:0;padding:0 16px}.lf.lf--steps .g-foot-sp{display:none}.lf.lf--steps .g-foot-in{width:calc(100% - 32px);padding:14px 0 18px}.lf.lf--steps .g-opt-k{display:none}.lf.lf--steps .g-word-hz{font-size:84px}.lf.lf--steps .g-word-hz[data-len=mid]{font-size:70px}.lf.lf--steps .g-word-hz[data-len=long]{font-size:52px}.lf.lf--steps .g-text .f-ln.is-chat{gap:8px}.lf.lf--steps .g-text .f-ava{width:32px;height:32px;font-size:14px}.lf.lf--steps .g-text .f-bub{max-width:none;padding:9px 12px 10px;border-radius:18px}.lf.lf--steps .g-text .f-ln .f-zhl{font-size:19px}.lf.lf--steps .g-text .f-ln .f-pyl{font-size:13px}.lf.lf--steps .g-lineacts{margin-left:40px}.lf.lf--steps .g-lineacts.is-end{margin-right:40px;margin-left:0}.lf.lf--steps .g-wtools{gap:8px}.lf.lf--steps .g-wstage{gap:4px}.lf.lf--steps .g-warrow{width:40px;height:40px}.lf.lf--steps .g-ex-zh{font-size:20px}.lf.lf--steps .g-pat-zh{font-size:28px}.lf.lf--steps .g-start-top{--zh-max: 46px;--bao-w: 72px}.lf.lf--steps .g-start-bao{width:72px;height:88px;overflow:visible;display:flex;justify-content:flex-end}.lf.lf--steps .g-start-bao>*{transform:scale(.75);transform-origin:bottom right}}@media(max-width:359px){.lf.lf--steps .g-start-top{--zh-max: 40px}.lf.lf--steps .g-word-hz{font-size:72px}.lf.lf--steps .g-stage{width:calc(100% - 32px)}}@media(max-height:700px){.lf.lf--steps .g-word-main{padding:6px 0}.lf.lf--steps .g-word-hz{font-size:68px}.lf.lf--steps .g-word-mn{font-size:24px}.lf.lf--steps .g-opt{min-height:60px}.lf.lf--steps .g-say.is-huge{width:84px;height:84px;margin-top:18px}.lf.lf--steps .g-path button{padding-block:7px}}@media(max-height:820px){.lf.lf--steps .g-start-top{--zh-max: 56px;margin-top:0}.lf.lf--steps .g-start-en{font-size:18px}.lf.lf--steps .g-path{margin-top:14px}.lf.lf--steps .g-path button{padding-block:7px}.lf.lf--steps .g-pn{width:34px;height:34px;font-size:15px}.lf.lf--steps .g-startm{padding-bottom:12px}}@media(max-height:820px)and (max-width:640px){.lf.lf--steps .g-start-top{--zh-max: 42px}}@media(max-height:680px){.lf.lf--steps .g-start-top{--zh-max: 36px;--bao-w: 58px}.lf.lf--steps .g-start-bao{width:58px;height:70px;overflow:visible;display:flex;justify-content:flex-end}.lf.lf--steps .g-start-bao>*{transform:scale(.6);transform-origin:bottom right}.lf.lf--steps .g-startm .g-eb{font-size:12px}.lf.lf--steps .g-start-en{font-size:16px}.lf.lf--steps .g-path{margin-top:10px}.lf.lf--steps .g-path button{padding-block:4px;gap:12px}.lf.lf--steps .g-pn{width:30px;height:30px;font-size:14px}.lf.lf--steps .g-ptx b{font-size:15.5px}.lf.lf--steps .g-ptx small{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf.lf--steps .g-ptx{min-width:0}.lf.lf--steps .g-startm{padding-top:2px;padding-bottom:6px}}@media(max-height:600px){.lf.lf--steps .g-start-top{--bao-w: 0px;--zh-min: 26px}.lf.lf--steps .g-start-bao{display:none}}@media(prefers-reduced-motion:reduce){.lf.lf--steps .g-stage,.lf.lf--steps .g-word-main,.lf.lf--steps .g-ctx,.lf.lf--steps .g-text .f-ln.is-chat,.lf.lf--steps .g-text .f-ln.is-article,.lf.lf--steps .g-tquiz,.lf.lf--steps .g-verdict,.lf.lf--steps .g-sheet-panel,.lf.lf--steps .g-tile2,.lf.lf--steps .g-wtick,.lf.lf--steps .g-say.is-playing,.lf.lf--steps .g-hmenu,.lf.lf--steps .g-lineacts,.lf.lf--steps .g-sayres,.lf.lf--steps .g-recdot,.lf.lf--steps .g-gai-say,.lf.lf--steps .g-finish .f-finish{animation:none}.lf.lf--steps .g-seg i{transition:none}}.lf{--cream: #FFF7EE;--paper: #FFFCF7;--ink: #332A29;--ink-2: #6E625D;--mist: #8F8279;--hair: #EDE2D3;--wash: #F6ECDF;--wash-2: #EFE2D1;--coral: #FF6B6B;--coral-ink: #C93C35;--coral-soft: #FFE1DC;--butter: #FFE9A8;--ok: #1E9E8C;--ok-ink: #11695C;--ok-soft: #E1F4EE;--wrong: #D62828;--wrong-ink: #A21F1F;--wrong-soft: #FCE4E2;--shadow: #332A29;--line-hover: rgba(255, 252, 247, .7);--culture: #FFF0CC;--culture-ink: #8E5410;--culture-text: #5E4A37;--s0: #C2493F;--s1: #13806F;--s2: #7A5BC9;--display: Nunito, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", -apple-system, "Segoe UI", system-ui, sans-serif;--body: Nunito, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", -apple-system, "Segoe UI", system-ui, sans-serif;--zh: var(--font-chinese, "PingFang SC", "Microsoft YaHei", sans-serif);--out: cubic-bezier(.16, 1, .3, 1);background:var(--cream);color:var(--ink);font:500 16px/1.6 var(--body);min-height:100vh}.dark .lf{--cream: #131F24;--paper: #182730;--ink: #FFFFFF;--ink-2: #AFAFAF;--mist: #8A979D;--hair: #2C3B44;--wash: #20313B;--wash-2: #273A45;--coral-ink: #FF8A80;--coral-soft: #3B2A2E;--butter: rgba(247, 214, 109, .32);--ok: #4ECDC4;--ok-ink: #7FE3DB;--ok-soft: #12302F;--wrong: #FF6B6B;--wrong-ink: #FF9C9C;--wrong-soft: #3A1F22;--shadow: #0B1418;--line-hover: rgba(32, 49, 59, .6);--culture: #2A2618;--culture-ink: #F7D66D;--culture-text: #D9CDB0;--s0: #FF8A80;--s1: #4ECDC4;--s2: #C9B8F4;color-scheme:dark}.lf *,.lf *:before,.lf *:after{box-sizing:border-box}.lf ::-moz-selection{background:var(--butter);color:var(--ink)}.lf ::selection{background:var(--butter);color:var(--ink)}.lf button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.lf a{color:inherit;text-decoration:none}.lf :focus-visible{outline:2.5px solid var(--coral);outline-offset:3px;border-radius:10px}.lf .f-zh{font-family:var(--zh)}.lf .f-top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--cream) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lf .f-top-in{height:60px;display:flex;align-items:center;gap:12px;padding-inline:28px;max-width:1440px;margin-inline:auto}.lf .f-back{width:44px;height:44px;margin-left:-10px;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);flex:none;transition:background .2s}.lf .f-back:hover{background:var(--wash)}.lf .f-back svg{width:22px;height:22px}.lf .f-ttl{font:800 15px var(--display);color:var(--ink-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf .f-ttl b{color:var(--ink);font-weight:900}.lf .f-tgl{margin-left:auto;display:flex;gap:6px;flex:none}.lf .f-tgl button{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);transition:background .2s,color .2s}.lf .f-tgl button svg{width:22px;height:22px}.lf .f-tgl button:hover{background:var(--wash)}.lf .f-tgl button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.lf .f-bar{height:2px;background:var(--hair)}.lf .f-bar i{display:block;height:100%;width:100%;background:var(--coral);transform-origin:left;transform:scaleX(0)}.lf .f-where{display:none;align-items:center;gap:6px;font:800 14px var(--display);min-width:0;height:40px;padding-inline:12px;border-radius:12px;background:var(--wash);white-space:nowrap}.lf .f-where svg{width:16px;height:16px;flex:none;transition:transform .25s var(--out)}.lf .f-where[aria-expanded=true] svg{transform:rotate(180deg)}.lf .f-sheet{position:sticky;top:62px;z-index:29;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--out);background:var(--paper)}.lf .f-sheet>div{overflow:hidden}.lf .f-sheet.is-open{grid-template-rows:1fr;box-shadow:0 10px 24px #0b141824}.lf .f-sheet a{display:flex;gap:12px;align-items:center;padding:11px 22px;font:800 15px var(--display)}.lf .f-sheet a:first-child{margin-top:6px}.lf .f-sheet a:last-child{margin-bottom:10px}.lf .f-sheet .f-d{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:900 12px var(--display);background:var(--wash);color:var(--ink-2);flex:none}.lf .f-sheet .f-d svg{width:13px;height:13px}.lf .f-sheet a.is-on .f-d{background:var(--coral);color:#fff}.lf .f-rail{display:none}.lf .f-rail ol{list-style:none;margin:0;padding:0;position:relative}.lf .f-rail .f-track{position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:var(--hair);border-radius:2px}.lf .f-rail .f-track i{position:absolute;inset:0;background:var(--coral);transform-origin:top;transform:scaleY(0);border-radius:2px}.lf .f-rail li+li{margin-top:18px}.lf .f-rail a{display:flex;align-items:center;gap:12px;position:relative}.lf .f-rail .f-d{width:28px;height:28px;border-radius:50%;background:var(--cream);box-shadow:inset 0 0 0 2px var(--hair);display:grid;place-items:center;font:900 13px var(--display);color:var(--mist);flex:none;transition:background .25s,color .25s,box-shadow .25s,transform .25s var(--out)}.lf .f-rail .f-d svg{width:14px;height:14px}.lf .f-rail .f-nm{font:800 14px var(--display);color:var(--ink);opacity:0;transform:translate(-6px);transition:opacity .2s,transform .25s var(--out);white-space:nowrap}.lf .f-rail a:hover .f-nm,.lf .f-rail li.is-on .f-nm{opacity:1;transform:none}.lf .f-rail li.is-done .f-d{background:var(--coral);box-shadow:none;color:#fff}.lf .f-rail li.is-on .f-d{background:var(--paper);color:var(--coral-ink);box-shadow:inset 0 0 0 2.5px var(--coral);transform:scale(1.08)}.lf .f-col{width:min(660px,100%);margin-inline:auto;padding-inline:22px;padding-bottom:140px}.lf .f-part{padding-top:112px;scroll-margin-top:64px}.lf h1,.lf h2,.lf h3{font-family:var(--display);margin:0;text-wrap:balance;color:var(--ink)}.lf .f-h2{font-size:34px;font-weight:900;line-height:1.15;letter-spacing:-.01em;display:flex;align-items:center;gap:14px}.lf .f-h2 .f-num{width:40px;height:40px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:19px;flex:none}.lf .f-h3{font-size:16px;font-weight:900;display:flex;align-items:center;gap:10px;margin-bottom:12px}.lf .f-grow{flex:1}.lf .f-lead{color:var(--ink-2);margin:10px 0 0;max-width:54ch}.lf .f-block{margin-top:40px}.lf .f-link{font:800 14px var(--display);color:var(--coral-ink);text-underline-offset:3px;display:inline-flex;align-items:center;gap:6px;min-height:32px}.lf .f-link:hover{text-decoration:underline}.lf .f-link.is-quiet{color:var(--ink-2)}.lf .f-link svg{width:14px;height:14px}.lf .f-hero{padding-top:88px}.lf .f-hero .f-big{font:600 72px/1.08 var(--zh);letter-spacing:.03em}.lf .f-hero h1{font-size:26px;font-weight:900;margin-top:8px}.lf .f-meta{margin-top:14px;color:var(--ink-2);font-weight:600}.lf .f-meta span{white-space:nowrap}.lf .f-meta span+span:before{content:"·";margin-inline:8px;color:var(--mist)}.lf .f-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding-inline:26px;border-radius:16px;background:var(--coral);color:#fff;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);font:900 17px var(--display);transition:transform .15s var(--out),box-shadow .15s var(--out),background .2s}.dark .lf .f-btn{border-color:var(--shadow)}.lf .f-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow)}.lf .f-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.lf .f-btn.is-ok{background:var(--ok);color:#fff}.dark .lf .f-btn.is-ok{color:#083d3a}.lf .f-btn[disabled]{background:var(--wash);color:var(--mist);border-color:var(--hair);box-shadow:none;cursor:default;transform:none}.lf .f-btn svg{width:18px;height:18px}.lf .f-btn.is-sm{min-height:44px;padding-inline:16px;border-radius:12px;font-size:15px;box-shadow:2px 2px 0 var(--shadow)}.lf .f-btn.is-sm:hover{box-shadow:3px 3px 0 var(--shadow)}.lf .f-btn.is-sm svg{width:16px;height:16px}.lf .f-hero .f-btn{margin-top:30px}.lf .f-words{border-top:1px solid var(--hair)}.lf .f-w{display:grid;grid-template-columns:1fr auto;align-items:center;-moz-column-gap:12px;column-gap:12px;padding:14px 4px;border-bottom:1px solid var(--hair);text-align:left;width:100%;cursor:pointer}.lf .f-w .f-hz{font:500 26px/1.25 var(--zh)}.lf .f-w .f-py{font:600 14px var(--body);color:var(--ink-2);margin-left:10px}.lf .f-w .f-mn{display:block;font-size:15px;margin-top:1px;transition:color .2s,background .2s}.lf .f-words.is-quiz .f-w:not(.is-peek) .f-mn{color:transparent;background:var(--wash);border-radius:6px;width:-moz-max-content;width:max-content;min-width:130px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lf .f-more{grid-column:1 / -1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--out)}.lf .f-more>div{overflow:hidden}.lf .f-more .f-in{margin-top:10px;padding:10px 14px;background:var(--wash);border-radius:12px}.lf .f-w.is-open .f-more{grid-template-rows:1fr}.lf .f-more .f-zhs{font:500 18px/1.6 var(--zh)}.lf .f-more .f-en{color:var(--ink-2);font-size:14px}.lf .f-spk{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--mist);transition:color .2s,background .2s;flex:none}.lf .f-spk svg{width:20px;height:20px}.lf .f-w:hover .f-spk,.lf .f-spk:hover{color:var(--coral-ink);background:var(--coral-soft)}.lf .f-spk.is-playing{color:#fff;background:var(--coral)}.lf .f-wbtns{display:flex;align-items:center;gap:2px}.lf .f-listen{display:inline-flex;align-items:center;gap:12px;font:800 15px var(--display)}.lf .f-play{width:46px;height:46px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--shadow);flex:none;transition:transform .15s var(--out)}.dark .lf .f-play{border-color:var(--shadow)}.lf .f-play:active{transform:translate(1px,1px)}.lf .f-play svg{width:18px;height:18px}.lf .f-listen small{display:block;font:600 13px var(--body);color:var(--ink-2);font-variant-numeric:tabular-nums}.lf .f-wave{display:inline-flex;gap:3px;align-items:center;height:18px;margin-left:4px;opacity:0;transition:opacity .2s}.lf .f-wave i{width:3px;height:5px;background:var(--coral);border-radius:2px}.lf .f-listen.is-playing .f-wave{opacity:1}.lf .f-listen.is-playing .f-wave i{animation:lf-wv .9s ease-in-out infinite}.lf .f-listen.is-playing .f-wave i:nth-child(2){animation-delay:.15s}.lf .f-listen.is-playing .f-wave i:nth-child(3){animation-delay:.3s}.lf .f-listen.is-playing .f-wave i:nth-child(4){animation-delay:.45s}@keyframes lf-wv{50%{height:17px}}.lf .f-lines{margin-top:22px}.lf .f-ln{display:grid;grid-template-columns:64px 1fr auto;gap:14px;padding:12px 14px;margin-inline:-14px;border-radius:16px;text-align:left;width:calc(100% + 28px);transition:background .2s;cursor:pointer}.lf .f-ln:hover{background:var(--line-hover)}.lf .f-ln.is-open{background:var(--paper);box-shadow:0 0 0 1px var(--hair);cursor:default}.lf .f-ln.is-article{grid-template-columns:1fr auto}.lf .f-who{font:800 14px/1.3 var(--zh);padding-top:9px;overflow-wrap:anywhere}.lf .f-who.is-s0{color:var(--s0)}.lf .f-who.is-s1{color:var(--s1)}.lf .f-who.is-s2{color:var(--s2)}.lf .f-zhl{font:400 21px/1.8 var(--zh)}.lf .f-pyl{font:500 14px/1.55 var(--body);color:var(--ink-2)}.lf.is-hide-py .f-pyl,.lf.is-hide-py .f-ex .f-py,.lf.is-hide-py .f-w .f-py{display:none}.lf .f-enx{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--out)}.lf .f-enx>div{overflow:hidden}.lf.is-show-en .f-enx,.lf .f-ln.is-open .f-enx{grid-template-rows:1fr}.lf .f-enl{font:500 15px/1.55 var(--body);color:var(--ink-2);padding-top:6px}.lf .f-lnside{display:flex;gap:2px;align-items:flex-start;padding-top:4px}.lf .f-lnbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--mist);transition:background .2s,color .2s}.lf .f-lnbtn svg{width:19px;height:19px}.lf .f-ln:hover .f-lnbtn{color:var(--coral-ink)}.lf .f-lnbtn:hover{background:var(--coral-soft);color:var(--coral-ink)}.lf .f-lnbtn.is-on{background:var(--coral);color:#fff}.lf .f-say{margin-top:12px}.lf .f-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding-inline:14px;border-radius:999px;background:var(--wash);font:800 13px var(--display);transition:background .2s}.lf .f-chip:hover{background:var(--wash-2)}.lf .f-chip svg{width:15px;height:15px}.lf .f-chip.is-playing,.lf .f-chip[aria-pressed=true]{background:var(--coral);color:#fff}.lf mark.f-v{color:inherit;background:linear-gradient(var(--butter),var(--butter)) no-repeat 0 88% / 100% 38%;border-radius:2px;cursor:pointer;padding-inline:1px;transition:background-size .55s var(--out)}.lf.is-reveal .f-ln mark.f-v{background-size:0% 38%}.lf.is-reveal .f-ln[data-lit] mark.f-v{background-size:100% 38%}.lf mark.f-v:hover{background-size:100% 100%!important}.lf .f-wtipat{position:relative}.lf mark.f-v.is-tip{animation:lf-glow 1.6s var(--out) 2;border-radius:4px}@keyframes lf-glow{50%{box-shadow:0 0 0 5px var(--butter)}}.lf .f-wtip{position:absolute;left:-6px;bottom:calc(100% + 9px);z-index:6;width:-moz-max-content;width:max-content;max-width:min(480px,80vw);display:flex;align-items:center;gap:10px;padding:6px 11px;border-radius:10px;background:var(--ink);color:var(--cream);font:800 13px/1.35 var(--display);box-shadow:0 10px 24px -10px #00000080;animation:lf-pop .4s var(--out);cursor:default}.lf .f-wtip:after{content:"";position:absolute;left:16px;bottom:-6px;width:12px;height:12px;background:var(--ink);transform:rotate(45deg);border-radius:2px}.lf .f-wtip button{font:800 12px var(--display);color:var(--cream);opacity:.75;text-decoration:underline;flex:none}.lf .f-hint{margin-top:12px;font-size:14px;color:var(--mist)}.lf .f-gram{background:var(--paper);border:1px solid var(--hair);border-radius:22px;padding:24px}.lf .f-gram+.f-gram{margin-top:16px}.lf .f-from{font:400 18px/1.75 var(--zh);padding-left:16px;box-shadow:inset 2px 0 0 var(--hair);margin-bottom:22px}.lf .f-from b{color:var(--coral-ink);font-weight:600}.lf .f-from .f-en{display:block;font:500 14px/1.5 var(--body);color:var(--ink-2)}.lf .f-formula{font:600 26px/1.35 var(--zh);overflow-wrap:anywhere}.lf .f-formula em{font:800 15px var(--display);color:var(--mist);font-style:normal;margin-inline:3px}.lf .f-gram p{margin:6px 0 0;color:var(--ink-2)}.lf .f-gram p b{color:var(--ink)}.lf .f-ex{margin-top:16px;padding-top:16px;border-top:1px dashed var(--hair);display:grid;grid-template-columns:1fr auto;-moz-column-gap:8px;column-gap:8px;align-items:start}.lf .f-ex .f-zh{font:400 18px/1.6 var(--zh)}.lf .f-ex .f-py,.lf .f-ex .f-en{font-size:14px;color:var(--ink-2)}.lf .f-row{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}.lf .f-card{background:var(--paper);border:1.5px solid var(--ink);border-radius:22px;box-shadow:4px 4px 0 var(--shadow);overflow:hidden}.dark .lf .f-card{border-color:#37464f}.lf .f-card .f-in{padding:24px}.lf .f-q{font:900 20px/1.4 var(--display)}.lf .f-q .f-zh{font:500 21px/1.6 var(--zh);display:block}.lf .f-q small{display:block;font:600 14px var(--body);color:var(--ink-2);margin-top:4px}.lf .f-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.lf .f-opt{min-height:62px;border:1.5px solid var(--hair);border-radius:16px;background:var(--paper);font:500 21px var(--zh);display:grid;place-items:center;padding:6px;transition:border-color .15s,background .2s,transform .15s var(--out)}.lf .f-opt:hover:not([disabled]){border-color:var(--mist);transform:translateY(-1px)}.lf .f-opt small{display:block;font:600 12px var(--body);color:var(--ink-2)}.lf .f-opt[disabled]{cursor:default}.lf .f-opt.is-sel{border-color:var(--ink);background:var(--wash)}.lf .f-opt.is-right{border-color:var(--ok);background:var(--ok-soft)}.lf .f-opt.is-wrong{border-color:var(--wrong);background:var(--wrong-soft);animation:lf-nudge .32s var(--out)}@keyframes lf-nudge{25%{transform:translate(-3px)}60%{transform:translate(3px)}}.lf .f-fbw{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--out)}.lf .f-fbw>div{overflow:hidden}.lf .f-fbw.is-on{grid-template-rows:1fr}.lf .f-fb{display:flex;align-items:center;gap:12px;padding:14px 24px;font-weight:700}.lf .f-fb.is-ok{background:var(--ok-soft);color:var(--ok-ink)}.lf .f-fb.is-no{background:var(--wrong-soft);color:var(--wrong-ink)}.lf .f-ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}.lf .is-ok .f-ic{background:var(--ok)}.lf .is-no .f-ic{background:var(--wrong)}.lf .f-ic svg{width:18px;height:18px}.lf .f-ic path{stroke-dasharray:30;stroke-dashoffset:30;animation:lf-draw .45s .12s var(--out) forwards}@keyframes lf-draw{to{stroke-dashoffset:0}}.lf .f-culture{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;padding:26px;border-radius:22px;background:var(--culture)}.lf .f-culture-art{width:132px;height:132px;border-radius:16px;display:block;background:var(--butter);color:var(--culture-ink)}.lf .f-culture h3{font-size:20px;margin:0}.lf .f-culture p{margin:6px 0 0;color:var(--culture-text)}.lf .f-culture .f-tag{font:800 13px var(--display);color:var(--culture-ink);display:block;margin-bottom:4px}.lf .f-writer{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start}.lf .f-pad{position:relative;width:260px;height:260px;background:var(--paper);border:1.5px solid var(--ink);border-radius:22px;box-shadow:4px 4px 0 var(--shadow);overflow:hidden;touch-action:none}.dark .lf .f-pad{border-color:#37464f}.lf .f-pad>svg.f-guide{position:absolute;inset:0;pointer-events:none}.lf .f-pad .f-target{position:absolute;inset:0}.lf .f-pad .f-padmsg{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--ink-2);font-weight:700}.lf .f-wside{min-width:0;width:100%}.lf .f-chars{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;margin:-2px -2px 0;scrollbar-width:thin;scrollbar-color:var(--hair) transparent;-webkit-overflow-scrolling:touch}.lf .f-chars .f-cb{flex:none;scroll-snap-align:center}.lf .f-chars{-webkit-mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 28px),transparent);padding-inline:10px}.lf .f-wcount{margin-top:6px;font:700 13px var(--body);color:var(--ink-2);font-variant-numeric:tabular-nums}.lf .f-cb{width:58px;height:66px;border-radius:16px;border:1.5px solid var(--hair);background:var(--paper);display:grid;place-items:center;font:500 26px/1 var(--zh);padding-top:4px;transition:border-color .15s,background .2s}.lf .f-cb.is-on{border-color:var(--ink);background:var(--wash)}.lf .f-cb.is-did{border-color:var(--ok)}.lf .f-wnow{font:800 16px var(--display);margin-top:18px}.lf .f-wnow span{font:600 15px var(--body);color:var(--ink-2)}.lf .f-wstate{margin-top:6px;font-size:14px;color:var(--ink-2);min-height:22px}.lf .f-wstate.is-ok{color:var(--ok-ink);font-weight:700}.lf .f-wtools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.lf .f-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lf .f-types span{display:inline-flex;align-items:center;gap:6px;height:34px;padding-inline:12px;border-radius:999px;background:var(--wash);font:800 13px var(--display);color:var(--ink)}.lf .f-types svg{width:15px;height:15px;color:var(--coral-ink)}.lf .f-pcard .f-q{font-size:22px}.lf .f-pcard .f-done{color:var(--ok-ink)}.lf .f-pfoot{padding:0 24px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.lf .f-lockline{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--wash);font-weight:700;color:var(--ink-2)}.lf .f-lockline svg{width:18px;height:18px;flex:none;color:var(--coral-ink)}.lf .f-lockline a{margin-left:auto}.lf .f-finish{text-align:center;padding-top:128px;scroll-margin-top:64px}.lf .f-finish .f-bao{width:180px;height:180px;margin:0 auto;display:grid;place-items:center}.lf .f-bao-in{position:relative;display:inline-block;line-height:0}.lf .f-finish .f-h2{font-size:42px;justify-content:center;margin-top:6px}.lf .f-earned{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.lf .f-earned span{display:inline-flex;align-items:baseline;gap:6px;padding:10px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--hair);color:var(--ink-2)}.lf .f-earned b{font:900 20px var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.lf .f-save{margin:30px auto 0;max-width:440px;text-align:left;background:var(--paper);border:1.5px solid var(--ink);border-radius:22px;box-shadow:4px 4px 0 var(--shadow);padding:22px 24px}.dark .lf .f-save{border-color:#37464f}.lf .f-save h3{font-size:19px;margin:0}.lf .f-save p{margin:4px 0 16px;color:var(--ink-2)}.lf .f-save .f-row{align-items:center;margin-top:0}.lf .f-next{margin-top:26px;display:grid;justify-items:center;gap:10px}.lf .f-next small{color:var(--ink-2)}.lf .f-finish .f-lead{margin-inline:auto}.f-pop{position:fixed;z-index:9100;background:#332a29;color:#fff;border-radius:14px;padding:10px 8px 10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px #0b14184d;max-width:min(320px,calc(100vw - 16px));font-family:Nunito,system-ui,sans-serif;animation:lf-pop .2s cubic-bezier(.16,1,.3,1)}.f-pop .f-hz{font:500 24px var(--font-chinese, sans-serif)}.f-pop .f-py{font-size:13px;color:#d9ccc3}.f-pop .f-mn{font-size:14px}.f-pop button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff1f;border:0;cursor:pointer;flex:none}.f-pop button svg{width:20px;height:20px}@keyframes lf-pop{0%{opacity:0;transform:translateY(4px) scale(.97)}}.lf.is-reveal [data-rv]{opacity:0;transform:translateY(14px)}.lf.is-reveal [data-rv][data-lit]{opacity:1;transform:none;transition:opacity .5s var(--out),transform .6s var(--out);transition-delay:var(--d, 0ms)}@media(min-width:1180px){.lf .f-rail{display:block;position:fixed;top:150px;left:max(28px,calc(50% - 580px));width:200px;z-index:5}}@media(max-width:1179px){.lf .f-where{display:inline-flex}}@media(max-width:640px){.lf .f-top-in{padding-inline:14px;gap:8px;height:58px}.lf .f-ttl{display:none}.lf .f-sheet{top:60px}.lf .f-tgl button{width:42px;height:42px}.lf .f-col{padding-inline:18px}.lf .f-part{padding-top:84px}.lf .f-h2{font-size:27px;gap:12px}.lf .f-h2 .f-num{width:34px;height:34px;font-size:16px}.lf .f-hero{padding-top:56px}.lf .f-hero .f-big{font-size:52px}.lf .f-ln{grid-template-columns:1fr auto;gap:0 6px;padding:10px 12px;margin-inline:-12px;width:calc(100% + 24px)}.lf .f-lnside{grid-column:2;grid-row:1 / span 2;flex-direction:column;padding-top:0}.lf .f-who{padding-top:0;font-size:13px}.lf .f-zhl{font-size:20px}.lf .f-opts{grid-template-columns:1fr}.lf .f-writer{grid-template-columns:1fr;justify-items:center}.lf .f-culture{grid-template-columns:1fr}.lf .f-gram,.lf .f-card .f-in{padding:20px}.lf .f-fb{padding:14px 20px}.lf .f-finish .f-h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.lf.is-reveal [data-rv]{transform:none}.lf.is-reveal [data-rv][data-lit]{transition:opacity .3s}.lf mark.f-v{transition:none}.lf mark.f-v.is-tip,.lf .f-wtip{animation:none}.lf .f-listen.is-playing .f-wave i{animation:none;height:12px}.lf .f-opt.is-wrong{animation:none}.lf .f-ic path{animation:none;stroke-dashoffset:0}.f-pop{animation:none}}.lf.f-session{position:fixed;inset:0;z-index:9500;display:flex;flex-direction:column;min-height:0;animation:lf-sin-up .45s var(--out)}@keyframes lf-sin-up{0%{opacity:0;transform:translateY(28px)}}.lf .s-top{height:68px;flex:none;display:flex;align-items:center;gap:16px;padding-inline:max(18px,calc(50% - 330px))}.lf .s-x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);flex:none;transition:background .2s}.lf .s-x:hover{background:var(--wash)}.lf .s-x svg{width:20px;height:20px}.lf .s-prog{flex:1;height:12px;border-radius:8px;background:var(--hair);overflow:hidden}.lf .s-prog i{display:block;height:100%;width:100%;border-radius:8px;background:var(--coral);transform-origin:left;transform:scaleX(0);transition:transform .5s var(--out)}.lf .s-count{font:800 14px var(--display);color:var(--ink-2);font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.lf .s-body{flex:1;overflow-y:auto;padding:22px max(18px,calc(50% - 330px)) 28px}.lf .s-q{animation:lf-sin .4s var(--out)}@keyframes lf-sin{0%{opacity:0;transform:translate(22px)}}.lf .s-h{font:900 26px/1.3 var(--display);text-wrap:balance}.lf .s-sub{color:var(--ink-2);margin-top:4px}.lf .s-word{text-align:center;margin-top:26px}.lf .s-word .f-hz{font:500 66px/1.1 var(--zh)}.lf .s-prompt{font:500 22px/1.7 var(--zh);margin-top:20px}.lf .s-opts{display:grid;gap:10px;margin-top:26px}.lf .s-opts .f-opt{justify-items:start;text-align:left;padding:10px 18px;min-height:60px;font:700 17px var(--body)}.lf .s-opts .f-opt.is-zh{font:500 22px var(--zh)}.lf .s-opts.is-grid2{grid-template-columns:repeat(2,1fr)}.lf .s-opts.is-grid2 .f-opt{justify-items:center;text-align:center}.lf .s-sent{font:400 24px/1.8 var(--zh);margin-top:24px}.lf .s-blank{display:inline-block;min-width:76px;border-bottom:2px solid var(--ink);text-align:center;color:var(--coral-ink)}.lf .s-listen{display:grid;place-items:center;margin-top:26px}.lf .s-listen .f-play{width:92px;height:92px;box-shadow:3px 3px 0 var(--shadow)}.lf .s-listen .f-play svg{width:34px;height:34px}.lf .s-listen .f-play.is-playing{animation:lf-beat .9s var(--out)}@keyframes lf-beat{40%{transform:scale(1.06)}}.lf .s-listen small{margin-top:10px;color:var(--ink-2)}.lf .s-match{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.lf .s-match>div{display:grid;gap:10px;align-content:start}.lf .s-m{min-height:60px;border:1.5px solid var(--hair);border-radius:16px;background:var(--paper);font:700 16px var(--body);padding:8px 12px;transition:border-color .15s,background .2s,opacity .3s}.lf .s-m.is-zh{font:500 22px var(--zh)}.lf .s-m:hover:not([disabled]){border-color:var(--mist)}.lf .s-m.is-sel{border-color:var(--ink);background:var(--wash)}.lf .s-m.is-good{border-color:var(--ok);background:var(--ok-soft);opacity:.55;cursor:default}.lf .s-m.is-bad{border-color:var(--wrong);background:var(--wrong-soft);animation:lf-nudge .32s var(--out)}.lf .s-ans{min-height:72px;margin-top:26px;padding:10px 0;border-bottom:2px solid var(--hair);display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.lf .s-bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;justify-content:center}.lf .s-tile{font:500 21px var(--zh);padding:10px 14px;min-height:48px;border-radius:14px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--shadow);transition:transform .15s var(--out),box-shadow .15s var(--out)}.dark .lf .s-tile{border-color:#37464f}.lf .s-tile:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}.lf .s-tile.is-used{visibility:hidden}.lf .s-foot{position:relative;flex:none;display:flex;align-items:center;gap:16px;padding:16px max(18px,calc(50% - 330px));border-top:1px solid var(--hair);background:var(--paper);transition:background .3s}.lf .s-foot.is-ok{background:var(--ok-soft);border-color:transparent}.lf .s-foot.is-no{background:var(--wrong-soft);border-color:transparent}.lf .s-msg{flex:1;display:flex;align-items:center;gap:12px;font-weight:700;min-width:0}.lf .s-foot.is-ok .s-msg{color:var(--ok-ink)}.lf .s-foot.is-no .s-msg{color:var(--wrong-ink)}.lf .s-msg .f-zh{font-family:var(--zh)}.lf .s-foot .f-btn{min-width:150px}.lf .s-foot.is-ok .f-btn{background:var(--ok)}.lf .s-end{text-align:center;padding-top:10px}.lf .s-end .f-bao{position:relative;width:160px;height:160px;margin:0 auto;display:grid;place-items:center}.lf .s-cheer{position:absolute;left:50%;top:0;width:0;height:0}.lf .s-bao{position:relative;flex:none;width:80px;height:68px;margin:-38px 0 -6px;align-self:flex-end;z-index:2}.lf .s-end .s-h{font-size:34px;margin-top:4px}.lf .s-dots{display:flex;gap:6px;justify-content:center;margin-top:16px;flex-wrap:wrap}.lf .s-dots i{width:26px;height:6px;border-radius:3px;background:var(--hair)}.lf .s-dots i.is-ok{background:var(--ok)}.lf .s-dots i.is-no{background:var(--wrong)}.lf .s-acts{display:grid;justify-items:center;gap:14px;margin-top:26px}.lf .s-end .f-lead{margin-inline:auto}@media(max-width:640px){.lf .s-h{font-size:22px}.lf .s-word .f-hz{font-size:56px}.lf .s-foot{flex-wrap:wrap}.lf .s-foot .f-btn{width:100%}.lf .s-sent{font-size:21px}.lf .s-opts.is-grid2{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.lf.f-session,.lf .s-q,.lf .s-listen .f-play.is-playing,.lf .s-m.is-bad{animation:none}}.lf .f-h3.is-words{flex-wrap:wrap;row-gap:0}.lf .f-review{margin-top:18px}.lf .c-body{display:flex;flex-direction:column;justify-content:center}.lf .c-card{position:relative;flex:1;min-height:300px;max-height:520px;perspective:1400px;cursor:pointer;border-radius:26px;animation:lf-sin .35s var(--out)}.lf .c-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s var(--out)}.lf .c-card.is-flip .c-in{transform:rotateY(180deg)}.lf .c-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px 76px;text-align:center;overflow-y:auto;border-radius:26px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--shadow);backface-visibility:hidden;-webkit-backface-visibility:hidden}.dark .lf .c-face{border-color:#37464f}.lf .c-back{transform:rotateY(180deg)}.lf .c-hz{font:500 96px/1.1 var(--zh)}.lf .c-hint{margin-top:22px;font:700 13px var(--display);color:var(--mist)}.lf .c-bhz{font:500 40px/1.2 var(--zh)}.lf .c-py{font:800 24px var(--display);margin-top:4px}.lf .c-mn{font:600 18px/1.4 var(--body);color:var(--ink-2);margin-top:2px;max-width:32ch}.lf .c-ex{margin-top:20px;padding:12px 18px;border-radius:16px;background:var(--wash);width:100%;max-width:460px}.lf .c-exz{font:400 20px/1.6 var(--zh)}.lf .c-ex mark{background:var(--butter);color:inherit;border-radius:4px;padding:0 2px}.lf .c-exe{font-size:14px;color:var(--ink-2)}.lf .c-spk{position:absolute;right:16px;bottom:16px;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--coral-ink);background:var(--coral-soft);transition:background .2s,color .2s}.lf .c-spk:hover{background:var(--coral);color:#fff}.lf .c-spk svg{width:22px;height:22px}.lf .c-acts{display:flex;gap:10px}.lf .f-btn.is-alt{background:var(--paper);color:var(--ink)}.lf .c-missed{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.lf .c-missed span{font:500 20px var(--zh);padding:2px 12px;border-radius:10px;background:var(--wrong-soft)}@media(max-width:640px){.lf .c-card{min-height:260px}.lf .c-hz{font-size:76px}.lf .c-acts{width:100%}.lf .c-acts .f-btn{flex:1;min-width:0}}@media(prefers-reduced-motion:reduce){.lf .c-in{transition:none}.lf .c-card{animation:none}}.lf .f-pm{--pm-amber: #8E5410;text-align:left;background:var(--paper);border:1.5px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--shadow);padding:20px 20px 18px;display:grid;gap:12px;margin:24px auto 0;max-width:460px}.dark .lf .f-pm{--pm-amber: #F7D66D;border-color:#37464f}.lf .f-pm-h{margin:0;font:900 19px/1.25 var(--display);color:var(--ink)}.lf .f-pm-p{margin:0;font-size:14px;line-height:1.5;font-weight:600;color:var(--ink-2)}.lf .f-pm-small{text-align:center;font-size:12px;font-weight:700;color:var(--ink-2)}.lf .f-pm-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lf .f-pm-chip{position:relative;display:inline-grid;place-items:center;min-width:88px;height:48px;padding:0 14px;border-radius:14px;background:var(--wash);overflow:hidden}.lf .f-pm-chip i{font:700 22px var(--zh);font-style:normal;color:var(--wrong);filter:blur(7px);opacity:.75;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lf .f-pm-chip svg{position:absolute;width:16px;height:16px;color:var(--ink-2)}.lf .f-pm-more{font:800 13px var(--display);color:var(--ink-2)}.lf .f-pm .f-pm-cta{width:100%;min-height:48px;font-size:16px}.lf .f-pm-map{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.lf .f-pm-map li{aspect-ratio:1;max-width:30px;border-radius:50%;box-sizing:border-box;display:grid;place-items:center;font:900 11px var(--display);color:var(--ink-2);background:var(--paper);border:1.5px solid var(--hair)}.lf .f-pm-map li.is-done{background:var(--ok);border-color:var(--ok);color:#fff}.dark .lf .f-pm-map li.is-done{color:#083d3a}.lf .f-pm-map li.is-next{border:2px solid var(--coral);color:var(--ink)}.lf .f-pm-map li.is-pro{background:var(--butter);border-color:#e2b95a;color:var(--pm-amber)}.lf .f-pm-map li svg{width:12px;height:12px}.lf .f-pm-row{display:grid;gap:12px}.lf .f-pm-dark{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;background:var(--ink);color:var(--cream);font:900 15px var(--display);text-decoration:none}.dark .lf .f-pm-dark{background:#fff;color:#131f24}.lf .f-pm-dark:hover{filter:brightness(1.15)}.lf .f-finish .f-pm{margin-top:28px}.lf.lf--steps .g-finish .f-finish .f-pm{margin:28px 0 0;max-width:640px}@media(min-width:700px){.lf .f-pm--b{max-width:640px}.lf .f-pm--b .f-pm-map{grid-template-columns:repeat(20,minmax(0,1fr))}.lf .f-pm--b .f-pm-row{grid-template-columns:1fr auto;align-items:center;gap:18px}}@media(min-width:1000px){.lf .s-end.has-pm{display:grid;grid-template-columns:1fr 400px;grid-template-areas:"bao card" "h card" "dots card" "acts card";-moz-column-gap:56px;column-gap:56px;align-items:center;width:860px;margin-inline:-100px}.lf .s-end.has-pm>.f-bao{grid-area:bao}.lf .s-end.has-pm>.s-h{grid-area:h}.lf .s-end.has-pm>.s-dots{grid-area:dots}.lf .s-end.has-pm>.f-pm{grid-area:card;margin:0;max-width:none}.lf .s-end.has-pm>.s-acts{grid-area:acts}}body.lf-overlay-open [data-companion-orb]{display:none!important}