.app-header[data-v-608c3b93]{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-surface);border-bottom:var(--border-width-thin) solid var(--color-border-light)}.app-header__inner[data-v-608c3b93]{max-width:1100px;margin-inline:auto;display:flex;align-items:center;gap:var(--space-4);padding:var(--gap-header);flex-wrap:wrap}.app-header__brand[data-v-608c3b93]{font-family:var(--font-serif);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-strong);white-space:nowrap}.app-header__nav[data-v-608c3b93]{display:flex;gap:var(--space-1);flex-wrap:wrap}.app-header__link[data-v-608c3b93]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:background var(--transition-fast),color var(--transition-fast)}.app-header__link[data-v-608c3b93]:hover{color:var(--color-accent);background:var(--color-accent-soft)}.app-header__link.router-link-active[data-v-608c3b93]{color:var(--color-accent);background:var(--color-accent-soft);font-weight:var(--font-weight-medium)}.app-header__actions[data-v-608c3b93]{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.app-header__paper.is-active[data-v-608c3b93]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.app-header__user[data-v-608c3b93]{color:var(--color-text-secondary);font-size:var(--font-size-xs);max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 767px){.app-header__nav[data-v-608c3b93]{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-1)}}.toast-host[data-v-833673c7]{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--space-2);width:min(420px,calc(100vw - 2 * var(--space-4)));pointer-events:none}.toast[data-v-833673c7]{pointer-events:auto;cursor:pointer;background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-base);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);color:var(--color-text-primary);text-align:center}.toast--success[data-v-833673c7]{background:var(--color-tag-verb-bg);border-color:var(--color-tag-verb-text);color:var(--color-tag-verb-text)}.toast--error[data-v-833673c7]{background:var(--color-bg-note);border-color:var(--color-border-strong);color:var(--color-text-strong);font-weight:var(--font-weight-medium)}.toast-enter-active[data-v-833673c7],.toast-leave-active[data-v-833673c7]{transition:opacity var(--transition-base) var(--ease-out),transform var(--transition-base) var(--ease-out)}.toast-enter-from[data-v-833673c7],.toast-leave-to[data-v-833673c7]{opacity:0;transform:translateY(8px)}:root{--color-bg-page: #f5f3ef;--color-bg-surface: #ffffff;--color-bg-subtle: #f0ede8;--color-bg-muted: #e6e2db;--color-bg-note: #eef3f8;--color-text-primary: #1f2328;--color-text-strong: #0d1117;--color-text-secondary: #59636e;--color-text-tertiary: #8b949e;--color-text-inverse: #ffffff;--color-text-example: #3d444d;--color-border-light: #eae7e1;--color-border-base: #d8d3cb;--color-border-strong: #c2bcb2;--color-border-card: #e3dfd8;--color-border-focus: #3b7ddd;--color-border-example: #d0cac1;--color-accent: #2f6fed;--color-accent-hover: #1f5bd0;--color-accent-soft: #e8efff;--color-accent-muted: #b0aaa2;--color-tag-bg: #eef1f5;--color-tag-border: #d4dae2;--color-tag-text: #34404d;--color-tag-verb-bg: #eaf4ee;--color-tag-verb-text: #1f6b45;--color-tag-adj-bg: #fdf0e6;--color-tag-adj-text: #8a4b1e;--font-serif: "Georgia","Times New Roman","宋体","Songti SC",serif;--font-mono: "Courier New","Courier",monospace;--font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-size-xs: .85rem;--font-size-sm: 1rem;--font-size-base:1.125rem;--font-size-md: 1.2rem;--font-size-lg: 1.9rem;--font-size-xl: 2.2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-.01em;--letter-spacing-normal:.02em;--letter-spacing-wide:.3px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.8rem;--space-8:2rem;--space-9:2.5rem;--space-10:3rem;--padding-page: var(--space-6) var(--space-4) var(--space-10);--padding-container: var(--space-7) var(--space-6) var(--space-8);--padding-card: var(--space-5) var(--space-6);--padding-input: var(--space-3) var(--space-4);--gap-list: 1.4rem;--gap-header: .6rem 1.2rem;--container-max: 800px;--input-max: 350px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--border-width-thin: 1px;--border-width-base: 1px;--border-width-strong:2px;--border-width-accent:4px;--touch-target-min: 44px;--input-height-min: 48px;--shadow-subtle: 0 1px 2px rgba(16,24,40,.04), 0 4px 12px rgba(16,24,40,.06);--shadow-card: 0 1px 3px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.06);--shadow-card-hover: 0 4px 8px rgba(16,24,40,.08), 0 16px 40px rgba(16,24,40,.1);--shadow-focus: 0 0 0 3px rgba(47,111,237,.25);--shadow-input-focus: 0 0 0 3px rgba(47,111,237,.18);--transition-fast:.15s;--transition-base:.22s;--transition-slow:.32s;--ease-out: cubic-bezier(.16,1,.3,1);--z-base:1;--z-sticky:100;--z-overlay:1000;--z-modal:2000;--grid-columns: 1;--grid-gap: 1.4rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);color:var(--color-text-strong);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}button{font:inherit}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::selection{background:var(--color-accent-soft)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;width:100%}.page{padding:var(--padding-page)}.container{width:100%;max-width:var(--container-max);margin-inline:auto}.card{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.word-card{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-card);border-radius:var(--radius-md);padding:var(--padding-card);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base) var(--ease-out),transform var(--transition-base) var(--ease-out),border-color var(--transition-fast)}.word-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--color-border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);border:var(--border-width-thin) solid var(--color-border-base);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-xs);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text-inverse)}.btn--ghost{background:transparent}.btn--sm{min-height:36px;padding:var(--space-1) var(--space-4)}.text-input{width:100%;min-height:var(--input-height-min);padding:var(--padding-input);border:1.5px solid var(--color-border-base);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-input::placeholder{color:var(--color-text-tertiary)}.text-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-input-focus);outline:none}.word-tag{display:inline-flex;align-items:center;padding:2px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-tag-border);font-size:var(--font-size-xs);line-height:1.7;white-space:nowrap}.word-tag--verb{background:var(--color-tag-verb-bg);color:var(--color-tag-verb-text);border-color:var(--color-tag-verb-text)}.word-tag--adj{background:var(--color-tag-adj-bg);color:var(--color-tag-adj-text);border-color:var(--color-tag-adj-text)}.word-tag--noun{background:var(--color-tag-bg);color:var(--color-tag-text)}.chip{display:inline-flex;align-items:center;padding:1px var(--space-3);border-radius:var(--radius-pill);background:var(--color-bg-muted);color:var(--color-text-secondary);font-size:.78rem;line-height:1.7;white-space:nowrap}.chip--level{background:var(--color-bg-note);color:var(--color-text-secondary);font-family:var(--font-mono)}.chip--field{background:var(--color-tag-bg);color:var(--color-tag-text)}.chip--word{background:var(--color-accent-soft);color:var(--color-accent)}.chip--todo{background:var(--color-bg-note);color:var(--color-text-secondary)}.section-title{margin:0 0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide)}mark{background:var(--color-accent-soft);color:inherit;padding:0 2px;border-radius:3px}.anchor-flash{outline:var(--border-width-strong) solid var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm);transition:background var(--transition-slow) var(--ease-out),outline-color var(--transition-slow)}ol,ul{padding-left:1.2em}@media (max-width: 767px){:root{--container-max: 100%;--grid-columns: 1;--grid-gap: .9rem;--font-size-base: 1.0625rem;--font-size-lg: 1.6rem;--font-size-xl: 1.8rem;--padding-card: var(--space-4) var(--space-5);--padding-container: var(--space-5) var(--space-4) var(--space-6);--padding-page: var(--space-4) var(--space-3) var(--space-8);--gap-list: 1rem}}@media (min-width: 768px) and (max-width: 1023px){:root{--container-max: 720px;--grid-columns: 2;--grid-gap: 1.1rem}}@media (min-width: 1024px) and (max-width: 1279px){:root{--container-max: 1000px;--grid-columns: 2;--padding-card: 1.2rem 1.5rem;--font-size-base: 1.1875rem}}@media (min-width: 1280px){:root{--container-max: 1040px;--grid-columns: 2}}@media (monochrome),(update: slow){:root{--color-bg-page: #ffffff;--color-bg-surface: #ffffff;--color-bg-subtle: #f2f2f2;--color-bg-muted: #e8e8e8;--color-bg-note: #f2f2f2;--color-text-primary: #000000;--color-text-strong: #000000;--color-text-secondary:#333333;--color-text-tertiary:#666666;--color-text-example: #1a1a1a;--color-border-light: #cfcfcf;--color-border-base: #999999;--color-border-strong: #222222;--color-border-card: #1e1e1e;--color-border-focus: #000000;--color-border-example:#444444;--color-accent: #000000;--color-accent-hover: #333333;--color-accent-soft: #e8e8e8;--color-accent-muted: #888888;--color-tag-bg: #eeeeee;--color-tag-border: #888888;--color-tag-text: #000000;--color-tag-verb-bg: #e8e8e8;--color-tag-verb-text: #000000;--color-tag-adj-bg: #e8e8e8;--color-tag-adj-text: #000000;--shadow-subtle: none;--shadow-card: none;--shadow-card-hover: none;--shadow-focus: 0 0 0 2px #000000;--shadow-input-focus: 0 0 0 2px #000000;--transition-fast:0s;--transition-base:0s;--transition-slow:0s;--border-width-thin: 1.5px;--border-width-base: 2px;--border-width-strong: 2.5px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}.word-card{box-shadow:none;border:var(--border-width-base) solid var(--color-border-card)}.word-card:hover{box-shadow:none;border-color:var(--color-border-strong);transform:none}.vocab-manual{box-shadow:none;border:var(--border-width-base) solid var(--color-border-strong)}*{animation:none!important;transition:none!important}}@media (prefers-contrast: more){:root{--color-bg-page: #ffffff;--color-text-primary: #000000;--color-text-secondary:#1a1a1a;--color-border-card: #000000;--color-border-base: #000000;--color-accent: #000000;--shadow-card: none;--shadow-subtle: none;--border-width-base: 2px}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0s;--transition-base: 0s;--transition-slow: 0s}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.paper-mode{--color-bg-page: #f8f6f2;--color-bg-surface: #ffffff;--color-text-primary: #1e1e1e;--color-text-secondary:#4a4a4a;--color-accent: #1e1e1e;--color-border-card: #dad5cd;--shadow-subtle: none;--shadow-card: none;--shadow-card-hover: none;--transition-fast: 0s;--transition-base: 0s;--radius-md: 12px;--border-width-base: 1.5px}.paper-mode .word-card{box-shadow:none;border-width:1.5px}.paper-mode .word-card:hover{box-shadow:none;transform:none}