.word-parser-container[data-v-b0c5a359]{max-width:800px;margin:0 auto}.parser-card[data-v-b0c5a359]{background:#ffffff;border-radius:24px;padding:32px;box-shadow:0 12px 32px #00000014;border:3px solid #f3f4f6}.title[data-v-b0c5a359]{color:#1e3a8a;font-size:1.8rem;margin-bottom:8px}.subtitle[data-v-b0c5a359]{color:#4b5563;margin-bottom:24px}.controls-wrapper[data-v-b0c5a359]{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.input-group[data-v-b0c5a359]{display:flex;gap:12px}.word-input[data-v-b0c5a359]{flex:1;padding:14px 20px;font-size:1.2rem;border:3px solid #e5e7eb;border-radius:16px;outline:none}.word-input[data-v-b0c5a359]:focus{border-color:#3b82f6}.btn-parse[data-v-b0c5a359]{background:#2563eb;color:#fff;font-size:1.1rem;font-weight:700;padding:0 28px;border:none;border-radius:16px;cursor:pointer}.speed-control[data-v-b0c5a359]{display:flex;align-items:center;gap:12px}.speed-label[data-v-b0c5a359]{font-weight:700;color:#374151}.speed-btn[data-v-b0c5a359]{padding:6px 16px;border-radius:12px;border:2px solid #d1d5db;background:#f9fafb;font-weight:700;cursor:pointer}.speed-btn.active[data-v-b0c5a359]{background:#fef08a;border-color:#eab308;color:#854d0e}.virtual-keyboard[data-v-b0c5a359]{background:#f8fafc;padding:20px;border-radius:24px;margin-bottom:28px;border:3px dashed #cbd5e1}.keyboard-header[data-v-b0c5a359]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.keyboard-title[data-v-b0c5a359]{font-weight:700;color:#334155;font-size:1.1rem}.sound-mode-toggle[data-v-b0c5a359]{display:flex;gap:6px;background:#e2e8f0;padding:4px;border-radius:14px}.mode-btn[data-v-b0c5a359]{border:none;padding:6px 12px;border-radius:10px;font-size:.85rem;font-weight:700;color:#64748b;background:transparent;cursor:pointer;transition:all .2s}.mode-btn.active[data-v-b0c5a359]{background:#ffffff;color:#2563eb;box-shadow:0 2px 6px #0000001a}.keys-grid[data-v-b0c5a359]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.key-btn[data-v-b0c5a359]{width:54px;height:54px;border-radius:16px;border:3px solid #cbd5e1;background:#ffffff;color:#1e293b;font-size:1.6rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 6px #0000000d}.key-btn[data-v-b0c5a359]:hover{background:#3b82f6;color:#fff;border-color:#2563eb;transform:translateY(-3px);box-shadow:0 6px 12px #2563eb33}.key-btn[data-v-b0c5a359]:active{transform:translateY(0)}.key-action[data-v-b0c5a359]{width:72px;background:#e2e8f0;font-size:1.4rem}.key-clear[data-v-b0c5a359]{background:#fee2e2;border-color:#fca5a5;font-size:1.4rem}.segments-grid[data-v-b0c5a359]{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px}.segment-card[data-v-b0c5a359]{width:100px;height:120px;background:#eff6ff;border:3px solid #93c5fd;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.segment-card[data-v-b0c5a359]:hover{transform:translateY(-6px)}.segment-card.active[data-v-b0c5a359]{background:#d1fae5;border-color:#10b981;transform:scale(1.1)}.segment-card.silent_e[data-v-b0c5a359]{opacity:.5;border-style:dashed}.seg-display[data-v-b0c5a359]{font-size:2.8rem;font-weight:800;color:#1d4ed8}.seg-note[data-v-b0c5a359]{font-size:.75rem;color:#6b7280;margin-top:4px}.full-word-action[data-v-b0c5a359]{text-align:center}.btn-speak-word[data-v-b0c5a359]{background:#10b981;color:#fff;font-size:1.3rem;font-weight:700;padding:16px 36px;border:none;border-radius:20px;cursor:pointer}.library-container[data-v-5d7c74ae]{max-width:900px;margin:0 auto}.filter-header[data-v-5d7c74ae]{margin-bottom:24px}.search-bar[data-v-5d7c74ae]{width:100%;padding:14px 20px;font-size:1.1rem;border-radius:16px;border:3px solid #e5e7eb;margin-bottom:20px;outline:none}.category-tabs[data-v-5d7c74ae]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tab-btn[data-v-5d7c74ae]{padding:12px 22px;border-radius:16px;border:2px solid #e2e8f0;background:#ffffff;color:#475569;font-size:1.15rem;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000000a}.tab-btn[data-v-5d7c74ae]:hover{border-color:#4f46e5;color:#4f46e5;transform:translateY(-2px)}.tab-btn.active[data-v-5d7c74ae]{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.phoneme-grid[data-v-5d7c74ae]{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px}.phoneme-card[data-v-5d7c74ae]{background:white;border:3px solid #e5e7eb;border-radius:16px;padding:16px;text-align:center;cursor:pointer;transition:all .2s}.phoneme-card[data-v-5d7c74ae]:hover{border-color:#4f46e5;transform:translateY(-4px)}.symbol[data-v-5d7c74ae]{font-size:2rem;color:#1e1b4b;margin:0}.ipa[data-v-5d7c74ae]{color:#6b7280;margin:4px 0 0}.modal-overlay[data-v-5d7c74ae]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-5d7c74ae]{background:white;width:90%;max-width:500px;border-radius:24px;padding:32px;position:relative}.close-btn[data-v-5d7c74ae]{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-symbol[data-v-5d7c74ae]{font-size:3rem;color:#4f46e5;margin:0 0 16px}.modal-ipa[data-v-5d7c74ae]{font-size:1.5rem;color:#6b7280}.audio-actions[data-v-5d7c74ae]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.btn-play-phoneme[data-v-5d7c74ae]{width:100%;padding:12px;background:#4f46e5;color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer}.btn-play-anchor[data-v-5d7c74ae]{width:100%;padding:10px;background:#f3f4f6;color:#1e40af;border:2px solid #bfdbfe;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer}.tip-box[data-v-5d7c74ae]{background:#fef3c7;color:#92400e;padding:16px;border-radius:16px;margin-bottom:20px;line-height:1.5}.word-chips[data-v-5d7c74ae]{display:flex;gap:12px;flex-wrap:wrap}.word-chip[data-v-5d7c74ae]{background:#eff6ff;border:2px solid #bfdbfe;padding:8px 16px;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;color:#1e40af;display:flex;align-items:center;gap:8px}body{margin:0;font-family:Comic Sans MS,Chalkboard SE,PingFang TC,sans-serif;background-color:#f0f9ff;color:#1e293b}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#ffffff;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000000d}.brand-title{margin:0;font-size:1.8rem;color:#2563eb}.brand-subtitle{font-size:.8rem;color:#64748b;font-weight:700}.brand-link{color:#2563eb;text-decoration:none;font-weight:700;transition:color .2s ease}.brand-link:hover{color:#1d4ed8;text-decoration:underline}.nav-tabs{display:flex;gap:12px}.nav-btn{padding:10px 20px;border-radius:16px;border:none;background:#f1f5f9;color:#64748b;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.nav-btn.active{background:#2563eb;color:#fff}.main-content{flex:1;padding:32px 16px}.app-footer{text-align:center;padding:16px;color:#64748b;font-size:.85rem;border-top:1px solid #e2e8f0;background:#ffffff}.footer-link{color:#1e293b;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#2563eb;text-decoration:underline}