*{box-sizing:border-box}:root{color:#1f2937;background:#f4f7fb;font-family:Segoe UI,Noto Sans JP,PingFang SC,sans-serif;font-weight:400;line-height:1.5}body{min-height:100vh;margin:0}#app{min-height:100vh}.layout{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#f8fafc;z-index:10;background:#0f172a;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{margin:0;font-size:20px;font-weight:700}.nav{gap:8px;display:flex}.nav-link{color:#cbd5e1;border-radius:10px;padding:8px 12px;font-size:14px;text-decoration:none}.nav-link:hover{background:#1e293b}.nav-link.is-active{color:#fff;background:#334155}.content{width:min(1100px,100%);margin:0 auto;padding:20px}.page{flex-direction:column;gap:14px;display:flex}.page-header h1{margin:0;font-size:26px}.page-header p{color:#475569;margin:4px 0 0}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:min(380px,100%);padding:10px 12px;font-size:14px}.count{color:#475569;font-size:14px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 12px}.data-table th{color:#334155;background:#f8fafc;font-weight:600}.sentence-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.sentence-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.sentence-head{color:#64748b;margin-bottom:8px;font-size:12px}.jp{color:#0f172a;margin:0 0 8px;font-size:16px}.cn{color:#334155;margin:0;font-size:14px}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start;padding:12px}.content{padding:12px}}.home[data-v-1788ae47]{flex-direction:column;gap:18px;display:flex}.hero[data-v-1788ae47]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-1788ae47]{color:#0f172a;margin:0}.hero p[data-v-1788ae47]{color:#334155;margin:6px 0 0}.module-grid[data-v-1788ae47]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.module-card[data-v-1788ae47]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;transition:all .2s}.module-card[data-v-1788ae47]:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a14}.module-card h2[data-v-1788ae47]{color:#0f172a;margin:0 0 6px;font-size:18px}.module-card p[data-v-1788ae47]{color:#475569;margin:0;font-size:14px}.word-search-panel[data-v-1788ae47]{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;padding:16px}.word-search-head h2[data-v-1788ae47]{color:#0f172a;margin:0;font-size:18px}.word-search-head p[data-v-1788ae47]{color:#64748b;margin:6px 0 0;font-size:13px}.word-search-form[data-v-1788ae47]{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.word-input[data-v-1788ae47]{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:260px;padding:8px 10px;font-size:14px}.word-search-error[data-v-1788ae47]{color:#b91c1c;margin-top:10px;font-size:13px}.word-result-list[data-v-1788ae47]{gap:8px;margin-top:10px;display:grid}.word-result-card[data-v-1788ae47]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.word-result-card[data-v-1788ae47]:hover{border-color:#94a3b8;box-shadow:0 6px 14px #0f172a14}.word-result-order[data-v-1788ae47]{color:#334155;background:#e2e8f0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.word-result-main[data-v-1788ae47]{flex:1;min-width:0}.word-result-kana[data-v-1788ae47]{color:#0f172a;font-size:15px;font-weight:700}.word-result-meta[data-v-1788ae47]{color:#475569;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:12px;display:flex}.word-result-chapter[data-v-1788ae47]{color:#0369a1;flex-shrink:0;font-size:12px}.grammar-search-panel[data-v-1788ae47]{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;padding:16px}.grammar-search-head h2[data-v-1788ae47]{color:#0f172a;margin:0;font-size:18px}.grammar-search-head p[data-v-1788ae47]{color:#64748b;margin:6px 0 0;font-size:13px}.grammar-search-form[data-v-1788ae47]{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.grammar-input[data-v-1788ae47]{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:260px;padding:8px 10px;font-size:14px}.grammar-error[data-v-1788ae47]{color:#b91c1c;margin-top:10px;font-size:13px}.grammar-llm-box[data-v-1788ae47]{color:#334155;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;gap:8px;margin-top:10px;padding:10px;font-size:13px;display:flex}.grammar-result-list[data-v-1788ae47]{gap:8px;margin-top:10px;display:grid}.grammar-result-card[data-v-1788ae47]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px;transition:all .2s}.grammar-result-card[data-v-1788ae47]:hover{border-color:#94a3b8;box-shadow:0 6px 14px #0f172a14}.grammar-result-title[data-v-1788ae47]{color:#64748b;font-size:12px}.grammar-result-template[data-v-1788ae47]{color:#0f172a;margin-top:4px;font-weight:600}.grammar-result-score[data-v-1788ae47]{color:#0369a1;margin-top:4px;font-size:12px}.review-panel[data-v-1788ae47]{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;padding:16px}.review-head[data-v-1788ae47]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.review-head h2[data-v-1788ae47]{color:#0f172a;margin:0;font-size:18px}.single-review[data-v-1788ae47]{flex-direction:column;gap:12px;display:flex}.review-meta[data-v-1788ae47]{color:#475569;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;display:flex}.unknown-count[data-v-1788ae47]{color:#0f766e}.jp[data-v-1788ae47]{color:#111827;margin:0 0 8px;font-size:20px;font-weight:600}.review-actions[data-v-1788ae47]{flex-wrap:wrap;gap:10px;display:flex}.action-btn[data-v-1788ae47]{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 12px}.action-btn[data-v-1788ae47]:disabled{opacity:.6;cursor:not-allowed}.answer-area[data-v-1788ae47]{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:12px}.cn[data-v-1788ae47]{color:#6b7280;margin:0;font-size:13px}.token-list[data-v-1788ae47]{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.token-btn[data-v-1788ae47]{color:#111827;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:7px;padding:4px 10px;font-size:13px}.token-btn[data-v-1788ae47]:hover{border-color:#94a3b8}.token-btn.selected[data-v-1788ae47]{color:#991b1b;background:#fee2e2;border-color:#ef4444}.empty-review[data-v-1788ae47]{color:#64748b;margin:0}.review-tip[data-v-1788ae47]{color:#64748b;margin-top:10px;font-size:12px}.page-wrap[data-v-f3a6369c]{flex-direction:column;gap:14px;display:flex}.head h1[data-v-f3a6369c]{margin:0}.head p[data-v-f3a6369c]{color:#475569;margin:6px 0 0}.add-book[data-v-f3a6369c]{flex-wrap:wrap;gap:10px;display:flex}.add-book input[data-v-f3a6369c]{border:1px solid #cbd5e1;border-radius:10px;flex:1;min-width:260px;padding:10px 12px}.add-book button[data-v-f3a6369c]{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:10px;padding:10px 14px}.books-grid[data-v-f3a6369c]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.book-card[data-v-f3a6369c]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.book-card[data-v-f3a6369c]:hover{border-color:#94a3b8}.book-card h2[data-v-f3a6369c]{margin:0 0 8px;font-size:18px}.sub[data-v-f3a6369c]{color:#334155;margin:0 0 8px}.bar[data-v-f3a6369c]{background:#e2e8f0;border-radius:99px;height:10px;overflow:hidden}.bar-fill[data-v-f3a6369c]{background:linear-gradient(90deg,#22c55e,#84cc16);height:100%}.chapters-wrap[data-v-cfe76ca7]{flex-direction:column;gap:12px;display:flex}header h1[data-v-cfe76ca7]{margin:0}header p[data-v-cfe76ca7]{color:#475569;margin:6px 0 0}.chapters-grid[data-v-cfe76ca7]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.chapter-btn[data-v-cfe76ca7]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px}.chapter-btn[data-v-cfe76ca7]:hover{background:#f0f9ff;border-color:#0ea5e9}.learn-wrap[data-v-38bcf909]{flex-direction:column;gap:12px;display:flex}header h1[data-v-38bcf909]{margin:0}header p[data-v-38bcf909]{color:#475569;margin:6px 0 0}.flow-grid[data-v-38bcf909]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.flow-item[data-v-38bcf909]{text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:14px}.flow-item[data-v-38bcf909]:hover{background:#f0fdf4;border-color:#22c55e}.chapters-wrap[data-v-d50b83f8]{flex-direction:column;gap:12px;display:flex}header h1[data-v-d50b83f8]{margin:0}header p[data-v-d50b83f8]{color:#475569;margin:6px 0 0}.chapters-grid[data-v-d50b83f8]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.chapter-btn[data-v-d50b83f8]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px}.chapter-btn[data-v-d50b83f8]:hover{background:#f0fdf4;border-color:#16a34a}.chapters-wrap[data-v-edb41278]{flex-direction:column;gap:12px;display:flex}header h1[data-v-edb41278]{margin:0}header p[data-v-edb41278]{color:#475569;margin:6px 0 0}.chapters-grid[data-v-edb41278]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.chapter-btn[data-v-edb41278]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px}.chapter-btn[data-v-edb41278]:hover{background:#fefce8;border-color:#eab308}.words-container[data-v-020f054f]{max-width:1100px;margin:0 auto;padding:20px}.words-header[data-v-020f054f]{margin-bottom:30px}.words-header h2[data-v-020f054f]{color:#1f2937;margin-bottom:15px}.controls[data-v-020f054f]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn[data-v-020f054f]{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.btn[data-v-020f054f]:hover{background:#e5e7eb}.btn.active[data-v-020f054f],.btn-primary[data-v-020f054f]{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-primary[data-v-020f054f]:hover{background:#2563eb}.words-list[data-v-020f054f]{flex-direction:column;gap:10px;display:flex}.word-item[data-v-020f054f]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.word-item[data-v-020f054f]:hover{background:#f9fafb;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.word-number[data-v-020f054f]{color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:16px;font-weight:600;display:inline-flex}.speak-btn[data-v-020f054f]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:32px;height:32px;margin-right:12px}.speak-btn[data-v-020f054f]:hover{background:#eff6ff;border-color:#3b82f6}.word-content[data-v-020f054f]{flex:1;gap:20px;display:flex}.kana[data-v-020f054f],.kanji[data-v-020f054f],.chinese[data-v-020f054f]{flex-direction:column;gap:4px;display:flex}.kana[data-v-020f054f],.kanji[data-v-020f054f]{flex:1;min-width:100px}.chinese[data-v-020f054f]{color:#666;flex:2;min-width:150px}.no-results[data-v-020f054f]{text-align:center;color:#9ca3af;padding:40px 20px}.detail-container[data-v-944eeb1f]{max-width:1100px;margin:0 auto;padding:20px}.detail-header[data-v-944eeb1f]{align-items:center;gap:20px;margin-bottom:30px;display:flex}.detail-header h2[data-v-944eeb1f]{color:#1f2937;margin:0}.kanji-badge[data-v-944eeb1f]{color:#1e40af;background:#dbeafe;border-radius:4px;margin-left:10px;padding:4px 12px;font-size:.9em}.back-btn[data-v-944eeb1f]{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.back-btn[data-v-944eeb1f]:hover{background:#e5e7eb}.word-info[data-v-944eeb1f]{gap:20px;margin-bottom:40px;display:grid}.info-card[data-v-944eeb1f]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.info-card h3[data-v-944eeb1f]{color:#1f2937;margin:0 0 16px}.info-row[data-v-944eeb1f]{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:12px 0;display:flex}.info-row[data-v-944eeb1f]:last-child{border-bottom:none}.info-row label[data-v-944eeb1f]{color:#6b7280;min-width:100px;font-weight:600}.info-row span[data-v-944eeb1f]{color:#1f2937}.sentences-section[data-v-944eeb1f]{margin-bottom:30px}.sentences-section h3[data-v-944eeb1f]{color:#1f2937;margin-bottom:16px}.sentences-list[data-v-944eeb1f]{flex-direction:column;gap:16px;display:flex}.sentence-card[data-v-944eeb1f]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.sentence-card[data-v-944eeb1f]:hover{box-shadow:0 4px 12px #0000001a}.sentence-head[data-v-944eeb1f]{align-items:center;gap:10px;margin-bottom:8px;display:flex}.speak-btn[data-v-944eeb1f]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:32px;height:32px}.speak-btn[data-v-944eeb1f]:hover{background:#eff6ff;border-color:#3b82f6}.sentence-japanese[data-v-944eeb1f]{color:#1f2937;margin-bottom:0;font-size:18px;font-weight:600}.sentence-tokens[data-v-944eeb1f]{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.token[data-v-944eeb1f]{background:#f3f4f6;border-radius:4px;padding:4px 8px;font-size:14px;display:inline-block}.token.is-target[data-v-944eeb1f]{color:#92400e;background:#fef08a;font-weight:600}.sentence-chinese[data-v-944eeb1f]{color:#6b7280;font-size:14px}.no-results[data-v-944eeb1f]{text-align:center;color:#9ca3af;padding:40px 20px}.sentences-container[data-v-78d0c5c7]{max-width:1100px;margin:0 auto;padding:20px}.sentences-header[data-v-78d0c5c7]{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.sentences-header h2[data-v-78d0c5c7]{color:#1f2937;margin:0}.search-input[data-v-78d0c5c7]{border:1px solid #d1d5db;border-radius:4px;flex:1;min-width:200px;padding:8px 12px;font-size:14px}.search-input[data-v-78d0c5c7]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 4px #3b82f633}.sentences-list[data-v-78d0c5c7]{flex-direction:column;gap:20px;display:flex}.sentence-group[data-v-78d0c5c7]{background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;padding:14px}.group-title[data-v-78d0c5c7]{color:#0f172a;margin-bottom:12px;font-size:15px;font-weight:700}.group-sentences[data-v-78d0c5c7]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:12px;display:grid}.sentence-card[data-v-78d0c5c7]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.sentence-card[data-v-78d0c5c7]:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a}.dialogue-wrap[data-v-78d0c5c7]{flex-direction:column;gap:10px;display:flex}.dialogue-line[data-v-78d0c5c7]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.dialogue-row[data-v-78d0c5c7]{align-items:flex-start;gap:10px;display:flex}.sentence-head[data-v-78d0c5c7]{align-items:center;gap:10px;display:flex}.speak-btn[data-v-78d0c5c7]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:30px;height:30px}.speak-btn[data-v-78d0c5c7]:hover{background:#eff6ff;border-color:#3b82f6}.speaker[data-v-78d0c5c7]{color:#0f766e;text-align:center;background:#ecfeff;border:1px solid #99f6e4;border-radius:999px;min-width:64px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.utterance[data-v-78d0c5c7]{color:#1f2937;flex:1;font-size:16px;line-height:1.7}.dialogue-tokens[data-v-78d0c5c7]{margin-top:8px}.essay-wrap[data-v-78d0c5c7]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.essay-paragraph[data-v-78d0c5c7]{color:#111827;text-indent:2em;margin:0;font-size:16px;line-height:1.9}.essay-line[data-v-78d0c5c7]{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.essay-line[data-v-78d0c5c7]:last-child,.essay-paragraph[data-v-78d0c5c7]:last-child{margin-bottom:0}.essay-token-lines[data-v-78d0c5c7]{flex-direction:column;gap:8px;margin-top:12px;display:flex}.essay-cn[data-v-78d0c5c7]{color:#6b7280;border-top:1px dashed #cbd5e1;margin-top:12px;padding-top:10px;font-size:13px}.essay-cn p[data-v-78d0c5c7]{margin:0 0 4px}.essay-cn p[data-v-78d0c5c7]:last-child{margin-bottom:0}.sentence-number[data-v-78d0c5c7]{color:#0f172a;background:#f0f4f8;border-radius:4px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.sentence-content[data-v-78d0c5c7]{flex-direction:column;gap:12px;display:flex}.japanese[data-v-78d0c5c7]{color:#1f2937;font-size:18px;font-weight:600;line-height:1.6}.tokens[data-v-78d0c5c7]{flex-wrap:wrap;gap:4px;display:flex}.token[data-v-78d0c5c7]{background:#f3f4f6;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .2s;display:inline-block}.token.clickable[data-v-78d0c5c7]{cursor:pointer}.token.clickable[data-v-78d0c5c7]:hover{transform:scale(1.05)}.token-word[data-v-78d0c5c7]{color:#166534;background:#dcfce7;border:1px solid #86efac}.token-word[data-v-78d0c5c7]:hover{color:#fff;background:#16a34a}.token-grammar[data-v-78d0c5c7]{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.token-grammar[data-v-78d0c5c7]:hover{color:#111827;background:#eab308}.chinese[data-v-78d0c5c7]{color:#6b7280;font-size:13px;line-height:1.5}.no-results[data-v-78d0c5c7]{text-align:center;color:#9ca3af;grid-column:1/-1;padding:60px 20px}.token-modal-mask[data-v-78d0c5c7]{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.token-modal[data-v-78d0c5c7]{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:min(640px,100%);max-height:80vh;padding:16px;overflow-y:auto;box-shadow:0 20px 40px #0f172a33}.token-modal-head[data-v-78d0c5c7]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.token-modal-head h3[data-v-78d0c5c7]{color:#0f172a;margin:0}.close-btn[data-v-78d0c5c7],.jump-btn[data-v-78d0c5c7]{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px}.close-btn[data-v-78d0c5c7]:hover,.jump-btn[data-v-78d0c5c7]:hover{background:#f1f5f9}.token-surface[data-v-78d0c5c7]{color:#1e293b;margin:0 0 12px}.token-block[data-v-78d0c5c7]{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:12px}.token-block h4[data-v-78d0c5c7]{color:#0f172a;margin:0 0 8px}.token-block p[data-v-78d0c5c7]{color:#334155;margin:4px 0;line-height:1.6}.word-block[data-v-78d0c5c7]{background:#f8fafc}.grammar-block[data-v-78d0c5c7]{background:#fffdf3}.grammar-container[data-v-2279a080]{max-width:1100px;margin:0 auto;padding:20px}.grammar-header[data-v-2279a080]{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.grammar-header h2[data-v-2279a080]{color:#1f2937;margin:0}.grammar-list[data-v-2279a080]{flex-direction:column;gap:20px;display:flex}.grammar-card[data-v-2279a080]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.grammar-card[data-v-2279a080]:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a}.grammar-header-info[data-v-2279a080]{align-items:center;gap:16px;margin-bottom:16px;display:flex}.grammar-id[data-v-2279a080]{color:#1e40af;background:#dbeafe;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.grammar-template[data-v-2279a080]{color:#1f2937;font-size:18px;font-weight:600}.grammar-explanation[data-v-2279a080]{color:#4b5563;background:#f9fafb;border-left:3px solid #3b82f6;border-radius:4px;margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:1.6}.examples-section h4[data-v-2279a080]{color:#1f2937;margin:0 0 12px;font-size:14px}.examples-list[data-v-2279a080]{flex-direction:column;gap:12px;display:flex}.example-item[data-v-2279a080]{background:#f3f4f6;border-radius:6px;padding:12px;font-size:13px}.example-japanese[data-v-2279a080]{color:#1f2937;margin-bottom:8px;font-weight:600}.example-head[data-v-2279a080]{align-items:center;gap:10px;margin-bottom:8px;display:flex}.speak-btn[data-v-2279a080]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:30px;height:30px}.speak-btn[data-v-2279a080]:hover{background:#eff6ff;border-color:#3b82f6}.tokens[data-v-2279a080]{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.token[data-v-2279a080]{background:#fff;border:1px solid #d1d5db;border-radius:3px;padding:3px 6px;font-size:12px;transition:all .2s;display:inline-block}.token.clickable[data-v-2279a080]{cursor:pointer}.token.clickable[data-v-2279a080]:hover{transform:translateY(-1px)}.token-word[data-v-2279a080]{color:#166534;background:#dcfce7;border-color:#86efac}.token-word[data-v-2279a080]:hover{color:#fff;background:#16a34a}.token-grammar[data-v-2279a080]{color:#854d0e;background:#fef9c3;border-color:#fde047}.token-grammar[data-v-2279a080]:hover{color:#111827;background:#eab308}.example-chinese[data-v-2279a080]{color:#6b7280;font-size:12px}.no-results[data-v-2279a080]{text-align:center;color:#9ca3af;padding:60px 20px}.token-modal-mask[data-v-2279a080]{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.token-modal[data-v-2279a080]{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:min(640px,100%);max-height:80vh;padding:16px;overflow-y:auto;box-shadow:0 20px 40px #0f172a33}.token-modal-head[data-v-2279a080]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.token-modal-head h3[data-v-2279a080]{color:#0f172a;margin:0}.close-btn[data-v-2279a080],.jump-btn[data-v-2279a080]{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px}.close-btn[data-v-2279a080]:hover,.jump-btn[data-v-2279a080]:hover{background:#f1f5f9}.token-surface[data-v-2279a080]{color:#1e293b;margin:0 0 12px}.token-block[data-v-2279a080]{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:12px}.token-block h4[data-v-2279a080]{color:#0f172a;margin:0 0 8px}.token-block p[data-v-2279a080]{color:#334155;margin:4px 0;line-height:1.6}.word-block[data-v-2279a080]{background:#f8fafc}.grammar-block[data-v-2279a080]{background:#fffdf3}.detail-container[data-v-6cfd1902]{max-width:1100px;margin:0 auto;padding:20px}.detail-header[data-v-6cfd1902]{align-items:center;gap:20px;margin-bottom:30px;display:flex}.detail-header h2[data-v-6cfd1902]{color:#1f2937;margin:0}.template-badge[data-v-6cfd1902]{color:#92400e;background:#fef3c7;border-radius:4px;margin-left:10px;padding:4px 12px;font-size:.9em}.back-btn[data-v-6cfd1902]{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.back-btn[data-v-6cfd1902]:hover{background:#e5e7eb}.grammar-info[data-v-6cfd1902]{gap:20px;margin-bottom:40px;display:grid}.info-card[data-v-6cfd1902]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.info-card h3[data-v-6cfd1902]{color:#1f2937;margin:0 0 16px}.info-row[data-v-6cfd1902]{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:24px;padding:12px 0;display:flex}.info-row[data-v-6cfd1902]:last-child{border-bottom:none}.info-row label[data-v-6cfd1902]{color:#6b7280;min-width:100px;font-weight:600}.info-row span[data-v-6cfd1902]{color:#1f2937}.sentences-section[data-v-6cfd1902]{margin-bottom:30px}.sentences-section h3[data-v-6cfd1902]{color:#1f2937;margin-bottom:16px}.sentences-list[data-v-6cfd1902]{flex-direction:column;gap:16px;display:flex}.sentence-card[data-v-6cfd1902]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.sentence-card[data-v-6cfd1902]:hover{box-shadow:0 4px 12px #0000001a}.sentence-japanese[data-v-6cfd1902]{color:#1f2937;margin-bottom:12px;font-size:18px;font-weight:600}.sentence-head[data-v-6cfd1902]{align-items:center;gap:10px;margin-bottom:12px;display:flex}.speak-btn[data-v-6cfd1902]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:30px;height:30px}.speak-btn[data-v-6cfd1902]:hover{background:#eff6ff;border-color:#3b82f6}.sentence-tokens[data-v-6cfd1902]{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.token[data-v-6cfd1902]{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s;display:inline-block}.token.clickable[data-v-6cfd1902]{cursor:pointer}.token-grammar[data-v-6cfd1902]{color:#854d0e;background:#fef9c3;border-color:#fde047}.token-grammar[data-v-6cfd1902]:hover{color:#111827;background:#eab308}.sentence-chinese[data-v-6cfd1902]{color:#6b7280;font-size:14px}.no-results[data-v-6cfd1902]{text-align:center;color:#9ca3af;padding:40px 20px}.token-modal-mask[data-v-6cfd1902]{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.token-modal[data-v-6cfd1902]{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:min(640px,100%);max-height:80vh;padding:16px;overflow-y:auto;box-shadow:0 20px 40px #0f172a33}.token-modal-head[data-v-6cfd1902]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.token-modal-head h3[data-v-6cfd1902]{color:#0f172a;margin:0}.close-btn[data-v-6cfd1902],.jump-btn[data-v-6cfd1902]{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px}.close-btn[data-v-6cfd1902]:hover,.jump-btn[data-v-6cfd1902]:hover{background:#f1f5f9}.token-surface[data-v-6cfd1902]{color:#1e293b;margin:0 0 12px}.token-block[data-v-6cfd1902]{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:12px}.token-block h4[data-v-6cfd1902]{color:#0f172a;margin:0 0 8px}.token-block p[data-v-6cfd1902]{color:#334155;margin:4px 0;line-height:1.6}.word-block[data-v-6cfd1902]{background:#f8fafc}.grammar-block[data-v-6cfd1902]{background:#fffdf3}.donate-page[data-v-93889208]{flex-direction:column;gap:16px;display:flex}.hero[data-v-93889208]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-93889208]{color:#0f172a;margin:0}.hero p[data-v-93889208]{color:#334155;margin:6px 0 0}.donate-card[data-v-93889208]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.alipay-image[data-v-93889208]{aspect-ratio:1;object-fit:contain;object-position:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:min(300px,100%);padding:8px;display:block}.donate-note[data-v-93889208]{color:#334155;text-align:center;margin:0;font-size:18px;font-weight:600;line-height:1.9}.about-page[data-v-970746c5]{flex-direction:column;gap:16px;display:flex}.hero[data-v-970746c5]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-970746c5]{color:#0f172a;margin:0}.hero p[data-v-970746c5]{color:#334155;margin:6px 0 0}.entry-grid[data-v-970746c5]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.entry-card[data-v-970746c5]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;transition:all .2s}.entry-card[data-v-970746c5]:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a14}.entry-card h2[data-v-970746c5]{color:#0f172a;margin:0 0 8px}.entry-card p[data-v-970746c5]{color:#334155;margin:0;line-height:1.7}.about-page[data-v-e4c9a6eb]{flex-direction:column;gap:16px;display:flex}.hero[data-v-e4c9a6eb]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-e4c9a6eb]{color:#0f172a;margin:0}.hero p[data-v-e4c9a6eb]{color:#334155;margin:6px 0 0}.card[data-v-e4c9a6eb]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.card h2[data-v-e4c9a6eb]{color:#0f172a;margin:0 0 8px}.card p[data-v-e4c9a6eb]{color:#334155;margin:0;line-height:1.7}.meta[data-v-e4c9a6eb]{color:#334155;margin:6px 0}.card h3[data-v-e4c9a6eb]{color:#1e293b;margin:14px 0 8px}.list[data-v-e4c9a6eb]{color:#334155;margin:8px 0 0;padding-left:18px;line-height:1.8}.mono[data-v-e4c9a6eb]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.about-page[data-v-f2523ad2]{flex-direction:column;gap:16px;display:flex}.hero[data-v-f2523ad2]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-f2523ad2]{color:#0f172a;margin:0}.hero p[data-v-f2523ad2]{color:#334155;margin:6px 0 0}.card[data-v-f2523ad2]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.card h2[data-v-f2523ad2]{color:#0f172a;margin:0 0 8px}.card h3[data-v-f2523ad2]{color:#1f2937;margin:6px 0}.card p[data-v-f2523ad2]{color:#334155;margin:0;line-height:1.7}.profile-grid[data-v-f2523ad2]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.profile-grid div[data-v-f2523ad2]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.label[data-v-f2523ad2]{color:#64748b}.list[data-v-f2523ad2]{color:#334155;margin:0;padding-left:18px;line-height:1.8}.date[data-v-f2523ad2]{color:#64748b;margin-left:6px}.links[data-v-f2523ad2]{margin-bottom:6px}.links a[data-v-f2523ad2]{color:#2563eb;text-decoration:none}.links a[data-v-f2523ad2]:hover{text-decoration:underline}.about-page[data-v-8aba8f6a]{flex-direction:column;gap:16px;display:flex}.hero[data-v-8aba8f6a]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-8aba8f6a]{color:#0f172a;margin:0}.hero p[data-v-8aba8f6a]{color:#334155;margin:6px 0 0}.card[data-v-8aba8f6a]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.card h2[data-v-8aba8f6a]{color:#0f172a;margin:0 0 8px}.list[data-v-8aba8f6a]{color:#334155;margin:0;padding-left:18px;line-height:1.8}