body{margin:0}button,input,select,textarea{font-family:inherit}.zl{--bg:#f9f5ed;--bg-2:#f2ece1;--surface:#fefcf8;--surface-2:#f5f1e8;--line:#e1dacc;--line-strong:#8a8772;--ink:#19251f;--ink-2:#3e4b45;--ink-3:#56645e;--jade:#02684a;--jade-edge:#034631;--on-jade:#fefcf8;--jade-soft:#cdf2e0;--jade-ink:#014933;--right-bg:#c8f1de;--right-ink:#01402c;--wrong:#ed756a;--wrong-edge:#c0453d;--on-wrong:#321a17;--wrong-bg:#feeeeb;--wrong-ink:#9e2d28;--gold:#f3c443;--gold-edge:#bb881a;--on-gold:#362607;--gold-soft:#fdf0c7;--gold-ink:#6c4701;--seal:#c12b11;--seal-edge:#8d1d0a;--on-seal:#fdfaf3;--t1:#1968bc;--t2:#875b00;--t3:#532d8d;--t4:#75005f;--t5:#535f6c;--panda-w:#fcfaf4;--panda-b:#19251f;--panda-edge:#19251f;--inv-bg:#19251f;--inv-fg:#f9f5ed;--focus:#1968bc;--scrim:#19251f80;--grain:#19251f0d;--f-display:"Source Serif 4","Noto Serif TC",Georgia,serif;--f-body:"Source Sans 3","Noto Sans TC",system-ui,sans-serif;--f-hz-serif:"Noto Serif TC","Songti TC","Source Han Serif TC",serif;--f-hz-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--f-zy:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--r-xs:6px;--r-sm:10px;--r-btn:14px;--r-card:18px;--r-lg:20px;--r-pill:999px;--d-tap:80ms;--d-fast:.12s;--d-base:.2s;--d-slow:.32s;--d-sheet:.28s;--d-shake:.45s;--d-xp:.9s;--d-seal:.52s;--d-grow:.7s;--d-petal:1.4s;--d-ring:1.6s;--d-bob:3.2s;--e-out:cubic-bezier(.2,.7,.2,1);--e-spring:cubic-bezier(.34,1.56,.64,1);--e-inout:cubic-bezier(.65,0,.35,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.zl.night{--bg:#101b16;--bg-2:#09120e;--surface:#1c2823;--surface-2:#25312b;--line:#313e38;--line-strong:#6a8076;--ink:#f1eee7;--ink-2:#c6c4ba;--ink-3:#a3a799;--jade:#3fbe90;--jade-edge:#1b8864;--on-jade:#051810;--jade-soft:#0e3929;--jade-ink:#96edc7;--right-bg:#073a29;--right-ink:#9cf4ce;--wrong:#ed756a;--wrong-edge:#b9463f;--on-wrong:#250e0c;--wrong-bg:#41211e;--wrong-ink:#fda297;--gold:#f3c443;--gold-edge:#bb881a;--on-gold:#312103;--gold-soft:#403106;--gold-ink:#f6d476;--seal:#c12b11;--seal-edge:#8d1d0a;--on-seal:#fdfaf3;--t1:#7ab5fe;--t2:#f8c453;--t3:#d9cdfe;--t4:#fe82d6;--t5:#95a2ab;--panda-w:#f1eee7;--panda-b:#09120e;--panda-edge:#f1eee7;--inv-bg:#f1eee7;--inv-fg:#101b16;--focus:#7ab5fe;--scrim:#050a089e;--grain:#f1eee70d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.zl,.zl *,.zl :before,.zl :after{box-sizing:border-box}.zl{font-family:var(--f-body);color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;font-weight:400;line-height:24px}:where(.zl) :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure){margin:0;padding:0}:where(.zl) :where(ul,ol){list-style:none}:where(.zl) button{font:inherit;color:inherit;cursor:pointer;margin:0}.zl :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.paper{background-image:radial-gradient(var(--grain) .6px,transparent .9px),radial-gradient(var(--grain) .6px,transparent .9px);background-position:0 0,3px 4px;background-size:7px 7px,11px 11px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tx-display{font:700 44px/48px var(--f-display);letter-spacing:-.01em}.h1{font:700 28px/34px var(--f-display);letter-spacing:-.005em}.h2{font:700 22px/28px var(--f-display)}.h3{font:700 18px/24px var(--f-body)}.lead{font:400 18px/26px var(--f-body)}.body{font:400 16px/24px var(--f-body)}.small{font:400 14px/20px var(--f-body)}.cap{font:600 12px/16px var(--f-body);letter-spacing:.02em}.eyebrow{font:800 12px/16px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.num{font-variant-numeric:tabular-nums}.soft{color:var(--ink-2)}.muted{color:var(--ink-3)}.gl{font:600 14px/20px var(--f-body);color:var(--ink-2)}.gl-en{font:400 14px/20px var(--f-body);color:var(--ink-3)}.hz{font-family:var(--f-hz-sans);font-weight:500;font-size:var(--hzs,28px);line-height:1.15}.hz-s{font-family:var(--f-hz-serif);font-weight:700}.hz-hero{--hzs:120px}.hz-card{--hzs:96px}.hz-q{--hzs:56px}.hz-opt{--hzs:28px}.hz-tile{--hzs:32px}.hz-in{--hzs:20px}.hzp{align-items:center;gap:calc(var(--hzs,28px)*.05);text-align:center;flex-direction:column;display:inline-flex}.py{font-family:var(--f-body);font-weight:600;font-size:max(12px,calc(var(--hzs,28px)*.45));letter-spacing:.01em;line-height:1.2}.hz rt{font-family:var(--f-body);font-weight:600;font-size:max(12px,calc(var(--hzs,28px)*.45));letter-spacing:.01em}.zr{align-items:flex-end;gap:calc(var(--hzs,28px)*.06);text-align:center;display:inline-flex}.zr-u{align-items:center;gap:calc(var(--hzs,28px)*.04);flex-direction:column}.zw{align-items:flex-end;gap:calc(var(--hzs,28px)*.12);display:inline-flex}.zy{--zs:max(12px,calc(var(--hzs,28px)*.32));grid-template-columns:auto calc(var(--zs)*.6);height:calc(var(--hzs,28px)*1.15);font-family:var(--f-zy);font-weight:500;font-size:var(--zs);place-content:center;line-height:1;display:grid}.zy-n{margin-bottom:calc(var(--zs)*.1);grid-area:1/1;justify-self:center;font-style:normal;font-weight:700;line-height:1}.zy-l{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.04em;grid-area:2/1;line-height:1}.zy-t{height:var(--zs);grid-area:2/2;align-self:end;align-items:center;font-style:normal;font-weight:700;line-height:1;display:flex}.zr-u .zy{--zs:max(12px,calc(var(--hzs,28px)*.4));flex-direction:row;justify-content:center;align-items:baseline;height:auto;display:flex}.zr-u .zy-l{writing-mode:horizontal-tb;text-orientation:mixed;letter-spacing:0}.zr-u .zy-t{height:auto;display:inline}.zr-u .zy-n{margin:0}.seg{border:2px solid var(--line-strong);border-radius:var(--r-btn);background:var(--surface-2);min-width:0;box-shadow:0 4px 0 var(--line-strong);gap:2px;margin:0;padding:3px;display:flex}.seg-o{flex:1 1 0;min-width:0;display:block;position:relative}.seg-o input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.seg-o>span{min-height:48px;color:var(--ink-2);font:700 14px/18px var(--f-body);text-align:center;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 6px;display:flex}.seg-o>span>small{font:600 12px/16px var(--f-body);color:var(--ink-3)}.seg-o input:checked+span{background:var(--jade-soft);border-color:var(--jade);color:var(--jade-ink)}.seg-o input:checked+span>small{color:var(--jade-ink)}.seg-o input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.seg-o input:disabled+span{border-style:dashed;border-color:var(--line-strong);color:var(--ink-3)}.zk{flex-direction:column;gap:8px;width:100%;display:flex}.zk-c{border:2px solid var(--jade);border-radius:var(--r-btn);background:var(--surface);min-height:60px;box-shadow:0 0 0 3px var(--jade-soft);font:500 28px/36px var(--f-zy);color:var(--ink);align-items:center;gap:6px;padding:4px 16px;display:flex}.zk-c .caret{background:var(--jade);flex:none;width:2px;height:30px;margin-left:2px}.zk-g{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.zk-k{border:2px solid var(--line-strong);background:var(--surface);min-width:0;min-height:52px;color:var(--ink);box-shadow:0 4px 0 var(--line-strong);cursor:pointer;transition:transform var(--d-fast) var(--e-out),box-shadow var(--d-fast) var(--e-out);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2px 0 3px;display:flex}.zk-k b{font:500 22px/26px var(--f-zy)}.zk-k i{font:600 12px/14px var(--f-body);color:var(--ink-3);font-style:normal}.zk-k:active,.zk-k.is-pressed{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.zk-k.sel{background:var(--jade-soft);border-color:var(--jade);box-shadow:0 4px 0 var(--jade)}.zk-k.sel i{color:var(--jade-ink)}.zk-k.tone b{font-size:26px;font-weight:700}.zk-k[disabled],.zk-k.is-disabled{background:var(--surface-2);border:2px dashed var(--line-strong);box-shadow:none;color:var(--ink-3);cursor:not-allowed}.zk-k[disabled] b,.zk-k.is-disabled b{color:var(--ink-3)}.t1{color:var(--t1)}.t2{color:var(--t2)}.t3{color:var(--t3)}.t4{color:var(--t4)}.t5{color:var(--t5)}.tb{border-radius:var(--r-pill);background:var(--surface);height:24px;font:800 12px/1 var(--f-body);border:2px solid;align-items:center;gap:4px;padding:0 8px 0 6px;display:inline-flex}.ct{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ic{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.ic-sm{width:20px;height:20px}.ic-lg{width:32px;height:32px}.btn{--b-bg:var(--surface);--b-fg:var(--ink);--b-bd:var(--line-strong);--b-edge:var(--line-strong);border:2px solid var(--b-bd);border-radius:var(--r-btn);background:var(--b-bg);min-height:56px;color:var(--b-fg);box-shadow:0 5px 0 var(--b-edge);font:800 16px/20px var(--f-body);letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer;transition:transform var(--d-fast) var(--e-out),box-shadow var(--d-fast) var(--e-out);justify-content:center;align-items:center;gap:8px;padding:0 24px;display:inline-flex}.btn:active,.btn.is-pressed{box-shadow:0 1px 0 var(--b-edge);transform:translateY(4px)}.btn-primary{--b-bg:var(--jade);--b-fg:var(--on-jade);--b-bd:var(--jade-edge);--b-edge:var(--jade-edge)}.btn-ghost{--b-bg:var(--surface);--b-fg:var(--jade-ink);--b-bd:var(--line-strong);--b-edge:var(--line-strong)}.btn-ghost.sel{--b-bg:var(--jade-soft);--b-bd:var(--jade);--b-edge:var(--jade)}.btn-gold{--b-bg:var(--gold);--b-fg:var(--on-gold);--b-bd:var(--gold-edge);--b-edge:var(--gold-edge)}.btn-wrong,.btn-danger{--b-bg:var(--wrong);--b-fg:var(--on-wrong);--b-bd:var(--wrong-edge);--b-edge:var(--wrong-edge)}.btn[disabled],.btn.is-disabled{--b-bg:var(--surface-2);--b-fg:var(--ink-3);--b-bd:var(--line);--b-edge:var(--line);cursor:not-allowed}.btn[disabled]:active,.btn.is-disabled:active{box-shadow:0 5px 0 var(--b-edge);transform:none}.btn-sm{min-height:44px;box-shadow:0 4px 0 var(--b-edge);padding:0 16px;font-size:14px}.btn-block{width:100%;display:flex}.icon-btn{border-radius:var(--r-btn);width:44px;height:44px;color:var(--ink-2);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:active,.icon-btn.is-pressed{background:var(--surface-2)}.spk{border:2px solid var(--jade);background:var(--jade-soft);width:52px;height:52px;color:var(--jade-ink);box-shadow:0 4px 0 var(--jade);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.spk:active,.spk.is-pressed{box-shadow:0 1px 0 var(--jade);transform:translateY(3px)}.spk.on{background:var(--jade);color:var(--on-jade);border-color:var(--jade-edge);box-shadow:0 4px 0 var(--jade-edge)}.spk[disabled],.spk.is-disabled{background:var(--surface-2);border:2px dashed var(--line-strong);box-shadow:none;color:var(--ink-3);cursor:not-allowed}.spk-sm{width:44px;height:44px}.card{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-card);box-shadow:0 4px 0 var(--line);padding:16px}.card.tap{border-color:var(--line-strong);box-shadow:0 4px 0 var(--line-strong);cursor:pointer}.card.tap:active,.card.is-pressed{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.card.sel{background:var(--jade-soft);border-color:var(--jade);box-shadow:0 4px 0 var(--jade)}.card.ok{background:var(--right-bg);border-color:var(--jade);box-shadow:0 4px 0 var(--jade);color:var(--right-ink)}.card.bad{background:var(--wrong-bg);border-color:var(--wrong-edge);box-shadow:0 4px 0 var(--wrong-edge);color:var(--wrong-ink)}.card.is-disabled{background:var(--surface-2);border:2px dashed var(--line-strong);box-shadow:none;color:var(--ink-3)}.chip{background:var(--jade-soft);height:28px;color:var(--jade-ink);font:800 12px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chip.c-gold{background:var(--gold-soft);color:var(--gold-ink)}.chip.c-ink{background:var(--surface-2);color:var(--ink-2)}.chip.c-bad{background:var(--wrong-bg);color:var(--wrong-ink)}.pill{border:2px solid var(--line);border-radius:var(--r-pill);background:var(--surface);min-height:36px;color:var(--ink);font:700 15px/1 var(--f-body);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.pill.c-gold{background:var(--gold-soft);border-color:var(--gold-edge);color:var(--gold-ink)}.pill.c-jade{background:var(--jade-soft);border-color:var(--jade);color:var(--jade-ink)}.pill.tap{border-color:var(--line-strong);min-height:44px;box-shadow:0 3px 0 var(--line-strong);cursor:pointer;padding:0 18px}.pill.tap:active,.pill.tap.is-pressed{box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.pill.tap.sel{background:var(--jade-soft);border-color:var(--jade);box-shadow:0 3px 0 var(--jade);color:var(--jade-ink)}.pill.tap.ok{background:var(--right-bg);border-color:var(--jade);box-shadow:0 3px 0 var(--jade);color:var(--right-ink)}.pill.tap.bad{background:var(--wrong-bg);border-color:var(--wrong-edge);box-shadow:0 3px 0 var(--wrong-edge);color:var(--wrong-ink)}.pill.tap[disabled],.pill.tap.is-disabled{background:var(--surface-2);border:2px dashed var(--line-strong);box-shadow:none;color:var(--ink-3);cursor:not-allowed}.answer{background:var(--surface);width:100%;min-height:60px;color:var(--ink);border:2px solid var(--line-strong);box-shadow:0 4px 0 var(--line-strong);font:700 18px/24px var(--f-body);text-align:left;cursor:pointer;transition:transform var(--d-fast) var(--e-out),box-shadow var(--d-fast) var(--e-out);border-radius:16px;align-items:center;gap:12px;padding:8px 16px;display:flex}.answer .key{border:2px solid var(--line-strong);width:28px;height:28px;font:800 13px/1 var(--f-body);color:var(--ink-2);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.answer:active,.answer.is-pressed{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.answer.sel{background:var(--jade-soft);border-color:var(--jade);box-shadow:0 4px 0 var(--jade);color:var(--jade-ink)}.answer.sel .key{border-color:var(--jade);color:var(--jade-ink)}.answer.ok{background:var(--right-bg);border-color:var(--jade);box-shadow:0 4px 0 var(--jade);color:var(--right-ink)}.answer.ok .key{background:var(--jade);border-color:var(--jade-edge);color:var(--on-jade)}.answer.bad{background:var(--wrong-bg);border-color:var(--wrong-edge);box-shadow:0 4px 0 var(--wrong-edge);color:var(--wrong-ink)}.answer.bad .key{background:var(--wrong);border-color:var(--wrong-edge);color:var(--on-wrong)}.answer[disabled],.answer.is-disabled{background:var(--surface-2);border:2px dashed var(--line-strong);box-shadow:none;color:var(--ink-3);cursor:not-allowed}.answer.is-disabled .key,.answer[disabled] .key{color:var(--ink-3);border-style:dashed}.tile{background:var(--surface);min-width:52px;min-height:52px;color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--r-btn);box-shadow:0 4px 0 var(--line-strong);font-family:var(--f-hz-sans);cursor:pointer;justify-content:center;align-items:center;padding:4px 14px;font-size:32px;font-weight:500;line-height:1.15;display:inline-flex}.tile:active,.tile.is-pressed{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.tile.sel{background:var(--jade-soft);border-color:var(--jade);box-shadow:0 4px 0 var(--jade);color:var(--jade-ink)}.tile.ok{background:var(--right-bg);border-color:var(--jade);box-shadow:0 4px 0 var(--jade);color:var(--right-ink)}.tile.bad{background:var(--wrong-bg);border-color:var(--wrong-edge);box-shadow:0 4px 0 var(--wrong-edge);color:var(--wrong-ink)}.tile[disabled],.tile.is-disabled{background:var(--surface-2);border:2px dashed var(--line-strong);box-shadow:none;color:var(--ink-3);cursor:not-allowed}progress.bar{appearance:none;background:var(--line);border:0;border-radius:8px;width:100%;height:16px;display:block;overflow:hidden}progress.bar::-webkit-progress-bar{background:var(--line);border-radius:8px}progress.bar::-webkit-progress-value{background:var(--jade);border-radius:8px}progress.bar::-moz-progress-bar{background:var(--jade);border-radius:8px}progress.bar.gold::-webkit-progress-value{background:var(--gold)}progress.bar.gold::-moz-progress-bar{background:var(--gold)}.tabbar{border-top:2px solid var(--line);background:var(--surface);align-items:stretch;gap:0;padding:6px 8px 10px;display:flex}.tab{border-radius:var(--r-btn);min-height:56px;color:var(--ink-3);font:700 12px/16px var(--f-body);letter-spacing:.02em;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.tab .ti{border-radius:16px;justify-content:center;align-items:center;width:56px;height:32px;display:flex}.tab.on{color:var(--jade-ink)}.tab.on .ti{background:var(--jade-soft)}.tab:active .ti,.tab.is-pressed .ti{background:var(--surface-2)}.tab[disabled],.tab.is-disabled{color:var(--ink-3);cursor:not-allowed}.tab.is-disabled .ti{border:2px dashed var(--line-strong)}.navitem{border-radius:var(--r-btn);min-height:48px;color:var(--ink-2);font:700 16px/20px var(--f-body);border:2px solid #0000;align-items:center;gap:12px;padding:0 14px;display:flex}.navitem.on{background:var(--jade-soft);border-color:var(--jade);color:var(--jade-ink)}.navitem:active,.navitem.is-pressed{background:var(--surface-2)}.lbl{font:700 14px/20px var(--f-body);color:var(--ink-2);margin-bottom:6px;display:block}.field{border:2px solid var(--line-strong);border-radius:var(--r-btn);background:var(--surface);width:100%;min-height:52px;color:var(--ink);font:500 17px/24px var(--f-body);padding:0 16px;display:block}.field::placeholder{color:var(--ink-3);opacity:1}.field:focus,.field.is-focus{border-color:var(--jade);box-shadow:0 0 0 3px var(--jade-soft)}.field.is-ok{border-color:var(--jade);background:var(--right-bg);color:var(--right-ink)}.field.is-bad{border-color:var(--wrong-edge);background:var(--wrong-bg);color:var(--wrong-ink)}.field:disabled,.field.is-disabled{background:var(--surface-2);border:2px dashed var(--line-strong);color:var(--ink-3);cursor:not-allowed}.help{font:500 13px/18px var(--f-body);color:var(--ink-2);margin-top:6px}.help.ok{color:var(--right-ink)}.help.bad{color:var(--wrong-ink)}.switch{flex:none;width:56px;height:32px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch i{border:2px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface-2);transition:background var(--d-base) var(--e-out);position:absolute;inset:0}.switch i:after{content:"";background:var(--ink-2);width:22px;height:22px;transition:transform var(--d-base) var(--e-spring);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+i{background:var(--jade);border-color:var(--jade-edge)}.switch input:checked+i:after{background:var(--on-jade);transform:translate(24px)}.switch input:disabled+i{border-style:dashed}.switch input:disabled+i:after{background:var(--ink-3)}.switch input:focus-visible+i{outline:3px solid var(--focus);outline-offset:2px}.switch.is-pressed i:after{width:28px}.toast{border-radius:var(--r-btn);background:var(--inv-bg);min-height:48px;color:var(--inv-fg);box-shadow:0 4px 0 var(--line-strong);font:700 15px/20px var(--f-body);align-items:center;gap:12px;padding:10px 16px 10px 12px;display:inline-flex}.toast .dot{background:var(--gold-soft);width:28px;height:28px;color:var(--gold-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.toast.ok .dot{background:var(--right-bg);color:var(--right-ink)}.toast.bad .dot{background:var(--wrong-bg);color:var(--wrong-ink)}.scrim{background:var(--scrim);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.modal{border:2px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);width:100%;max-width:340px;color:var(--ink);box-shadow:0 6px 0 var(--line-strong);flex-direction:column;gap:12px;margin:0;padding:24px;display:none;position:static}.modal[open]{display:flex}.sheet{border-top:2px solid var(--jade);background:var(--right-bg);color:var(--right-ink);flex-direction:column;gap:12px;padding:16px 20px 24px;display:flex}.sheet.bad{border-top-color:var(--wrong-edge);background:var(--wrong-bg);color:var(--wrong-ink)}.sheet .st{font:700 22px/28px var(--f-display);align-items:center;gap:12px;display:flex}.sheet .st-ic{background:var(--jade);width:40px;height:40px;color:var(--on-jade);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.sheet.bad .st-ic{background:var(--wrong);color:var(--on-wrong)}.seal{background:var(--seal-bg,var(--seal));width:56px;height:56px;color:var(--seal-fg,var(--on-seal));font-family:var(--f-hz-serif);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:34px;font-weight:700;line-height:1;display:inline-flex;position:relative;transform:rotate(-3deg)}.seal:after{content:"";border:1.5px solid var(--seal-fg,var(--on-seal));opacity:.75;border-radius:3px;position:absolute;inset:3px}.seal-sm{border-radius:4px;width:32px;height:32px;font-size:19px}.seal-sm:after{border-width:1px;border-radius:2px;inset:2px}.seal-lg{border-radius:8px;width:96px;height:96px;font-size:58px}.seal-lg:after{border-width:2px;inset:5px}.seal-xl{border-radius:12px;width:160px;height:160px;font-size:98px}.seal-xl:after{border-width:3px;border-radius:5px;inset:8px}.node{--b-bg:var(--surface);--b-fg:var(--jade-ink);--b-bd:var(--line-strong);--b-edge:var(--line-strong);border:2px solid var(--b-bd);background:var(--b-bg);width:64px;height:64px;color:var(--b-fg);box-shadow:0 5px 0 var(--b-edge);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.node:active,.node.is-pressed{box-shadow:0 1px 0 var(--b-edge);transform:translateY(4px)}.node.done{--b-bg:var(--jade);--b-fg:var(--on-jade);--b-bd:var(--jade-edge);--b-edge:var(--jade-edge)}.node.cur{--b-bg:var(--jade);--b-fg:var(--on-jade);--b-bd:var(--jade-edge);--b-edge:var(--jade-edge);width:76px;height:76px}.node.cur:before{content:"";border:3px solid var(--jade);opacity:.4;animation:ring-pulse var(--d-ring) var(--e-out) infinite;border-radius:50%;position:absolute;inset:-8px}.node.lock{--b-bg:var(--surface-2);--b-fg:var(--ink-3);--b-bd:var(--line);--b-edge:var(--line);cursor:not-allowed}.node.rev{--b-bg:var(--gold-soft);--b-fg:var(--gold-ink);--b-bd:var(--gold-edge);--b-edge:var(--gold-edge)}.node.sq{border-radius:var(--r-btn)}.node.seal-on{--b-bg:var(--seal);--b-fg:var(--on-seal);--b-bd:var(--seal-edge);--b-edge:var(--seal-edge)}.stalk{background:var(--line);border-radius:7px;width:14px;margin-left:-7px;position:absolute;top:0;bottom:0;left:50%}.stalk.grown{background:var(--jade)}.wg-frame{fill:var(--surface);stroke:var(--line-strong);stroke-width:2px}.wg-line{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:6 6}.wg-ghost{fill:var(--ink);opacity:.14;font-family:var(--f-hz-serif);font-weight:700}.wg-ph{fill:var(--jade-soft);stroke:var(--jade);stroke-width:2.5px;stroke-dasharray:6 5}.pw{fill:var(--panda-w)}.pb{fill:var(--panda-b)}.pl{stroke:var(--panda-edge);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.pk{fill:none;stroke:var(--panda-b);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.pe{fill:none;stroke:var(--panda-w);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pj{fill:var(--jade)}.pg{fill:none;stroke:var(--gold-edge);stroke-width:4px;stroke-linecap:round}.pq{fill:none;stroke:var(--ink-2);stroke-width:3px;stroke-linecap:round}.pc{fill:var(--surface);stroke:var(--line-strong);stroke-width:3px}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes shake-x{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes sheet-up{0%{transform:translateY(105%)}70%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes xp-float{0%{opacity:0;transform:translateY(8px)scale(.8)}25%{opacity:1;transform:translateY(-6px)scale(1.08)}to{opacity:0;transform:translateY(-40px)scale(1)}}@keyframes seal-stamp{0%{opacity:0;transform:rotate(-3deg)scale(1.9)}55%{opacity:1;transform:rotate(-3deg)scale(.94)}75%{transform:rotate(-3deg)scale(1.03)}to{opacity:1;transform:rotate(-3deg)scale(1)}}@keyframes seg-grow{0%{transform:scaleY(0)}70%{transform:scaleY(1.08)}to{transform:scaleY(1)}}@keyframes petal-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{transform:translate(var(--dx,0px),240px) rotate(var(--dr,200deg));opacity:0}}@keyframes ring-pulse{0%{opacity:.5;transform:scale(.92)}to{opacity:0;transform:scale(1.28)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes draw{0%{stroke-dashoffset:var(--len,40)}to{stroke-dashoffset:0}}@keyframes streak-bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.a-pop{animation:pop-in var(--d-base) var(--e-spring) both}.a-shake{animation:shake-x var(--d-shake) var(--e-out) both}.a-sheet{animation:sheet-up var(--d-sheet) var(--e-spring) both}.a-xp{animation:xp-float var(--d-xp) var(--e-out) both}.a-seal{transform-origin:50%;animation:seal-stamp var(--d-seal) var(--e-out) both}.a-grow{transform-origin:50% 100%;animation:seg-grow var(--d-grow) var(--e-spring) both}.a-petal{animation:petal-fall var(--d-petal) var(--e-inout) both}.a-bob{animation:bob var(--d-bob) var(--e-inout) infinite}.a-draw{stroke-dasharray:var(--len,40);animation:draw var(--d-slow) var(--e-out) both}.a-bump{animation:streak-bump .6s var(--e-out) both}@media (prefers-reduced-motion:reduce){.zl *,.zl :before,.zl :after{transition:none!important;animation:none!important}.a-petal{display:none}}html,body,#root{min-height:100%}body{background-color:var(--bg);color:var(--ink);overflow-x:hidden}html.zl{font-family:var(--f-body)}a{color:inherit;text-decoration:none}img,svg{max-width:100%}.col{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.grow{flex:auto;min-width:0}.center{text-align:center}.splash{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 8px;display:flex}[hidden]{display:none!important}.app{min-height:100dvh;display:flex}.sidenav{background:var(--surface);border-right:2px solid var(--line);flex-direction:column;flex:none;gap:8px;width:240px;height:100dvh;padding:24px 16px;display:none;position:sticky;top:0;overflow:auto}.sidenav .brand{align-items:center;gap:12px;padding:0 8px 20px;display:flex}.main{min-width:0;padding-bottom:calc(84px + env(safe-area-inset-bottom));flex:auto}.tabbar-fixed{z-index:20;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tabbar-fixed .tabbar{max-width:640px;margin:0 auto}.page{flex-direction:column;gap:16px;width:100%;max-width:720px;margin:0 auto;padding:18px 16px 24px;display:flex}.page.wide{max-width:960px}.page-head{align-items:center;gap:12px;display:flex}.page-head .h1,.page-head .h2{flex:auto;min-width:0}.back{border-radius:var(--r-btn);width:44px;height:44px;color:var(--ink-2);justify-content:center;align-items:center;display:inline-flex}@media (width>=900px){.sidenav{display:flex}.tabbar-fixed{display:none}.main{padding-bottom:0}.page{padding:32px 40px 40px}}.tab{text-decoration:none}.flow{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.flow-head{padding:calc(14px + env(safe-area-inset-top)) 16px 6px;flex:none;align-items:center;gap:12px;display:flex}.flow-main{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:10px 20px 16px;display:flex}.flow-foot{padding:12px 16px calc(20px + env(safe-area-inset-bottom));border-top:2px solid var(--line);background:var(--bg);z-index:5;flex:none;position:sticky;bottom:0}.flow .sheet{z-index:6;padding-bottom:calc(24px + env(safe-area-inset-bottom));margin:0;position:sticky;bottom:0}.flow-foot .col{gap:10px}.qhead{flex-direction:column;gap:8px;display:flex}.qhead .chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.opts{flex-direction:column;gap:12px;display:flex}.opts.grid2{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.answer .opt-body{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.answer .py2{font:600 14px/18px var(--f-body);color:inherit;opacity:.85}.answer.dim{opacity:.6}.answer.shake{animation:shake-x var(--d-shake) var(--e-out) both}.promptbox{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:8px 0;display:flex}.promptbox .stack{flex-direction:column;align-items:center;gap:4px;display:flex}.toast-stack{left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed}.toast-stack .toast{pointer-events:auto;max-width:520px}@media (width>=900px){.toast-stack{bottom:32px}}.scrim{z-index:70;position:fixed;inset:0}.modal{max-height:calc(100dvh - 48px);overflow:auto}.sheet-fixed{z-index:70;border:2px solid var(--line-strong);background:var(--surface);max-width:560px;padding:10px 20px calc(24px + env(safe-area-inset-bottom));animation:sheet-up var(--d-sheet) var(--e-spring) both;border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;gap:12px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-grip{background:var(--line-strong);border-radius:3px;align-self:center;width:44px;height:5px}.scrim-bottom{align-items:flex-end;padding:0}.note-line{background:var(--right-bg);color:var(--right-ink);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:flex}.banner{border:2px solid var(--jade);background:var(--jade-soft);color:var(--jade-ink);border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.banner .ico{background:var(--jade);width:40px;height:40px;color:var(--on-jade);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.offline-bar{background:var(--inv-bg);min-height:44px;color:var(--inv-fg);align-items:center;gap:12px;padding:8px 16px;font-size:15px;font-weight:800;display:flex}.strip{border:2px solid var(--line);border-radius:var(--r-btn);background:var(--surface-2);align-items:center;min-height:48px;display:flex}.strip>a{flex:auto;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 4px 0 12px;font-size:14px;font-weight:700;line-height:20px;display:flex}.pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tbs{flex-wrap:wrap;gap:6px;display:inline-flex}.sent{flex-wrap:wrap;align-items:flex-end;gap:4px 6px;display:inline-flex}.sent-w{border:0;border-bottom:2px dotted var(--ink-3);min-height:44px;color:inherit;background:0 0;border-radius:6px 6px 0 0;padding:0}.sent-p,.syl{display:inline-flex}.hint-sheet h2{margin:0}.link{color:var(--jade-ink);text-underline-offset:3px;font-weight:700;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.row-set{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:56px;padding:8px 0;display:flex}.row-set:last-child{border-bottom:0}.row-set-t{cursor:pointer;flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.lang-seg{max-width:360px}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.list{flex-direction:column;gap:12px;display:flex}.list-row{align-items:center;gap:12px;display:flex}a.card.tap,button.card.tap{text-align:left;width:100%;color:inherit;font:inherit}.hero{border:2px solid var(--jade);border-radius:var(--r-lg);background:var(--jade-soft);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.topic-card{flex-direction:column;gap:6px;display:flex}.step{flex-direction:column;display:flex}.pnode{align-items:center;gap:14px;min-height:80px;padding-left:16px;display:flex;position:relative}.pnode.cur{min-height:104px}.pnode .rail{background:var(--line);width:14px;position:absolute;left:47px}.pnode .rail.up{top:0;bottom:50%}.pnode .rail.down{top:50%;bottom:0}.pnode .rail.full{top:0;bottom:0}.pnode .rail.grown{background:var(--jade)}.pnode .nodewrap{flex:none;justify-content:center;width:76px;display:flex;position:relative}.pnode .info{flex-direction:column;flex:auto;align-items:flex-start;gap:2px;min-width:0;padding-right:16px;display:flex;position:relative}.pnode .leaf{color:var(--jade);position:absolute;left:30px}.pnode.exam .nodewrap .node{width:76px;height:76px}.grove-list{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=700px){.grove-list{grid-template-columns:1fr 1fr}}.mini-stalk{flex-direction:column-reverse;flex:none;align-items:center;gap:2px;width:20px;display:flex}.mini-stalk i{background:var(--line);border-radius:3px;width:18px;height:8px;display:block}.mini-stalk i.on{background:var(--jade)}.mini-stalk i.seal{background:var(--seal)}.grow-stalk{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:0;height:196px;display:flex}.grow-stalk .seg{flex-direction:column-reverse;flex:none;align-items:center;display:flex}.seg-box{width:40px;height:var(--sh,28px);border:2px solid var(--jade-edge);background:var(--jade);color:var(--on-jade);font:800 14px/1 var(--f-body);border-radius:4px;justify-content:center;align-items:center;display:flex}.seg-box.is-empty{border:2px dashed var(--line-strong);background:var(--surface-2);color:var(--ink-3)}.seg-box.new{border-color:var(--gold-edge)}.seg-ring{background:var(--jade-edge);border-radius:3px;width:48px;height:6px}.seg-ring.is-empty{background:var(--line)}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat{border:2px solid var(--line);border-radius:var(--r-btn);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.stat b{font:700 24px/28px var(--f-display)}.petals{pointer-events:none;height:0;position:absolute;top:0;left:0;right:0;overflow:visible}.petal{background:var(--gold);border-radius:50% 50% 50% 0;width:14px;height:18px;position:absolute;top:0}.res-row{background:var(--surface);border:2px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.res-row .dotk{border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.res-row.ok .dotk{background:var(--jade);color:var(--on-jade)}.res-row.bad .dotk{background:var(--wrong);color:var(--on-wrong)}.res-row.skip .dotk{background:var(--surface-2);color:var(--ink-3);border:2px dashed var(--line-strong)}.learn-card{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:20px 16px;display:flex}.learn-card .tones-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.learn-card .tone-col{flex-direction:column;align-items:center;gap:6px;display:flex}.gcard{flex-direction:column;gap:10px;display:flex}.pattern{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.watch{background:var(--gold-soft);color:var(--gold-ink);border-radius:12px;padding:10px 12px;font-weight:600}.chart-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.cell{border:2px solid var(--line-strong);border-radius:var(--r-btn);background:var(--surface);min-height:64px;box-shadow:0 4px 0 var(--line-strong);color:var(--ink);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:4px 2px 6px;display:flex}.cell:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.cell.sel{background:var(--jade-soft);border-color:var(--jade);box-shadow:0 4px 0 var(--jade);color:var(--jade-ink)}.cell b{font:500 22px/26px var(--f-zy)}.cell b.py{font:700 18px/22px var(--f-body)}.cell i{font:600 12px/14px var(--f-body);color:var(--ink-3);font-style:normal}.cell.sel i{color:var(--jade-ink)}.tabs-row{flex-wrap:wrap;gap:8px;display:flex}.search{align-items:center;gap:8px;display:flex}.search .field{flex:auto}.entry{align-items:center;gap:14px;display:flex}.entry .meta{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.hero-word{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.writer{flex-direction:column;gap:12px;display:flex}.writer-msg{min-height:44px;color:var(--ink-2);font-weight:700;display:block}.writer-msg.ok{color:var(--right-ink)}.writer-msg.bad{color:var(--wrong-ink)}.writer svg{-webkit-user-select:none;user-select:none}.auth{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 16px 32px;flex-direction:column;align-items:center;display:flex}.auth-card{flex-direction:column;gap:16px;width:100%;max-width:440px;display:flex}.auth-brand{align-items:center;gap:12px;display:flex}.auth-top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:440px;margin-bottom:12px;display:flex}.steps{gap:6px;display:flex}.steps i{background:var(--line);border-radius:3px;flex:1;height:6px}.steps i.on{background:var(--jade)}.citylist{z-index:20;background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-btn);box-shadow:0 4px 0 var(--line-strong);max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.citylist li{cursor:pointer;border-radius:10px;align-items:center;min-height:44px;padding:10px 12px;display:flex}.citylist li.on,.citylist li:hover{background:var(--jade-soft);color:var(--jade-ink)}.code-input{text-align:center;letter-spacing:.5em;font:700 32px/40px var(--f-body);min-height:68px}.choice{text-align:left;align-items:center;gap:14px;display:flex}.start-bar{bottom:calc(84px + env(safe-area-inset-bottom));z-index:5;border:2px solid var(--line);border-radius:var(--r-card);background:var(--bg);padding:12px;position:sticky}@media (width>=900px){.start-bar{bottom:16px}}[lang=zh-Hans]{--f-hz-sans:"Noto Sans TC","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--f-hz-serif:"Noto Serif TC","Songti SC","Noto Serif CJK SC","SimSun",serif}