*{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 (max-width:640px){.topbar{flex-direction:column;align-items:flex-start;padding:12px}.content{padding:12px}}.home[data-v-3423d302]{flex-direction:column;gap:18px;display:flex}.hero[data-v-3423d302]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-3423d302]{color:#0f172a;margin:0}.hero p[data-v-3423d302]{color:#334155;margin:6px 0 0}.module-grid[data-v-3423d302]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.module-card[data-v-3423d302]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;transition:all .2s}.module-card[data-v-3423d302]:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.08)}.module-card h2[data-v-3423d302]{color:#0f172a;margin:0 0 6px;font-size:18px}.module-card p[data-v-3423d302]{color:#475569;margin:0;font-size:14px}.review-card[data-v-3423d302]{background:linear-gradient(#fff,#f0fdf4);border-color:#a7f3d0}.review-badge[data-v-3423d302]{color:#15803d;background:#dcfce7;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.word-search-panel[data-v-3423d302]{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;padding:16px}.word-search-head h2[data-v-3423d302]{color:#0f172a;margin:0;font-size:18px}.word-search-head p[data-v-3423d302]{color:#64748b;margin:6px 0 0;font-size:13px}.word-search-form[data-v-3423d302]{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.word-input[data-v-3423d302]{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:260px;padding:8px 10px;font-size:14px}.word-search-error[data-v-3423d302]{color:#b91c1c;margin-top:10px;font-size:13px}.word-result-list[data-v-3423d302]{gap:8px;margin-top:10px;display:grid}.word-result-card[data-v-3423d302]{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-3423d302]:hover{border-color:#94a3b8;box-shadow:0 6px 14px rgba(15,23,42,.08)}.word-result-order[data-v-3423d302]{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-3423d302]{flex:1;min-width:0}.word-result-kana[data-v-3423d302]{color:#0f172a;font-size:15px;font-weight:700}.word-result-meta[data-v-3423d302]{color:#475569;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:12px;display:flex}.word-result-chapter[data-v-3423d302]{color:#0369a1;flex-shrink:0;font-size:12px}.grammar-search-panel[data-v-3423d302]{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;padding:16px}.grammar-search-head h2[data-v-3423d302]{color:#0f172a;margin:0;font-size:18px}.grammar-search-head p[data-v-3423d302]{color:#64748b;margin:6px 0 0;font-size:13px}.grammar-search-form[data-v-3423d302]{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.grammar-input[data-v-3423d302]{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:260px;padding:8px 10px;font-size:14px}.grammar-error[data-v-3423d302]{color:#b91c1c;margin-top:10px;font-size:13px}.grammar-llm-box[data-v-3423d302]{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}.llm-explanation-line[data-v-3423d302]{white-space:pre-line}.grammar-result-list[data-v-3423d302]{gap:8px;margin-top:10px;display:grid}.grammar-result-card[data-v-3423d302]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px;transition:all .2s}.grammar-result-card[data-v-3423d302]:hover{border-color:#94a3b8;box-shadow:0 6px 14px rgba(15,23,42,.08)}.grammar-result-title[data-v-3423d302]{color:#64748b;font-size:12px}.grammar-result-template[data-v-3423d302]{color:#0f172a;margin-top:4px;font-weight:600}.grammar-result-score[data-v-3423d302]{color:#0369a1;margin-top:4px;font-size:12px}.action-btn[data-v-3423d302]{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 12px}.action-btn[data-v-3423d302]:disabled{opacity:.6;cursor:not-allowed}.empty-review[data-v-3423d302]{color:#64748b;margin:0}.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-532119ad]{flex-direction:column;gap:12px;display:flex}header h1[data-v-532119ad]{margin:0}header p[data-v-532119ad]{color:#475569;margin:6px 0 0}.flow-grid[data-v-532119ad]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.flow-item[data-v-532119ad]{text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:14px}.flow-item[data-v-532119ad]: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 rgba(59,130,246,.1)}.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-3e5f4ce2]{max-width:1100px;margin:0 auto;padding:20px}.detail-header[data-v-3e5f4ce2]{align-items:center;gap:20px;margin-bottom:30px;display:flex}.detail-header h2[data-v-3e5f4ce2]{color:#1f2937;margin:0}.kanji-badge[data-v-3e5f4ce2]{color:#1e40af;background:#dbeafe;border-radius:4px;margin-left:10px;padding:4px 12px;font-size:.9em}.word-info[data-v-3e5f4ce2]{gap:20px;margin-bottom:40px;display:grid}.info-card[data-v-3e5f4ce2]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.info-card h3[data-v-3e5f4ce2]{color:#1f2937;margin:0 0 16px}.info-row[data-v-3e5f4ce2]{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:12px 0;display:flex}.info-row[data-v-3e5f4ce2]:last-child{border-bottom:none}.info-row label[data-v-3e5f4ce2]{color:#6b7280;min-width:100px;font-weight:600}.info-row span[data-v-3e5f4ce2]{color:#1f2937}.sentences-section[data-v-3e5f4ce2]{margin-bottom:30px}.sentences-section h3[data-v-3e5f4ce2]{color:#1f2937;margin-bottom:16px}.sentences-list[data-v-3e5f4ce2]{flex-direction:column;gap:16px;display:flex}.sentence-card[data-v-3e5f4ce2]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.sentence-card[data-v-3e5f4ce2]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.sentence-head[data-v-3e5f4ce2]{align-items:center;gap:10px;margin-bottom:8px;display:flex}.speak-btn[data-v-3e5f4ce2]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:32px;height:32px}.speak-btn[data-v-3e5f4ce2]:hover{background:#eff6ff;border-color:#3b82f6}.sentence-japanese[data-v-3e5f4ce2]{color:#1f2937;margin-bottom:0;font-size:18px;font-weight:600}.sentence-tokens[data-v-3e5f4ce2]{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.token[data-v-3e5f4ce2]{background:#f3f4f6;border-radius:4px;padding:4px 8px;font-size:14px;display:inline-block}.token.is-target[data-v-3e5f4ce2]{color:#92400e;background:#fef08a;font-weight:600}.sentence-chinese[data-v-3e5f4ce2]{color:#6b7280;font-size:14px}.no-results[data-v-3e5f4ce2]{text-align:center;color:#9ca3af;padding:40px 20px}.sentences-container[data-v-0633414a]{max-width:1100px;margin:0 auto;padding:20px}.sentences-header[data-v-0633414a]{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.sentences-header h2[data-v-0633414a]{color:#1f2937;margin:0}.search-input[data-v-0633414a]{border:1px solid #d1d5db;border-radius:4px;flex:1;min-width:200px;padding:8px 12px;font-size:14px}.search-input[data-v-0633414a]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 4px rgba(59,130,246,.2)}.sentences-list[data-v-0633414a]{flex-direction:column;gap:20px;display:flex}.sentence-group[data-v-0633414a]{background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;padding:14px}.group-title[data-v-0633414a]{color:#0f172a;margin-bottom:12px;font-size:15px;font-weight:700}.group-sentences[data-v-0633414a]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:12px;display:grid}.sentence-card[data-v-0633414a]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.sentence-card[data-v-0633414a]:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(0,0,0,.1)}.dialogue-wrap[data-v-0633414a]{flex-direction:column;gap:10px;display:flex}.dialogue-line[data-v-0633414a]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.dialogue-row[data-v-0633414a]{align-items:flex-start;gap:10px;display:flex}.sentence-head[data-v-0633414a]{align-items:center;gap:10px;display:flex}.speak-btn[data-v-0633414a]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:30px;height:30px}.speak-btn[data-v-0633414a]:hover{background:#eff6ff;border-color:#3b82f6}.speaker[data-v-0633414a]{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-0633414a]{color:#1f2937;flex:1;font-size:16px;line-height:1.7}.dialogue-tokens[data-v-0633414a]{margin-top:8px}.essay-wrap[data-v-0633414a]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.essay-paragraph[data-v-0633414a]{color:#111827;text-indent:2em;margin:0;font-size:16px;line-height:1.9}.essay-line[data-v-0633414a]{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.essay-line[data-v-0633414a]:last-child,.essay-paragraph[data-v-0633414a]:last-child{margin-bottom:0}.essay-token-lines[data-v-0633414a]{flex-direction:column;gap:8px;margin-top:12px;display:flex}.essay-cn[data-v-0633414a]{color:#6b7280;border-top:1px dashed #cbd5e1;margin-top:12px;padding-top:10px;font-size:13px}.essay-cn p[data-v-0633414a]{margin:0 0 4px}.essay-cn p[data-v-0633414a]:last-child{margin-bottom:0}.sentence-number[data-v-0633414a]{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-0633414a]{flex-direction:column;gap:12px;display:flex}.japanese[data-v-0633414a]{color:#1f2937;font-size:18px;font-weight:600;line-height:1.6}.tokens[data-v-0633414a]{flex-wrap:wrap;gap:4px;display:flex}.token[data-v-0633414a]{background:#f3f4f6;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .2s;display:inline-block}.token.clickable[data-v-0633414a]{cursor:pointer}.token.clickable[data-v-0633414a]:hover{transform:scale(1.05)}.token-word[data-v-0633414a]{color:#166534;background:#dcfce7;border:1px solid #86efac}.token-word[data-v-0633414a]:hover{color:#fff;background:#16a34a}.token-grammar[data-v-0633414a]{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.token-grammar[data-v-0633414a]:hover{color:#111827;background:#eab308}.chinese[data-v-0633414a]{color:#6b7280;font-size:13px;line-height:1.5}.no-results[data-v-0633414a]{text-align:center;color:#9ca3af;grid-column:1/-1;padding:60px 20px}.token-modal-mask[data-v-0633414a]{z-index:2000;background:rgba(15,23,42,.45);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.token-modal[data-v-0633414a]{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 rgba(15,23,42,.2)}.token-modal-head[data-v-0633414a]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.token-modal-head h3[data-v-0633414a]{color:#0f172a;margin:0}.close-btn[data-v-0633414a],.jump-btn[data-v-0633414a]{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px}.close-btn[data-v-0633414a]:hover,.jump-btn[data-v-0633414a]:hover{background:#f1f5f9}.token-surface[data-v-0633414a]{color:#1e293b;margin:0 0 12px}.token-block[data-v-0633414a]{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:12px}.token-block h4[data-v-0633414a]{color:#0f172a;margin:0 0 8px}.token-block p[data-v-0633414a]{color:#334155;white-space:pre-line;margin:4px 0;line-height:1.6}.word-block[data-v-0633414a]{background:#f8fafc}.grammar-block[data-v-0633414a]{background:#fffdf3}.grammar-container[data-v-5328b4b2]{max-width:1100px;margin:0 auto;padding:20px}.grammar-header[data-v-5328b4b2]{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.grammar-header h2[data-v-5328b4b2]{color:#1f2937;margin:0}.grammar-list[data-v-5328b4b2]{flex-direction:column;gap:20px;display:flex}.grammar-card[data-v-5328b4b2]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.grammar-card[data-v-5328b4b2]:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(0,0,0,.1)}.grammar-header-info[data-v-5328b4b2]{align-items:center;gap:16px;margin-bottom:16px;display:flex}.grammar-id[data-v-5328b4b2]{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-5328b4b2]{color:#1f2937;font-size:18px;font-weight:600}.grammar-explanation[data-v-5328b4b2]{color:#4b5563;white-space:pre-line;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-5328b4b2]{color:#1f2937;margin:0 0 12px;font-size:14px}.examples-list[data-v-5328b4b2]{flex-direction:column;gap:12px;display:flex}.example-item[data-v-5328b4b2]{background:#f3f4f6;border-radius:6px;padding:12px;font-size:13px}.example-japanese[data-v-5328b4b2]{color:#1f2937;margin-bottom:8px;font-weight:600}.example-head[data-v-5328b4b2]{align-items:center;gap:10px;margin-bottom:8px;display:flex}.speak-btn[data-v-5328b4b2]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:30px;height:30px}.speak-btn[data-v-5328b4b2]:hover{background:#eff6ff;border-color:#3b82f6}.tokens[data-v-5328b4b2]{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.token[data-v-5328b4b2]{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-5328b4b2]{cursor:pointer}.token.clickable[data-v-5328b4b2]:hover{transform:translateY(-1px)}.token-word[data-v-5328b4b2]{color:#166534;background:#dcfce7;border-color:#86efac}.token-word[data-v-5328b4b2]:hover{color:#fff;background:#16a34a}.token-grammar[data-v-5328b4b2]{color:#854d0e;background:#fef9c3;border-color:#fde047}.token-grammar[data-v-5328b4b2]:hover{color:#111827;background:#eab308}.example-chinese[data-v-5328b4b2]{color:#6b7280;font-size:12px}.no-results[data-v-5328b4b2]{text-align:center;color:#9ca3af;padding:60px 20px}.token-modal-mask[data-v-5328b4b2]{z-index:2000;background:rgba(15,23,42,.45);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.token-modal[data-v-5328b4b2]{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 rgba(15,23,42,.2)}.token-modal-head[data-v-5328b4b2]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.token-modal-head h3[data-v-5328b4b2]{color:#0f172a;margin:0}.close-btn[data-v-5328b4b2],.jump-btn[data-v-5328b4b2]{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px}.close-btn[data-v-5328b4b2]:hover,.jump-btn[data-v-5328b4b2]:hover{background:#f1f5f9}.token-surface[data-v-5328b4b2]{color:#1e293b;margin:0 0 12px}.token-block[data-v-5328b4b2]{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:12px}.token-block h4[data-v-5328b4b2]{color:#0f172a;margin:0 0 8px}.token-block p[data-v-5328b4b2]{color:#334155;white-space:pre-line;margin:4px 0;line-height:1.6}.word-block[data-v-5328b4b2]{background:#f8fafc}.grammar-block[data-v-5328b4b2]{background:#fffdf3}.detail-container[data-v-a06ed098]{max-width:1100px;margin:0 auto;padding:20px}.detail-header[data-v-a06ed098]{align-items:center;gap:20px;margin-bottom:30px;display:flex}.detail-header h2[data-v-a06ed098]{color:#1f2937;margin:0}.template-badge[data-v-a06ed098]{color:#92400e;background:#fef3c7;border-radius:4px;margin-left:10px;padding:4px 12px;font-size:.9em}.grammar-info[data-v-a06ed098]{gap:20px;margin-bottom:40px;display:grid}.info-card[data-v-a06ed098]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.info-card h3[data-v-a06ed098]{color:#1f2937;margin:0 0 16px}.info-row[data-v-a06ed098]{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:24px;padding:12px 0;display:flex}.info-row[data-v-a06ed098]:last-child{border-bottom:none}.info-row label[data-v-a06ed098]{color:#6b7280;min-width:100px;font-weight:600}.info-row span[data-v-a06ed098]{color:#1f2937;white-space:pre-line}.sentences-section[data-v-a06ed098]{margin-bottom:30px}.sentences-section h3[data-v-a06ed098]{color:#1f2937;margin-bottom:16px}.sentences-list[data-v-a06ed098]{flex-direction:column;gap:16px;display:flex}.sentence-card[data-v-a06ed098]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.sentence-card[data-v-a06ed098]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.sentence-japanese[data-v-a06ed098]{color:#1f2937;margin-bottom:12px;font-size:18px;font-weight:600}.sentence-head[data-v-a06ed098]{align-items:center;gap:10px;margin-bottom:12px;display:flex}.speak-btn[data-v-a06ed098]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:30px;height:30px}.speak-btn[data-v-a06ed098]:hover{background:#eff6ff;border-color:#3b82f6}.sentence-tokens[data-v-a06ed098]{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.token[data-v-a06ed098]{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s;display:inline-block}.token.clickable[data-v-a06ed098]{cursor:pointer}.token-grammar[data-v-a06ed098]{color:#854d0e;background:#fef9c3;border-color:#fde047}.token-grammar[data-v-a06ed098]:hover{color:#111827;background:#eab308}.sentence-chinese[data-v-a06ed098]{color:#6b7280;font-size:14px}.no-results[data-v-a06ed098]{text-align:center;color:#9ca3af;padding:40px 20px}.token-modal-mask[data-v-a06ed098]{z-index:2000;background:rgba(15,23,42,.45);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.token-modal[data-v-a06ed098]{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 rgba(15,23,42,.2)}.token-modal-head[data-v-a06ed098]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.token-modal-head h3[data-v-a06ed098]{color:#0f172a;margin:0}.close-btn[data-v-a06ed098],.jump-btn[data-v-a06ed098]{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px}.close-btn[data-v-a06ed098]:hover,.jump-btn[data-v-a06ed098]:hover{background:#f1f5f9}.token-surface[data-v-a06ed098]{color:#1e293b;margin:0 0 12px}.token-block[data-v-a06ed098]{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:12px}.token-block h4[data-v-a06ed098]{color:#0f172a;margin:0 0 8px}.token-block p[data-v-a06ed098]{color:#334155;white-space:pre-line;margin:4px 0;line-height:1.6}.word-block[data-v-a06ed098]{background:#f8fafc}.grammar-block[data-v-a06ed098]{background:#fffdf3}.donate-page[data-v-55dae8f2]{flex-direction:column;gap:16px;display:flex}.hero[data-v-55dae8f2]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-55dae8f2]{color:#0f172a;margin:0}.hero p[data-v-55dae8f2]{color:#334155;margin:6px 0 0}.donate-card[data-v-55dae8f2]{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-55dae8f2]{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-55dae8f2]{color:#334155;text-align:center;margin:0;font-size:18px;font-weight:600;line-height:1.9}.about-page[data-v-3e633bc1]{flex-direction:column;gap:16px;display:flex}.hero[data-v-3e633bc1]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-3e633bc1]{color:#0f172a;margin:0}.hero p[data-v-3e633bc1]{color:#334155;margin:6px 0 0}.entry-grid[data-v-3e633bc1]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.entry-card[data-v-3e633bc1]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;transition:all .2s}.entry-card[data-v-3e633bc1]:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.08)}.entry-card h2[data-v-3e633bc1]{color:#0f172a;margin:0 0 8px}.entry-card p[data-v-3e633bc1]{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-6e32beb5]{flex-direction:column;gap:16px;display:flex}.hero[data-v-6e32beb5]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-6e32beb5]{color:#0f172a;margin:0}.hero p[data-v-6e32beb5]{color:#334155;margin:6px 0 0}.card[data-v-6e32beb5]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.card h2[data-v-6e32beb5]{color:#0f172a;margin:0 0 8px}.card h3[data-v-6e32beb5]{color:#1f2937;margin:6px 0}.card p[data-v-6e32beb5]{color:#334155;margin:0;line-height:1.7}.profile-grid[data-v-6e32beb5]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.profile-grid div[data-v-6e32beb5]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.label[data-v-6e32beb5]{color:#64748b}.list[data-v-6e32beb5]{color:#334155;margin:0;padding-left:18px;line-height:1.8}.date[data-v-6e32beb5]{color:#64748b;margin-left:6px}.links[data-v-6e32beb5]{margin-bottom:6px}.links a[data-v-6e32beb5]{color:#2563eb;text-decoration:none}.links a[data-v-6e32beb5]:hover{text-decoration:underline}.about-page[data-v-22690c1b]{flex-direction:column;gap:16px;display:flex}.hero[data-v-22690c1b]{background:linear-gradient(135deg,#e0f2fe,#eef2ff 55%,#fef9c3);border:1px solid #cbd5e1;border-radius:16px;padding:22px}.hero h1[data-v-22690c1b]{color:#0f172a;margin:0}.hero p[data-v-22690c1b]{color:#334155;margin:6px 0 0}.card[data-v-22690c1b]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.card-head[data-v-22690c1b]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.card h2[data-v-22690c1b]{color:#0f172a;margin:0}.card-date[data-v-22690c1b]{color:#64748b;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:12px}.list[data-v-22690c1b]{color:#334155;margin:0;padding-left:18px;line-height:1.8}.load-error[data-v-22690c1b]{text-align:center;color:#9ca3af;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:0;padding:40px 20px}.auth-wrap[data-v-38733ee1]{justify-content:center;padding:30px 12px;display:flex}.auth-card[data-v-38733ee1]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 20px rgba(15,23,42,.06)}.auth-card h1[data-v-38733ee1]{color:#0f172a;margin:0;font-size:22px}.auth-sub[data-v-38733ee1]{color:#64748b;margin:6px 0 0;font-size:13px}.auth-tabs[data-v-38733ee1]{border:1px solid #cbd5e1;border-radius:10px;margin-top:16px;display:flex;overflow:hidden}.auth-tab[data-v-38733ee1]{color:#475569;cursor:pointer;background:#f8fafc;border:0;flex:1;padding:9px 0;font-size:14px}.auth-tab.active[data-v-38733ee1]{color:#fff;background:#22c55e;font-weight:600}.auth-form[data-v-38733ee1]{flex-direction:column;gap:12px;margin-top:16px;display:flex}.auth-field[data-v-38733ee1]{color:#334155;flex-direction:column;gap:5px;font-size:13px;display:flex}.auth-field input[data-v-38733ee1]{border:1px solid #cbd5e1;border-radius:8px;padding:9px 11px;font-size:14px}.auth-field input[data-v-38733ee1]:focus{border-color:#22c55e;outline:2px solid #86efac}.auth-error[data-v-38733ee1]{color:#b91c1c;margin:0;font-size:13px}.auth-submit[data-v-38733ee1]{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:10px;padding:11px 0;font-size:15px;font-weight:600}.auth-submit[data-v-38733ee1]:disabled{opacity:.6;cursor:not-allowed}.auth-hint[data-v-38733ee1]{color:#94a3b8;margin:14px 0 0;font-size:12px}.me-wrap[data-v-81a803e7]{flex-direction:column;gap:12px;display:flex}header h1[data-v-81a803e7]{color:#0f172a;margin:0}header p[data-v-81a803e7]{color:#475569;margin:6px 0 0}.me-card[data-v-81a803e7]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;max-width:560px;padding:16px}.me-info[data-v-81a803e7]{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.me-row[data-v-81a803e7]{justify-content:space-between;gap:10px;font-size:14px;display:flex}.me-row span[data-v-81a803e7]{color:#64748b}.me-section[data-v-81a803e7]{margin-top:16px}.me-section h2[data-v-81a803e7]{color:#0f172a;margin:0 0 8px;font-size:15px}.me-form[data-v-81a803e7]{flex-wrap:wrap;gap:8px;display:flex}.me-form-col[data-v-81a803e7]{flex-direction:column;max-width:340px}.me-form input[data-v-81a803e7]{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:200px;padding:8px 10px;font-size:14px}.me-btn[data-v-81a803e7]{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;font-size:14px}.me-btn[data-v-81a803e7]:disabled{opacity:.6;cursor:not-allowed}.me-btn-danger[data-v-81a803e7]{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.me-btn-danger[data-v-81a803e7]:hover{background:#fee2e2}.me-msg[data-v-81a803e7]{color:#b91c1c;margin:8px 0 0;font-size:13px}.me-msg.ok[data-v-81a803e7]{color:#15803d}.me-loading[data-v-81a803e7]{color:#64748b}.test-wrap[data-v-fb23e69f]{flex-direction:column;gap:14px;display:flex}header h1[data-v-fb23e69f]{color:#0f172a;margin:0}header p[data-v-fb23e69f]{color:#475569;margin:6px 0 0}.test-tabs[data-v-fb23e69f]{flex-wrap:wrap;gap:8px;display:flex}.test-tab[data-v-fb23e69f]{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 16px;font-size:14px}.test-tab.active[data-v-fb23e69f]{color:#fff;background:#22c55e;border-color:#22c55e;font-weight:600}.flash-area[data-v-fb23e69f]{flex-direction:column;gap:12px;display:flex}.flash-meta[data-v-fb23e69f]{color:#475569;font-size:13px}.flash-card[data-v-fb23e69f]{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:16px;justify-content:center;align-items:center;min-height:220px;padding:24px;transition:all .2s;display:flex}.flash-card[data-v-fb23e69f]:hover{border-color:#94a3b8}.word-card.revealed[data-v-fb23e69f],.grammar-card.revealed[data-v-fb23e69f]{cursor:default}.flash-front[data-v-fb23e69f]{flex-direction:column;align-items:center;gap:14px;display:flex}.flash-kana[data-v-fb23e69f]{color:#111827;font-size:42px;font-weight:700}.flash-sentence[data-v-fb23e69f]{color:#111827;font-size:26px;font-weight:600;line-height:1.7}.flash-hint[data-v-fb23e69f]{color:#64748b;font-size:14px}.flash-back[data-v-fb23e69f]{flex-direction:column;align-items:center;gap:8px;display:flex}.flash-kanji[data-v-fb23e69f]{color:#0f172a;font-size:22px;font-weight:600}.flash-cn[data-v-fb23e69f]{color:#334155;font-size:16px}.flash-template[data-v-fb23e69f]{color:#0f172a;font-size:24px;font-weight:700}.flash-explanation[data-v-fb23e69f]{color:#334155;white-space:pre-line;max-width:640px;font-size:15px}.flash-example[data-v-fb23e69f]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;gap:4px;margin-top:10px;padding:10px 14px;display:flex}.ex-jp[data-v-fb23e69f]{color:#111827;font-size:16px}.ex-cn[data-v-fb23e69f]{color:#64748b;font-size:13px}.flash-actions[data-v-fb23e69f]{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.test-btn[data-v-fb23e69f]{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 22px;font-size:15px}.test-btn[data-v-fb23e69f]:hover{border-color:#94a3b8}.btn-ok[data-v-fb23e69f]{color:#15803d;background:#f0fdf4;border-color:#86efac;font-weight:600}.btn-bad[data-v-fb23e69f]{color:#b91c1c;background:#fff1f2;border-color:#fecaca;font-weight:600}.test-state[data-v-fb23e69f]{color:#64748b;padding:20px 0}.test-error[data-v-fb23e69f]{color:#b91c1c}.test-done[data-v-fb23e69f]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.test-done h2[data-v-fb23e69f]{color:#0f172a;margin:0}.done-stats[data-v-fb23e69f]{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:14px;display:flex}.done-stat[data-v-fb23e69f]{font-size:18px;font-weight:700}.done-ok[data-v-fb23e69f]{color:#15803d}.done-bad[data-v-fb23e69f]{color:#b91c1c}.done-tip[data-v-fb23e69f]{color:#64748b;margin:12px 0 0;font-size:13px}.done-actions[data-v-fb23e69f]{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}