*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333}#app{min-height:100vh}.word-item[data-v-1985c2f7]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.word-item[data-v-1985c2f7]:hover{background-color:#f9f9f9}.word-content[data-v-1985c2f7]{flex:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.word-id[data-v-1985c2f7]{color:#999;font-size:14px;min-width:30px}.word-text[data-v-1985c2f7]{font-weight:600;font-size:16px;color:#2c3e50;min-width:120px}.phonetic[data-v-1985c2f7]{color:#666;font-size:14px;font-style:italic;min-width:100px}.meaning[data-v-1985c2f7]{color:#333;font-size:14px;flex:1}.word-actions[data-v-1985c2f7]{display:flex;gap:8px;align-items:center}.action-btn[data-v-1985c2f7]{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn[data-v-1985c2f7]:hover:not(:disabled){background:#f0f0f0;border-color:#999;transform:scale(1.05)}.action-btn[data-v-1985c2f7]:disabled{opacity:.6;cursor:not-allowed}.example-btn-wrapper[data-v-1985c2f7]{position:relative}.example-popup[data-v-1985c2f7]{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;min-width:280px;z-index:100;animation:fadeIn-1985c2f7 .2s}@keyframes fadeIn-1985c2f7{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.example-content[data-v-1985c2f7]{margin-bottom:12px}.example-sentence[data-v-1985c2f7]{font-size:15px;color:#2c3e50;margin-bottom:8px;line-height:1.6}.example-translation[data-v-1985c2f7]{font-size:14px;color:#666;line-height:1.6}.example-actions[data-v-1985c2f7]{display:flex;justify-content:center;gap:10px;padding-top:12px;border-top:1px solid #eee}.example-action-btn[data-v-1985c2f7]{padding:6px 16px;border:1px solid #4CAF50;background:#fff;color:#4caf50;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.example-action-btn[data-v-1985c2f7]:hover:not(:disabled){background:#4caf50;color:#fff}.example-action-btn[data-v-1985c2f7]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.word-content[data-v-1985c2f7]{flex-direction:column;align-items:flex-start;gap:6px}.word-text[data-v-1985c2f7],.phonetic[data-v-1985c2f7],.meaning[data-v-1985c2f7]{min-width:auto}.example-popup[data-v-1985c2f7]{right:auto;left:0;min-width:250px}}.word-list-container[data-v-bae386ce]{max-width:1200px;margin:0 auto;padding:20px}.header[data-v-bae386ce]{text-align:center;margin-bottom:30px}.header h1[data-v-bae386ce]{font-size:32px;color:#2c3e50}.word-list-wrapper[data-v-bae386ce]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.word-list[data-v-bae386ce]{min-height:400px}.loading-message[data-v-bae386ce],.empty-message[data-v-bae386ce]{text-align:center;padding:40px;color:#999;font-size:16px}.word-columns[data-v-bae386ce]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.word-column[data-v-bae386ce]{display:flex;flex-direction:column;gap:12px}.pagination[data-v-bae386ce]{display:flex;justify-content:center;align-items:center;gap:15px;margin:30px 0;padding:20px;border-top:1px solid #eee}.page-btn[data-v-bae386ce]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.page-btn[data-v-bae386ce]:hover:not(:disabled){background:#f0f0f0;border-color:#999}.page-btn[data-v-bae386ce]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-bae386ce]{font-size:14px;color:#666}.page-input[data-v-bae386ce]{width:60px;padding:6px 10px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px}.dictation-section[data-v-bae386ce]{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.dictation-btn[data-v-bae386ce]{padding:12px 30px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s}.dictation-btn[data-v-bae386ce]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 768px){.word-columns[data-v-bae386ce]{grid-template-columns:1fr}.pagination[data-v-bae386ce]{flex-wrap:wrap}}.dictation-container[data-v-d9ffe8be]{max-width:1000px;margin:0 auto;padding:20px}.header[data-v-d9ffe8be]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header h1[data-v-d9ffe8be]{font-size:32px;color:#2c3e50}.back-btn[data-v-d9ffe8be]{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.back-btn[data-v-d9ffe8be]:hover{background:#5a6268}.dictation-content[data-v-d9ffe8be]{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.loading-message[data-v-d9ffe8be],.empty-message[data-v-d9ffe8be]{text-align:center;padding:40px;color:#999;font-size:16px}.dictation-info[data-v-d9ffe8be]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.dictation-info p[data-v-d9ffe8be]{color:#666;font-size:15px}.shuffle-btn[data-v-d9ffe8be]{padding:8px 16px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.shuffle-btn[data-v-d9ffe8be]:hover{background:#138496}.dictation-words[data-v-d9ffe8be]{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.dictation-item[data-v-d9ffe8be]{padding:20px;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s}.dictation-item.correct[data-v-d9ffe8be]{border-color:#4caf50;background-color:#f1f8f4}.dictation-item.wrong[data-v-d9ffe8be]{border-color:#f44336;background-color:#fff5f5}.dictation-word-info[data-v-d9ffe8be]{display:flex;align-items:center;gap:15px;margin-bottom:12px;flex-wrap:wrap}.dict-word[data-v-d9ffe8be]{font-size:20px;font-weight:600;color:#2c3e50}.dict-phonetic[data-v-d9ffe8be]{font-size:16px;color:#666;font-style:italic}.dict-sound-btn[data-v-d9ffe8be]{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:18px;transition:all .2s}.dict-sound-btn[data-v-d9ffe8be]:hover:not(:disabled){background:#f0f0f0;border-color:#999}.dict-sound-btn[data-v-d9ffe8be]:disabled{opacity:.6;cursor:not-allowed}.dictation-input-wrapper[data-v-d9ffe8be]{position:relative}.dictation-input[data-v-d9ffe8be]{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:all .3s}.dictation-input[data-v-d9ffe8be]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.dictation-input[data-v-d9ffe8be]:disabled{background-color:#f5f5f5;cursor:not-allowed}.answer-feedback[data-v-d9ffe8be]{margin-top:8px;font-size:14px;font-weight:600}.correct-mark[data-v-d9ffe8be]{color:#4caf50}.wrong-mark[data-v-d9ffe8be]{color:#f44336}.correct-answer[data-v-d9ffe8be]{margin-top:8px;padding:8px 12px;background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;font-size:14px;color:#856404}.dictation-actions[data-v-d9ffe8be]{text-align:center;padding-top:20px;border-top:1px solid #eee}.submit-btn[data-v-d9ffe8be]{padding:12px 40px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s}.submit-btn[data-v-d9ffe8be]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.result-summary[data-v-d9ffe8be]{display:flex;flex-direction:column;align-items:center;gap:15px}.score[data-v-d9ffe8be]{font-size:20px;font-weight:600;color:#2c3e50}.reset-btn[data-v-d9ffe8be]{padding:10px 30px;background:#17a2b8;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.reset-btn[data-v-d9ffe8be]:hover{background:#138496}@media (max-width: 768px){.header[data-v-d9ffe8be]{flex-direction:column;gap:15px;align-items:flex-start}.dictation-word-info[data-v-d9ffe8be]{flex-direction:column;align-items:flex-start;gap:10px}}