*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#faf6f0;--paper-deep:#f2ebe0;--surface:#fff;--surface-raised:#fff;--ink:#2a1f14;--ink-soft:#4a3a28;--ink-muted:#8a7560;--ink-faint:#b5a28e;--rule:#e8dcc9;--rule-soft:#f2ebe0;--shadow:#78502814;--shadow-deep:#7850282e;--primary:#e67e22;--primary-deep:#ca6510;--primary-soft:#fdf2e5;--accent:#d35400;--success:#5b8c5a;--success-deep:#467044;--success-soft:#eef5ee;--warning:#d4a574;--warning-soft:#fbf3e8;--danger:#c0392b;--danger-deep:#9e2d22;--danger-soft:#fbeeec;--info:#6b9bd2;--level-0:#5b8c5a;--level-0-soft:#eef5ee;--level-1:#6b9bd2;--level-1-soft:#ecf2f9;--level-2:#d4a574;--level-2-soft:#fbf3e8;--level-3:#a569bd;--level-3-soft:#f4ecf7;--level-4:#c0392b;--level-4-soft:#fbeeec;--level-5:#16a085;--level-5-soft:#e6f5f2;--level-6:#e67e22;--level-6-soft:#fdf2e5;--level-7:#8e44ad;--level-7-soft:#f5eef8;--level-8:#7f8c8d;--level-8-soft:#f0f2f3;--oxblood:var(--primary);--oxblood-deep:var(--primary-deep);--oxblood-soft:var(--primary-soft);--forest:var(--success);--forest-deep:var(--success-deep);--forest-soft:var(--success-soft);--gold:var(--warning);--gold-soft:var(--warning-soft);--ink-blue:var(--info);--color-primary:var(--primary);--color-primary-light:var(--primary-soft);--color-primary-hover:var(--primary-deep);--color-new:var(--success);--color-review:var(--warning);--color-difficult:var(--danger);--color-success:var(--success);--color-bg:var(--paper);--color-card:var(--surface);--color-text:var(--ink);--color-text-secondary:var(--ink-muted);--color-border:var(--rule);--color-shadow:var(--shadow);--radius-md:12px;--radius-lg:18px;--font-display:"Sora", "Plus Jakarta Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace}html,body{width:100%;height:100%;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--paper);background-image:radial-gradient(at 12% 6%,#e67e2214 0,#0000 50%),radial-gradient(at 88% 10%,#d354000f 0,#0000 48%),radial-gradient(at 78% 92%,#a569bd0d 0,#0000 52%);background-size:auto,auto,auto;background-attachment:fixed;overflow-x:hidden}#app{height:100%;min-height:100vh;position:relative}.display-serif{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.small-caps{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-muted);font-size:11px;font-weight:700}.rule-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-muted);align-items:center;gap:14px;font-size:10px;font-weight:700;display:flex}.rule-label:before,.rule-label:after{content:"";background:var(--rule);flex:1;height:1px}.rule-label.left:before{display:none}.page-container{z-index:2;max-width:1240px;margin:0 auto;padding:28px 36px;position:relative}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:0 1px 2px var(--shadow), 0 12px 32px -18px var(--shadow-deep);padding:24px;transition:all .3s cubic-bezier(.2,.7,.2,1)}.card-new{border-left:3px solid var(--success)}.card-review{border-left:3px solid var(--warning)}.card-difficult{border-left:3px solid var(--danger)}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);cursor:pointer;font-family:var(--font-body);letter-spacing:.02em;border-radius:999px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 6px 16px -6px #e67e2273}.btn-primary:hover{background:var(--primary-deep);border-color:var(--primary-deep);transform:translateY(-1px)}.btn-secondary{color:var(--ink);border:1px solid var(--rule);cursor:pointer;font-family:var(--font-body);letter-spacing:.02em;background:0 0;border-radius:999px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .2s}.btn-secondary:hover{background:var(--paper-deep);border-color:var(--ink-faint)}.word-card{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}.word-card:hover{box-shadow:0 1px 2px var(--shadow), 0 20px 40px -18px var(--shadow-deep);transform:translateY(-3px)}.badge{font-family:var(--font-body);letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.badge-new{color:var(--success-deep);background:var(--success-soft)}.badge-review{color:#8b5a2b;background:var(--warning-soft)}.badge-difficult{color:var(--danger-deep);background:var(--danger-soft)}.tag{border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.empty-state{text-align:center;color:var(--ink-muted);padding:80px 24px;position:relative}.empty-state .icon{font-family:var(--font-display);color:var(--ink-faint);margin-bottom:16px;font-size:56px;font-weight:600;line-height:1}.stat-card{text-align:left;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);padding:22px 24px;position:relative;overflow:hidden}.stat-value{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:42px;font-weight:700;line-height:1}.stat-label{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-top:10px;font-size:11px;font-weight:700}.nav-link{cursor:pointer;color:var(--ink-muted);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{background:var(--primary-soft);color:var(--primary)}.print-area{color:#1a1a1a;background:#fff;padding:20px;font-size:12px}.print-area table{border-collapse:collapse;width:100%;margin-bottom:20px}.print-area th,.print-area td{text-align:left;border:1px solid #333;padding:6px 8px;font-size:11px}.print-area th{background:#f0f0f0;font-weight:600}.print-area h1,.print-area h2,.print-area h3{margin:10px 0}.print-area .title{text-align:center;margin-bottom:10px;font-size:18px;font-weight:600}@media screen and (width<=768px){.page-container,.card{padding:18px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rule);border:2px solid var(--paper);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.fade-enter-active,.fade-leave-active{transition:opacity .4s}.fade-enter-from,.fade-leave-to{opacity:0}::selection{background:var(--primary);color:#fff}@keyframes lexicon-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lexicon-fade{0%{opacity:0}to{opacity:1}}@keyframes aurora-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-2%)scale(1.08)}to{transform:translate(0,0)scale(1)}}.rise{animation:.6s cubic-bezier(.2,.7,.2,1) both lexicon-rise}.ornament{font-family:var(--font-display);color:var(--ink-faint);-webkit-user-select:none;user-select:none;opacity:.6}