.appbar[data-v-329d40eb]{height:var(--appbar-height);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);z-index:100;position:fixed;top:0;left:0;right:0}.appbar-inner[data-v-329d40eb]{align-items:center;max-width:100%;height:100%;padding:0 8px 0 16px;display:flex}.appbar-spacer[data-v-329d40eb]{flex:1}.appbar-title[data-v-329d40eb]{letter-spacing:.03em;color:#fff;flex:none;font-size:1.2rem;font-weight:700;text-decoration:none}.appbar-actions[data-v-329d40eb]{flex:1;justify-content:flex-end;display:flex;position:relative}.icon-btn[data-v-329d40eb]{color:#fff}.dropdown[data-v-329d40eb]{background:var(--color-surface);border-radius:var(--radius-md);min-width:210px;box-shadow:var(--shadow-md);z-index:200;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.dropdown-item[data-v-329d40eb]{color:var(--color-text);padding:12px 16px;font-size:.95rem;text-decoration:none;transition:background .12s;display:block}.dropdown-item[data-v-329d40eb]:hover{background:var(--color-surface-alt)}.dropdown-enter-active[data-v-329d40eb],.dropdown-leave-active[data-v-329d40eb]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-329d40eb],.dropdown-leave-to[data-v-329d40eb]{opacity:0;transform:translateY(-6px)}.ad-unit[data-v-675cbf86]{justify-content:center;align-items:center;display:flex;overflow:hidden}.ad-placeholder[data-v-675cbf86]{width:100%;height:100%;min-height:inherit;background:var(--color-surface-alt,#eee);border:2px dashed var(--color-border,#ccc);border-radius:var(--radius-md,8px);color:var(--color-text-sub,#888);justify-content:center;align-items:center;font-size:.85rem;display:flex}.vocab-count-strip[data-v-d82ad1c4]{top:calc(var(--appbar-height) + 4px);z-index:99;background:var(--color-primary-light);color:var(--color-text-sub);border-radius:999px;padding:4px 16px;font-size:.8rem;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000001a}.search-bar[data-v-bb60cfb0]{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-items:center;gap:4px;padding:4px 4px 4px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.search-bar[data-v-bb60cfb0]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-input[data-v-bb60cfb0]{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:1rem}.search-input[data-v-bb60cfb0]::-webkit-search-cancel-button{display:none}.phonetic-wrap[data-v-bb60cfb0]{flex-shrink:0;position:relative}.phonetic-btn[data-v-bb60cfb0]{cursor:pointer;color:var(--color-primary);border-radius:var(--radius-pill);background:0 0;border:none;padding:6px 10px;font-family:inherit;font-size:.85rem;transition:background .12s}.phonetic-btn[data-v-bb60cfb0]:hover{background:var(--color-primary-light)}.phonetic-btn[data-v-bb60cfb0]:active{background:#0030872e}.dropdown[data-v-bb60cfb0]{background:var(--color-surface);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-md);z-index:200;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.dropdown-item[data-v-bb60cfb0]{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;padding:10px 16px;font-family:inherit;font-size:.95rem;transition:background .12s;display:block}.dropdown-item[data-v-bb60cfb0]:hover{background:var(--color-surface-alt)}.dropdown-item.active[data-v-bb60cfb0]{color:var(--color-primary);font-weight:600}.dropdown-enter-active[data-v-bb60cfb0],.dropdown-leave-active[data-v-bb60cfb0]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-bb60cfb0],.dropdown-leave-to[data-v-bb60cfb0]{opacity:0;transform:translateY(-6px)}.search-btn[data-v-bb60cfb0]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s;display:inline-flex}.search-btn[data-v-bb60cfb0]:hover:not(:disabled){background:#00236a}.search-btn[data-v-bb60cfb0]:active:not(:disabled){background:#001a52}.search-btn[data-v-bb60cfb0]:disabled{cursor:default}.vocab-item[data-v-37469f25]{background:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:pointer;flex-direction:column;gap:2px;padding:14px 16px;transition:background .12s;display:flex}.vocab-item[data-v-37469f25]:last-child{border-bottom:none}.vocab-item[data-v-37469f25]:hover{background:var(--color-primary-light)}.vocab-item.active[data-v-37469f25]{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.vocab-chinese[data-v-37469f25]{color:var(--color-text);font-size:1.4rem;font-weight:700}.vocab-pron[data-v-37469f25]{color:var(--color-text-sub);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.status[data-v-19005e94]{text-align:center;color:var(--color-text-sub);flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.spinner[data-v-19005e94]{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite spin-19005e94}@keyframes spin-19005e94{to{transform:rotate(360deg)}}.status-msg[data-v-19005e94]{font-size:.95rem}.status--error .status-msg[data-v-19005e94]{color:var(--color-error)}.retry-btn[data-v-19005e94]{border:1.5px solid var(--color-primary);border-radius:var(--radius-pill);color:var(--color-primary);cursor:pointer;background:0 0;padding:8px 20px;font-size:.9rem;transition:background .15s}.retry-btn[data-v-19005e94]:hover{background:var(--color-primary-light)}.chip[data-v-8ecd4da3]{background:var(--color-primary-light);border:1px solid var(--color-accent);border-radius:var(--radius-md);flex-direction:column;gap:1px;padding:6px 12px;text-decoration:none;transition:background .12s;display:inline-flex}.chip[data-v-8ecd4da3]:hover{background:#ead4c0}.chip-chinese[data-v-8ecd4da3]{color:var(--color-primary);font-size:1rem;font-weight:600}.chip-pron[data-v-8ecd4da3]{color:var(--color-text-sub);font-size:.75rem}.pron-display-inline[data-v-338c3956]{display:inline}.pron-display-stacked[data-v-338c3956]{flex-direction:column;gap:2px;display:flex}.pron-row[data-v-338c3956]{align-items:baseline;gap:6px;display:flex}.pron-sep[data-v-338c3956]{color:var(--color-text-sub);opacity:.5}.pron-label[data-v-338c3956]{text-transform:uppercase;color:var(--color-text-sub);opacity:.7;margin-right:2px;font-size:.65em;font-weight:600}.example[data-v-5620fbad]{background:var(--color-surface-alt);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex-direction:column;gap:4px;padding:10px 12px;font-size:.9rem;display:flex}.ex-line[data-v-5620fbad]{color:var(--color-text)}.ex-pron[data-v-5620fbad]{color:var(--color-text-sub)}.meaning-card[data-v-1eb456d5]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.meaning-header[data-v-1eb456d5]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pos-badge[data-v-1eb456d5]{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:.75rem;font-weight:600}.meaning-pron[data-v-1eb456d5]{color:var(--color-text-sub);font-size:.85rem}.translations[data-v-1eb456d5]{flex-direction:column;gap:4px;display:flex}.trans-line[data-v-1eb456d5]{font-size:.95rem}.category-tags[data-v-1eb456d5]{flex-wrap:wrap;gap:6px;display:flex}.cat-tag[data-v-1eb456d5]{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-sub);padding:2px 10px;font-size:.78rem}.examples-label[data-v-1eb456d5]{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-sub);margin-bottom:6px;font-size:.8rem;font-weight:600}.examples-list[data-v-1eb456d5]{flex-direction:column;gap:8px;display:flex}.vocab-detail[data-v-d0cf3ee7]{padding:0}.back-btn[data-v-d0cf3ee7]{cursor:pointer;color:var(--color-primary);background:0 0;border:none;order:-1;align-items:center;gap:4px;margin-bottom:20px;padding:0;font-size:.9rem;display:inline-flex}.back-btn[data-v-d0cf3ee7]:hover{text-decoration:underline}.vocab-header[data-v-d0cf3ee7]{border-bottom:2px solid var(--color-border);flex-direction:column;gap:6px;margin-bottom:28px;padding-bottom:16px;display:flex}.vocab-chinese-heading[data-v-d0cf3ee7]{font-size:2.8rem;font-weight:700;line-height:1.1}.vocab-pron[data-v-d0cf3ee7]{color:var(--color-text-sub);font-size:1rem}.vocab-pron-list[data-v-d0cf3ee7]{flex-direction:column;gap:8px;display:flex}.vocab-pron-row[data-v-d0cf3ee7]{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.pron-flag-badge[data-v-d0cf3ee7]{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-sub);text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;font-size:.7rem}.pron-expand-btn[data-v-d0cf3ee7]{cursor:pointer;color:var(--color-primary);background:0 0;border:none;align-self:flex-end;padding:0;font-size:.85rem}.pron-expand-btn[data-v-d0cf3ee7]:hover{text-decoration:underline}.section[data-v-d0cf3ee7]{margin-bottom:28px}.section-title[data-v-d0cf3ee7]{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-sub);margin-bottom:12px;font-size:.8rem;font-weight:700}.chips-row[data-v-d0cf3ee7]{flex-wrap:wrap;gap:8px;display:flex}.meanings-list[data-v-d0cf3ee7]{flex-direction:column;gap:16px;list-style:none;display:flex}.meaning-row[data-v-d0cf3ee7]{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.meaning-index[data-v-d0cf3ee7]{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:.8rem;font-weight:700;display:flex}.no-meanings[data-v-d0cf3ee7]{color:var(--color-text-sub);font-size:.9rem}@media (width<=480px){.meaning-row[data-v-d0cf3ee7]{grid-template-columns:22px 1fr;gap:8px}.meaning-index[data-v-d0cf3ee7]{width:22px;height:22px;font-size:.7rem}}.home-layout[data-v-0eed3b36]{grid-template-columns:1fr;gap:0;margin-top:20px;display:grid}@media (width>=768px){.home-layout.has-detail[data-v-0eed3b36]{grid-template-columns:320px 1fr;align-items:start;gap:24px}}@media (width<=767px){.hidden-mobile[data-v-0eed3b36]{display:none}}.results-list[data-v-0eed3b36]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);list-style:none;overflow:hidden}.tutorial-pills[data-v-0eed3b36]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.tutorial-label[data-v-0eed3b36]{color:var(--color-text-sub);font-size:.85rem}.tutorial-pill[data-v-0eed3b36]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);padding:6px 14px;font-size:.85rem;text-decoration:none;transition:border-color .15s,background .15s}.tutorial-pill[data-v-0eed3b36]:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.converted-query[data-v-0eed3b36]{color:var(--color-text-sub);margin-top:8px;font-size:.85rem}.results-count[data-v-0eed3b36]{color:var(--color-text-sub);margin-bottom:10px;font-size:.85rem}.detail-panel[data-v-0eed3b36]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}@media (width<=767px){.detail-panel[data-v-0eed3b36]{border:none;padding:0}}@media (width>=768px){.detail-panel[data-v-0eed3b36]{top:calc(var(--appbar-height) + var(--count-strip-height) + 16px);max-height:calc(100vh - var(--appbar-height) - var(--count-strip-height) - 32px);position:sticky;overflow-y:auto}}.ad-below-results[data-v-0eed3b36]{margin-top:16px}.ad-detail[data-v-0eed3b36]{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.prefs-page h1[data-v-4c74b6f4]{margin-bottom:28px;font-size:1.8rem}.back-link[data-v-4c74b6f4]{color:var(--color-primary);align-items:center;gap:4px;margin-bottom:20px;font-size:.9rem;text-decoration:none;display:inline-flex}.back-link[data-v-4c74b6f4]:hover{text-decoration:underline}.pref-section[data-v-4c74b6f4]{flex-direction:column;gap:12px;display:flex}.pref-label[data-v-4c74b6f4]{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-sub);font-size:.8rem;font-weight:700}.lang-group[data-v-4c74b6f4]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.lang-btn[data-v-4c74b6f4]{background:var(--color-surface);cursor:pointer;color:var(--color-text);border:none;padding:10px 24px;font-size:.95rem;transition:background .12s,color .12s}.lang-btn+.lang-btn[data-v-4c74b6f4]{border-left:1.5px solid var(--color-border)}.lang-btn.active[data-v-4c74b6f4]{background:var(--color-primary);color:#fff;font-weight:600}.lang-btn[data-v-4c74b6f4]:not(.active):hover{background:var(--color-surface-alt)}.phonetic-group[data-v-4c74b6f4]{flex-wrap:wrap;gap:8px;display:flex}.phonetic-btn[data-v-4c74b6f4]{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);padding:8px 16px;font-size:.9rem;transition:background .12s,color .12s,border-color .12s}.phonetic-btn.active[data-v-4c74b6f4]{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.phonetic-btn[data-v-4c74b6f4]:not(.active):hover{background:var(--color-surface-alt)}.primary-badge[data-v-4c74b6f4]{text-transform:uppercase;letter-spacing:.06em;background:#ffffff40;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:.65rem;font-weight:700}.pref-note[data-v-4c74b6f4]{color:var(--color-text-sub);font-size:.85rem}.stub-page h1[data-v-77650928]{margin-bottom:8px;font-size:1.8rem}.stub-note[data-v-77650928]{color:var(--color-text-sub)}.back-link[data-v-77650928]{color:var(--color-primary);align-items:center;gap:4px;margin-bottom:20px;font-size:.9rem;text-decoration:none;display:inline-flex}.back-link[data-v-77650928]:hover{text-decoration:underline}.tutorial-page h1[data-v-7889ed51]{margin-bottom:8px;font-size:1.8rem}.back-link[data-v-7889ed51]{color:var(--color-primary);align-items:center;gap:4px;margin-bottom:20px;font-size:.9rem;text-decoration:none;display:inline-flex}.back-link[data-v-7889ed51]:hover{text-decoration:underline}.tutorial-intro[data-v-7889ed51]{color:var(--color-text-sub);margin-bottom:24px;line-height:1.5}.tutorial-section[data-v-7889ed51]{margin-bottom:32px}.tutorial-section h2[data-v-7889ed51]{margin-bottom:12px;font-size:1.2rem}.phoneme-grid[data-v-7889ed51],.tones-grid[data-v-7889ed51]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tones-grid[data-v-7889ed51]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.phoneme-card[data-v-7889ed51],.tone-card[data-v-7889ed51]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.phoneme-unit[data-v-7889ed51]{color:var(--color-text);font-size:1.3rem;font-weight:700}.tone-header[data-v-7889ed51]{align-items:baseline;gap:8px;display:flex}.tone-number[data-v-7889ed51]{color:var(--color-text-sub);font-size:.8rem;font-weight:700}.tone-mark[data-v-7889ed51]{color:var(--color-text);font-size:1.3rem;font-weight:700}.tone-description[data-v-7889ed51]{color:var(--color-text);margin-top:8px;font-size:.9rem;line-height:1.35}.phoneme-field[data-v-7889ed51],.tone-field[data-v-7889ed51]{align-items:baseline;gap:6px;font-size:.85rem;line-height:1.35;display:flex}.field-label[data-v-7889ed51]{color:var(--color-text-sub);flex-shrink:0;font-size:.75rem;font-weight:600}.field-value[data-v-7889ed51]{color:var(--color-text)}.card-note[data-v-7889ed51]{color:var(--color-text-sub);margin-top:4px;font-size:.75rem;font-style:italic}@font-face{font-family:NunitoPOJ;src:url(/fonts/NunitoPOJ-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:NunitoPOJ;src:url(/fonts/NunitoPOJ-Bold.woff2)format("woff2");font-weight:700;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:NunitoPOJ,Noto Sans TC,system-ui,sans-serif;font-size:16px;line-height:1.5}:root{--color-bg:#f4f6fa;--color-surface:#fff;--color-surface-alt:#eaeff8;--color-border:#c8d2e3;--color-text:#0f1b2d;--color-text-sub:#556070;--color-primary:#003087;--color-primary-light:#e6ecf7;--color-accent:#4472c4;--color-error:#b03030;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001f;--appbar-height:56px;--content-max-width:1100px;--spacing-page:16px;--count-strip-height:26px}@media (width>=768px){:root{--spacing-page:24px;--appbar-height:64px}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;vertical-align:middle}.icon-btn{cursor:pointer;border-radius:var(--radius-pill);color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:background .15s;display:inline-flex}.icon-btn:hover{background:#0000000f}.icon-btn:active{background:#0000001f}.page-content{max-width:var(--content-max-width);padding:calc(var(--appbar-height) + var(--count-strip-height) + 24px) var(--spacing-page) 48px;margin:0 auto}.ad-top-banner{margin-bottom:16px}@media (width<=480px){.vocab-chinese-heading{font-size:2rem!important}}