.stat-box.pts b[data-v-dd0ff219]{color:#e0952b}.rw-list[data-v-8580c2ff]{flex-direction:column;gap:8px;margin:4px 0 6px;display:flex}.rw-points[data-v-8580c2ff]{text-align:center;color:#555;margin:6px 0 10px}.rw-points b[data-v-8580c2ff]{color:#e0952b;font-size:20px}.rw-item[data-v-8580c2ff]{background:#faf7f0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rw-item.off[data-v-8580c2ff]{opacity:.55}.rw-item.done[data-v-8580c2ff]{background:#eaf6ee}.rw-name[data-v-8580c2ff]{flex:1;font-weight:600}.rw-cost[data-v-8580c2ff]{color:#e0952b;font-weight:700}.rw-btn[data-v-8580c2ff]{color:#fff;cursor:pointer;background:#ff7a59;border:none;border-radius:999px;padding:6px 16px;font-weight:700}.rw-btn[data-v-8580c2ff]:disabled{cursor:not-allowed;background:#ccc}.rw-btn.sure[data-v-8580c2ff]{background:#2bb673}.rw-btn.cancel[data-v-8580c2ff]{background:#d9534f;padding:6px 12px}.rw-empty[data-v-8580c2ff]{color:#8a8378;text-align:center;padding:6px}.rw-err[data-v-8580c2ff]{color:#d9534f;margin:4px 0}.rw-pend[data-v-8580c2ff]{color:#1f8a4c;text-align:center;margin-top:6px;font-weight:600}.picimg[data-v-1ea9c8ba]{display:contents}.update-banner[data-v-4f01ad3c]{z-index:10000;background:#fffdf7;border:2px solid #43b36a;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:12px 18px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.upd-msg[data-v-4f01ad3c]{color:#2b8a3e;font-size:1.05rem;font-weight:800}.upd-btns[data-v-4f01ad3c]{gap:8px;display:flex}.upd-yes[data-v-4f01ad3c]{color:#fff;cursor:pointer;background:#43b36a;border:none;border-radius:999px;padding:8px 18px;font-weight:800;box-shadow:0 3px #2f8f52}.upd-yes[data-v-4f01ad3c]:active{transform:translateY(2px);box-shadow:0 1px #2f8f52}.upd-no[data-v-4f01ad3c]{color:#8a8378;cursor:pointer;background:#fff;border:2px solid #e5ddcd;border-radius:999px;padding:7px 16px;font-weight:700}.upd-no[data-v-4f01ad3c]:active{transform:translateY(1px)}.upd-enter-active[data-v-4f01ad3c],.upd-leave-active[data-v-4f01ad3c]{transition:transform .3s,opacity .3s}.upd-enter-from[data-v-4f01ad3c],.upd-leave-to[data-v-4f01ad3c]{opacity:0;transform:translate(-50%,20px)}:root{--bg1:#fff7e9;--bg2:#eaf6ff;--ink:#33312e;--muted:#8a8378;--panel:#fff;--border:#efe7d6;--brand:#ff7a59;--font-ui:"PingFang HK","Microsoft JhengHei","Noto Sans HK",system-ui,sans-serif;--star:#f5b301;--star-dim:#e2dccf;--gem:#e0952b;--danger:#e03131;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);background:linear-gradient(160deg,var(--bg1),var(--bg2));background-attachment:fixed;min-height:100vh}#app{flex-direction:column;min-height:100vh;display:flex}button{font-family:inherit}.topbar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--border);background:#ffffffd9;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-img{object-fit:contain;width:40px;height:40px;display:block}.brand-text{letter-spacing:1px;font-size:1.25rem;font-weight:800}.top-right{align-items:center;gap:10px;display:flex}.user-name{color:var(--brand);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:8em;font-size:1.05rem;font-weight:800;display:flex;overflow:hidden}.gear{cursor:pointer;border:2px solid var(--border);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:1.1rem;font-weight:700;display:flex}.gear:active{transform:translateY(1px)}.reward-btn{color:#fff;background:#e0952b;border-color:#e0952b;box-shadow:0 3px #b57420}.reward-btn:active{transform:translateY(2px);box-shadow:0 1px #b57420}.home-btn{color:#fff;background:var(--brand);border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:700;text-decoration:none;box-shadow:0 3px #e8613f}.home-btn:active{transform:translateY(2px);box-shadow:0 1px #e8613f}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 16px 40px}main.mode-wide{max-width:none}.foot{text-align:center;color:var(--muted);padding:16px;font-size:.85rem}.hello{border:2px solid var(--border);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding:10px 16px;font-size:.95rem;display:flex}.hello-stat{color:var(--muted);font-weight:700}.menu-title{text-align:center;margin:12px 0 4px;font-size:1.8rem;font-weight:800}.menu-sub{text-align:center;color:var(--muted);margin:0 0 28px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;display:grid}.cat-card{color:var(--ink);background:var(--panel);border:3px solid var(--c);text-align:center;box-shadow:0 6px 0 color-mix(in srgb,var(--c) 55%,#000 8%);cursor:pointer;border-radius:22px;padding:22px 14px 16px;text-decoration:none;transition:transform .12s;position:relative}.cat-card:not(.locked):hover{transform:translateY(-4px)}.cat-card:not(.locked):active{box-shadow:0 2px 0 color-mix(in srgb,var(--c) 55%,#000 8%);transform:translateY(2px)}.cat-emoji{font-size:2.6rem;line-height:1}.cat-img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;display:block}.cat-name{color:var(--c);margin-top:8px;font-size:1.25rem;font-weight:800}.cat-count{color:var(--muted);margin-top:2px;font-size:.8rem}.cat-go{color:var(--c);margin-top:10px;font-weight:700}.cat-lock{color:var(--muted);margin-top:10px;font-weight:700}.cat-card.locked{opacity:.55;filter:grayscale(.3);cursor:default;border-color:#ccc;box-shadow:0 4px #ccc}.cat-card.locked .cat-name{color:var(--muted)}.prog{align-items:center;gap:6px;margin-top:12px;display:flex}.prog-star{filter:grayscale();opacity:.5;font-size:1rem;transition:all .2s}.prog-track{background:#efe7d6;border-radius:999px;flex:1;height:12px;overflow:hidden}.prog-fill{background:#f5b301;border-radius:999px;height:100%;transition:width .4s;display:block}.prog.full .prog-star{filter:none;opacity:1;transform:scale(1.2)}.prog.full .prog-fill{background:linear-gradient(90deg,#ffcf33,#ff9f1a);box-shadow:0 0 10px #ffcf33}.prog.full{animation:.4s pop}@keyframes pop{50%{transform:scale(1.04)}}.back{color:var(--ink);border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;margin-bottom:16px;padding:6px 14px;font-weight:700;text-decoration:none;display:inline-block}.back:active{transform:translateY(1px)}.cat-page-title{color:var(--c);margin:4px 0;font-size:1.8rem;font-weight:800}.cat-page-sub{color:var(--muted);margin:0 0 22px}.rad-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.rad-card{color:var(--ink);background:var(--panel);border:3px solid var(--c);box-shadow:0 5px 0 color-mix(in srgb,var(--c) 55%,#000 8%);cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:10px 10px 12px;text-decoration:none;transition:transform .12s;display:flex}.rad-card:hover{transform:translateY(-3px)rotate(-1deg)}.rad-card:active{box-shadow:0 2px 0 color-mix(in srgb,var(--c) 55%,#000 8%);transform:translateY(2px)}.rad-emoji-wrap{aspect-ratio:1;background:color-mix(in srgb,var(--c) 10%,#fff);border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.rad-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rad-emoji{font-size:3.4rem}.rad-emoji.dim{display:none}.rad-char{font-size:1.9rem;font-weight:700;line-height:1.15}.rad-name{color:var(--muted);font-size:.85rem}.rad-stars{letter-spacing:2px;color:var(--star);margin-top:2px;font-size:.95rem}.rad-stars.dim{color:var(--star-dim)}.detail{flex-direction:column;align-items:center;display:flex}.detail .back{align-self:flex-start}.detail-head{align-items:center;gap:14px;margin:4px 0 12px;display:flex}.detail-emoji{font-size:2.6rem}.detail-img{object-fit:cover;border:2px solid var(--c);border-radius:12px;width:56px;height:56px}.detail-char-name{color:var(--c);font-size:2rem;font-weight:800;line-height:1}.detail-radical{color:var(--muted)}.best-stars{letter-spacing:4px;color:var(--star);text-align:center;min-height:1.5rem;margin:2px 0 10px;font-size:1.5rem}.best-stars .dim{color:var(--star-dim)}.fb-msg{margin-bottom:12px;font-size:1.3rem;font-weight:800}.fb-msg.ok{color:#2b8a3e}.fb-msg.no{color:var(--danger)}.grid-wrap{width:300px;height:300px;position:relative}.grid-bg{border:3px solid var(--c);background:#fff;border-radius:12px;position:absolute;inset:0}.grid-bg:before,.grid-bg:after{content:"";position:absolute}.grid-bg:before{background:repeating-linear-gradient(#f0c9be 0 7px,#0000 7px 14px);width:2px;top:6px;bottom:6px;left:50%;transform:translate(-1px)}.grid-bg:after{background:repeating-linear-gradient(90deg,#f0c9be 0 7px,#0000 7px 14px);height:2px;top:50%;left:6px;right:6px;transform:translateY(-1px)}.grid-target{z-index:2;position:relative}.loading{color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.speak-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.speak-btn{cursor:pointer;border:2px solid var(--border);color:var(--ink);background:#fff;border-radius:999px;padding:9px 16px;font-size:.95rem;font-weight:700}.speak-btn:active{transform:translateY(1px)}.speak-btn.on{border-color:var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff)}.pron-col{flex-direction:column;align-items:center;gap:3px;display:flex}.roman{color:#8a8378;letter-spacing:.5px;min-height:1.1em;font-size:.85rem;font-style:italic}.pron-col.en .speak-btn{color:#3d97e0;border-color:#3d97e0}.pron-col.en .speak-btn.on{background:#e8f3fb}.en-text{color:#3d97e0;letter-spacing:.3px;font-style:normal;font-weight:600}.status{min-height:1.5em;color:var(--c);text-align:center;margin:14px 0 4px;font-size:1.05rem;font-weight:800}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.btn{cursor:pointer;border:2px solid var(--c);color:var(--c);box-shadow:0 4px 0 color-mix(in srgb,var(--c) 55%,#000 8%);background:#fff;border-radius:14px;padding:11px 20px;font-size:1rem;font-weight:700;transition:transform .1s}.btn:active{box-shadow:0 1px 0 color-mix(in srgb,var(--c) 55%,#000 8%);transform:translateY(2px)}.btn.primary{background:var(--c);color:#fff}.speed{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.spd{border:2px solid var(--border);cursor:pointer;color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:700}.spd.active{border-color:var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}.stroke-info{color:var(--muted);text-align:center;margin-top:14px;font-weight:700}.login{justify-content:center;padding-top:10px;display:flex}.login-card{text-align:center;background:#fff;border:3px solid #ffd9cd;border-radius:26px;width:100%;max-width:340px;padding:26px 24px 22px;box-shadow:0 10px 30px #c878501f}.login-emoji{font-size:3rem}.login-title{margin:6px 0 2px;font-size:1.5rem;font-weight:800}.login-sub{color:var(--muted);margin:0 0 16px;font-size:.9rem}.lg-name{text-align:center;border:2px solid var(--border);border-radius:14px;width:100%;margin-bottom:14px;padding:12px;font-size:1.1rem}.lg-name:focus{border-color:var(--brand);outline:none}.fld-label{text-align:left;color:var(--muted);margin:2px 2px 6px;font-size:.82rem;font-weight:700;display:block}.pin-dots{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.pin-dots span{background:#f0e6d8;border-radius:50%;width:16px;height:16px;transition:all .15s}.pin-dots span.on{background:var(--brand);transform:scale(1.15)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pin-pad button{border:2px solid var(--border);cursor:pointer;color:var(--ink);background:#fff;border-radius:16px;padding:14px 0;font-size:1.4rem;font-weight:700}.pin-pad button:active{background:#fff4ec;transform:translateY(2px)}.pin-pad .pad-clear,.pin-pad .pad-back{color:var(--muted);font-size:1.1rem}.login-err{color:#e0512f;min-height:1.3em;margin:12px 0 4px;font-size:.9rem;font-weight:700}.lg-go{justify-content:center;width:100%}.admin-add{flex-wrap:wrap;gap:10px;margin:16px 0 6px;display:flex}.admin-add input,.admin-add select{border:2px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px;font-size:1rem}.admin-add input{flex:1;min-width:120px}.admin-err{color:#e0512f;min-height:1.2em;margin:4px 0;font-weight:700}.admin-list{margin-top:8px;overflow-x:auto}.utable{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;font-size:.92rem;overflow:hidden}.utable th,.utable td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.utable th{color:var(--muted);background:#faf4ea;font-weight:700}.uact{gap:6px;display:flex}.mini{cursor:pointer;border:2px solid var(--border);color:var(--ink);background:#fff;border-radius:10px;padding:5px 10px;font-size:.82rem;font-weight:700}.mini.danger{color:#e0512f;border-color:#f3c9bd}.mini:active{transform:translateY(1px)}.chip-name{font-size:.9rem;font-weight:700}.chip-logout{cursor:pointer;border:2px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:700}.modal-mask{z-index:100;background:#281e1466;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:100%;max-width:360px;padding:22px;box-shadow:0 20px 50px #0003}.modal h2{margin:0 0 4px;font-size:1.3rem}.modal .who{color:var(--muted);margin:0 0 16px;font-size:.9rem}.stat-row{gap:10px;margin-bottom:18px;display:flex}.stat-box{text-align:center;background:#faf4ea;border-radius:14px;flex:1;padding:10px}.stat-box b{color:var(--brand);font-size:1.3rem;display:block}.stat-box span{color:var(--muted);font-size:.78rem}.set-label{margin:14px 0 8px;font-weight:800}.seg{gap:8px;display:flex}.seg button{border:2px solid var(--border);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;flex:1;padding:10px;font-weight:700}.seg button.on{border-color:var(--brand);color:var(--brand);background:#fff4ec}.toggle-row{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.switch{cursor:pointer;background:#ddd;border:none;border-radius:999px;width:52px;height:30px;transition:all .2s;position:relative}.switch.on{background:var(--brand)}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .2s;position:absolute;top:3px;left:3px}.switch.on:after{left:25px}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions .btn{flex:1;justify-content:center}@media (max-width:480px){.brand-text{font-size:1.05rem}.menu-title{font-size:1.5rem}.home-btn{padding:7px 12px;font-size:.85rem}}