.hero[data-v-9df620c1]{background:linear-gradient(180deg, #f5efe0 0%, var(--bg) 100%);border-bottom:1px solid var(--line);text-align:center;padding:48px 24px 32px}.hero h1[data-v-9df620c1]{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:8px;font-size:clamp(36px,8vw,56px);font-weight:600}.hero h1 em[data-v-9df620c1]{color:var(--op);font-style:italic}.hero .subtitle[data-v-9df620c1]{font-family:var(--zh-serif);color:var(--ink-soft);margin-bottom:4px;font-size:16px}.hero .meta[data-v-9df620c1]{font-family:var(--sans);color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;margin-top:10px;font-size:12px}.cat-nav[data-v-fff2f631]{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);background:#faf6edeb;padding:12px 20px;position:sticky;top:0}.cat-inner[data-v-fff2f631]{justify-content:space-between;align-items:center;gap:10px;max-width:410px;margin:0 auto;display:flex}.select-wrap[data-v-fff2f631]{flex:1;position:relative}.select-wrap select[data-v-fff2f631]{appearance:none;width:100%;font-family:var(--sans);color:var(--ink-soft);background:var(--bg-elev);border:1px solid var(--line);cursor:pointer;border-radius:999px;outline:none;padding:8px 32px 8px 16px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.select-wrap select[data-v-fff2f631]:hover{border-color:var(--ink-faint);background:#fff}.select-wrap select[data-v-fff2f631]:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1c191714}.select-wrap[data-v-fff2f631]:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--ink-faint);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.accent-toggle[data-v-fff2f631]{background:var(--bg-elev);border:1px solid var(--line);font-family:var(--sans);border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:3px;font-size:12px;display:flex}.accent-toggle button[data-v-fff2f631]{cursor:pointer;color:var(--ink-faint);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.accent-toggle button[data-v-fff2f631]:hover{color:var(--ink)}.accent-toggle button.active[data-v-fff2f631]{background:var(--ink);color:#fff}@media (width<=520px){.cat-inner[data-v-fff2f631]{gap:8px}.select-wrap select[data-v-fff2f631]{padding:7px 28px 7px 12px;font-size:12px}.accent-toggle button[data-v-fff2f631]{padding:5px 12px;font-size:11px}}.card[data-v-d955fc0e]{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:28px 18px 72px;transition:border-color .15s,transform .15s,box-shadow .15s;position:relative;overflow:hidden}.card[data-v-d955fc0e]:hover{border-color:var(--ink-faint);transform:translateY(-1px);box-shadow:0 4px 16px #1c19170f}.card[data-v-d955fc0e]:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.card[data-cat=op][data-v-d955fc0e]:before{background:var(--op)}.card[data-cat=gt][data-v-d955fc0e]:before{background:var(--gt)}.card[data-cat=pt][data-v-d955fc0e]:before{background:var(--pt)}.card[data-cat=qg][data-v-d955fc0e]:before{background:var(--qg)}.card[data-cat=qo][data-v-d955fc0e]:before{background:var(--qo)}.card-head[data-v-d955fc0e]{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.word-row[data-v-d955fc0e]{align-items:center;gap:2px;display:flex}.word[data-v-d955fc0e]{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);cursor:pointer;font-size:28px;font-weight:600;line-height:1.1;font:inherit;background:0 0;border:0;padding:0}.word[data-v-d955fc0e]:hover{color:var(--op)}.tag[data-v-d955fc0e]{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.card[data-cat=op] .tag[data-v-d955fc0e]{background:var(--op-bg);color:var(--op)}.card[data-cat=gt] .tag[data-v-d955fc0e]{background:var(--gt-bg);color:var(--gt)}.card[data-cat=pt] .tag[data-v-d955fc0e]{background:var(--pt-bg);color:var(--pt)}.card[data-cat=qg] .tag[data-v-d955fc0e]{background:var(--qg-bg);color:var(--qg)}.card[data-cat=qo] .tag[data-v-d955fc0e]{background:var(--qo-bg);color:var(--qo)}.ipa[data-v-d955fc0e]{font-family:var(--sans);color:var(--ink-faint);letter-spacing:.03em;min-height:14px;margin-top:1px;font-size:11px;font-style:italic}.def-zh[data-v-d955fc0e]{font-family:var(--zh-serif);color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:500}.def-en[data-v-d955fc0e]{font-family:var(--sans);color:var(--ink-faint);align-items:flex-start;gap:2px;margin-bottom:12px;font-size:13px;font-style:italic;line-height:1.4;display:flex}.example[data-v-d955fc0e]{border-left:2px solid var(--line);background:#b453090a;border-radius:0 6px 6px 0;margin-bottom:10px;padding:8px 32px 8px 10px;position:relative}.card[data-cat=op] .example[data-v-d955fc0e]{border-left-color:var(--op);background:#b453090a}.card[data-cat=gt] .example[data-v-d955fc0e]{border-left-color:var(--gt);background:#1665340a}.card[data-cat=pt] .example[data-v-d955fc0e]{border-left-color:var(--pt);background:#a162070a}.card[data-cat=qg] .example[data-v-d955fc0e]{border-left-color:var(--qg);background:#1e40af0a}.card[data-cat=qo] .example[data-v-d955fc0e]{border-left-color:var(--qo);background:#7c3aed0a}.example .en[data-v-d955fc0e]{font-family:var(--serif);color:var(--ink);font-size:15px;font-style:italic;line-height:1.4}.example .zh[data-v-d955fc0e]{font-family:var(--zh-serif);color:var(--ink-soft);margin-top:2px;font-size:13px;line-height:1.4}.syns-header[data-v-d955fc0e]{font-size:10px;font-family:var(--sans);color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;margin:8px 0 4px;font-weight:600}.syns-header em[data-v-d955fc0e]{opacity:.7;text-transform:none;margin-left:4px;font-style:italic;font-weight:400}.syns[data-v-d955fc0e]{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.syn[data-v-d955fc0e]{font-family:var(--sans);color:var(--ink-soft);background:var(--bg);border:1px solid var(--line-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .15s}.syn[data-v-d955fc0e]:hover{border-color:var(--ink-faint);color:var(--ink);background:#fff}.card[data-cat=op] .syn.active[data-v-d955fc0e]{background:var(--op);color:#fff;border-color:var(--op)}.card[data-cat=gt] .syn.active[data-v-d955fc0e]{background:var(--gt);color:#fff;border-color:var(--gt)}.card[data-cat=pt] .syn.active[data-v-d955fc0e]{background:var(--pt);color:#fff;border-color:var(--pt)}.card[data-cat=qg] .syn.active[data-v-d955fc0e]{background:var(--qg);color:#fff;border-color:var(--qg)}.card[data-cat=qo] .syn.active[data-v-d955fc0e]{background:var(--qo);color:#fff;border-color:var(--qo)}.syn-panel[data-v-d955fc0e]{background:var(--bg);border:1px solid var(--line-soft);border-radius:8px;margin-top:10px;padding:10px 12px;animation:.18s ease-out fadeIn-d955fc0e}@keyframes fadeIn-d955fc0e{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.syn-panel-head[data-v-d955fc0e]{border-bottom:1px dashed var(--line);align-items:baseline;gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex}.sp-word[data-v-d955fc0e]{font-family:var(--serif);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:18px;font-weight:600}.sp-main[data-v-d955fc0e]{font-family:var(--serif);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-style:italic}.sp-vs[data-v-d955fc0e]{font-family:var(--sans);letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase;font-size:10px}.sp-row[data-v-d955fc0e]{gap:8px;margin-bottom:4px;font-size:12.5px;line-height:1.45;display:flex}.sp-row[data-v-d955fc0e]:last-child{margin-bottom:0}.sp-label[data-v-d955fc0e]{font-family:var(--sans);letter-spacing:.06em;color:var(--ink-faint);flex-shrink:0;min-width:52px;padding-top:2px;font-size:10px;font-weight:600}.sp-label em[data-v-d955fc0e]{opacity:.6;margin-top:1px;font-size:9px;font-style:normal;display:block}.card[data-cat=op] .sp-label[data-v-d955fc0e]{color:var(--op)}.card[data-cat=gt] .sp-label[data-v-d955fc0e]{color:var(--gt)}.card[data-cat=pt] .sp-label[data-v-d955fc0e]{color:var(--pt)}.card[data-cat=qg] .sp-label[data-v-d955fc0e]{color:var(--qg)}.card[data-cat=qo] .sp-label[data-v-d955fc0e]{color:var(--qo)}.sp-val[data-v-d955fc0e]{font-family:var(--zh-serif);color:var(--ink);flex:1;justify-content:flex-end;align-items:center;display:flex}.sp-badge[data-v-d955fc0e]{font-size:10px;font-family:var(--sans);background:var(--bg);border:1px solid var(--line);color:var(--ink-faint);letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:1px 7px}.speak[data-v-d955fc0e]{width:24px;height:24px;color:var(--ink-faint);cursor:pointer;vertical-align:middle;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.speak[data-v-d955fc0e]:hover{background:var(--bg);color:var(--ink)}.card[data-cat=op] .speak[data-v-d955fc0e]:hover{color:var(--op)}.card[data-cat=gt] .speak[data-v-d955fc0e]:hover{color:var(--gt)}.card[data-cat=pt] .speak[data-v-d955fc0e]:hover{color:var(--pt)}.card[data-cat=qg] .speak[data-v-d955fc0e]:hover{color:var(--qg)}.card[data-cat=qo] .speak[data-v-d955fc0e]:hover{color:var(--qo)}.speak.playing[data-v-d955fc0e]{animation:1.2s ease-in-out infinite pulse-d955fc0e}.card[data-cat=op] .speak.playing[data-v-d955fc0e]{color:var(--op);background:var(--op-bg)}.card[data-cat=gt] .speak.playing[data-v-d955fc0e]{color:var(--gt);background:var(--gt-bg)}.card[data-cat=pt] .speak.playing[data-v-d955fc0e]{color:var(--pt);background:var(--pt-bg)}.card[data-cat=qg] .speak.playing[data-v-d955fc0e]{color:var(--qg);background:var(--qg-bg)}.card[data-cat=qo] .speak.playing[data-v-d955fc0e]{color:var(--qo);background:var(--qo-bg)}@keyframes pulse-d955fc0e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.18)}}.example .speak[data-v-d955fc0e]{background:#fff9;position:absolute;top:6px;right:4px}.speak-inline[data-v-d955fc0e]{cursor:pointer;width:20px;height:20px;color:var(--ink-faint);opacity:.55;vertical-align:middle;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-right:3px;padding:0;transition:opacity .15s,color .15s;display:inline-flex}.speak-inline[data-v-d955fc0e]:hover{opacity:1;color:var(--ink)}.speak-inline.playing[data-v-d955fc0e]{opacity:1;animation:1.2s ease-in-out infinite pulse-d955fc0e}.card-book[data-v-0249b806]{width:100%;max-width:420px;margin:0 auto;padding-bottom:64px;position:relative}.stack[data-v-0249b806]{pointer-events:none;position:absolute;inset:0}.stack-card[data-v-0249b806]{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;transition:all .35s cubic-bezier(.4,.2,.2,1);position:absolute;inset:0;box-shadow:0 2px 8px #1c19170a}.top-card[data-v-0249b806]{z-index:10;position:relative;box-shadow:0 8px 30px #1c191714}.card-footer[data-v-0249b806]{justify-content:space-between;align-items:center;padding:12px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.arrow-btn[data-v-0249b806]{border:1px solid var(--line);background:var(--bg-elev);width:36px;height:36px;color:var(--ink-faint);cursor:pointer;opacity:.55;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.arrow-btn[data-v-0249b806]:hover{opacity:1;color:var(--ink-soft);border-color:var(--ink-faint);background:#fff}.arrow-btn[data-v-0249b806]:active{transform:scale(.95)}.counter[data-v-0249b806]{font-family:var(--sans);color:var(--ink-faint);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:12px}.slide-enter-active[data-v-0249b806],.slide-leave-active[data-v-0249b806]{transition:all .35s cubic-bezier(.4,.2,.2,1)}.slide-enter-from[data-v-0249b806]{opacity:0;transform:translate(30px)}.slide-leave-to[data-v-0249b806]{opacity:0;transform:translate(-30px)}main[data-v-d8507498]{flex:1;justify-content:center;align-items:center;padding:32px 20px;display:flex}footer[data-v-d8507498]{border-top:1px solid var(--line);text-align:center;max-width:640px;color:var(--ink-faint);font-size:12px;font-family:var(--sans);letter-spacing:.05em;margin:0 auto;padding:24px}footer em[data-v-d8507498]{font-style:italic}:root{--bg:#faf6ed;--bg-elev:#fffdf7;--ink:#1c1917;--ink-soft:#44403c;--ink-faint:#78716c;--line:#e7e2d4;--line-soft:#efe9da;--op:#b45309;--op-bg:#fef3c7;--gt:#166534;--gt-bg:#dcfce7;--pt:#a16207;--pt-bg:#fef9c3;--qg:#1e40af;--qg-bg:#dbeafe;--qo:#7c3aed;--qo-bg:#ede9fe;--serif:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--zh-serif:"Noto Serif SC", "Songti SC", "Source Han Serif SC", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}#app{flex-direction:column;min-height:100vh;display:flex}