@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Fraunces:opsz,wght@9..144,400;9..144,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Liu+Jian+Mao+Cao&family=Long+Cang&family=Ma+Shan+Zheng&family=Zhi+Mang+Xing&display=swap";.hsk-badge[data-v-7ab2fcad]{display:inline-block;padding:2px 6px;border-radius:4px;font-weight:600;font-size:.7rem;text-transform:uppercase;white-space:nowrap}.hsk-badge.size-medium[data-v-7ab2fcad]{padding:4px 8px;font-size:.8rem}.hsk-badge.hsk-beginner[data-v-7ab2fcad]{background:var(--hsk-1);color:#fff}.hsk-badge.hsk-intermediate[data-v-7ab2fcad]{background:var(--hsk-3);color:#fff}.hsk-badge.hsk-advanced[data-v-7ab2fcad]{background:var(--hsk-7-9);color:#fff}.hanzi-card[data-v-34a3c01b]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 6px 8px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;position:relative;transition:all .15s ease;text-decoration:none;color:inherit;font:inherit;min-height:70px;box-shadow:0 1px 2px #0000000a}.hanzi-card[data-v-34a3c01b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--accent-color)}.hanzi-card:hover .card-character[data-v-34a3c01b]{color:var(--accent-color)}.hanzi-card.size-small[data-v-34a3c01b]{padding:22px 4px 6px;min-height:48px}.hanzi-card.size-small .card-character[data-v-34a3c01b]{font-size:1.4rem}.hanzi-card.size-small .card-pinyin[data-v-34a3c01b]{font-size:.65rem}.hanzi-card.size-medium .card-character[data-v-34a3c01b]{font-size:1.6rem}.hanzi-card.size-large[data-v-34a3c01b]{padding:26px 8px 10px;min-height:90px}.hanzi-card.size-large .card-character[data-v-34a3c01b]{font-size:2.5rem}.card-character[data-v-34a3c01b]{font-family:var(--font-hanzi);color:var(--ink-color, #1a1a1a);font-weight:400;line-height:1.2;transition:color .15s ease}.card-pinyin[data-v-34a3c01b]{font-size:.7rem;color:#888;margin-top:2px;font-weight:500}.card-meaning[data-v-34a3c01b]{font-size:.7rem;color:#666;margin-top:2px;text-align:center;line-height:1.3;max-width:100%;padding:0 2px;word-wrap:break-word;overflow-wrap:break-word}.card-hsk[data-v-34a3c01b]{position:absolute;top:0;left:-1px;width:calc(100% + 2px);height:16px;margin:0!important;font-size:.6rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px;background-color:#dfe6e9}.card-srs[data-v-34a3c01b]{position:absolute;bottom:2px;right:2px;font-size:.55rem;padding:1px 3px;border-radius:2px;font-weight:600;color:#fff;z-index:2}.srs-new[data-v-34a3c01b]{background:var(--srs-new)}.srs-learning[data-v-34a3c01b]{background:var(--srs-learning);color:#333}.srs-young[data-v-34a3c01b]{background:var(--srs-young)}.srs-mature[data-v-34a3c01b]{background:var(--srs-mature)}.hanzi-card.know-1[data-v-34a3c01b]{border-bottom:4px solid var(--know-1);background:var(--know-bg-1)}.hanzi-card.know-2[data-v-34a3c01b]{border-bottom:4px solid var(--know-2);background:var(--know-bg-2)}.hanzi-card.know-3[data-v-34a3c01b]{border-bottom:4px solid var(--know-3);background:var(--know-bg-3)}.hanzi-card.know-4[data-v-34a3c01b]{border-bottom:4px solid var(--know-4);background:var(--know-bg-4)}.hanzi-card.know-5[data-v-34a3c01b]{border-bottom:4px solid var(--know-5);background:var(--know-bg-5)}.hanzi-card.dim-mid[data-v-34a3c01b]{opacity:.75}.hanzi-card.dim-low[data-v-34a3c01b]{opacity:.5}.hanzi-card.dim-rare[data-v-34a3c01b]{opacity:.3;filter:grayscale(80%)}.hanzi-card.dim-mid[data-v-34a3c01b]:hover,.hanzi-card.dim-low[data-v-34a3c01b]:hover,.hanzi-card.dim-rare[data-v-34a3c01b]:hover{opacity:1;filter:none}.left-panel[data-v-e91416b5]{display:flex;flex-direction:column;gap:0;height:100%}.panel-section[data-v-e91416b5]{display:flex;flex-direction:column}.section-header[data-v-e91416b5]{padding:10px 0;margin-bottom:8px;border-bottom:1px solid #e0e0e0;text-align:center}.section-title[data-v-e91416b5]{margin:0;font-size:.8rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.section-content[data-v-e91416b5]{padding:12px 0}.group-title[data-v-e91416b5]{margin:0 0 8px;font-size:.65rem;color:#888;text-transform:uppercase;font-weight:500}.similar-group[data-v-e91416b5]{margin-bottom:12px}.similar-group[data-v-e91416b5]:last-child{margin-bottom:0}.similar-grid[data-v-e91416b5]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.empty-panel[data-v-e91416b5]{display:flex;align-items:center;justify-content:center;flex:1;color:#999;font-size:.85rem}.chengyu-item[data-v-41a25cb4]{display:block;padding:.75rem;background:var(--bg-color);border-radius:6px;transition:background .15s;text-decoration:none;color:inherit}.chengyu-item[data-v-41a25cb4]:hover{background:var(--border-color)}.cy-header[data-v-41a25cb4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.cy-word[data-v-41a25cb4]{font-size:1.25rem;font-weight:500}.cy-tier[data-v-41a25cb4]{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600}.cy-tier.tier-common[data-v-41a25cb4]{background:#00b894;color:#fff}.cy-tier.tier-standard[data-v-41a25cb4]{background:#0984e3;color:#fff}.cy-tier.tier-advanced[data-v-41a25cb4]{background:#fdcb6e;color:#333}.cy-pinyin[data-v-41a25cb4]{font-size:.85rem;color:var(--accent-color);margin-bottom:.25rem}.cy-meaning[data-v-41a25cb4]{font-size:.8rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.right-panel[data-v-cc63f457]{display:flex;flex-direction:column;gap:0;height:100%}.panel-section[data-v-cc63f457]{display:flex;flex-direction:column}.section-header[data-v-cc63f457]{padding:10px 0;margin-bottom:8px;border-bottom:1px solid #e0e0e0;text-align:center;position:relative}.section-title[data-v-cc63f457]{margin:0;font-size:.8rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.section-content[data-v-cc63f457]{padding:12px 0;text-align:left}.similar-grid[data-v-cc63f457]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stroke-content[data-v-cc63f457]{display:flex;flex-direction:column;align-items:center;gap:12px}.stroke-box[data-v-cc63f457]{width:150px;height:150px;display:flex;justify-content:center;align-items:center;background:#fff;border:2px dashed #ddd;border-radius:8px}#stroke-container-right[data-v-cc63f457]{width:130px;height:130px;display:flex;justify-content:center;align-items:center}.replay-btn[data-v-cc63f457]{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1rem;color:#888;padding:2px 6px;border-radius:4px;transition:all .15s}.replay-btn[data-v-cc63f457]:hover{color:var(--accent-color);background:#c5392914}.components-row[data-v-cc63f457]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.component-badge[data-v-cc63f457]{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:4px 10px;text-decoration:none;color:inherit;transition:all .15s}.component-badge[data-v-cc63f457]:hover{border-color:var(--accent-color)}.component-char[data-v-cc63f457]{font-size:1.2rem;line-height:1;font-family:var(--font-hanzi)}.component-pinyin[data-v-cc63f457]{font-size:.6rem;color:#888;margin-top:2px}.words-list[data-v-cc63f457]{display:flex;flex-direction:column;align-items:stretch;gap:8px}.word-item[data-v-cc63f457]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;text-decoration:none;color:inherit;transition:all .15s ease;position:relative;box-shadow:0 1px 2px #0000000a}.word-item[data-v-cc63f457]:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014;border-color:var(--accent-color)}.word-hsk-corner[data-v-cc63f457]{position:absolute;top:6px;right:6px;font-size:.5rem;padding:1px 4px;border-radius:2px}.word-row-top[data-v-cc63f457]{display:flex;align-items:baseline;gap:8px;padding-right:32px}.word-chars[data-v-cc63f457]{display:inline-flex;gap:2px}.word-char[data-v-cc63f457]{font-size:1.2rem;font-family:var(--font-hanzi);color:var(--ink-color);padding:2px 3px;border-radius:3px}.word-char.know-1[data-v-cc63f457]{border-bottom:2px solid var(--know-1);background:var(--know-bg-1)}.word-char.know-2[data-v-cc63f457]{border-bottom:2px solid var(--know-2);background:var(--know-bg-2)}.word-char.know-3[data-v-cc63f457]{border-bottom:2px solid var(--know-3);background:var(--know-bg-3)}.word-char.know-4[data-v-cc63f457]{border-bottom:2px solid var(--know-4);background:var(--know-bg-4)}.word-char.know-5[data-v-cc63f457]{border-bottom:2px solid var(--know-5);background:var(--know-bg-5)}.word-pinyin[data-v-cc63f457]{font-size:.75rem;color:var(--accent-color);font-weight:500}.word-meaning[data-v-cc63f457]{font-size:.72rem;color:#666;line-height:1.35}.chengyu-list[data-v-cc63f457]{display:flex;flex-direction:column;gap:4px}.empty-panel[data-v-cc63f457]{display:flex;align-items:center;justify-content:center;flex:1;color:#999;font-size:.85rem}.full-width .panel[data-v-8449e69c]{display:none}.home-page[data-v-5d533868]{width:100%;height:100%;display:flex;flex-direction:column;background:var(--card-bg);position:relative;overflow:hidden}.home-grid[data-v-5d533868]{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:40px 40px 30px;max-width:1100px;margin:0 auto;width:100%;align-items:center}.spotlight-section[data-v-5d533868]{display:flex;flex-direction:column;align-items:center;justify-content:center}.spotlight-container[data-v-5d533868]{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.spotlight-main[data-v-5d533868]{width:120px;height:120px;background:#fff;border:3px solid var(--accent-color);border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;position:relative;z-index:10;box-shadow:0 8px 32px #c5392926,0 2px 8px #0000000f}.spotlight-main[data-v-5d533868]:hover{transform:scale(1.08);box-shadow:0 12px 40px #c5392940,0 4px 12px #00000014}.spotlight-main.transitioning[data-v-5d533868]{opacity:0;transform:scale(.85)}.spotlight-char[data-v-5d533868]{font-family:var(--font-hanzi);font-size:4.5rem;color:var(--ink-color);line-height:1}.spotlight-orbit[data-v-5d533868]{position:absolute;width:100%;height:100%;pointer-events:none}.spotlight-orbit.active[data-v-5d533868]{pointer-events:auto}.orbit-item[data-v-5d533868]{position:absolute;width:48px;height:48px;background:#fff;border:2px solid #ddd;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-hanzi);font-size:1.6rem;color:#666;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translate(-50%,-50%) scale(.5);left:50%;top:50%;box-shadow:0 2px 8px #0000000f}.spotlight-orbit.active .orbit-item[data-v-5d533868]{opacity:1;transform:translate(-50%,-50%) scale(1)}.orbit-item[data-v-5d533868]:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translate(-50%,-50%) scale(1.15)!important;z-index:20;box-shadow:0 4px 16px #c539294d}.spotlight-orbit.active .orbit-item[data-v-5d533868]:nth-child(1){left:50%;top:2%;transition-delay:.02s}.spotlight-orbit.active .orbit-item[data-v-5d533868]:nth-child(2){left:93%;top:30%;transition-delay:.06s}.spotlight-orbit.active .orbit-item[data-v-5d533868]:nth-child(3){left:82%;top:88%;transition-delay:.1s}.spotlight-orbit.active .orbit-item[data-v-5d533868]:nth-child(4){left:18%;top:88%;transition-delay:.14s}.spotlight-orbit.active .orbit-item[data-v-5d533868]:nth-child(5){left:7%;top:30%;transition-delay:.18s}.spotlight-hint[data-v-5d533868]{margin-top:12px;font-family:Space Mono,monospace;font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:1px}.hint-arrow[data-v-5d533868]{color:var(--accent-color)}.content-section[data-v-5d533868]{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.headline[data-v-5d533868]{font-family:DM Sans,sans-serif;font-size:2rem;font-weight:500;margin:0;line-height:1.3;color:var(--text-color)}.headline strong[data-v-5d533868]{color:var(--accent-color);font-weight:700}.stats-row[data-v-5d533868]{display:flex;gap:24px;margin-top:8px}.stat[data-v-5d533868]{display:flex;flex-direction:column}.stat-num[data-v-5d533868]{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700;color:var(--ink-color);line-height:1}.stat-label[data-v-5d533868]{font-family:Space Mono,monospace;font-size:.65rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.hsk-section[data-v-5d533868]{display:flex;flex-direction:column;gap:8px}.hsk-row[data-v-5d533868]{display:flex;gap:8px}.hsk-btn[data-v-5d533868]{min-width:44px;height:44px;padding:0 14px;border-radius:10px;border:none;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px #0000001a;line-height:44px;text-align:center}.hsk-btn[data-v-5d533868]:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.hsk-1[data-v-5d533868]{background:var(--hsk-1)}.hsk-2[data-v-5d533868]{background:var(--hsk-2)}.hsk-3[data-v-5d533868]{background:var(--hsk-3)}.hsk-4[data-v-5d533868]{background:var(--hsk-4)}.hsk-5[data-v-5d533868]{background:var(--hsk-5);color:#333}.hsk-6[data-v-5d533868]{background:var(--hsk-6)}.hsk-advanced[data-v-5d533868]{background:linear-gradient(135deg,var(--hsk-7-9) 0%,#ff6b5b 100%)}.hsk-label[data-v-5d533868]{font-family:Space Mono,monospace;font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:1px}.features-section[data-v-5d533868]{display:flex;justify-content:center;gap:16px;padding:20px 24px;background:#f8f8f8;border-top:1px solid #eee}.feature-card[data-v-5d533868]{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:20px;width:200px;transition:all .15s ease}.feature-card[data-v-5d533868]:hover{border-color:#ddd;box-shadow:0 4px 12px #0000000f}.feature-icon[data-v-5d533868]{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-family:var(--font-hanzi)}.icon-char[data-v-5d533868]{font-size:1.5rem;color:#555}.icon-char.small[data-v-5d533868]{font-size:.9rem}.icon-arrow[data-v-5d533868]{font-family:Space Mono,monospace;color:var(--accent-color);font-size:1rem}.icon-emoji[data-v-5d533868]{font-size:1.5rem}.feature-card h3[data-v-5d533868]{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;color:var(--ink-color);margin:0 0 6px}.feature-card p[data-v-5d533868]{font-family:Space Mono,monospace;font-size:.72rem;color:#888;margin:0;line-height:1.5}@media (max-width: 800px){.home-grid[data-v-5d533868]{grid-template-columns:1fr;padding:20px;gap:24px}.spotlight-section[data-v-5d533868]{order:2}.content-section[data-v-5d533868]{order:1;align-items:center;text-align:center}.stats-row[data-v-5d533868]{justify-content:center}.hsk-section[data-v-5d533868]{align-items:center}.hsk-row[data-v-5d533868]{justify-content:center}.features-section[data-v-5d533868]{flex-direction:column;align-items:center}.feature-card[data-v-5d533868]{width:100%;max-width:300px}.spotlight-container[data-v-5d533868]{width:240px;height:240px}.spotlight-main[data-v-5d533868]{width:100px;height:100px}.spotlight-char[data-v-5d533868]{font-size:3.5rem}.orbit-item[data-v-5d533868]{width:40px;height:40px;font-size:1.4rem}.features-strip[data-v-5d533868]{flex-direction:column;gap:12px;align-items:center}.headline[data-v-5d533868]{font-size:1.5rem;text-align:center}}@media (max-width: 500px){.hsk-btn[data-v-5d533868]{min-width:36px;height:36px;padding:0 10px;font-size:14px;line-height:36px}.stats-row[data-v-5d533868]{gap:16px}.stat-num[data-v-5d533868]{font-size:1.2rem}.features-section[data-v-5d533868]{padding:16px;gap:12px}.feature-card[data-v-5d533868]{padding:16px}}.list-container[data-v-3fdfc911]{width:100%;max-width:900px;margin:0 auto;padding:16px}.list-title[data-v-3fdfc911]{text-align:center;color:var(--ink-color);margin:0 0 20px;font-size:1.4rem;font-weight:600}.loading-state[data-v-3fdfc911]{text-align:center;padding:40px;color:#888}.error-state[data-v-3fdfc911]{text-align:center;color:var(--color-error);padding:20px;background:#fff5f5;border-radius:6px;border:1px solid rgba(231,76,60,.2)}.list-section[data-v-3fdfc911]{margin-bottom:24px}.section-title[data-v-3fdfc911]{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.8rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.section-title--green[data-v-3fdfc911]{color:var(--color-success)}.level-dot[data-v-3fdfc911]{width:8px;height:8px;border-radius:50%;background:#888}.section-title--level-1 .level-dot[data-v-3fdfc911]{background:var(--know-1)}.section-title--level-2 .level-dot[data-v-3fdfc911]{background:var(--know-2)}.section-title--level-3 .level-dot[data-v-3fdfc911]{background:var(--know-3)}.section-title--level-4 .level-dot[data-v-3fdfc911]{background:var(--know-4)}.section-title--level-5 .level-dot[data-v-3fdfc911]{background:var(--know-5)}.level-count[data-v-3fdfc911]{font-weight:400;color:#999}.list-grid[data-v-3fdfc911]{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.loading[data-v-1ce581ea],.error[data-v-1ce581ea]{padding:3rem;text-align:center}.error[data-v-1ce581ea]{color:var(--color-error)}.loading[data-v-fcb95199],.error[data-v-fcb95199]{padding:3rem;text-align:center}.error[data-v-fcb95199]{color:var(--color-error)}.settings-container[data-v-07164987]{max-width:600px;margin:0 auto;padding:2rem}.settings-section[data-v-07164987]{margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.settings-item[data-v-07164987]{display:flex;align-items:center;gap:1rem}.settings-toggle[data-v-07164987]{position:relative;width:50px;height:26px}.settings-toggle input[data-v-07164987]{opacity:0;width:0;height:0}.settings-toggle-slider[data-v-07164987]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.settings-toggle-slider[data-v-07164987]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.settings-toggle-slider[data-v-07164987]{background-color:var(--accent-color)}input:checked+.settings-toggle-slider[data-v-07164987]:before{transform:translate(24px)}.settings-shortcuts[data-v-07164987]{display:flex;flex-direction:column;gap:.5rem}.shortcut-row[data-v-07164987]{display:flex;align-items:center;gap:1rem}.shortcut-key[data-v-07164987]{background:#eee;padding:2px 6px;border-radius:4px;font-family:monospace;font-weight:700}.chengyu-list-container[data-v-90e0530a]{max-width:800px;margin:0 auto;padding:2rem}.chengyu-section[data-v-90e0530a]{margin-top:2rem}.chengyu-list[data-v-90e0530a]{display:flex;flex-direction:column;gap:.5rem}.chengyu-list-item[data-v-90e0530a]{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#fff;border-radius:6px;text-decoration:none;color:inherit;transition:background .2s}.chengyu-list-item[data-v-90e0530a]:hover{background:#f0f0f0}.chengyu-list-word[data-v-90e0530a]{font-size:1.5rem;font-weight:700;display:flex;gap:2px}.chengyu-list-pinyin[data-v-90e0530a]{color:var(--accent-color);font-size:.9rem}.chengyu-list-meaning[data-v-90e0530a]{flex:1;font-size:.9rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-token[data-v-90e0530a]{text-decoration:none;color:inherit;padding:0 2px;border-bottom:2px solid transparent}.ex-token.know-1[data-v-90e0530a]{border-color:var(--know-1);background:var(--know-bg-1)}.ex-token.know-2[data-v-90e0530a]{border-color:var(--know-2);background:var(--know-bg-2)}.ex-token.know-3[data-v-90e0530a]{border-color:var(--know-3);background:var(--know-bg-3)}.ex-token.know-4[data-v-90e0530a]{border-color:var(--know-4);background:var(--know-bg-4)}.ex-token.know-5[data-v-90e0530a]{border-color:var(--know-5);background:var(--know-bg-5)}.chengyu-detail-container[data-v-97940f1b]{max-width:800px;margin:0 auto;padding:2rem}.loading[data-v-97940f1b],.error[data-v-97940f1b]{padding:3rem;text-align:center}.error[data-v-97940f1b]{color:var(--color-error)}.genealogy-view[data-v-0fa14347]{width:100vw;height:100vh;overflow:hidden;background-color:#f4f7f9;background-image:radial-gradient(#e0e0e0 1px,transparent 1px);background-size:20px 20px;position:relative;font-family:Inter,sans-serif}.controls-bar[data-v-0fa14347]{position:absolute;top:20px;left:20px;z-index:100;display:flex;align-items:center;gap:15px}.back-btn[data-v-0fa14347]{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #ddd;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;box-shadow:0 2px 5px #0000000d;transition:all .2s}.back-btn[data-v-0fa14347]:hover{background:#f8f8f8;transform:translateY(-1px)}.title-block[data-v-0fa14347]{display:flex;align-items:center;gap:12px;background:#ffffffe6;padding:6px 12px;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.title-char[data-v-0fa14347]{font-family:KaiTi,楷体,serif;font-size:1.8rem;color:#333;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fffaf2;border:1px solid #ffd39a;border-radius:10px}.title-text[data-v-0fa14347]{display:flex;flex-direction:column;gap:2px}.title-label[data-v-0fa14347]{font-size:1rem;font-weight:700;color:#333}.title-meta[data-v-0fa14347]{font-size:.75rem;color:#666}.info-panel[data-v-0fa14347]{position:absolute;top:20px;right:20px;width:300px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:20px;z-index:200;border:1px solid #e0e0e0}.info-header[data-v-0fa14347]{display:flex;gap:12px;align-items:center;margin-bottom:8px}.info-char[data-v-0fa14347]{font-family:KaiTi,楷体,serif;font-size:2.6rem;color:#333;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f7f7f7;border-radius:12px;border:1px solid #e5e5e5}.info-meta[data-v-0fa14347]{display:flex;flex-direction:column;gap:6px}.info-pinyin[data-v-0fa14347]{font-size:1.05rem;color:#666;font-weight:500}.info-def[data-v-0fa14347]{font-size:.9rem;color:#555;line-height:1.4;margin:6px 0 12px}.info-tags[data-v-0fa14347]{display:flex;gap:6px;flex-wrap:wrap}.info-tag[data-v-0fa14347]{font-size:.75rem;padding:4px 8px;background:#f0f0f0;border-radius:4px;color:#666}.info-tag.role[data-v-0fa14347]{background:#e3f2fd;color:#1976d2}.info-stats[data-v-0fa14347]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat[data-v-0fa14347]{background:#f7f9fb;border:1px solid #e6edf2;border-radius:8px;padding:8px}.stat-value[data-v-0fa14347]{font-size:1.1rem;font-weight:700;color:#333}.stat-label[data-v-0fa14347]{font-size:.7rem;color:#666;margin-top:2px}.info-actions[data-v-0fa14347]{display:flex;gap:10px}.action-btn[data-v-0fa14347]{flex:1;padding:8px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;text-align:center;text-decoration:none}.action-btn[data-v-0fa14347]:hover{background:#f5f5f5}.action-btn.primary[data-v-0fa14347]{background:#1976d2;color:#fff;border:none}.action-btn.primary[data-v-0fa14347]:hover{background:#1565c0}.action-btn[data-v-0fa14347]:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5;color:#666}.slide-right-enter-active[data-v-0fa14347],.slide-right-leave-active[data-v-0fa14347]{transition:all .3s ease}.slide-right-enter-from[data-v-0fa14347],.slide-right-leave-to[data-v-0fa14347]{opacity:0;transform:translate(20px)}.canvas-container[data-v-0fa14347]{width:100%;height:100%;cursor:grab}.canvas-container[data-v-0fa14347]:active{cursor:grabbing}.canvas-content[data-v-0fa14347]{will-change:transform}.links-svg[data-v-0fa14347]{position:absolute;top:0;left:0;pointer-events:none}.link[data-v-0fa14347]{fill:none;stroke-width:2px;transition:d .3s ease}.link.ancestor[data-v-0fa14347]{stroke:#90caf9;stroke-dasharray:6 4}.link.descendant[data-v-0fa14347]{stroke:#bdbdbd}.link.overlay[data-v-0fa14347]{stroke:#b6c2ce;stroke-dasharray:2 4;opacity:.8}.nodes-layer[data-v-0fa14347]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.node-wrapper[data-v-0fa14347]{position:absolute;width:auto;height:auto;display:flex;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer;transition:transform .5s cubic-bezier(.25,.8,.25,1);z-index:5}.node-wrapper.is-selected[data-v-0fa14347]{z-index:20}.node-fade-enter-active[data-v-0fa14347],.node-fade-leave-active[data-v-0fa14347]{transition:opacity .3s,transform .3s}.node-fade-enter-from[data-v-0fa14347],.node-fade-leave-to[data-v-0fa14347]{opacity:0;transform:scale(.5)}.node-card[data-v-0fa14347]{width:140px;min-width:140px;background:#fff;box-shadow:0 4px 10px #00000014;transition:all .2s}.node-wrapper:hover .node-card[data-v-0fa14347],.node-wrapper.is-selected .node-card[data-v-0fa14347]{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #00000026;border-color:#2196f3}.is-hero .node-card[data-v-0fa14347]{border:2px solid #FF9800;transform:scale(1.2)}.node-wrapper.is-selected.is-hero .node-card[data-v-0fa14347],.node-wrapper:hover.is-hero .node-card[data-v-0fa14347]{border-color:#ff9800;transform:translateY(-4px) scale(1.2)}.node-simple[data-v-0fa14347]{width:50px;height:50px;background:#fff;border:1px solid #ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #0000001a}.simple-char[data-v-0fa14347]{font-family:KaiTi,楷体,serif;font-size:24px}.pagination-node[data-v-0fa14347]{width:100px;height:60px;background:#f0f4f8;border:1px dashed #cfd8dc;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#607d8b;transition:all .2s}.pagination-node[data-v-0fa14347]:hover{background:#e1f5fe;border-color:#29b6f6;transform:scale(1.05)}.pagination-node .count[data-v-0fa14347]{font-weight:700;font-size:1.1rem}.pagination-node .label[data-v-0fa14347]{font-size:.7rem}.role-badge[data-v-0fa14347]{position:absolute;top:-18px;background:#455a64;color:#fff;font-size:.65rem;padding:2px 8px;border-radius:12px;white-space:nowrap;opacity:0;transform:translateY(5px);transition:all .2s}.node-wrapper:hover .role-badge[data-v-0fa14347]{opacity:1;transform:translateY(0)}.expand-badge[data-v-0fa14347]{position:absolute;bottom:-15px;background:#2196f3;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:700;box-shadow:0 2px 4px #0003}.spinner-sm[data-v-0fa14347]{display:block;width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-0fa14347 1s infinite linear}.legend-overlay[data-v-0fa14347]{position:absolute;bottom:20px;right:20px;background:#ffffffe6;padding:15px;border-radius:12px;font-size:.85rem;color:#555;box-shadow:0 2px 10px #0000000d}.legend-row[data-v-0fa14347]{display:flex;align-items:center;gap:8px;margin-bottom:5px}.legend-line[data-v-0fa14347]{width:18px;height:0;border-top:3px solid #BDBDBD;border-radius:3px;display:inline-block}.legend-line.anc[data-v-0fa14347]{border-top-style:dashed;border-top-color:#90caf9}.legend-line.desc[data-v-0fa14347]{border-top-color:#bdbdbd}.legend-hero[data-v-0fa14347]{width:14px;height:14px;border-radius:4px;background:#fff3e0;border:2px solid #FF9800;display:inline-block}.hint[data-v-0fa14347]{margin-top:10px;font-size:.75rem;color:#999;border-top:1px solid #eee;padding-top:5px}@keyframes spin-0fa14347{to{transform:rotate(360deg)}}.about-page[data-v-14e27bf7]{height:100%;display:flex;flex-direction:column;overflow:hidden}.hero[data-v-14e27bf7]{display:block;padding:24px 20px 20px;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,#fafafa 0%,transparent 100%);flex-shrink:0;text-align:center}.hero h1[data-v-14e27bf7],.hero .subtitle[data-v-14e27bf7],.hero .intro-text[data-v-14e27bf7]{display:block;width:100%}.hero .intro-text[data-v-14e27bf7]{max-width:700px;margin:0 auto;text-align:left}.hero h1[data-v-14e27bf7]{font-size:1.6rem;font-weight:600;color:var(--ink-color);margin:0 0 4px;line-height:1.2}.subtitle[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted);margin:0 0 16px}.intro-text[data-v-14e27bf7]{max-width:700px}.intro-text p[data-v-14e27bf7]{font-size:.9rem;line-height:1.55;color:var(--text-color);margin:0 0 8px}.intro-text em[data-v-14e27bf7]{font-style:italic;color:var(--accent-color)}.hear-hear[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted);padding-left:12px;border-left:3px solid var(--accent-color);margin-top:12px!important}.loading[data-v-14e27bf7],.error[data-v-14e27bf7]{text-align:center;padding:40px;color:var(--text-muted)}.error[data-v-14e27bf7]{color:var(--color-error)}.three-columns[data-v-14e27bf7]{display:grid;grid-template-columns:280px 1fr 180px;gap:0;flex:1;min-height:0;overflow:hidden}.left-column[data-v-14e27bf7]{border-right:1px solid var(--border-color);padding:16px;overflow-y:auto;background:#fafafa}.stats-exchange[data-v-14e27bf7]{background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:16px;margin-bottom:16px;text-align:center}.exchange-row[data-v-14e27bf7]{display:flex;align-items:baseline;justify-content:center;gap:6px}.exchange-label[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.exchange-value[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:700;color:var(--ink-color)}.exchange-row.output .exchange-value[data-v-14e27bf7]{color:var(--accent-color)}.exchange-unit[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-dim)}.exchange-arrow[data-v-14e27bf7]{font-size:1.2rem;color:var(--text-dim);margin:4px 0}.exchange-ratio[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--accent-color);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);font-weight:600}.stats-row[data-v-14e27bf7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.stat-mini[data-v-14e27bf7]{display:flex;align-items:baseline;gap:4px}.stat-num[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;color:var(--ink-color)}.stat-txt[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-muted)}.source-dots[data-v-14e27bf7]{display:flex;align-items:center;gap:4px}.source-count[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-muted);margin-right:6px}.dot[data-v-14e27bf7]{width:8px;height:8px;border-radius:2px}.dot.claude[data-v-14e27bf7]{background:#d97706}.dot.gemini[data-v-14e27bf7]{background:#4285f4}.daily-section[data-v-14e27bf7]{margin-bottom:20px}.daily-section h3[data-v-14e27bf7],.category-section h3[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin:0 0 10px}.daily-list[data-v-14e27bf7]{display:flex;flex-direction:column;gap:3px}.daily-row[data-v-14e27bf7]{display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 4px;border-radius:3px;transition:background .15s}.daily-row[data-v-14e27bf7]:hover{background:#fff}.daily-date[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-muted);width:85px;flex-shrink:0}.daily-bar-track[data-v-14e27bf7]{flex:1;height:8px;background:#e8e8e8;border-radius:2px;overflow:hidden}.daily-bar-fill[data-v-14e27bf7]{height:100%;display:flex;border-radius:2px;overflow:hidden}.daily-segment[data-v-14e27bf7]{flex:1;min-width:4px}.daily-count[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-dim);width:24px;text-align:right}.category-section[data-v-14e27bf7]{margin-bottom:16px}.category-list[data-v-14e27bf7]{display:flex;flex-direction:column;gap:2px}.category-row[data-v-14e27bf7]{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:3px;cursor:pointer;transition:background .15s}.category-row[data-v-14e27bf7]:hover{background:#fff}.category-row.active[data-v-14e27bf7]{background:#fff;box-shadow:inset 0 0 0 1px var(--border-color)}.cat-dot[data-v-14e27bf7]{width:8px;height:8px;border-radius:2px;flex-shrink:0}.cat-label[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-color);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-count[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-dim)}.clear-filter[data-v-14e27bf7]{margin-top:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--accent-color);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.center-column[data-v-14e27bf7]{display:flex;flex-direction:column;overflow:hidden}.filter-bar[data-v-14e27bf7]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border-color);background:#fafafa;flex-shrink:0}.filter-group select[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.75rem;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:#fff;color:var(--text-color)}.filter-count[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-dim)}.timeline[data-v-14e27bf7]{flex:1;overflow-y:auto;padding:16px 20px}.day-group[data-v-14e27bf7]{margin-bottom:20px}.day-header[data-v-14e27bf7]{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--ink-color)}.day-date[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;color:var(--ink-color)}.day-count[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--text-dim);text-transform:uppercase}.day-screenshot[data-v-14e27bf7]{margin-bottom:12px;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);max-width:700px}.day-screenshot img[data-v-14e27bf7]{width:100%;display:block}.screenshot-caption[data-v-14e27bf7]{display:block;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-muted);background:#fafafa;border-top:1px solid var(--border-color)}.prompt-list[data-v-14e27bf7]{display:flex;flex-direction:column;gap:6px}.prompt-card[data-v-14e27bf7]{display:flex;background:#fff;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.prompt-sidebar[data-v-14e27bf7]{width:90px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:8px 4px;border-left:4px solid;border-left-color:inherit;background-color:color-mix(in srgb,var(--sidebar-color) 15%,white)}.prompt-sidebar .prompt-label[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;color:inherit;text-transform:uppercase;letter-spacing:.3px;text-align:center;word-break:break-word;line-height:1.3}.prompt-content[data-v-14e27bf7]{flex:1;padding:10px 12px;min-width:0}.prompt-card.is-noise[data-v-14e27bf7]{opacity:.5;cursor:pointer}.prompt-card.is-noise[data-v-14e27bf7]:hover{opacity:.7}.prompt-card.is-collapsed .prompt-text[data-v-14e27bf7]{max-height:2.8em;overflow:hidden;position:relative}.prompt-card.is-collapsed .prompt-text[data-v-14e27bf7]:after{content:"... (click to expand)";position:absolute;right:0;bottom:0;background:linear-gradient(90deg,transparent,white 20%);padding-left:30px;color:var(--text-muted);font-size:.7rem}.prompt-meta[data-v-14e27bf7]{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.prompt-time[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-dim)}.prompt-source[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px;font-weight:500}.prompt-source.claude[data-v-14e27bf7]{background:#fef3c7;color:#92400e}.prompt-source.gemini[data-v-14e27bf7]{background:#dbeafe;color:#1e40af}.prompt-work[data-v-14e27bf7]{display:flex;align-items:center;gap:2px;margin-left:auto}.work-bar[data-v-14e27bf7]{width:3px;height:10px;background:#e0e0e0;border-radius:1px}.work-bar.active[data-v-14e27bf7]{background:var(--accent-color)}.work-num[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.55rem;color:var(--text-dim);margin-left:4px;min-width:16px}.prompt-text[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.5;color:var(--ink-color);white-space:pre-wrap;word-break:break-word}.prompt-char[data-v-14e27bf7]{color:var(--accent-color);margin-right:6px;font-weight:600}.right-column[data-v-14e27bf7]{border-left:1px solid var(--border-color);padding:16px 12px;overflow-y:auto;background:#fafafa}.right-column h3[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin:0 0 12px}.screenshots-list[data-v-14e27bf7]{display:flex;flex-direction:column;gap:12px}.screenshot-thumb[data-v-14e27bf7]{cursor:pointer;border-radius:4px;overflow:hidden;border:1px solid var(--border-color);background:#fff;transition:box-shadow .15s,transform .15s}.screenshot-thumb[data-v-14e27bf7]:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.screenshot-thumb img[data-v-14e27bf7]{width:100%;display:block}.thumb-meta[data-v-14e27bf7]{padding:6px 8px;border-top:1px solid var(--border-color)}.thumb-date[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--ink-color);display:block;font-weight:500}.thumb-caption[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.55rem;color:var(--text-muted);display:block;margin-top:2px;line-height:1.3}.no-screenshots[data-v-14e27bf7]{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-dim);padding:20px 10px;text-align:center;line-height:1.5}@media (max-width: 960px){.three-columns[data-v-14e27bf7]{grid-template-columns:220px 1fr}.right-column[data-v-14e27bf7]{display:none}}@media (max-width: 640px){.three-columns[data-v-14e27bf7]{grid-template-columns:1fr}.left-column[data-v-14e27bf7]{display:none}.hero h1[data-v-14e27bf7]{font-size:1.4rem}.timeline[data-v-14e27bf7]{padding:16px}}:root{--bg-color: #f5f5f5;--card-bg: #ffffff;--text-color: #333;--text-muted: #666;--text-dim: #999;--accent-color: #c53929;--accent-hover: #a82d20;--ink-color: #1a1a1a;--border-color: #e0e0e0;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-hanzi: "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-handwriting-1: "Liu Jian Mao Cao", cursive;--font-handwriting-2: "Ma Shan Zheng", cursive;--font-handwriting-3: "Long Cang", cursive;--font-handwriting-4: "Zhi Mang Xing", cursive;--know-1: #e74c3c;--know-2: #f39c12;--know-3: #f1c40f;--know-4: #27ae60;--know-5: #3498db;--know-bg-1: #fff5f5;--know-bg-2: #fffbf0;--know-bg-3: #fffff0;--know-bg-4: #e6fffa;--know-bg-5: #e3f2fd;--hsk-1: #27ae60;--hsk-2: #2ecc71;--hsk-3: #3498db;--hsk-4: #9b59b6;--hsk-5: #f39c12;--hsk-6: #e67e22;--hsk-7-9: #e74c3c;--srs-new: #74b9ff;--srs-learning: #fdcb6e;--srs-young: #00b894;--srs-mature: #0984e3;--color-success: #27ae60;--color-warning: #f39c12;--color-error: #e74c3c;--color-info: #3498db;--badge-padding: 2px 6px;--badge-radius: 4px;--card-radius: 6px}*{box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);margin:0;color:var(--text-color);height:100vh;overflow:hidden;font-size:14px;line-height:1.5}#app{height:100vh}button{padding:0;background:none;border:none;font:inherit;color:inherit;cursor:pointer}button.primary{padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .15s ease}button.primary:hover{background-color:var(--accent-hover)}button.secondary{padding:8px 16px;background:#f0f0f0;color:var(--text-color);border:none;border-radius:6px;font-weight:500;transition:all .15s ease}button.secondary:hover{background:#e5e5e5}input[type=text]{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);outline:none;transition:border .2s;font-size:.9rem;color:var(--text-color);background:var(--card-bg)}.hsk-5{background:var(--hsk-5);color:#333}.hsk-7,.hsk-8,.hsk-9,.hsk-7-9{background:var(--hsk-7-9)}.srs-new{background:var(--srs-new);color:#fff}.srs-young{background:var(--srs-young);color:#fff}.srs-mature{background:var(--srs-mature);color:#fff}.hanzi,.card-character,.hero-hanzi{font-family:var(--font-hanzi)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}body{font-family:var(--font-main);background-color:var(--bg-color);margin:0;color:var(--text-color);height:100vh;display:flex;flex-direction:column;overflow:hidden}#app{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}a{text-decoration:none;color:inherit}a:visited{color:inherit}header{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 5px #0000000d;z-index:10}.logo{font-weight:700;font-size:1.35rem;color:var(--accent-color);display:flex;align-items:center;gap:8px;letter-spacing:.5px}.logo-hanzi{font-size:1.6rem;font-family:var(--font-hanzi)}.logo-text{font-weight:800}.logo-dot{font-weight:500;opacity:.6}.logo-testing{font-weight:400;color:var(--accent-color);margin-left:4px}.controls{display:flex;gap:10px}input[type=text]{padding:8px 12px;border-radius:20px;border:1px solid var(--border-color);outline:none;transition:border .2s;font-size:.9rem}input[type=text]:focus{border-color:var(--accent-color)}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}button.primary,.controls button:not(.secondary){padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .15s ease}button.primary:hover,.controls button:not(.secondary):hover{background-color:var(--accent-hover, #a82d20);transform:translateY(-1px)}button.secondary,.controls button.secondary{padding:8px 16px;background:#f5f3f0;color:var(--text-color);border:none;border-radius:6px;font-weight:500;transition:all .15s ease}button.secondary:hover,.controls button.secondary:hover{background:#ebe8e4}.dashboard{flex:1;display:grid;grid-template-columns:320px 1fr 320px;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;transition:all .2s}@media (max-width: 900px){.dashboard{grid-template-columns:1fr}.dashboard .panel{display:none}}.dashboard.full-width{grid-template-columns:1fr}.dashboard.full-width .panel{display:none}.panel{padding:16px;overflow-y:auto;border-right:1px solid var(--border-color);min-height:0;grid-row:1;background:#fafafa}.panel:last-child{border-right:none;border-left:1px solid var(--border-color)}.panel-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:10px;font-weight:600;display:flex;align-items:center;gap:6px;margin-top:16px}.panel-title:first-child{margin-top:0}.panel-subtitle{font-size:.7rem;color:#999;margin:8px 0 4px;font-weight:600;text-transform:uppercase}.hsk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.hsk-btn,.hsk-btn:visited{display:block;color:#fff;padding:12px 10px;border-radius:6px;text-align:center;font-weight:600;font-size:.85rem;transition:all .15s ease}.hsk-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hsk-btn.hsk-beginner{background:var(--hsk-1)}.hsk-btn.hsk-intermediate{background:var(--hsk-3)}.hsk-btn.hsk-advanced{background:var(--hsk-7-9)}.center-stage{background:#fff;display:flex;flex-direction:column;align-items:center;position:relative;padding:16px 24px;gap:12px;overflow-y:auto;min-height:0;grid-row:1}.center-stage.list-mode,.center-stage.home-mode{align-items:stretch;overflow-y:auto;padding:16px}.hero-top-bar{width:100%;display:flex;justify-content:center;padding-bottom:10px}.hero-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px;min-height:0;position:relative}.char-variants-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.variant-ghost{position:absolute;font-size:9.5rem;color:#000;opacity:.04;-webkit-user-select:none;user-select:none;transition:opacity .3s;cursor:default}.variant-ghost:hover{opacity:.15}.variant-ghost.v1{font-family:var(--font-handwriting-1);top:0%;left:3%;transform:rotate(-6deg)}.variant-ghost.v2{font-family:var(--font-handwriting-2);top:0%;right:3%;transform:rotate(5deg)}.variant-ghost.v3{font-family:var(--font-handwriting-3);bottom:5%;left:3%;transform:rotate(4deg)}.variant-ghost.v4{font-family:var(--font-handwriting-4);bottom:5%;right:3%;transform:rotate(-4deg)}.trad-indicator{font-size:.85rem;color:#999;margin-top:8px;padding:4px 12px;background:#f8f8f8;border-radius:12px;border:1px solid #eee}.trad-indicator:hover{color:#666;background:#f0f0f0}.hero-bottom-bar{width:100%;display:flex;justify-content:center;padding-top:15px;border-top:1px solid #f0f0f0;flex-shrink:0}.hero-main-row{display:flex;align-items:center;justify-content:center;gap:60px;width:100%}.hero-divider{width:1px;height:100px;background:transparent}.hero-hanzi-group{display:flex;flex-direction:column;align-items:center;padding:30px 50px;border-radius:20px;border:1px solid var(--border-color);border-bottom:4px solid #e0e0e0;transition:all .3s;background:#fff;position:relative;z-index:1}.hero-hanzi-group.know-1{border-bottom-color:var(--know-1);background:var(--know-bg-1)}.hero-hanzi-group.know-2{border-bottom-color:var(--know-2);background:var(--know-bg-2)}.hero-hanzi-group.know-3{border-bottom-color:var(--know-3);background:var(--know-bg-3)}.hero-hanzi-group.know-4{border-bottom-color:var(--know-4);background:var(--know-bg-4)}.hero-hanzi-group.know-5{border-bottom-color:var(--know-5);background:var(--know-bg-5)}.hero-word-group{display:flex;flex-direction:column;align-items:center;padding:40px;border-radius:24px;border:1px solid var(--border-color);border-bottom:4px solid transparent;transition:all .3s;background:#fff}.hero-hanzi{font-family:var(--font-hanzi);font-size:9rem;line-height:1;color:#2d3436;cursor:text;-webkit-user-select:text;user-select:text}.hero-pinyin{font-size:2rem;color:var(--accent-color);font-weight:300;margin-top:10px;display:flex;align-items:center;gap:10px}.word-full-pinyin{font-size:1.8rem;color:#b2bec3;font-weight:300;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.audio-btn{cursor:pointer;font-size:1.5rem;opacity:.7;transition:.2s}.audio-btn:hover{opacity:1;transform:scale(1.1)}.hero-def{font-size:1.3rem;color:#2d3436;font-weight:500;line-height:1.4;text-align:center;max-width:700px;position:relative;z-index:1}.hero-meta{display:flex;gap:10px;align-items:center}.hero-badge{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;padding:6px 16px;border-radius:20px;font-size:.9rem;background:#b2bec3;box-shadow:0 2px 5px #0000001a}.meta-item{display:flex;align-items:center;gap:6px;background:#f1f2f6;padding:6px 16px;border-radius:20px;font-size:.9rem;color:#636e72;font-weight:600}.meta-icon{font-size:1rem}.hero-right{flex:0 0 200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-stroke-structure{display:flex;flex-direction:column;align-items:center;gap:12px}.stroke-box{position:relative;width:180px;height:180px;border:2px dashed #dfe6e9;border-radius:12px;background:#fdfdfd;display:flex;justify-content:center;align-items:center}#stroke-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.stroke-box-panel{position:relative;width:120px;height:120px;border:2px dashed #dfe6e9;border-radius:8px;background:#fdfdfd;display:flex;justify-content:center;align-items:center;margin:0 auto 10px}#stroke-container-panel{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.stroke-replay-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;font-size:1rem;background:#ffffffe6;color:#666;border:1px solid #dfe6e9;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.stroke-replay-btn:hover{background:#0984e3;color:#fff;border-color:#0984e3}.replay-btn{cursor:pointer;font-size:1.2rem;color:#b2bec3;transition:color .2s}.replay-btn:hover{color:#0984e3}.stroke-fallback{font-family:var(--font-hanzi);font-size:5rem;color:#333}.components-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.component-badge{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:#fff;border:2px solid #dfe6e9;border-radius:10px;cursor:pointer;transition:all .2s;min-width:50px}.component-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#b2bec3}.component-char{font-family:var(--font-hanzi);font-size:1.6rem;color:#333;line-height:1.2}.component-pinyin{font-family:var(--font-main);font-size:.65rem;color:#999;margin-top:2px}.decomp-title{text-transform:uppercase;color:#b2bec3;font-weight:700;font-size:.8rem;margin-bottom:20px}.decomp-container{border:2px dashed #dfe6e9;border-radius:12px;padding:20px;width:180px;height:180px;display:flex;justify-content:center;align-items:center;background:#fdfdfd}.decomp-row{flex-direction:row;gap:10px}.decomp-col{flex-direction:column;gap:10px}.decomp-part{background:#fff;border:1px solid #dfe6e9;border-radius:8px;display:flex;justify-content:center;align-items:center;font-family:var(--font-hanzi);font-size:2.5rem;color:#636e72;cursor:pointer;transition:all .2s;flex:1;aspect-ratio:1;box-shadow:0 2px 5px #0000000d}.decomp-part:hover{border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.05)}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.hanzi-card{background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:20px 4px 8px;text-align:center;text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.hanzi-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 10px #0984e326}.hanzi-card .char{font-family:var(--font-hanzi);font-size:1.6rem;color:#2d3436}.hanzi-card .py{font-size:.7rem;color:#888;margin-top:2px}.card-badge{position:absolute;top:0;left:0;right:0;height:18px;font-size:.65rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px}.bg-high{background-color:var(--hsk-1)}.bg-mid{background-color:var(--hsk-3)}.bg-low{background-color:var(--hsk-7-9)}.bg-none{background-color:#dfe6e9;color:#b2bec3}.dim-mid{opacity:.8}.dim-low{opacity:.5}.dim-rare{opacity:.3;filter:grayscale(100%)}.hanzi-card.dim-mid:hover,.hanzi-card.dim-low:hover,.hanzi-card.dim-rare:hover{opacity:1;filter:none}.word-item{background:#fff;border-bottom:1px solid #f1f1f1;padding:12px 10px;cursor:pointer;transition:background .1s;display:flex;justify-content:space-between;align-items:center}.word-item:hover{background:#f8f9fa}.word-item:last-child{border-bottom:none}.word-left{display:flex;flex-direction:column}.word-hanzi{font-family:var(--font-hanzi);font-size:1.2rem;color:#2d3436;margin-bottom:2px}.word-meta{font-size:.85rem;color:#636e72}.hsk-badge{font-size:.7rem;font-weight:700;color:#fff;background:#b2bec3;padding:2px 6px;border-radius:4px;margin-left:10px;white-space:nowrap}.hsk-1{background:var(--hsk-1)}.hsk-2{background:var(--hsk-2)}.hsk-3{background:var(--hsk-3)}.hsk-4{background:var(--hsk-4)}.hsk-5{background:var(--hsk-5);color:#444}.hsk-6{background:var(--hsk-6)}.hsk-7-9{background:var(--hsk-7-9)}.learning-trail{grid-column:1 / -1;grid-row:2;background:transparent;border-top:1px solid #eee;padding:0 16px;display:flex;align-items:center;height:48px;flex-shrink:0;gap:0}.trail-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:transparent;border:1px solid #e0e0e0;color:#aaa;font-size:.9rem;transition:all .15s;flex-shrink:0;margin-right:10px}.trail-back:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.back-arrow{line-height:1}.trail-label{font-weight:500;color:#ccc;text-transform:uppercase;font-size:.6rem;letter-spacing:.5px;margin-right:10px;flex-shrink:0}.trail-items{display:flex;align-items:center;gap:3px;overflow:hidden}.trail-item{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 5px;background:transparent;border:1px solid #e8e8e8;border-radius:4px;text-decoration:none;color:#999;transition:all .15s;position:relative}.trail-item:hover{border-color:var(--accent-color);color:var(--accent-color);background:#fff}.trail-item--current{border-color:#ccc;color:var(--ink-color);background:#fff}.trail-item--current:hover{border-color:var(--accent-color)}.trail-char{font-family:var(--font-hanzi);font-size:1.05rem;line-height:1;transition:color .15s}.trail-item.know-1{border-bottom:2px solid var(--know-1)}.trail-item.know-2{border-bottom:2px solid var(--know-2)}.trail-item.know-3{border-bottom:2px solid var(--know-3)}.trail-item.know-4{border-bottom:2px solid var(--know-4)}.trail-item.know-5{border-bottom:2px solid var(--know-5)}.about-link{margin-left:auto;font-size:.75rem;color:#aaa;text-decoration:none;padding:6px 12px;border-radius:4px;transition:all .15s}.about-link:hover{color:var(--accent-color);background:#00000008}.history-node{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:all .15s;padding:0 10px;border-right:1px solid #f0f0f0;white-space:nowrap;min-width:44px;height:100%;position:relative;box-sizing:border-box}.history-node:last-child{border-right:none}.history-node:hover{opacity:1;color:var(--accent-color)}.history-node.know-1,.history-node.know-2,.history-node.know-3,.history-node.know-4,.history-node.know-5{border-bottom-width:4px}button.auto-btn{border-radius:8px;background:#f8f9fa;border:1px solid #ddd;width:40px;height:40px;padding:0;font-size:1.2rem;margin-left:40px}button.auto-btn.active{background-color:#f1c40f;border-color:#f39c12;color:#fff;box-shadow:0 2px 5px #f39c124d}.history-node.active{opacity:1;font-weight:600;color:var(--accent-color)}.history-char{font-family:var(--font-hanzi);font-size:1.2rem}.history-py{font-size:.65rem;color:#999;margin-top:1px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:none;justify-content:center;align-items:center;z-index:1000;font-size:1.5rem;color:var(--accent-color)}.center-stage.word-mode{flex-direction:column;gap:30px;justify-content:center}.word-container{display:flex;gap:20px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.word-char-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:10px;text-align:center;box-shadow:0 4px 15px #0000000d;min-width:100px;min-height:140px;cursor:pointer;transition:transform .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.word-char-card:hover{transform:translateY(-5px);border-color:var(--accent-color)}.word-char-hanzi{font-family:var(--font-hanzi);font-size:3rem;line-height:1;color:#2d3436;margin-bottom:10px}.word-char-pinyin{font-size:1.2rem;color:var(--accent-color);margin-bottom:5px}.word-char-meaning{font-size:.9rem;color:#636e72;max-width:150px;line-height:1.4}.word-footer{text-align:center;margin-top:20px;max-width:600px}.word-full-pinyin{font-size:1.8rem;color:#b2bec3;font-weight:300;margin-bottom:10px}.word-full-meaning{font-size:1.5rem;color:#2d3436;font-weight:500;margin-bottom:15px}.know-1{border-bottom:4px solid var(--know-1);background:var(--know-bg-1)}.know-2{border-bottom:4px solid var(--know-2);background:var(--know-bg-2)}.know-3{border-bottom:4px solid var(--know-3);background:var(--know-bg-3)}.know-4{border-bottom:4px solid var(--know-4);background:var(--know-bg-4)}.know-5{border-bottom:4px solid var(--know-5);background:var(--know-bg-5)}.knowledge-control{margin-top:20px;display:flex;justify-content:center;align-items:center;width:100%;position:relative}.control-group{display:flex;gap:12px}.auto-btn-wrapper{position:absolute;right:0}.k-btn{width:38px;height:38px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;color:#666;transition:all .15s}.k-btn[data-level="1"]{border-bottom:3px solid var(--know-1)}.k-btn[data-level="2"]{border-bottom:3px solid var(--know-2)}.k-btn[data-level="3"]{border-bottom:3px solid var(--know-3)}.k-btn[data-level="4"]{border-bottom:3px solid var(--know-4)}.k-btn[data-level="5"]{border-bottom:3px solid var(--know-5)}.k-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.k-btn.active{border-width:2px;color:#333}.k-btn[data-level="1"].active{background:var(--know-bg-1);border-color:var(--know-1)}.k-btn[data-level="2"].active{background:var(--know-bg-2);border-color:var(--know-2)}.k-btn[data-level="3"].active{background:var(--know-bg-3);border-color:var(--know-3)}.k-btn[data-level="4"].active{background:var(--know-bg-4);border-color:var(--know-4)}.k-btn[data-level="5"].active{background:var(--know-bg-5);border-color:var(--know-5)}.list-view-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:50;display:none;flex-direction:column;overflow:hidden}.list-header{padding:15px 30px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000000d}.list-title{font-size:1.5rem;font-weight:700;color:var(--text-color)}.list-content{flex:1;overflow-y:auto;padding:30px}.hero-examples{width:100%;max-width:600px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.ex-title{font-size:.75rem;color:#b2bec3;font-weight:700;text-transform:uppercase;text-align:center;margin-bottom:4px}.ex-item{padding:6px;background:#f8f9fa;border-radius:8px;transition:background .2s}.ex-item:hover{background:#f1f2f6}.ex-text{display:flex;align-items:baseline;justify-content:center;gap:16px}.ex-zh{font-size:1.05rem;color:#2d3436;line-height:1.5;text-align:left;flex:1}.ex-en{font-size:.9rem;color:#999;line-height:1.4;text-align:right;flex:1}.ex-speak{cursor:pointer;opacity:.4;transition:opacity .2s;padding:2px;margin-left:6px;vertical-align:middle}.ex-speak:hover{opacity:1}.ex-token{cursor:pointer;padding:1px 2px;border-radius:3px;margin:0 1px;border-bottom:2px solid transparent;transition:all .2s}.ex-token:hover{background-color:#e0e0e0}.ex-token.know-1{border-bottom-color:var(--know-1);background:var(--know-bg-1)}.ex-token.know-2{border-bottom-color:var(--know-2);background:var(--know-bg-2)}.ex-token.know-3{border-bottom-color:var(--know-3);background:var(--know-bg-3)}.ex-token.know-4{border-bottom-color:var(--know-4);background:var(--know-bg-4)}.ex-token.know-5{border-bottom-color:var(--know-5);background:var(--know-bg-5)}.ex-token.know-1:hover,.ex-token.know-2:hover,.ex-token.know-3:hover,.ex-token.know-4:hover,.ex-token.know-5:hover{opacity:.8}.hero-chengyu{width:100%;max-width:600px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;margin-top:10px}.cy-item{padding:8px 12px;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s}.cy-item:hover{background:#f1f2f6}.cy-word{font-size:1.1rem;font-family:var(--font-hanzi);letter-spacing:2px}.cy-char{transition:opacity .2s}.cy-char:hover{opacity:.7}.cy-meaning{font-size:.85rem;color:#636e72;flex:1}.cy-tier-badge{font-size:.6rem;padding:1px 5px;border-radius:3px;font-weight:500;flex-shrink:0;color:#666;background:#f0f0f0;border:1px solid #ddd}.stats-container{max-width:700px;margin:0 auto;padding:30px 20px}.stats-container h1{text-align:center;color:#2d3436;margin-bottom:30px}.stat-section{margin-bottom:40px}.stat-section h2{font-size:1.1rem;color:#636e72;border-bottom:2px solid #f0f0f0;padding-bottom:8px;margin-bottom:20px}.stat-summary{display:flex;gap:20px;justify-content:center}.stat-box{background:#f8f9fa;border-radius:12px;padding:20px 30px;text-align:center;min-width:150px}.stat-box-num{font-size:2.5rem;font-weight:700;color:#2d3436}.stat-box-label{color:#888;margin-bottom:10px}.stat-box-breakdown{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.stat-level{padding:2px 8px;border-radius:10px;font-size:.75rem;color:#fff;font-weight:600}.stat-legend{display:flex;gap:15px;justify-content:center;margin-bottom:15px;flex-wrap:wrap}.stat-legend-item{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#666}.stat-legend-color{width:12px;height:12px;border-radius:3px}.stat-hsk-grid{display:flex;flex-direction:column;gap:8px}.stat-hsk-row{display:flex;align-items:center;gap:10px}.stat-hsk-label{width:60px;font-weight:600;color:#555;font-size:.9rem}.stat-hsk-bar{flex:1}.stat-bar{height:20px;background:#e0e0e0;border-radius:4px;overflow:hidden;display:flex}.stat-bar.empty{background:#f0f0f0}.stat-bar-seg{height:100%;transition:width .3s}.stat-hsk-num{width:110px;text-align:right;font-size:.85rem;color:#555}.stat-pct{color:#999}.stat-desc{color:#888;font-size:.9rem;margin-bottom:15px}.stat-freq-grid{display:flex;flex-direction:column;gap:10px}.stat-freq-row{display:flex;align-items:center;gap:10px;min-height:28px}.stat-freq-label{width:70px;font-weight:600;color:#555;font-size:.9rem}.stat-freq-bar{flex:1;height:16px;background:#e0e0e0;border-radius:4px;overflow:hidden}.stat-freq-fill{height:100%;background:linear-gradient(90deg,#00b894,#0984e3);border-radius:4px;transition:width .3s}.stat-freq-num{width:110px;text-align:right;font-size:.85rem;color:#555}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:8px}.list-section{width:100%;margin-bottom:20px}.review-header-btn{position:relative}.review-badge{background:#d63031;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:5px;min-width:18px;text-align:center}.review-container{max-width:500px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.review-header{width:100%;margin-bottom:30px}.review-progress-text{color:#888;font-size:.9rem}.review-card{background:#fff;border:2px solid #e0e0e0;border-radius:20px;padding:40px;text-align:center;width:100%;max-width:400px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #0000000d}.review-card:not(.revealed):hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.review-card.revealed{cursor:default;border-color:#00b894}.review-char{font-family:var(--font-hanzi);font-size:5rem;color:#2d3436;line-height:1.2}.review-pinyin{font-size:1.5rem;color:var(--accent-color);margin-top:15px;display:flex;align-items:center;justify-content:center;gap:10px}.review-audio{cursor:pointer;opacity:.6;transition:opacity .2s}.review-audio:hover{opacity:1}.review-hint{margin-top:20px;color:#b2bec3;font-size:.9rem}.review-definition{margin-top:25px;font-size:1.2rem;color:#2d3436;padding-top:20px;border-top:1px solid #f0f0f0}.review-rating{margin-top:30px;width:100%}.review-rating-label{text-align:center;color:#888;font-size:.9rem;margin-bottom:15px}.review-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.review-btn{padding:15px 10px;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.review-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.review-btn-text{font-size:.95rem}.review-btn-desc{font-size:.7rem;opacity:.8;font-weight:400}.review-btn-again{background:var(--know-1);color:#fff}.review-btn-again:hover{background:#e74c3c}.review-btn-hard{background:var(--know-2);color:#333}.review-btn-hard:hover{background:#f1c40f}.review-btn-good{background:var(--color-success);color:#fff}.review-btn-good:hover{background:#00a085}.review-btn-easy{background:var(--accent-color);color:#fff}.review-btn-easy:hover{background:#0773c5}.review-empty{text-align:center;padding:60px 20px}.review-empty-icon{font-size:4rem;margin-bottom:20px}.review-empty h2{color:#2d3436;margin-bottom:10px}.review-empty p{color:#888;margin-bottom:30px}.review-summary{text-align:center;padding:40px 20px;width:100%}.review-summary-icon{font-size:3rem;margin-bottom:15px}.review-summary h2{color:#2d3436;margin-bottom:10px}.review-summary-stat{color:#636e72;font-size:1.1rem;margin-bottom:25px}.review-summary-breakdown{display:flex;flex-direction:column;gap:8px;max-width:250px;margin:0 auto 25px}.review-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;border-radius:8px;background:#f8f9fa}.review-summary-label{padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:600}.review-summary-count{font-weight:700;font-size:1.1rem;color:#2d3436}.review-summary-rate{color:#636e72;font-size:1rem;margin-bottom:25px}.review-summary-actions{display:flex;gap:15px;justify-content:center}.review-complete{text-align:center;padding:40px 20px;max-width:600px;margin:0 auto}.review-complete-icon{font-size:4rem;margin-bottom:10px}.review-complete h2{color:#2d3436;margin:0 0 30px;font-size:1.5rem}.review-complete-stats{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:30px;padding:20px;background:var(--bg-color);border-radius:12px}.review-stat-main{display:flex;flex-direction:column;align-items:center}.review-stat-value{font-size:3rem;font-weight:700;color:var(--accent-color);line-height:1}.review-stat-label{font-size:.9rem;color:#636e72;margin-top:5px}.review-stat-divider{width:1px;height:50px;background:var(--border-color)}.review-stat-breakdown{display:flex;flex-direction:column;gap:8px}.review-stat-item{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:6px;font-size:.95rem}.review-stat-item .stat-count{font-weight:700;min-width:25px}.review-stat-item.remembered{background:#00b89426;color:#00b894}.review-stat-item.forgot{background:#d6303126;color:#d63031}.review-results-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px;padding:20px;background:var(--bg-color);border-radius:12px}.review-result-item{width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border-radius:8px;text-decoration:none;transition:transform .1s,box-shadow .1s}.review-result-item:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.review-result-item.remembered{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.review-result-item.forgot{background:linear-gradient(135deg,#d63031,#e17055);color:#fff}.review-complete-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.review-action-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .1s,box-shadow .1s}.review-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.review-action-btn.primary{background:var(--accent-color);color:#fff}.review-action-btn.secondary{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.review-buttons-binary{grid-template-columns:repeat(2,1fr);max-width:350px;margin:0 auto}.review-btn-key{font-size:.7rem;opacity:.7;background:#fff3;padding:2px 8px;border-radius:4px;margin-top:4px}.review-view-details{margin-top:15px;font-size:.85rem;color:var(--accent-color);cursor:pointer;opacity:.7;transition:opacity .2s}.review-view-details:hover{opacity:1}.settings-container{max-width:500px;margin:0 auto;padding:30px 20px}.settings-container h1{text-align:center;color:#2d3436;margin-bottom:30px}.settings-section{margin-bottom:30px}.settings-section h2{font-size:1rem;color:#636e72;border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:15px}.settings-item{display:flex;align-items:center;gap:15px;padding:10px 0}.settings-label{flex:1}.settings-label-title{font-weight:600;color:#2d3436}.settings-label-desc{font-size:.85rem;color:#888;margin-top:2px}.settings-toggle{position:relative;width:50px;height:28px}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.settings-toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.settings-toggle input:checked+.settings-toggle-slider{background-color:#00b894}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(22px)}.settings-shortcuts{display:flex;flex-direction:column;gap:8px}.shortcut-row{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#555}.shortcut-key{background:#f0f0f0;padding:4px 10px;border-radius:4px;font-family:monospace;font-weight:600;min-width:60px;text-align:center}.srs-stages{display:flex;justify-content:center;gap:30px;margin-bottom:25px}.srs-stage{display:flex;flex-direction:column;align-items:center;gap:4px}.srs-stage-count{font-size:1.5rem;font-weight:700;color:#2d3436}.srs-stage-label{font-size:.8rem;color:#888}.srs-forecast{background:#f8f9fa;border-radius:12px;padding:15px}.srs-forecast-title{font-size:.85rem;color:#888;text-align:center;margin-bottom:12px}.srs-forecast-chart{display:flex;justify-content:space-around;align-items:flex-end;height:80px}.srs-forecast-bar{display:flex;flex-direction:column;align-items:center;gap:5px}.srs-forecast-fill{width:30px;background:linear-gradient(180deg,#0984e3,#00b894);border-radius:4px 4px 0 0;min-height:2px}.srs-forecast-label{font-size:.7rem;color:#888}.review-back-hint{text-align:center;color:#b2bec3;font-size:.8rem;margin-top:10px}.card-srs{position:absolute;bottom:2px;right:2px;font-size:.6rem;padding:1px 4px;border-radius:3px;font-weight:600;color:#fff}.srs-new{background:var(--srs-new)}.srs-learning{background:var(--srs-learning);color:#333}.srs-young{background:var(--srs-young)}.srs-mature{background:var(--srs-mature)}.srs-due{animation:pulse-due 1.5s infinite}.srs-badge{position:absolute;bottom:4px;right:4px;font-size:.6rem;padding:2px 5px;border-radius:3px;color:#fff;font-weight:500}@keyframes pulse-due{0%,to{opacity:1}50%{opacity:.6}}.review-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:30px}.review-end-session{font-size:.85rem;color:#b2bec3;cursor:pointer;padding:5px 12px;border-radius:15px;transition:all .2s}.review-end-session:hover{background:#f0f0f0;color:#666}.review-history-list{display:flex;flex-direction:column;gap:4px}.review-history-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:background .2s}.review-history-row:hover{background:#e9ecef}.review-history-row.review-pass{border-left:3px solid var(--color-success)}.review-history-row.review-fail{border-left:3px solid var(--know-1)}.review-history-item{font-size:1.2rem;min-width:40px;cursor:pointer}.review-history-rating{font-size:1rem;width:24px;text-align:center}.review-pass .review-history-rating{color:var(--color-success)}.review-fail .review-history-rating{color:var(--know-1)}.review-history-time{color:#666;font-size:.85rem;min-width:40px}.review-history-date{color:#999;font-size:.8rem;margin-left:auto}.recent-reviews-table{width:100%;border-collapse:separate;border-spacing:0 4px}.recent-reviews-table tr.last-pass{background:#00b8940f}.recent-reviews-table tr.last-pass td:first-child{border-left:3px solid var(--color-success)}.recent-reviews-table tr.last-fail{background:#d630310f}.recent-reviews-table tr.last-fail td:first-child{border-left:3px solid var(--color-error)}.recent-reviews-table tr:hover{background:#0000000a}.recent-reviews-table td{padding:8px 10px;vertical-align:middle}.recent-reviews-table td:first-child{border-radius:6px 0 0 6px;padding-left:12px}.recent-reviews-table td:last-child{border-radius:0 6px 6px 0}.col-char{width:55px}.col-stats{width:180px}.col-added{width:100px;font-size:.75rem;color:#888}.col-next{width:90px;font-size:.75rem;color:#888}.col-next.overdue{color:var(--color-error);font-weight:500}.col-response{width:45px;font-size:.75rem;color:#bbb;text-align:right}.col-mastery{width:70px}.recent-char{display:inline-block;padding:.25rem .5rem;border:2px solid var(--border-color);border-radius:4px;background:var(--card-bg);font-size:1.1rem;white-space:nowrap;text-decoration:none;color:inherit}.recent-char:hover{background:var(--border-color)}.recent-char.know-1{border-color:var(--know-1)}.recent-char.know-2{border-color:var(--know-2)}.recent-char.know-3{border-color:var(--know-3)}.recent-char.know-4{border-color:var(--know-4)}.recent-char.know-5{border-color:var(--know-5)}.stats-main{font-size:.8rem;color:#555;margin-bottom:4px}.stat-sep{color:#ccc;margin:0 4px}.stat-reviews,.stat-accuracy{color:#666}.stat-accuracy.good{color:var(--color-success)}.stat-accuracy.ok{color:var(--hsk-6)}.stat-accuracy.bad{color:var(--color-error)}.stats-history{display:flex;gap:1px;height:3px}.history-segment{flex:1;max-width:12px;border-radius:1px}.history-segment.pass{background:var(--color-success)}.history-segment.fail{background:var(--color-error)}.mastery-bar{height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden}.mastery-fill{height:100%;background:linear-gradient(90deg,var(--color-warning),var(--color-success));border-radius:3px;min-width:2px}.chengyu-detail-short{font-size:1.5rem;font-weight:600;color:#2d3436;text-align:center;margin-top:15px}.chengyu-detail-english{font-size:1rem;color:#636e72;text-align:center;max-width:500px;line-height:1.5;margin-top:10px}.chengyu-detail-meta{display:flex;gap:20px;justify-content:center;margin-top:15px;padding-top:15px;border-top:1px solid #eee;width:100%}.chengyu-meta-item{font-size:.8rem;color:#b2bec3}.chengyu-chars{gap:10px}.chengyu-details{width:100%;max-width:600px;margin-top:20px;text-align:left}.chengyu-section{margin-bottom:15px}.chengyu-section-title{font-size:.85rem;font-weight:600;color:#636e72;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.chengyu-section-content{font-size:.95rem;color:#2d3436;line-height:1.6}.chengyu-list-container{max-width:800px;margin:0 auto;padding:30px 20px}.chengyu-list-container h1{font-size:1.8rem;margin-bottom:5px}.chengyu-list-container>p{color:#636e72;margin-bottom:30px}.chengyu-section{margin-bottom:40px}.chengyu-section h2{font-size:1.2rem;margin-bottom:5px}.chengyu-section-desc{font-size:.9rem;color:#b2bec3;margin-bottom:15px}.chengyu-list{display:flex;flex-direction:column;gap:8px}.chengyu-list-item{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:background .2s}.chengyu-list-item:hover{background:#eef2f5}.chengyu-list-word{font-family:var(--font-hanzi);font-size:1.3rem;min-width:90px}.chengyu-list-pinyin{font-size:.85rem;color:#636e72;min-width:120px}.chengyu-list-meaning{flex:1;font-size:.9rem;color:#2d3436}