:root{--ink-0:#f6f3ea;--ink-1:#fffdf6;--ink-2:#efeadd;--ink-3:#d8cfba;--ink-text:#35311f;--ink-text-dim:#6e6650;--ink-text-faint:#948b70;--action:#1e9e50;--action-press:#17803f;--action-soft:#e2f3e6;--action-ink:#fff;--mon-1:#ff8a3d;--mon-2:#ff5e9c;--mon-3:#35b6e8;--stamp:#e8a800;--danger:#d9485f;--danger-soft:#fdeef0;--radius-card:18px;--radius-chip:12px;--radius-tile:14px;--font-display:"ZCOOL KuaiLe", "PingFang SC", sans-serif;--font-body:-apple-system, "PingFang SC", "Noto Sans SC", sans-serif;--font-num:"DIN Alternate", "Avenir Next Condensed", "PingFang SC", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-body);color:var(--ink-text);background:var(--ink-0);background-image:linear-gradient(#35311f0b 1px,#0000 1px),linear-gradient(90deg,#35311f0b 1px,#0000 1px);background-size:28px 28px;min-height:100vh}#root{flex-direction:column;align-items:center;min-height:100vh;display:flex}::selection{background:var(--action);color:var(--action-ink)}:focus-visible{outline:2px solid var(--action);outline-offset:3px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:4px}.section-title,.q-name,.pet-name,.m-title,.report-title{letter-spacing:.22em}header{justify-content:space-between;align-items:center;width:100%;max-width:1020px;margin:0 auto;padding:18px 22px 6px;display:flex}.station-name{align-items:baseline;gap:10px;display:flex}.station-name h1{font-family:var(--font-display);color:var(--ink-text);letter-spacing:.22em;font-size:26px;font-weight:400}.station-name .journal{color:var(--ink-text-dim);letter-spacing:.24em;font-size:13px}.beans{font-family:var(--font-num);color:var(--ink-text);font-variant-numeric:tabular-nums;background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:22px;font-weight:700;display:flex;box-shadow:0 2px 6px #35311f14}main{flex:1;width:100%;max-width:1020px;margin:0 auto;padding:12px 22px 96px}.tab-bar{width:100%;max-width:500px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--ink-0) 72%, transparent);z-index:20;gap:6px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar button{border-radius:var(--radius-chip);color:var(--ink-text-faint);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font-body);letter-spacing:.12em;transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:1px solid #0000;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 7px;display:flex}.tab-bar button svg{width:24px;height:24px}.tab-bar button.active{color:var(--action-ink);background:var(--action);border-color:var(--action);box-shadow:0 3px 10px #1e9e5059}.tab-bar button:not(.active):hover{color:var(--ink-text);background:var(--ink-2)}.card{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);padding:24px;box-shadow:0 3px 12px #35311f12}.home{grid-template-columns:340px 1fr;align-items:stretch;gap:22px;display:grid}.duty-desk{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);text-align:center;flex-direction:column;align-items:center;padding:26px 24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #35311f12}.duty-desk .pet-viewport{width:190px;height:190px;margin:4px 0 10px}.duty-desk .pet-viewport svg{width:100%;height:100%}.duty-desk .pet-name{font-family:var(--font-display);color:var(--ink-text);font-size:24px}.duty-desk .pet-stage{color:var(--ink-text-dim);margin-top:5px;font-size:13.5px;line-height:1.6}.pet-switch{flex-direction:column;gap:8px;width:100%;margin-top:12px;display:flex}.pet-switch .ps-label{color:var(--ink-text-faint);letter-spacing:.16em;font-size:12px}.pet-switch .ps-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pet-switch .ps-opt{border:1.5px solid var(--ink-3);background:var(--ink-1);cursor:pointer;font-family:var(--font-body);color:var(--ink-text-dim);transition:border-color .15s var(--ease), background .15s var(--ease);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:12.5px;font-weight:600;display:flex}.pet-switch .ps-opt svg{width:30px;height:30px}.pet-switch .ps-opt:hover:not(:disabled){border-color:var(--ink-text-faint)}.pet-switch .ps-opt.selected{border-color:var(--action);background:var(--action-soft);color:var(--action)}.pet-switch .ps-opt:disabled{opacity:.55;cursor:not-allowed;background:var(--ink-2)}.pet-switch .ps-opt .soon{color:var(--ink-text-faint);font-size:10.5px}.duty-desk .stage-track,.achieve-section .stage-track{align-items:flex-start;width:100%;margin-top:16px;display:flex}.stage-step-wrap{flex:1;justify-content:center;display:flex;position:relative}.stage-line{background:var(--ink-3);border-radius:2px;width:100%;height:3px;position:absolute;top:21px;right:50%}.stage-line.on{background:var(--action)}.stage-step{z-index:1;color:var(--ink-text-faint);min-width:62px;transition:transform .2s var(--ease);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:5px 2px 4px;display:flex;position:relative}.stage-step .st-ico{border:2px solid var(--ink-3);background:var(--ink-1);opacity:.55;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.stage-step .st-ico svg{width:18px;height:18px}.stage-step .st-name{font-size:12.5px;font-weight:600}.stage-step .st-num{font-family:var(--font-num);font-variant-numeric:tabular-nums;opacity:.8;font-size:11px}.stage-step.reached{color:var(--action)}.stage-step.reached .st-ico{border-color:var(--action);background:var(--action-soft);opacity:1;color:var(--action)}.stage-step.now{color:var(--action);transform:scale(1.12)}.stage-step.now .st-ico{border-color:var(--action);background:var(--action);color:#fff;opacity:1;box-shadow:0 0 0 4px var(--action-soft)}.stage-step.now .st-name{font-weight:700}.quest-list{flex-direction:column;gap:14px;display:flex}.section-title{font-family:var(--font-display);color:var(--ink-text);margin:2px 0 10px;font-size:20px}.quest{text-align:left;background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);cursor:pointer;width:100%;color:var(--ink-text);font-family:var(--font-body);transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:18px;padding:16px 20px;display:flex;position:relative;box-shadow:0 3px 12px #35311f12}.quest:hover:not(:disabled){border-color:var(--action);transform:translateY(-2px);box-shadow:0 6px 16px #35311f1f}.quest:active:not(:disabled){transform:translateY(0)scale(.99)}.quest:disabled{cursor:not-allowed;opacity:.7}.quest .specimen{background:var(--ink-2);border:1.5px dashed var(--ink-text-faint);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:relative}.quest .specimen svg{width:58px;height:58px;transition:transform .25s var(--ease)}.quest:hover:not(:disabled) .specimen svg{transform:scale(1.12)rotate(-4deg)}.quest .specimen .tag-no{font-family:var(--font-num);color:var(--ink-text-faint);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:4px;left:7px}.quest .q-body{flex:1;min-width:0}.quest .q-name{font-family:var(--font-display);color:var(--ink-text);font-size:21px}.quest .q-desc{color:var(--ink-text-dim);margin-top:4px;font-size:13.5px;line-height:1.5}.quest .q-go{color:var(--action);flex-shrink:0;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.quest .q-go svg{width:18px;height:18px}.btn{font-size:16px;font-weight:700;font-family:var(--font-body);letter-spacing:.08em;border-radius:var(--radius-chip);cursor:pointer;background:var(--ink-2);color:var(--ink-text);border:none;border:1.5px solid var(--ink-3);transition:transform .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);justify-content:center;align-items:center;gap:8px;padding:13px 26px;display:inline-flex}.btn:hover{border-color:var(--ink-text-faint);background:var(--ink-2)}.btn:active{transform:scale(.96)}.btn.primary{background:var(--action);border-color:var(--action);color:var(--action-ink);box-shadow:0 3px 10px #1e9e504d}.btn.primary:hover{background:var(--action-press);border-color:var(--action-press)}.btn.ghost{background:0 0}.btn.ghost:hover{border-color:var(--ink-text-faint);background:var(--ink-1)}.btn svg{width:18px;height:18px}.game-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.game-head .g-quit{color:var(--ink-text-dim);cursor:pointer;font-size:14px;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.game-head .g-quit:hover{color:var(--ink-text);background:var(--ink-2)}.game-head .g-quit svg{width:16px;height:16px}.ledger-cells{flex-wrap:wrap;gap:7px;display:flex}.ledger-cells .cell{border:1.5px solid var(--ink-3);background:var(--ink-1);border-radius:7px;width:26px;height:32px;position:relative}.ledger-cells .cell.captured{border-color:var(--action);background:var(--action-soft)}.ledger-cells .cell.captured:after{content:"";background:var(--action);clip-path:polygon(50% 0%,68% 30%,100% 38%,76% 62%,82% 100%,50% 78%,18% 100%,24% 62%,0% 38%,32% 30%);border-radius:4px;position:absolute;inset:4px}.ledger-cells .cell.current{border-color:var(--stamp);animation:cellPulse 1.2s infinite var(--ease)}@keyframes cellPulse{50%{box-shadow:0 0 0 4px #e8a80033}}.stage-area{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);text-align:center;padding:30px 26px;box-shadow:0 3px 12px #35311f12}.prompt-label{color:var(--ink-text-dim);font-size:14px}.target-word{font-family:var(--font-body);color:var(--ink-text);margin:10px 0;font-size:40px;font-weight:600;line-height:1.25}.speaker{border:2px solid var(--action);background:var(--action-soft);width:92px;height:92px;color:var(--action);cursor:pointer;transition:transform .15s var(--ease), background .15s var(--ease);border-radius:50%;justify-content:center;align-items:center;margin:14px 0 6px;display:inline-flex}.speaker svg{width:44px;height:44px}.speaker:hover{background:#d0ead9}.speaker:active{transform:scale(.92)}.replay{color:var(--ink-text-dim);cursor:pointer;font-size:13.5px;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.replay:hover{color:var(--ink-text);background:var(--ink-2)}.replay svg{width:15px;height:15px}.choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.choices button{font-size:19px;font-weight:700;font-family:var(--font-body);letter-spacing:.06em;border:1.5px solid var(--ink-3);border-radius:var(--radius-tile);background:var(--ink-1);color:var(--ink-text);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease), transform .15s var(--ease);padding:18px 10px;box-shadow:0 2px 6px #35311f0f}.choices button:hover:not(:disabled){border-color:var(--ink-text-faint)}.choices button:active:not(:disabled){transform:scale(.97)}.choices button.correct{background:var(--action);border-color:var(--action);color:var(--action-ink)}.choices button.wrong{background:var(--danger-soft);border-color:var(--danger);color:var(--danger);animation:.3s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.feedback{min-height:30px;margin-top:16px;font-size:16.5px;font-weight:700}.feedback.good{color:var(--action)}.feedback.bad{color:var(--danger)}.spell-input{text-align:center;border:2px dashed var(--ink-3);border-radius:var(--radius-tile);background:var(--ink-1);width:100%;color:var(--ink-text);text-transform:lowercase;letter-spacing:.14em;font-size:30px;font-family:var(--font-body);caret-color:var(--action);margin-top:16px;padding:14px;font-weight:600}.spell-input::placeholder{color:var(--ink-text-faint);letter-spacing:.04em;font-weight:400}.spell-input:focus{border-color:var(--action);outline:none}.spell-input.ok{border-color:var(--action);background:var(--action-soft);border-style:solid}.spell-input.bad{border-color:var(--danger);background:var(--danger-soft);border-style:solid}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.tile-hint{color:var(--ink-text-dim);text-align:center;margin-bottom:4px;font-size:13px}.ans-row{background:var(--ink-2);border:1.5px dashed var(--ink-3);border-radius:var(--radius-tile);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:64px;margin:14px 0;padding:8px;display:flex}.ans-row.shake{border-color:var(--danger);animation:.3s shake}.tile{width:46px;height:52px;font-size:26px;font-weight:700;font-family:var(--font-num);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .12s var(--ease);border-radius:12px;justify-content:center;align-items:center;display:flex}.tile.ans{background:var(--mon-3);color:#083245;border:none}.tile.ans.correct{background:var(--action);color:var(--action-ink)}.tile.ans.dragging-src{opacity:.3}.tile.pool{background:var(--ink-1);color:var(--ink-text);border:1.5px solid var(--ink-3)}.tile.pool:hover{border-color:var(--ink-text-faint);transform:translateY(-2px)}.tile.drag-clone{z-index:999;pointer-events:none;transform-origin:50%;margin:0;position:fixed;box-shadow:0 10px 26px #35311f59}.slot{border:1.5px dashed var(--ink-3);border-radius:12px;width:46px;height:52px}.pool{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.report{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);text-align:center;padding:34px 26px;box-shadow:0 3px 12px #35311f12}.report .report-pet{width:120px;height:120px;margin:0 auto 6px}.report .report-pet svg{width:100%;height:100%}.report .report-title{font-family:var(--font-display);margin-top:8px;font-size:26px}.report .score{font-family:var(--font-num);color:var(--stamp);font-variant-numeric:tabular-nums;margin:10px 0 4px;font-size:52px;font-weight:700}.report .score small{color:var(--ink-text-dim);font-size:24px;font-weight:400}.report .report-note{color:var(--ink-text-dim);margin-bottom:18px;font-size:14.5px}.wm-page{max-width:640px;margin:0 auto}.wm-head{margin:6px 2px 18px}.wm-title{font-family:var(--font-display);color:var(--ink-text);font-size:26px}.wm-total{border:1.5px dashed var(--stamp);color:var(--ink-text-dim);border-radius:999px;align-items:center;gap:7px;margin:10px 0 8px;padding:7px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.wm-total b{font-family:var(--font-num);color:var(--stamp);font-variant-numeric:tabular-nums;font-size:17px}.wm-folders{flex-direction:column;gap:12px;display:flex}.wm-folder{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:16px;padding:15px 18px;display:flex;box-shadow:0 3px 12px #35311f12}.wm-folder:hover{border-color:var(--action);transform:translateY(-2px);box-shadow:0 6px 16px #35311f1f}.wm-folder .specimen{background:var(--ink-2);border:1.5px dashed var(--ink-text-faint);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.wm-folder .specimen svg{transition:transform .25s var(--ease)}.wm-folder:hover .specimen svg{transform:scale(1.12)rotate(-4deg)}.wm-folder .tag-no{font-family:var(--font-num);color:var(--ink-text-faint);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:3px;left:6px}.wm-fbody{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wm-fbody .bm-name{font-family:var(--font-display);color:var(--ink-text);font-size:17.5px}.wm-fbody .bm-meta{color:var(--ink-text-dim);font-variant-numeric:tabular-nums;font-size:12.5px}.wm-chips{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.wm-chip{font-family:var(--font-num);background:var(--ink-2);border:1px solid var(--ink-3);color:var(--ink-text-dim);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px}.wm-chip.more{color:var(--ink-text-faint);border-style:dashed}.wm-empty-chip{color:var(--ink-text-faint);border:1.5px dashed var(--ink-3);border-radius:999px;padding:2px 10px;font-size:12px}.manager{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);padding:26px;box-shadow:0 3px 12px #35311f12}.manager .m-title{font-family:var(--font-display);margin-bottom:4px;font-size:22px}.manager .m-note{color:var(--ink-text-dim);margin-bottom:14px;font-size:13.5px;line-height:1.7}.manager .m-note b{color:var(--ink-text)}.manager textarea{border-radius:var(--radius-chip);border:1.5px solid var(--ink-3);background:var(--ink-0);width:100%;height:260px;color:var(--ink-text);font-size:15px;line-height:1.9;font-family:var(--font-num);resize:vertical;caret-color:var(--action);padding:14px}.manager textarea:focus{border-color:var(--action);outline:none}.manager .m-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.manager .m-count{color:var(--ink-text-dim);font-variant-numeric:tabular-nums;font-size:13.5px}.bm-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.bm-name{font-size:15.5px;font-weight:700}.bm-meta{color:var(--ink-text-dim);font-variant-numeric:tabular-nums;font-size:12.5px}.bm-row-btns{flex-wrap:wrap;gap:8px;display:flex}.bm-row-btns .btn{padding:8px 14px;font-size:13.5px}.bm-del{color:#b0432f}.be-cols{color:var(--ink-text-dim);grid-template-columns:auto 2fr 2fr 3fr auto;gap:8px;margin-bottom:4px;padding:0 2px;font-size:12px;display:grid}.be-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.be-name{font-family:var(--font-display);border:none;border-bottom:1.5px dashed var(--ink-3);color:var(--ink-text);background:0 0;flex:1;min-width:0;padding:4px 2px;font-size:19px;font-weight:700}.be-name:focus{border-bottom-color:var(--action);outline:none}.be-list{flex-direction:column;gap:8px;max-height:46vh;padding-right:2px;display:flex;overflow-y:auto}.be-row{grid-template-columns:auto 2fr 2fr 3fr auto;align-items:center;gap:8px;display:grid;position:relative}.be-no{font-family:var(--font-num);color:var(--ink-text-faint);font-variant-numeric:tabular-nums;text-align:right;min-width:20px;font-size:11px}.be-row input{border:1.5px solid var(--ink-3);background:var(--ink-0);width:100%;color:var(--ink-text);font-size:14.5px;font-family:var(--font-num);border-radius:10px;padding:9px 12px}.be-row input:focus{border-color:var(--action);outline:none}.be-del{width:32px;height:32px;color:var(--ink-text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:15px}.be-del:hover{background:var(--ink-2);color:#b0432f}.be-warn{color:#b0432f;font-size:11.5px;font-weight:700;position:absolute;right:44px}.wd-phonetic{font-family:var(--font-num);color:var(--ink-text-dim);margin-top:4px;font-size:16px}.target-phonetic{font-family:var(--font-num);color:var(--ink-text-dim);font-variant-numeric:tabular-nums;margin-top:2px;margin-bottom:6px;font-size:16px}.be-add{width:100%;margin-top:12px}.ti-mask{z-index:60;background:#35311f66;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.ti-panel{background:var(--ink-1);border-radius:var(--radius-card);flex-direction:column;width:100%;max-width:520px;max-height:86vh;padding:22px;display:flex;box-shadow:0 8px 30px #35311f40}.ti-panel .m-title{margin-bottom:2px}.ti-panel .m-note{margin-bottom:12px}.ti-error{color:#b0432f;margin-bottom:10px;font-size:13.5px}.ti-textbook{width:100%;font-size:14.5px;font-family:var(--font-body);border:1.5px solid var(--ink-3);background:var(--ink-0);color:var(--ink-text);cursor:pointer;border-radius:10px;margin-bottom:12px;padding:10px 12px}.ti-textbook:focus{border-color:var(--action);outline:none}.ti-tabs{gap:6px;margin-bottom:10px;padding-bottom:4px;display:flex;overflow-x:auto}.ti-tab{border:1.5px solid var(--ink-3);background:var(--ink-0);color:var(--ink-text-dim);font-size:13.5px;font-weight:700;font-family:var(--font-body);cursor:pointer;border-radius:999px;flex-shrink:0;padding:7px 14px}.ti-tab.is-on{background:var(--action);border-color:var(--action);color:var(--action-ink)}.ti-words{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:7px;min-height:120px;padding-right:2px;display:grid;overflow-y:auto}.ti-word{border:1.5px solid var(--ink-3);cursor:pointer;background:var(--ink-0);border-radius:10px;align-items:center;gap:7px;min-width:0;padding:8px 10px;font-size:13px;display:flex}.ti-word.is-on{border-color:var(--action);background:color-mix(in srgb, var(--action) 8%, var(--ink-0))}.ti-word input{accent-color:var(--action);flex-shrink:0}.ti-word b{font-family:var(--font-num);white-space:nowrap;font-size:14px}.ti-word span{color:var(--ink-text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ti-btns{gap:10px;display:flex}.ti-panel .m-foot{margin-top:14px}.float-bean{z-index:99;pointer-events:none;font-family:var(--font-num);color:var(--stamp);text-shadow:0 1px #fffc;animation:floatUp 1s var(--ease) forwards;align-items:center;gap:4px;font-size:18px;font-weight:700;display:flex;position:fixed}.float-bean svg{width:20px;height:20px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.7)}25%{opacity:1;transform:translateY(-14px)scale(1.15)}to{opacity:0;transform:translateY(-84px)scale(1)}}.dex-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.dex-head .dex-note{color:var(--ink-text-dim);font-size:13.5px}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;display:grid}.dex-slot{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-chip);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:96px;padding:12px 8px 10px;display:flex}.dex-slot .d-word{color:var(--ink-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14.5px;font-weight:700;overflow:hidden}.dex-slot .d-zh{color:var(--ink-text-dim);font-size:11.5px}.dex-slot .d-badges{gap:5px;margin-top:1px;display:flex}.dex-slot .d-badge{border:1.5px dashed var(--ink-3);width:22px;height:22px;color:var(--ink-text-faint);border-radius:50%;justify-content:center;align-items:center;display:flex}.dex-slot .d-badge svg{filter:grayscale();opacity:.45}.dex-slot .d-badge.on{border-style:solid;border-color:var(--action);background:var(--action-soft)}.dex-slot .d-badge.on svg{filter:none;opacity:1}@media (width<=860px){.home{grid-template-columns:1fr}.duty-desk{text-align:left;flex-flow:wrap;gap:18px;padding:20px}.duty-desk .pet-viewport{flex-shrink:0;width:104px;height:104px;margin:0}.duty-desk .desk-info{flex:1;min-width:0}.duty-desk .stage-track{max-width:300px}.duty-desk .pet-switch{flex:100%}.station-name h1{font-size:21px}.target-word{font-size:32px}.choices{gap:10px}.choices button{padding:15px 8px;font-size:17px}main{padding:10px 16px 96px}header{padding:14px 16px 4px}}@media (width<=430px){.quest{gap:14px;padding:14px 16px}.quest .specimen{width:60px;height:60px}.quest .specimen svg{width:46px;height:46px}.duty-desk{text-align:center;flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-loading{min-height:60vh;color:var(--ink-text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex}.achieve-section{margin-bottom:26px}.achieve-note{color:var(--ink-text-dim);margin:4px 0 12px;font-size:13px}.achieve-pet{flex-direction:column;align-items:center;gap:6px;display:flex}.pet-3d{border:2px solid var(--ink-3);border-radius:var(--radius-card);background:linear-gradient(180deg, var(--ink-1) 0%, var(--action-soft) 100%);touch-action:none;cursor:grab;width:100%;max-width:420px;height:300px;position:relative;overflow:hidden}.pet-3d:active{cursor:grabbing}.pet-3d-hint{text-align:center;color:var(--ink-text-dim);pointer-events:none;font-size:12px;position:absolute;bottom:10px;left:0;right:0}.dex-search{border:1.5px solid var(--ink-3);background:var(--ink-1);width:100%;font-family:var(--font-body);color:var(--ink-text);border-radius:999px;margin-bottom:14px;padding:11px 16px;font-size:14.5px}.dex-search:focus{border-color:var(--action);outline:none}.dex-slot.clickable{cursor:pointer;font-family:var(--font-body);transition:transform .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);border-style:solid}.dex-slot.clickable:hover{border-color:var(--action);transform:translateY(-2px);box-shadow:0 4px 10px #35311f1f}.dex-slot.mastered{border-color:var(--stamp);background:linear-gradient(180deg, #fdf6df 0%, var(--ink-1) 85%)}.dex-slot.mastered:hover{border-color:var(--stamp)}.dex-pager{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.dex-pager button{border:1.5px solid var(--ink-3);background:var(--ink-1);font-family:var(--font-body);color:var(--ink-text);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600}.dex-pager button:hover:not(:disabled){border-color:var(--action);color:var(--action)}.dex-pager button:disabled{opacity:.4;cursor:not-allowed}.dex-page-num{font-family:var(--font-num);color:var(--ink-text-dim);font-variant-numeric:tabular-nums;font-size:14px}.wd-back{border:1.5px solid var(--ink-3);background:var(--ink-1);font-family:var(--font-body);color:var(--ink-text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 16px 8px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.wd-back:hover{border-color:var(--action);color:var(--action)}.wd-head{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);margin-bottom:16px;padding:24px;box-shadow:0 3px 12px #35311f12}.wd-word-row{align-items:center;gap:14px;display:flex}.wd-word{font-family:var(--font-body);letter-spacing:.04em;color:var(--ink-text);font-size:34px;font-weight:700}.wd-sound{border:2px solid var(--action);background:var(--action-soft);width:52px;height:52px;color:var(--action);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.wd-zh{color:var(--ink-text-dim);margin-top:6px;font-size:16px}.wd-section{background:var(--ink-1);border:1.5px dashed var(--ink-3);border-radius:var(--radius-card);margin-bottom:12px;padding:18px 22px}.wd-section-title{color:var(--ink-text);margin-bottom:6px;font-size:15px;font-weight:700}.wd-placeholder{color:var(--ink-text-faint);font-size:13.5px}.preview-page{width:100%;max-width:1200px;margin:0 auto;padding:20px 22px 60px}.preview-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.preview-head h1{font-family:var(--font-display);letter-spacing:.12em;font-size:24px}.preview-toggle{color:var(--ink-text-dim);align-items:center;gap:8px;font-size:14px;display:flex}.preview-pet{margin-bottom:30px}.preview-pet-name{border-bottom:2px solid var(--ink-3);margin-bottom:12px;padding-bottom:8px;font-size:18px;font-weight:700}.preview-stages{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.preview-stage{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);flex-direction:column;gap:10px;padding:14px;display:flex}.preview-2d svg{width:130px;height:130px;margin:0 auto;display:block}.preview-3d{border:1.5px solid var(--ink-3);touch-action:none;border-radius:12px;height:320px;overflow:hidden}.preview-3d .pet-3d{background:0 0;border:none;border-radius:0;height:320px}.preview-3d .pet-3d-hint{display:none}.preview-stage-info{color:var(--ink-text-dim);flex-direction:column;gap:2px;font-size:13px;display:flex}.preview-stage-info .pv-ico{display:none}.preview-stage-info b{color:var(--ink-text);font-size:15px}.preview-stage-info .pv-min{font-family:var(--font-num);font-size:12px}.preview-note{color:var(--ink-text-faint);margin-top:8px;font-size:12.5px}.preview-tools{align-items:center;gap:16px;display:flex}.preview-reset{border:2px solid var(--danger);background:var(--danger-soft);font-family:var(--font-body);color:var(--danger);cursor:pointer;border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700}.preview-reset:hover{background:var(--danger);color:#fff}button.pet-name{font-family:var(--font-display);color:var(--ink-text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:2px 8px;font-size:24px;display:inline-flex}button.pet-name:hover{background:var(--ink-2)}button.pet-name svg{color:var(--ink-text-faint)}.pet-name-edit{align-items:center;gap:8px;display:inline-flex}.pet-name-edit input{border:2px solid var(--action);background:var(--ink-1);width:150px;font-family:var(--font-body);color:var(--ink-text);text-align:center;border-radius:10px;padding:6px 12px;font-size:16px}.pet-name-edit input:focus{outline:none}.pn-save{background:var(--action);color:var(--action-ink);font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.dbg-page{align-items:flex-start;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:20px 22px 60px;display:flex}.dbg-nav{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);flex-direction:column;flex:0 0 168px;gap:6px;padding:14px 10px;display:flex;position:sticky;top:20px}.dbg-logo{font-family:var(--font-num);letter-spacing:.28em;color:var(--ink-text-faint);border-bottom:1.5px dashed var(--ink-3);margin-bottom:8px;padding:2px 8px 10px;font-size:13px;font-weight:700}.dbg-nav-item{cursor:pointer;text-align:left;font-family:var(--font-body);background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 10px;display:flex}.dbg-nav-item b{color:var(--ink-text);font-size:14.5px}.dbg-nav-item span{color:var(--ink-text-faint);font-size:12px}.dbg-nav-item:hover{background:var(--ink-2)}.dbg-nav-item.active{background:var(--action-soft)}.dbg-nav-item.active b{color:var(--action)}.dbg-nav-tip{color:var(--ink-text-faint);border-top:1.5px dashed var(--ink-3);margin:10px 8px 0;padding-top:10px;font-size:11.5px;line-height:1.5}.dbg-main{flex:1;min-width:0}.dbg-panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dbg-panel-head h1{font-family:var(--font-display);letter-spacing:.1em;font-size:22px}.dbg-card{background:var(--ink-1);border:1.5px solid var(--ink-3);border-radius:var(--radius-card);margin-bottom:16px;padding:16px 18px}.dbg-card.danger{border-color:var(--danger)}.dbg-card-title{margin-bottom:6px;font-size:15.5px;font-weight:700}.dbg-card.danger .dbg-card-title{color:var(--danger)}.dbg-card-note{color:var(--ink-text-dim);margin-bottom:12px;font-size:13px}.dbg-check-row{flex-wrap:wrap;gap:14px;display:flex}.dbg-check{border:1.5px solid var(--ink-3);cursor:pointer;background:var(--ink-2);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 18px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.dbg-check svg{width:56px;height:56px}.dbg-check span{color:var(--ink-text-dim);font-size:13.5px;font-weight:700}.dbg-check.on{border-color:var(--action);box-shadow:0 0 0 2px #1e9e502e}.dbg-check.on span{color:var(--action)}.dbg-data-list{margin:0;padding:0;list-style:none}.dbg-data-list li{border-bottom:1.5px dashed var(--ink-3);justify-content:space-between;align-items:center;padding:9px 2px;font-size:14px;display:flex}.dbg-data-list li:last-child{border-bottom:none}.dbg-data-list span{color:var(--ink-text-dim)}.dbg-data-list b{font-family:var(--font-num)}@media (width<=760px){.dbg-page{flex-direction:column}.dbg-nav{flex-direction:row;flex:none;align-items:center;width:100%;position:static;overflow-x:auto}.dbg-logo{border:none;margin:0 6px 0 2px;padding:0}.dbg-nav-item span,.dbg-nav-tip{display:none}}