.word-display[data-v-7b5b23e1]{margin-bottom:40px;position:relative;text-align:center;width:100%;max-width:800px}.word-text[data-v-7b5b23e1]{font-size:64px;font-weight:800;color:#0f172a;line-height:1.1;margin-bottom:8px;transition:color .3s ease}.phonetic[data-v-7b5b23e1]{color:#64748b;font-size:18px;height:24px;margin-bottom:8px}.pronunciation-btn[data-v-7b5b23e1]{background:#3b82f6;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;transition:all .2s ease;margin:10px auto 0;box-shadow:0 2px 4px #3b82f64d}.pronunciation-btn[data-v-7b5b23e1]:hover:not(:disabled){background:#2563eb;transform:scale(1.05);box-shadow:0 4px 8px #3b82f666}.pronunciation-btn[data-v-7b5b23e1]:disabled{opacity:.6;cursor:not-allowed;transform:none}.pronunciation-btn[data-v-7b5b23e1]:active:not(:disabled){transform:scale(.95)}.translation-section[data-v-7b5b23e1]{margin:20px 0;padding:20px;height:60px;background:#f0f9ff;border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center}.translation[data-v-7b5b23e1]{font-size:20px;font-weight:600;color:#0c4a6e;line-height:1.4}.example-section[data-v-7b5b23e1]{margin:20px 0;padding:20px;height:100px;background:#f8fafc;border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center}.example[data-v-7b5b23e1]{font-size:16px;color:#475569;font-style:italic;white-space:pre-line;line-height:1.6}@media (max-width: 768px){.word-text[data-v-7b5b23e1]{font-size:48px}.translation-section[data-v-7b5b23e1],.example-section[data-v-7b5b23e1]{margin:15px 0;padding:15px}.translation[data-v-7b5b23e1]{font-size:18px}.example[data-v-7b5b23e1]{font-size:14px}}.learning-actions[data-v-1af18bf2]{margin-top:20px}.action-buttons[data-v-1af18bf2]{display:flex;gap:24px;height:180px;justify-content:center;flex-wrap:wrap;align-items:center}.btn[data-v-1af18bf2]{padding:40px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;position:relative;width:130px;height:130px;box-shadow:0 2px 4px #0000001a}.btn[data-v-1af18bf2]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn[data-v-1af18bf2]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn[data-v-1af18bf2]:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-know[data-v-1af18bf2]{background:#16a34a;color:#fff}.btn-know[data-v-1af18bf2]:hover:not(:disabled){background:#15803d}.btn-dont-know[data-v-1af18bf2]{background:#dc2626;color:#fff}.btn-dont-know[data-v-1af18bf2]:hover:not(:disabled){background:#b91c1c}.btn-know-correct[data-v-1af18bf2]{background:#16a34a;color:#fff}.btn-know-correct[data-v-1af18bf2]:hover:not(:disabled){background:#15803d}.btn-know-wrong[data-v-1af18bf2]{background:#dc2626;color:#fff}.btn-know-wrong[data-v-1af18bf2]:hover:not(:disabled){background:#b91c1c}.btn-next[data-v-1af18bf2]{background:#3b82f6;color:#fff;margin-left:150px}.btn-next[data-v-1af18bf2]:hover:not(:disabled){background:#2563eb}@media (max-width: 768px){.action-buttons[data-v-1af18bf2]{flex-direction:column;align-items:center;height:auto;gap:15px}.btn[data-v-1af18bf2]{width:100%;max-width:200px}}@media (max-width: 480px){.btn[data-v-1af18bf2]{padding:14px 24px;font-size:15px;min-width:120px}}.single-word-recite[data-v-11e34253]{width:100%;height:100%;max-width:none}.learning-container[data-v-11e34253]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:20px;max-width:100%;width:100%}.page-header[data-v-cfca247e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.header-left[data-v-cfca247e]{display:flex;align-items:center;gap:20px}.page-title[data-v-cfca247e]{font-size:24px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:12px}.unit-name[data-v-cfca247e]{font-size:16px;font-weight:500;color:#3b82f6;background:#eff6ff;padding:4px 12px;border-radius:16px;border:1px solid #dbeafe}.progress-info[data-v-cfca247e]{display:flex;align-items:center;gap:15px}.chapter-selection-btn[data-v-cfca247e]{background:none;border:1px solid #d1d5db;color:#6b7280;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.chapter-selection-btn[data-v-cfca247e]:hover{background:#f9fafb;border-color:#9ca3af}.end-learning-btn[data-v-cfca247e]{background:none;border:1px solid #d1d5db;color:#6b7280;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.end-learning-btn[data-v-cfca247e]:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.page-header[data-v-cfca247e]{flex-direction:column;gap:15px;align-items:flex-start}.header-left[data-v-cfca247e]{flex-direction:column;align-items:flex-start;gap:10px}.progress-info[data-v-cfca247e]{flex-wrap:wrap;gap:10px}.page-title[data-v-cfca247e]{font-size:20px}}.review-words[data-v-32aa2293]{min-height:100vh;background:#f9fafb;padding:20px}.test-header[data-v-32aa2293]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px}.back-btn[data-v-32aa2293]{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border:none;border-radius:10px;padding:10px 15px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.back-btn[data-v-32aa2293]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.back-icon[data-v-32aa2293]{font-size:18px;font-weight:700}.page-title[data-v-32aa2293]{color:#fff;font-size:28px;font-weight:700;margin:0}.progress-info[data-v-32aa2293]{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.progress-text[data-v-32aa2293]{color:#fff;font-size:16px;font-weight:500}.progress-bar[data-v-32aa2293]{width:200px;height:8px;background:rgba(255,255,255,.3);border-radius:4px;overflow:hidden}.progress-fill[data-v-32aa2293]{height:100%;background:linear-gradient(90deg,#4CAF50,#8BC34A);transition:width .3s ease}.loading[data-v-32aa2293],.error-message[data-v-32aa2293],.completion-message[data-v-32aa2293]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:rgba(255,255,255,.95);border-radius:20px;padding:40px;text-align:center}.loading-spinner[data-v-32aa2293]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-32aa2293 1s linear infinite;margin-bottom:20px}@keyframes spin-32aa2293{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-32aa2293],.completion-icon[data-v-32aa2293]{font-size:48px;margin-bottom:20px}.completion-message h2[data-v-32aa2293]{color:#4caf50;margin-bottom:30px}.completion-message p[data-v-32aa2293]{margin-bottom:25px;color:#666}.test-content[data-v-32aa2293]{background:rgba(255,255,255,.95);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a}.word-card[data-v-32aa2293]{margin-bottom:30px}.word-header[data-v-32aa2293]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.word-info[data-v-32aa2293]{flex:1}.word-text[data-v-32aa2293]{font-size:36px;font-weight:700;color:#333;margin:0 0 10px}.phonetic[data-v-32aa2293]{font-size:18px;color:#666;margin:0;font-style:italic}.word-actions[data-v-32aa2293]{display:flex;gap:10px}.audio-btn[data-v-32aa2293]{display:flex;align-items:center;gap:8px;background:#667eea;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:16px;cursor:pointer;transition:all .3s ease}.audio-btn[data-v-32aa2293]:hover:not(:disabled){background:#5a6fd8;transform:translateY(-2px)}.audio-btn[data-v-32aa2293]:disabled{background:#ccc;cursor:not-allowed}.word-meaning[data-v-32aa2293]{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px}.translation[data-v-32aa2293]{font-size:20px;color:#333;margin:0 0 15px;line-height:1.5}.example[data-v-32aa2293]{font-size:16px;color:#666;margin:0;line-height:1.6;font-style:italic}.test-options[data-v-32aa2293]{margin-bottom:30px}.options-title[data-v-32aa2293]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.options-list[data-v-32aa2293]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.option-btn[data-v-32aa2293]{padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;background:white;color:#333;font-size:16px;cursor:pointer;transition:all .3s ease;text-align:center}.option-btn[data-v-32aa2293]:hover{border-color:#667eea;background:#f8f9ff}.option-btn.correct[data-v-32aa2293]{border-color:#4caf50;background:#e8f5e8;color:#2e7d32}.option-btn.wrong[data-v-32aa2293]{border-color:#f44336;background:#ffebee;color:#c62828}.test-result[data-v-32aa2293]{display:flex;align-items:center;gap:20px;background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px}.result-icon[data-v-32aa2293]{font-size:48px}.result-icon.correct[data-v-32aa2293]{color:#4caf50}.result-icon.wrong[data-v-32aa2293]{color:#f44336}.result-message h3[data-v-32aa2293]{margin:0 0 10px;font-size:24px}.result-message p[data-v-32aa2293]{margin:0;color:#666;font-size:16px}.test-actions[data-v-32aa2293]{display:flex;justify-content:center;margin-bottom:30px}.result-actions[data-v-32aa2293]{display:flex;gap:20px;justify-content:center}.btn[data-v-32aa2293]{display:flex;align-items:center;gap:10px;padding:15px 30px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;justify-content:center}.btn-primary[data-v-32aa2293]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-32aa2293]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #667eea4d}.btn-primary[data-v-32aa2293]:disabled{background:#ccc;cursor:not-allowed}.btn-success[data-v-32aa2293]{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff}.btn-success[data-v-32aa2293]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4caf504d}.btn-warning[data-v-32aa2293]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-warning[data-v-32aa2293]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff98004d}.action-icon[data-v-32aa2293]{font-size:20px}.test-stats[data-v-32aa2293]{display:flex;justify-content:space-around;background:#f8f9fa;border-radius:15px;padding:20px}.stat-item[data-v-32aa2293]{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label[data-v-32aa2293]{font-size:14px;color:#666;font-weight:500}.stat-value[data-v-32aa2293]{font-size:24px;font-weight:700;color:#333}.stat-value.correct[data-v-32aa2293]{color:#4caf50}.stat-value.wrong[data-v-32aa2293]{color:#f44336}@media (max-width: 768px){.unfamiliar-words-test[data-v-32aa2293]{padding:15px}.test-header[data-v-32aa2293]{flex-direction:column;gap:15px;text-align:center}.word-text[data-v-32aa2293]{font-size:28px}.options-list[data-v-32aa2293]{grid-template-columns:1fr}.result-actions[data-v-32aa2293]{flex-direction:column;align-items:center}.btn[data-v-32aa2293]{width:100%;max-width:200px}.test-stats[data-v-32aa2293]{flex-direction:column;gap:15px}}.mini-program[data-v-434f3713]{max-width:1200px;margin:0 auto;padding:20px;background-color:#f5f5f5;min-height:100vh}.page-header[data-v-434f3713]{margin-bottom:3rem}.page-title[data-v-434f3713]{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.page-description[data-v-434f3713]{color:#6b7280;font-size:1rem;line-height:1.5}.mini-program-grid[data-v-434f3713]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.mini-program-card[data-v-434f3713]{background:white;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.mini-program-card[data-v-434f3713]:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.mini-program-card[data-v-434f3713]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.card-header[data-v-434f3713]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon[data-v-434f3713]{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;position:relative;overflow:hidden}.card-icon[data-v-434f3713]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-radius:1rem}.card-icon.course-test[data-v-434f3713]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.card-icon.test-results[data-v-434f3713]{background:linear-gradient(135deg,#10b981,#059669)}.card-content[data-v-434f3713]{flex:1}.card-title[data-v-434f3713]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.card-description[data-v-434f3713]{color:#6b7280;line-height:1.6;margin-bottom:1rem}.card-features[data-v-434f3713]{list-style:none;margin-bottom:1.5rem}.card-features li[data-v-434f3713]{color:#6b7280;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.card-features li[data-v-434f3713]:before{content:"✓";color:#10b981;font-weight:700}.card-action[data-v-434f3713]{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #f3f4f6}.card-status[data-v-434f3713]{font-size:.875rem;color:#6b7280}.card-button[data-v-434f3713]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.card-button[data-v-434f3713]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}@media (max-width: 768px){.mini-program-grid[data-v-434f3713]{grid-template-columns:1fr;gap:1.5rem}.page-title[data-v-434f3713]{font-size:1.75rem}.mini-program-card[data-v-434f3713]{padding:1.5rem}}@media (max-width: 480px){.mini-program[data-v-434f3713]{padding:15px}.mini-program-card[data-v-434f3713]{padding:1rem}.card-header[data-v-434f3713]{flex-direction:column;text-align:center;gap:1rem}}.loading[data-v-32abb1e9]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px}.loading-spinner[data-v-32abb1e9]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-32abb1e9 1s linear infinite;margin-bottom:16px}@keyframes spin-32abb1e9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p[data-v-32abb1e9]{color:#6b7280;font-size:16px;margin:0}.error-message[data-v-82ec3791]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px;text-align:center}.error-icon[data-v-82ec3791]{font-size:48px;margin-bottom:16px}.error-message p[data-v-82ec3791]{color:#dc2626;font-size:16px;margin:0 0 20px;line-height:1.5}.btn[data-v-82ec3791]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-82ec3791]{background:#3b82f6;color:#fff}.btn-primary[data-v-82ec3791]:hover{background:#2563eb;transform:translateY(-1px)}.chapter-item.completed[data-v-796c0273]{background:#f0f9ff;border-color:#60a5fa}.chapter-item.completed[data-v-796c0273]:hover{background:#e0f2fe;border-color:#3b82f6}.completed-badge[data-v-796c0273]{display:inline-block;background:#10b981;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;margin-left:8px;font-weight:500}.confirm-dialog[data-v-796c0273]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn-796c0273 .2s ease-out}.confirm-dialog-content[data-v-796c0273]{background:white;border-radius:12px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideUp-796c0273 .3s ease-out}@keyframes slideUp-796c0273{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-header[data-v-796c0273]{background:#3b82f6;color:#fff;padding:20px}.confirm-title[data-v-796c0273]{margin:0;font-size:18px;font-weight:600}.confirm-body[data-v-796c0273]{padding:30px}.confirm-message[data-v-796c0273]{font-size:16px;line-height:1.8;color:#374151;text-align:center;margin:0}.confirm-actions[data-v-796c0273]{display:flex;gap:12px;padding:0 30px 30px}.confirm-btn[data-v-796c0273],.cancel-btn[data-v-796c0273]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn[data-v-796c0273]{background:#1e40af;color:#fff}.confirm-btn[data-v-796c0273]:hover{background:#1e3a8a;transform:translateY(-1px)}.cancel-btn[data-v-796c0273]{background:#60a5fa;color:#fff}.cancel-btn[data-v-796c0273]:hover{background:#3b82f6;transform:translateY(-1px)}.chapter-modal[data-v-796c0273]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-796c0273 .2s ease-out}@keyframes fadeIn-796c0273{0%{opacity:0}to{opacity:1}}.chapter-modal-content[data-v-796c0273]{background:white;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 25px #0003;animation:slideIn-796c0273 .3s ease-out}@keyframes slideIn-796c0273{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.chapter-modal-header[data-v-796c0273]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.chapter-modal-title[data-v-796c0273]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.close-btn[data-v-796c0273]{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:5px;border-radius:4px;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-796c0273]:hover{background:#f3f4f6;color:#374151}.chapter-list[data-v-796c0273]{display:grid;gap:12px}.chapter-item[data-v-796c0273]{padding:16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.chapter-item[data-v-796c0273]:hover{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.chapter-item.active[data-v-796c0273]{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f633}.chapter-info[data-v-796c0273]{display:flex;flex-direction:column;gap:4px}.chapter-name[data-v-796c0273]{font-weight:500;color:#1f2937;font-size:16px}.chapter-word-count[data-v-796c0273]{font-size:12px;color:#6b7280}.chapter-progress[data-v-796c0273]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.progress-text[data-v-796c0273]{font-size:12px;color:#6b7280;font-weight:500}.progress-indicator[data-v-796c0273]{width:60px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-bar[data-v-796c0273]{height:100%;background:#3b82f6;border-radius:2px;transition:width .3s ease}.empty-state[data-v-796c0273]{text-align:center;padding:40px 20px;color:#6b7280}.empty-icon[data-v-796c0273]{font-size:48px;margin-bottom:16px}.empty-state p[data-v-796c0273]{margin:0;font-size:16px}@media (max-width: 768px){.chapter-modal-content[data-v-796c0273]{margin:20px;padding:20px;max-width:none;width:calc(100% - 40px)}.chapter-item[data-v-796c0273]{flex-direction:column;align-items:flex-start;gap:12px}.chapter-progress[data-v-796c0273]{align-items:flex-start;width:100%}.progress-indicator[data-v-796c0273]{width:100%}}@media (max-width: 480px){.chapter-modal-content[data-v-796c0273]{margin:10px;padding:15px;width:calc(100% - 20px)}.chapter-modal-title[data-v-796c0273]{font-size:18px}.chapter-name[data-v-796c0273]{font-size:15px}}.learning-progress[data-v-13b02ca9]{margin-top:20px;width:100%;max-width:800px}.learned-words-section[data-v-13b02ca9]{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:8px;width:100%}.learned-label[data-v-13b02ca9]{font-size:14px;color:#6b7280;margin-right:10px;font-weight:500}.learned-words[data-v-13b02ca9]{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:8px}.learned-word-tag[data-v-13b02ca9]{background:#d1fae5;color:#065f46;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;transition:all .2s ease}.learned-word-tag[data-v-13b02ca9]:hover{background:#a7f3d0;transform:translateY(-1px)}.learning-progress-info[data-v-13b02ca9]{margin-bottom:15px;padding:15px;background:#f8fafc;border-radius:8px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;width:100%}.progress-item[data-v-13b02ca9]{font-size:14px;color:#6b7280;font-weight:500}.progress-bar-container[data-v-13b02ca9]{margin-bottom:15px;display:flex;align-items:center;gap:10px}.progress-bar[data-v-13b02ca9]{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill[data-v-13b02ca9]{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.progress-text[data-v-13b02ca9]{font-size:14px;font-weight:600;color:#374151;min-width:40px;text-align:right}.detailed-stats[data-v-13b02ca9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;padding:15px;background:#f0f9ff;border-radius:8px;border:1px solid #e0f2fe}.stat-item[data-v-13b02ca9]{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label[data-v-13b02ca9]{font-size:12px;color:#6b7280;margin-bottom:4px;font-weight:500}.stat-value[data-v-13b02ca9]{font-size:18px;font-weight:700;padding:4px 8px;border-radius:6px}.stat-value.matured[data-v-13b02ca9]{color:#059669;background:#d1fae5}.stat-value.unfamiliar[data-v-13b02ca9]{color:#dc2626;background:#fee2e2}.stat-value.efficiency[data-v-13b02ca9]{color:#7c3aed;background:#ede9fe}@media (max-width: 768px){.learning-progress-info[data-v-13b02ca9]{flex-direction:column;gap:10px;text-align:center}.progress-bar-container[data-v-13b02ca9]{flex-direction:column;gap:8px}.progress-text[data-v-13b02ca9]{text-align:center}.detailed-stats[data-v-13b02ca9]{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.stat-value[data-v-13b02ca9]{font-size:16px}}@media (max-width: 480px){.detailed-stats[data-v-13b02ca9]{grid-template-columns:1fr}.learned-words[data-v-13b02ca9]{justify-content:center}}.first-learning-phase[data-v-6ddfa7f2]{width:100%;height:100%;max-width:none}.learning-container[data-v-6ddfa7f2]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;max-width:100%;width:100%}.learning-page[data-v-07069180]{width:100%;height:100vh;display:flex;flex-direction:column;max-width:none}.learning-flow-container[data-v-07069180]{flex:1;display:flex;flex-direction:column;width:100%;max-width:none}.unit-selection[data-v-4ee8f158]{max-width:1200px;margin:0 auto;padding:20px}.unit-selection-header[data-v-4ee8f158]{display:flex;align-items:center;margin-bottom:30px;gap:20px}.back-btn[data-v-4ee8f158]{background:none;border:1px solid #d1d5db;color:#6b7280;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px}.back-btn[data-v-4ee8f158]:hover{background:#f9fafb;border-color:#9ca3af}.page-title[data-v-4ee8f158]{font-size:28px;font-weight:700;color:#1f2937;margin:0}.course-info[data-v-4ee8f158]{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:30px}.course-description[data-v-4ee8f158]{font-size:16px;color:#4b5563;margin:0 0 16px;line-height:1.6}.course-stats[data-v-4ee8f158]{display:flex;gap:24px}.stat-item[data-v-4ee8f158]{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.stat-icon[data-v-4ee8f158]{font-size:16px}.units-grid[data-v-4ee8f158]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.unit-card[data-v-4ee8f158]{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.unit-card[data-v-4ee8f158]:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.unit-card.unit-completed[data-v-4ee8f158]{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%)}.unit-card.unit-completed[data-v-4ee8f158]:hover{border-color:#059669;box-shadow:0 4px 12px #10b98126}.unit-header[data-v-4ee8f158]{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.unit-icon[data-v-4ee8f158]{font-size:32px;line-height:1}.unit-info[data-v-4ee8f158]{flex:1}.unit-name[data-v-4ee8f158]{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.unit-words[data-v-4ee8f158]{font-size:14px;color:#6b7280;margin:0}.unit-progress[data-v-4ee8f158]{margin-bottom:20px}.progress-bar[data-v-4ee8f158]{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-4ee8f158]{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.unit-card.unit-completed .progress-fill[data-v-4ee8f158]{background:linear-gradient(90deg,#10b981,#059669)}.progress-text[data-v-4ee8f158]{font-size:12px;color:#6b7280;font-weight:500}.unit-actions[data-v-4ee8f158]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.unit-btn[data-v-4ee8f158]{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s;min-width:120px}.unit-btn[data-v-4ee8f158]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-4ee8f158]{background:#3b82f6;color:#fff}.btn-primary[data-v-4ee8f158]:hover:not(:disabled){background:#2563eb}.btn-test[data-v-4ee8f158]{background:#dc2626;color:#fff}.btn-test[data-v-4ee8f158]:hover:not(:disabled){background:#b91c1c}.btn-secondary[data-v-4ee8f158]{background:#6b7280;color:#fff}.btn-secondary[data-v-4ee8f158]:hover:not(:disabled){background:#4b5563}.chapter-test-btn[data-v-4ee8f158]{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s;min-width:120px}.clear-record-btn[data-v-4ee8f158]{padding:10px 16px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s;min-width:120px}.unit-card.unit-completed .unit-btn[data-v-4ee8f158]{background:#10b981}.unit-card.unit-completed .unit-btn[data-v-4ee8f158]:hover:not(:disabled){background:#059669}.loading[data-v-4ee8f158]{text-align:center;padding:60px 20px}.loading-spinner[data-v-4ee8f158]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-4ee8f158 1s linear infinite;margin:0 auto 16px}@keyframes spin-4ee8f158{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-4ee8f158]{text-align:center;padding:60px 20px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0}.btn[data-v-4ee8f158]{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn[data-v-4ee8f158]:hover{background:#2563eb}@media (max-width: 768px){.unit-selection[data-v-4ee8f158]{padding:16px}.unit-selection-header[data-v-4ee8f158]{flex-direction:column;align-items:flex-start;gap:16px}.page-title[data-v-4ee8f158]{font-size:24px}.units-grid[data-v-4ee8f158]{grid-template-columns:1fr}.course-stats[data-v-4ee8f158]{flex-direction:column;gap:12px}.unit-actions[data-v-4ee8f158]{flex-direction:column;gap:8px}.unit-btn[data-v-4ee8f158],.chapter-test-btn[data-v-4ee8f158],.clear-record-btn[data-v-4ee8f158],.review-btn[data-v-4ee8f158]{min-width:auto;width:100%}}.button-instructions[data-v-4ee8f158]{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.button-instructions h3[data-v-4ee8f158]{margin:0 0 15px;color:#495057;font-size:18px}.instruction-grid[data-v-4ee8f158]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.instruction-item[data-v-4ee8f158]{display:flex;align-items:flex-start;gap:10px;padding:10px;background:white;border-radius:6px;border:1px solid #dee2e6}.instruction-icon[data-v-4ee8f158]{font-size:20px;flex-shrink:0}.instruction-content h4[data-v-4ee8f158]{margin:0 0 5px;color:#495057;font-size:14px}.instruction-content p[data-v-4ee8f158]{margin:0;color:#6c757d;font-size:12px;line-height:1.4}.btn-review-all[data-v-4ee8f158]{background-color:#17a2b8;color:#fff;border:none}.btn-review-all[data-v-4ee8f158]:hover{background-color:#138496}.review-all-btn[data-v-4ee8f158]{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s;min-width:120px}@media (max-width: 768px){.instruction-grid[data-v-4ee8f158]{grid-template-columns:1fr}.instruction-item[data-v-4ee8f158]{padding:8px}.instruction-content h4[data-v-4ee8f158]{font-size:13px}.instruction-content p[data-v-4ee8f158]{font-size:11px}}.review-unit-page[data-v-4d55df9e]{max-width:800px;margin:0 auto;padding:20px}.page-header[data-v-4d55df9e]{display:flex;align-items:center;margin-bottom:30px;gap:20px}.back-btn[data-v-4d55df9e]{background:none;border:1px solid #d1d5db;color:#6b7280;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px}.back-btn[data-v-4d55df9e]:hover{background:#f9fafb;border-color:#9ca3af}.page-title[data-v-4d55df9e]{font-size:28px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:12px}.course-info[data-v-4d55df9e]{font-size:16px;font-weight:500;color:#3b82f6;background:#eff6ff;padding:4px 12px;border-radius:16px;border:1px solid #dbeafe}.loading[data-v-4d55df9e]{text-align:center;padding:60px 20px}.loading-spinner[data-v-4d55df9e]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-4d55df9e 1s linear infinite;margin:0 auto 16px}@keyframes spin-4d55df9e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-4d55df9e]{text-align:center;padding:60px 20px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0}.review-stats[data-v-4d55df9e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-4d55df9e]{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.stat-icon[data-v-4d55df9e]{font-size:32px;line-height:1}.stat-info[data-v-4d55df9e]{flex:1}.stat-number[data-v-4d55df9e]{font-size:24px;font-weight:700;color:#1f2937;line-height:1}.stat-label[data-v-4d55df9e]{font-size:14px;color:#6b7280;margin-top:4px}.word-card[data-v-4d55df9e]{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 6px #0000001a;text-align:center;margin-bottom:30px}.word-display[data-v-4d55df9e]{margin-bottom:30px}.word-text[data-v-4d55df9e]{font-size:64px;font-weight:800;color:#1f2937;line-height:1.1;margin-bottom:8px}.phonetic[data-v-4d55df9e]{color:#64748b;font-size:18px;margin-bottom:16px}.pronunciation-btn[data-v-4d55df9e]{background:#3b82f6;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;transition:all .2s ease;margin:0 auto;box-shadow:0 2px 4px #3b82f64d}.pronunciation-btn[data-v-4d55df9e]:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.pronunciation-btn[data-v-4d55df9e]:disabled{opacity:.6;cursor:not-allowed}.word-info[data-v-4d55df9e]{margin-bottom:30px}.translation[data-v-4d55df9e]{font-size:24px;font-weight:600;color:#0c4a6e;margin-bottom:16px}.example[data-v-4d55df9e]{font-size:16px;color:#475569;font-style:italic;white-space:pre-line;line-height:1.6}.review-actions[data-v-4d55df9e]{display:flex;gap:24px;justify-content:center}.btn[data-v-4d55df9e]{padding:16px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:140px}.btn[data-v-4d55df9e]:disabled{opacity:.6;cursor:not-allowed}.btn-correct[data-v-4d55df9e]{background:#16a34a;color:#fff}.btn-correct[data-v-4d55df9e]:hover:not(:disabled){background:#15803d}.btn-incorrect[data-v-4d55df9e]{background:#dc2626;color:#fff}.btn-incorrect[data-v-4d55df9e]:hover:not(:disabled){background:#b91c1c}.progress-section[data-v-4d55df9e]{text-align:center}.progress-bar[data-v-4d55df9e]{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-4d55df9e]{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.progress-text[data-v-4d55df9e]{font-size:14px;color:#6b7280;font-weight:500}.empty-state[data-v-4d55df9e]{text-align:center;padding:60px 20px}.empty-state-icon[data-v-4d55df9e]{font-size:64px;margin-bottom:20px}.empty-state h3[data-v-4d55df9e]{font-size:24px;color:#1f2937;margin-bottom:8px}.empty-state p[data-v-4d55df9e]{color:#6b7280;margin-bottom:20px}.completion-stats[data-v-4d55df9e]{font-size:14px;color:#666;margin:20px 0;padding:12px 20px;background-color:#f0f8ff;border-radius:8px;border:1px solid #87ceeb;display:inline-block}.completion-actions[data-v-4d55df9e]{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn-primary[data-v-4d55df9e]{background:#3b82f6;color:#fff}.btn-primary[data-v-4d55df9e]:hover{background:#2563eb}.btn-secondary[data-v-4d55df9e]{background:#6b7280;color:#fff}.btn-secondary[data-v-4d55df9e]:hover{background:#4b5563}@media (max-width: 768px){.page-header[data-v-4d55df9e]{flex-direction:column;align-items:flex-start;gap:16px}.page-title[data-v-4d55df9e]{font-size:24px}.word-text[data-v-4d55df9e]{font-size:48px}.review-actions[data-v-4d55df9e]{flex-direction:column;align-items:center}.btn[data-v-4d55df9e]{width:100%;max-width:200px}.review-stats[data-v-4d55df9e]{grid-template-columns:1fr}}.review-course-page[data-v-81a684ff]{max-width:800px;margin:0 auto;padding:20px}.page-header[data-v-81a684ff]{display:flex;align-items:center;margin-bottom:30px;gap:20px}.back-btn[data-v-81a684ff]{background:none;border:1px solid #d1d5db;color:#6b7280;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px}.back-btn[data-v-81a684ff]:hover{background:#f9fafb;border-color:#9ca3af}.page-title[data-v-81a684ff]{font-size:28px;font-weight:700;color:#1f2937;margin:0}.loading[data-v-81a684ff]{text-align:center;padding:60px 20px}.loading-spinner[data-v-81a684ff]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-81a684ff 1s linear infinite;margin:0 auto 16px}@keyframes spin-81a684ff{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-81a684ff]{text-align:center;padding:60px 20px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0}.review-stats[data-v-81a684ff]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-81a684ff]{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.stat-icon[data-v-81a684ff]{font-size:32px;line-height:1}.stat-info[data-v-81a684ff]{flex:1}.stat-number[data-v-81a684ff]{font-size:24px;font-weight:700;color:#1f2937;line-height:1}.stat-label[data-v-81a684ff]{font-size:14px;color:#6b7280;margin-top:4px}.word-card[data-v-81a684ff]{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 6px #0000001a;text-align:center;margin-bottom:30px}.word-display[data-v-81a684ff]{margin-bottom:30px}.word-text[data-v-81a684ff]{font-size:64px;font-weight:800;color:#1f2937;line-height:1.1;margin-bottom:8px}.phonetic[data-v-81a684ff]{color:#64748b;font-size:18px;margin-bottom:16px}.pronunciation-btn[data-v-81a684ff]{background:#3b82f6;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;transition:all .2s ease;margin:0 auto;box-shadow:0 2px 4px #3b82f64d}.pronunciation-btn[data-v-81a684ff]:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.pronunciation-btn[data-v-81a684ff]:disabled{opacity:.6;cursor:not-allowed}.word-info[data-v-81a684ff]{margin-bottom:30px}.translation[data-v-81a684ff]{font-size:24px;font-weight:600;color:#0c4a6e;margin-bottom:16px}.example[data-v-81a684ff]{font-size:16px;color:#475569;font-style:italic;white-space:pre-line;line-height:1.6}.review-actions[data-v-81a684ff]{display:flex;gap:24px;justify-content:center;margin-bottom:30px}.btn[data-v-81a684ff]{padding:16px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:140px}.btn[data-v-81a684ff]:disabled{opacity:.6;cursor:not-allowed}.btn-correct[data-v-81a684ff]{background:#16a34a;color:#fff}.btn-correct[data-v-81a684ff]:hover:not(:disabled){background:#15803d}.btn-incorrect[data-v-81a684ff]{background:#dc2626;color:#fff}.btn-incorrect[data-v-81a684ff]:hover:not(:disabled){background:#b91c1c}.progress-section[data-v-81a684ff]{text-align:center;margin-bottom:30px}.progress-bar[data-v-81a684ff]{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-81a684ff]{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.progress-text[data-v-81a684ff]{font-size:14px;color:#6b7280;font-weight:500}.review-mode-section[data-v-81a684ff]{background:#f8fafc;border-radius:12px;padding:24px;text-align:center}.review-mode-section h3[data-v-81a684ff]{font-size:18px;color:#1f2937;margin-bottom:16px}.mode-buttons[data-v-81a684ff]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-mode[data-v-81a684ff]{padding:10px 20px;border:2px solid #e5e7eb;background:white;color:#6b7280;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-mode[data-v-81a684ff]:hover{border-color:#3b82f6;color:#3b82f6}.btn-mode.active[data-v-81a684ff]{background:#3b82f6;color:#fff;border-color:#3b82f6}.empty-state[data-v-81a684ff]{text-align:center;padding:60px 20px}.empty-state-icon[data-v-81a684ff]{font-size:64px;margin-bottom:20px}.empty-state h3[data-v-81a684ff]{font-size:24px;color:#1f2937;margin-bottom:8px}.empty-state p[data-v-81a684ff]{color:#6b7280;margin-bottom:20px}.completion-stats[data-v-81a684ff]{font-size:14px;color:#666;margin:20px 0;padding:12px 20px;background-color:#f0f8ff;border-radius:8px;border:1px solid #87ceeb;display:inline-block}.completion-actions[data-v-81a684ff]{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn-primary[data-v-81a684ff]{background:#3b82f6;color:#fff}.btn-primary[data-v-81a684ff]:hover{background:#2563eb}.btn-secondary[data-v-81a684ff]{background:#6b7280;color:#fff}.btn-secondary[data-v-81a684ff]:hover{background:#4b5563}@media (max-width: 768px){.page-header[data-v-81a684ff]{flex-direction:column;align-items:flex-start;gap:16px}.page-title[data-v-81a684ff]{font-size:24px}.word-text[data-v-81a684ff]{font-size:48px}.review-actions[data-v-81a684ff]{flex-direction:column;align-items:center}.btn[data-v-81a684ff]{width:100%;max-width:200px}.review-stats[data-v-81a684ff]{grid-template-columns:repeat(2,1fr)}.mode-buttons[data-v-81a684ff]{flex-direction:column;align-items:center}.btn-mode[data-v-81a684ff]{width:100%;max-width:200px}}.review-mode[data-v-2ecd2153]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.review-header[data-v-2ecd2153]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px}.back-btn[data-v-2ecd2153]{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border:none;border-radius:10px;padding:10px 15px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.back-btn[data-v-2ecd2153]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.back-icon[data-v-2ecd2153]{font-size:18px;font-weight:700}.page-title[data-v-2ecd2153]{color:#fff;font-size:28px;font-weight:700;margin:0}.progress-info[data-v-2ecd2153]{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.progress-text[data-v-2ecd2153]{color:#fff;font-size:16px;font-weight:500}.progress-bar[data-v-2ecd2153]{width:200px;height:8px;background:rgba(255,255,255,.3);border-radius:4px;overflow:hidden}.progress-fill[data-v-2ecd2153]{height:100%;background:linear-gradient(90deg,#4CAF50,#8BC34A);transition:width .3s ease}.loading[data-v-2ecd2153],.error-message[data-v-2ecd2153],.completion-message[data-v-2ecd2153]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:rgba(255,255,255,.95);border-radius:20px;padding:40px;text-align:center}.loading-spinner[data-v-2ecd2153]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-2ecd2153 1s linear infinite;margin-bottom:20px}@keyframes spin-2ecd2153{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-2ecd2153],.completion-icon[data-v-2ecd2153]{font-size:48px;margin-bottom:20px}.completion-message h2[data-v-2ecd2153]{color:#4caf50;margin-bottom:15px}.review-content[data-v-2ecd2153]{background:rgba(255,255,255,.95);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a}.word-card[data-v-2ecd2153]{margin-bottom:30px}.word-header[data-v-2ecd2153]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.word-info[data-v-2ecd2153]{flex:1}.word-text[data-v-2ecd2153]{font-size:36px;font-weight:700;color:#333;margin:0 0 10px}.phonetic[data-v-2ecd2153]{font-size:18px;color:#666;margin:0;font-style:italic}.word-actions[data-v-2ecd2153]{display:flex;gap:10px}.audio-btn[data-v-2ecd2153]{display:flex;align-items:center;gap:8px;background:#667eea;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:16px;cursor:pointer;transition:all .3s ease}.audio-btn[data-v-2ecd2153]:hover:not(:disabled){background:#5a6fd8;transform:translateY(-2px)}.audio-btn[data-v-2ecd2153]:disabled{background:#ccc;cursor:not-allowed}.word-meaning[data-v-2ecd2153]{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px}.translation[data-v-2ecd2153]{font-size:20px;color:#333;margin:0 0 15px;line-height:1.5}.example[data-v-2ecd2153]{font-size:16px;color:#666;margin:0;line-height:1.6;font-style:italic}.review-actions[data-v-2ecd2153]{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.btn[data-v-2ecd2153]{display:flex;align-items:center;gap:10px;padding:15px 30px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;justify-content:center}.btn-success[data-v-2ecd2153]{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff}.btn-success[data-v-2ecd2153]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4caf504d}.btn-danger[data-v-2ecd2153]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-danger[data-v-2ecd2153]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #f443364d}.btn-primary[data-v-2ecd2153]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-2ecd2153]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea4d}.action-icon[data-v-2ecd2153]{font-size:20px}.review-stats[data-v-2ecd2153]{display:flex;justify-content:space-around;background:#f8f9fa;border-radius:15px;padding:20px}.stat-item[data-v-2ecd2153]{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label[data-v-2ecd2153]{font-size:14px;color:#666;font-weight:500}.stat-value[data-v-2ecd2153]{font-size:24px;font-weight:700;color:#333}.stat-value.correct[data-v-2ecd2153]{color:#4caf50}.stat-value.wrong[data-v-2ecd2153]{color:#f44336}@media (max-width: 768px){.review-mode[data-v-2ecd2153]{padding:15px}.review-header[data-v-2ecd2153]{flex-direction:column;gap:15px;text-align:center}.word-text[data-v-2ecd2153]{font-size:28px}.review-actions[data-v-2ecd2153]{flex-direction:column;align-items:center}.btn[data-v-2ecd2153]{width:100%;max-width:200px}.review-stats[data-v-2ecd2153]{flex-direction:column;gap:15px}}.single-word-test[data-v-027ec454]{min-height:100vh;background:#f9fafb;padding:20px}.loading[data-v-027ec454],.error-message[data-v-027ec454]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 8px #0000001a}.loading-spinner[data-v-027ec454]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #dc2626;border-radius:50%;animation:spin-027ec454 1s linear infinite;margin-bottom:20px}@keyframes spin-027ec454{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-027ec454]{font-size:48px;margin-bottom:20px;color:#ef4444}.test-content[data-v-027ec454]{max-width:800px;margin:0 auto;background:white;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.question-container[data-v-027ec454],.question-header[data-v-027ec454]{margin-bottom:30px}.question-number[data-v-027ec454]{font-size:14px;color:#6b7280;margin-bottom:10px}.question-text[data-v-027ec454]{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:10px}.question-options[data-v-027ec454]{display:flex;flex-direction:column;gap:12px}.option-item[data-v-027ec454]{display:flex;align-items:center;gap:12px;padding:15px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:white}.option-item[data-v-027ec454]:hover{border-color:#3b82f6;background:#f0f9ff}.option-item.selected[data-v-027ec454]{border-color:#3b82f6;background:#eff6ff}.option-item.correct[data-v-027ec454]{border-color:#10b981;background:#f0fdf4}.option-item.wrong[data-v-027ec454]{border-color:#ef4444;background:#fef2f2}.option-letter[data-v-027ec454]{font-weight:600;color:#6b7280;min-width:20px}.option-text[data-v-027ec454]{flex:1;font-size:16px;color:#1f2937}.test-result[data-v-027ec454]{display:flex;align-items:center;gap:20px;background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px}.result-icon[data-v-027ec454]{font-size:48px}.result-icon.correct[data-v-027ec454]{color:#10b981}.result-icon.wrong[data-v-027ec454]{color:#ef4444}.result-message h3[data-v-027ec454]{margin:0 0 10px;font-size:24px}.result-message p[data-v-027ec454]{margin:0;color:#666;font-size:16px}.test-actions[data-v-027ec454]{text-align:center;margin-top:30px}.result-actions[data-v-027ec454]{display:flex;gap:20px;justify-content:center}.btn[data-v-027ec454]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn[data-v-027ec454]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-027ec454]{background:#dc2626;color:#fff}.btn-primary[data-v-027ec454]:hover:not(:disabled){background:#b91c1c}.btn-success[data-v-027ec454]{background:#10b981;color:#fff}.btn-success[data-v-027ec454]:hover{background:#059669}.action-icon[data-v-027ec454]{font-size:20px}@media (max-width: 768px){.single-word-test[data-v-027ec454]{padding:15px}.test-content[data-v-027ec454]{padding:20px}.question-text[data-v-027ec454]{font-size:18px}.result-actions[data-v-027ec454]{flex-direction:column;align-items:center}.btn[data-v-027ec454]{width:100%;max-width:200px}}.unfamiliar-words-test[data-v-ef66695b]{min-height:100vh;background:#f9fafb;padding:20px}.test-header[data-v-ef66695b]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px}.back-btn[data-v-ef66695b]{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border:none;border-radius:10px;padding:10px 15px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.back-btn[data-v-ef66695b]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.back-icon[data-v-ef66695b]{font-size:18px;font-weight:700}.page-title[data-v-ef66695b]{color:#fff;font-size:28px;font-weight:700;margin:0}.progress-info[data-v-ef66695b]{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.progress-text[data-v-ef66695b]{color:#fff;font-size:16px;font-weight:500}.progress-bar[data-v-ef66695b]{width:200px;height:8px;background:rgba(255,255,255,.3);border-radius:4px;overflow:hidden}.progress-fill[data-v-ef66695b]{height:100%;background:linear-gradient(90deg,#4CAF50,#8BC34A);transition:width .3s ease}.loading[data-v-ef66695b],.error-message[data-v-ef66695b],.completion-message[data-v-ef66695b]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:rgba(255,255,255,.95);border-radius:20px;padding:40px;text-align:center}.loading-spinner[data-v-ef66695b]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-ef66695b 1s linear infinite;margin-bottom:20px}@keyframes spin-ef66695b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-ef66695b],.completion-icon[data-v-ef66695b]{font-size:48px;margin-bottom:20px}.completion-message h2[data-v-ef66695b]{color:#4caf50;margin-bottom:30px}.completion-message p[data-v-ef66695b]{margin-bottom:25px;color:#666}.test-content[data-v-ef66695b]{background:rgba(255,255,255,.95);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a}.word-card[data-v-ef66695b]{margin-bottom:30px}.word-header[data-v-ef66695b]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.word-info[data-v-ef66695b]{flex:1}.word-text[data-v-ef66695b]{font-size:36px;font-weight:700;color:#333;margin:0 0 10px}.phonetic[data-v-ef66695b]{font-size:18px;color:#666;margin:0;font-style:italic}.word-actions[data-v-ef66695b]{display:flex;gap:10px}.audio-btn[data-v-ef66695b]{display:flex;align-items:center;gap:8px;background:#667eea;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:16px;cursor:pointer;transition:all .3s ease}.audio-btn[data-v-ef66695b]:hover:not(:disabled){background:#5a6fd8;transform:translateY(-2px)}.audio-btn[data-v-ef66695b]:disabled{background:#ccc;cursor:not-allowed}.word-meaning[data-v-ef66695b]{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px}.translation[data-v-ef66695b]{font-size:20px;color:#333;margin:0 0 15px;line-height:1.5}.example[data-v-ef66695b]{font-size:16px;color:#666;margin:0;line-height:1.6;font-style:italic}.test-options[data-v-ef66695b]{margin-bottom:30px}.options-title[data-v-ef66695b]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.options-list[data-v-ef66695b]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.option-btn[data-v-ef66695b]{padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;background:white;color:#333;font-size:16px;cursor:pointer;transition:all .3s ease;text-align:center}.option-btn[data-v-ef66695b]:hover{border-color:#667eea;background:#f8f9ff}.option-btn.correct[data-v-ef66695b]{border-color:#4caf50;background:#e8f5e8;color:#2e7d32}.option-btn.wrong[data-v-ef66695b]{border-color:#f44336;background:#ffebee;color:#c62828}.test-result[data-v-ef66695b]{display:flex;align-items:center;gap:20px;background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px}.result-icon[data-v-ef66695b]{font-size:48px}.result-icon.correct[data-v-ef66695b]{color:#4caf50}.result-icon.wrong[data-v-ef66695b]{color:#f44336}.result-message h3[data-v-ef66695b]{margin:0 0 10px;font-size:24px}.result-message p[data-v-ef66695b]{margin:0;color:#666;font-size:16px}.test-actions[data-v-ef66695b]{display:flex;justify-content:center;margin-bottom:30px}.result-actions[data-v-ef66695b]{display:flex;gap:20px;justify-content:center}.completion-buttons[data-v-ef66695b]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}.btn[data-v-ef66695b]{display:flex;align-items:center;gap:10px;padding:15px 30px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;justify-content:center}.btn-primary[data-v-ef66695b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-ef66695b]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #667eea4d}.btn-primary[data-v-ef66695b]:disabled{background:#ccc;cursor:not-allowed}.btn-success[data-v-ef66695b]{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff}.btn-success[data-v-ef66695b]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4caf504d}.btn-warning[data-v-ef66695b]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-warning[data-v-ef66695b]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff98004d}.action-icon[data-v-ef66695b]{font-size:20px}.test-stats[data-v-ef66695b]{display:flex;justify-content:space-around;background:#f8f9fa;border-radius:15px;padding:20px}.stat-item[data-v-ef66695b]{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label[data-v-ef66695b]{font-size:14px;color:#666;font-weight:500}.stat-value[data-v-ef66695b]{font-size:24px;font-weight:700;color:#333}.stat-value.correct[data-v-ef66695b]{color:#4caf50}.stat-value.wrong[data-v-ef66695b]{color:#f44336}@media (max-width: 768px){.unfamiliar-words-test[data-v-ef66695b]{padding:15px}.test-header[data-v-ef66695b]{flex-direction:column;gap:15px;text-align:center}.word-text[data-v-ef66695b]{font-size:28px}.options-list[data-v-ef66695b]{grid-template-columns:1fr}.result-actions[data-v-ef66695b]{flex-direction:column;align-items:center}.btn[data-v-ef66695b]{width:100%;max-width:200px}.test-stats[data-v-ef66695b]{flex-direction:column;gap:15px}}.login-page[data-v-fd89793b]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.login-container[data-v-fd89793b]{background:white;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px;position:relative}.login-header[data-v-fd89793b]{text-align:center;margin-bottom:30px}.login-title[data-v-fd89793b]{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.login-subtitle[data-v-fd89793b]{color:#666;font-size:16px}.form-group[data-v-fd89793b]{margin-bottom:20px}.form-group label[data-v-fd89793b]{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input[data-v-fd89793b]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input[data-v-fd89793b]:focus{outline:none;border-color:#667eea}.form-group input[data-v-fd89793b]:disabled{background-color:#f5f5f5;cursor:not-allowed}.remember-password[data-v-fd89793b]{margin-bottom:20px}.checkbox-label[data-v-fd89793b]{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-fd89793b]{width:auto;margin-right:8px;cursor:pointer}.checkbox-text[data-v-fd89793b]{color:#666;font-size:14px;font-weight:500}.checkbox-label:hover .checkbox-text[data-v-fd89793b]{color:#333}.checkbox-label input[type=checkbox][data-v-fd89793b]:disabled{cursor:not-allowed;opacity:.6}.error-message[data-v-fd89793b]{background-color:#fee;color:#c53030;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.login-btn[data-v-fd89793b]{width:100%;padding:14px;font-size:16px;font-weight:600;margin-bottom:20px}.login-btn[data-v-fd89793b]:disabled{background-color:#ccc;cursor:not-allowed}.form-footer[data-v-fd89793b]{text-align:center;color:#666}.form-footer a[data-v-fd89793b]{color:#667eea;text-decoration:none;font-weight:500}.form-footer a[data-v-fd89793b]:hover{text-decoration:underline}.register-form[data-v-fd89793b]{position:absolute;top:0;left:0;right:0;bottom:0;background:white;border-radius:12px;padding:40px;z-index:10}.form-header[data-v-fd89793b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.form-header h2[data-v-fd89793b]{font-size:24px;font-weight:600;color:#333;margin:0}.close-btn[data-v-fd89793b]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-fd89793b]:hover{color:#333}.register-btn[data-v-fd89793b]{width:100%;padding:14px;font-size:16px;font-weight:600;margin-bottom:20px}.register-btn[data-v-fd89793b]:disabled{background-color:#ccc;cursor:not-allowed}.course-test[data-v-a8098471]{min-height:100vh;background:#f9fafb}.test-header[data-v-a8098471]{background:#dc2626;color:#fff;padding:15px 20px;display:flex;align-items:center;gap:15px}.back-btn[data-v-a8098471]{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:5px}.back-btn[data-v-a8098471]:hover{opacity:.8}.test-title[data-v-a8098471]{font-size:20px;font-weight:600;margin:0}.course-list[data-v-a8098471]{padding:20px;max-width:800px;margin:0 auto}.course-card[data-v-a8098471]{background:white;border-radius:12px;padding:20px;margin-bottom:15px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.course-card[data-v-a8098471]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.course-icon[data-v-a8098471]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.course-info[data-v-a8098471]{flex:1}.course-title[data-v-a8098471]{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.course-description[data-v-a8098471]{font-size:14px;color:#6b7280;margin:0 0 10px}.course-meta[data-v-a8098471]{display:flex;gap:15px;align-items:center}.course-tag[data-v-a8098471]{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:4px;font-size:12px}.course-words[data-v-a8098471]{font-size:12px;color:#6b7280}.course-arrow[data-v-a8098471]{font-size:20px;color:#9ca3af}.modal-overlay[data-v-a8098471]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-a8098471]{background:white;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-a8098471]{background:#dc2626;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.modal-header h3[data-v-a8098471]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-a8098471]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-a8098471]:hover{opacity:.8}.modal-content[data-v-a8098471]{padding:20px}.config-section[data-v-a8098471]{margin-bottom:25px}.config-label[data-v-a8098471]{display:block;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:15px}.config-value[data-v-a8098471]{margin-bottom:10px}.selected-course[data-v-a8098471]{display:flex;align-items:center;gap:12px;padding:15px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.course-icon-small[data-v-a8098471]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.course-details[data-v-a8098471]{flex:1}.course-title-small[data-v-a8098471]{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.course-description-small[data-v-a8098471]{font-size:12px;color:#6b7280}.config-options[data-v-a8098471]{display:flex;flex-wrap:wrap;gap:10px}.option-item[data-v-a8098471]{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;background:white}.option-item[data-v-a8098471]:hover{border-color:#3b82f6;background:#f0f9ff}.option-item.active[data-v-a8098471]{border-color:#dc2626;background:#fef2f2;color:#dc2626}.option-item.disabled[data-v-a8098471]{border-color:#e5e7eb;background:#f9fafb;cursor:not-allowed;opacity:.6}.option-item.disabled[data-v-a8098471]:hover{border-color:#e5e7eb;background:#f9fafb}.option-item.disabled input[type=radio][data-v-a8098471]{cursor:not-allowed}.option-item input[type=radio][data-v-a8098471]{margin:0}.unit-section[data-v-a8098471]{margin-top:15px}.unit-label[data-v-a8098471]{font-size:14px;font-weight:500;color:#374151;margin-bottom:10px}.unit-options[data-v-a8098471]{display:flex;flex-wrap:wrap;gap:8px}.modal-actions[data-v-a8098471]{padding:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-a8098471]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn[data-v-a8098471]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-a8098471]{background:#dc2626;color:#fff}.btn-primary[data-v-a8098471]:hover:not(:disabled){background:#b91c1c}.btn-secondary[data-v-a8098471]{background:#6b7280;color:#fff}.btn-secondary[data-v-a8098471]:hover{background:#4b5563}@media (max-width: 768px){.course-card[data-v-a8098471]{flex-direction:column;text-align:center}.course-meta[data-v-a8098471]{justify-content:center}.config-options[data-v-a8098471]{flex-direction:column}.option-item[data-v-a8098471]{justify-content:center}}.test-taking[data-v-b6512c24]{min-height:100vh;background:#f9fafb}.test-header[data-v-b6512c24]{background:#dc2626;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.back-btn[data-v-b6512c24]{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:5px}.back-btn[data-v-b6512c24]:hover{opacity:.8}.test-title[data-v-b6512c24]{font-size:20px;font-weight:600;margin:0}.test-time[data-v-b6512c24]{font-size:14px;font-weight:500}.test-progress[data-v-b6512c24]{background:white;padding:15px 20px;border-bottom:1px solid #e5e7eb}.progress-info[data-v-b6512c24]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-text[data-v-b6512c24]{font-size:16px;font-weight:600;color:#1f2937}.course-info[data-v-b6512c24]{font-size:14px;color:#6b7280}.question-timer-bar[data-v-b6512c24]{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.timer-fill[data-v-b6512c24]{height:100%;background:#dc2626;transition:width 1s linear}.test-content[data-v-b6512c24]{max-width:800px;margin:0 auto;padding:20px}.question-container[data-v-b6512c24]{background:white;border-radius:12px;padding:30px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.question-header[data-v-b6512c24]{margin-bottom:30px}.question-number[data-v-b6512c24]{font-size:14px;color:#6b7280;margin-bottom:10px}.question-text[data-v-b6512c24]{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:10px}.question-status[data-v-b6512c24]{font-size:14px;font-weight:500;padding:4px 8px;border-radius:4px;display:inline-block}.answer-countdown[data-v-b6512c24]{font-size:14px;color:#6b7280;margin-top:10px;font-style:italic}.question-options[data-v-b6512c24]{display:flex;flex-direction:column;gap:12px}.option-item[data-v-b6512c24]{display:flex;align-items:center;gap:12px;padding:15px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:white}.option-item[data-v-b6512c24]:hover{border-color:#3b82f6;background:#f0f9ff}.option-item.selected[data-v-b6512c24]{border-color:#3b82f6;background:#eff6ff}.option-item.correct[data-v-b6512c24]{border-color:#10b981;background:#f0fdf4}.option-item.wrong[data-v-b6512c24]{border-color:#ef4444;background:#fef2f2}.option-letter[data-v-b6512c24]{font-weight:600;color:#6b7280;min-width:20px}.option-text[data-v-b6512c24]{flex:1;font-size:16px;color:#1f2937}.question-input[data-v-b6512c24]{margin-top:20px}.answer-input[data-v-b6512c24]{width:100%;padding:15px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s}.answer-input[data-v-b6512c24]:focus{outline:none;border-color:#3b82f6}.answer-input[data-v-b6512c24]:disabled{background:#f9fafb;color:#6b7280}.test-actions[data-v-b6512c24]{text-align:center;margin-top:30px}.btn[data-v-b6512c24]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn[data-v-b6512c24]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-b6512c24]{background:#dc2626;color:#fff}.btn-primary[data-v-b6512c24]:hover:not(:disabled){background:#b91c1c}.btn-secondary[data-v-b6512c24]{background:#6b7280;color:#fff}.btn-secondary[data-v-b6512c24]:hover{background:#4b5563}.test-completed[data-v-b6512c24]{max-width:600px;margin:50px auto;text-align:center;background:white;border-radius:12px;padding:40px;box-shadow:0 4px 12px #0000001a}.completion-icon[data-v-b6512c24]{font-size:64px;margin-bottom:20px}.test-completed h2[data-v-b6512c24]{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:30px}.completion-stats[data-v-b6512c24]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.stat-item[data-v-b6512c24]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9fafb;border-radius:8px}.stat-label[data-v-b6512c24]{font-size:14px;color:#6b7280}.stat-value[data-v-b6512c24]{font-size:18px;font-weight:600;color:#1f2937}.completion-actions[data-v-b6512c24]{display:flex;gap:15px;justify-content:center}.loading[data-v-b6512c24],.error-message[data-v-b6512c24]{text-align:center;padding:50px 20px}.completion-modal-overlay[data-v-b6512c24]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.completion-modal[data-v-b6512c24]{background:white;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;width:90%;overflow:hidden}.modal-header[data-v-b6512c24]{background:#dc3545;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-b6512c24]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-b6512c24]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-b6512c24]:hover{background-color:#ffffff1a;border-radius:50%}.modal-content[data-v-b6512c24]{padding:30px 20px}.score-display[data-v-b6512c24]{display:flex;flex-direction:column;gap:15px}.score-item[data-v-b6512c24]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.score-item[data-v-b6512c24]:last-child{border-bottom:none}.score-item .label[data-v-b6512c24]{font-size:16px;color:#666;font-weight:500}.score-item .value[data-v-b6512c24]{font-size:16px;font-weight:600}.score-item .value.correct[data-v-b6512c24]{color:#28a745}.score-item .value.wrong[data-v-b6512c24]{color:#dc3545}.score-item .value.score[data-v-b6512c24]{color:#007bff;font-size:18px}.modal-footer[data-v-b6512c24]{padding:20px;text-align:center;background-color:#f8f9fa}.modal-footer .btn[data-v-b6512c24]{padding:12px 30px;font-size:16px;font-weight:600}.loading-spinner[data-v-b6512c24]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #dc2626;border-radius:50%;animation:spin-b6512c24 1s linear infinite;margin:0 auto 20px}@keyframes spin-b6512c24{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.test-header[data-v-b6512c24]{flex-direction:column;gap:10px;text-align:center}.progress-info[data-v-b6512c24]{flex-direction:column;gap:5px;text-align:center}.completion-stats[data-v-b6512c24]{grid-template-columns:1fr}.completion-actions[data-v-b6512c24]{flex-direction:column}}.test-results[data-v-d86be1dc]{min-height:100vh;background:#f9fafb}.test-header[data-v-d86be1dc]{background:#dc2626;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:center}.test-title[data-v-d86be1dc]{font-size:20px;font-weight:600;margin:0}.test-results-content[data-v-d86be1dc]{padding:20px;max-width:1200px;margin:0 auto}.results-table[data-v-d86be1dc]{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table-header[data-v-d86be1dc]{display:grid;grid-template-columns:60px 160px 1fr 120px 100px 80px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.header-cell[data-v-d86be1dc]{padding:15px 12px;font-size:14px;font-weight:600;color:#374151;text-align:center}.table-row[data-v-d86be1dc]{display:grid;grid-template-columns:60px 160px 1fr 120px 100px 80px;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.table-row[data-v-d86be1dc]:hover{background:#f9fafb}.table-row[data-v-d86be1dc]:last-child{border-bottom:none}.table-cell[data-v-d86be1dc]{padding:15px 12px;font-size:14px;color:#374151;display:flex;align-items:center;justify-content:center}.table-cell[data-v-d86be1dc]:nth-child(3){justify-content:flex-start;text-align:left}.table-cell[data-v-d86be1dc]:nth-child(4){justify-content:flex-start;text-align:left}.table-cell[data-v-d86be1dc]:nth-child(5){justify-content:center}.table-cell[data-v-d86be1dc]:nth-child(6){justify-content:center}.test-name[data-v-d86be1dc]{flex-direction:column;align-items:flex-start;gap:4px}.test-title-text[data-v-d86be1dc]{font-weight:500;color:#1f2937;line-height:1.4}.test-subtitle[data-v-d86be1dc]{font-size:12px;color:#6b7280;line-height:1.3}.test-stats[data-v-d86be1dc]{flex-direction:column;align-items:flex-start;gap:2px}.stat-text[data-v-d86be1dc]{font-weight:500;color:#1f2937}.stat-detail[data-v-d86be1dc]{font-size:12px;color:#6b7280}.test-score[data-v-d86be1dc]{font-weight:600;font-size:16px;flex-direction:column;align-items:center;gap:4px}.score-detail[data-v-d86be1dc]{font-size:12px;color:#6b7280;font-weight:400}.score-value.excellent[data-v-d86be1dc]{color:#10b981}.score-value.good[data-v-d86be1dc]{color:#3b82f6}.score-value.pass[data-v-d86be1dc]{color:#f59e0b}.score-value.fail[data-v-d86be1dc]{color:#ef4444}.btn[data-v-d86be1dc]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn[data-v-d86be1dc]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-d86be1dc]{background:#dc2626;color:#fff}.btn-primary[data-v-d86be1dc]:hover:not(:disabled){background:#b91c1c}.btn-secondary[data-v-d86be1dc]{background:#6b7280;color:#fff}.btn-secondary[data-v-d86be1dc]:hover:not(:disabled){background:#4b5563}.btn-link[data-v-d86be1dc]{background:none;color:#dc2626;padding:4px 8px;font-size:12px}.btn-link[data-v-d86be1dc]:hover{background:#fef2f2}.pagination[data-v-d86be1dc]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px}.page-numbers[data-v-d86be1dc]{display:flex;gap:5px}.page-btn[data-v-d86be1dc]{background:white;color:#374151;border:1px solid #d1d5db;padding:8px 12px;min-width:40px}.page-btn[data-v-d86be1dc]:hover{background:#f9fafb;border-color:#9ca3af}.page-btn.active[data-v-d86be1dc]{background:#dc2626;color:#fff;border-color:#dc2626}.loading[data-v-d86be1dc],.error-message[data-v-d86be1dc]{text-align:center;padding:50px 20px}.loading-spinner[data-v-d86be1dc]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #dc2626;border-radius:50%;animation:spin-d86be1dc 1s linear infinite;margin:0 auto 20px}@keyframes spin-d86be1dc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-d86be1dc]{text-align:center;padding:80px 20px;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-icon[data-v-d86be1dc]{font-size:64px;margin-bottom:20px}.empty-state h3[data-v-d86be1dc]{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:10px}.empty-state p[data-v-d86be1dc]{color:#6b7280;margin-bottom:30px}@media (max-width: 768px){.table-header[data-v-d86be1dc],.table-row[data-v-d86be1dc]{grid-template-columns:40px 120px 1fr 100px 60px}.header-cell[data-v-d86be1dc]:nth-child(6),.table-cell[data-v-d86be1dc]:nth-child(6){display:none}.test-name[data-v-d86be1dc]{font-size:12px}.test-subtitle[data-v-d86be1dc]{font-size:10px}.pagination[data-v-d86be1dc]{flex-wrap:wrap}.page-numbers[data-v-d86be1dc]{order:-1;width:100%;justify-content:center;margin-bottom:10px}}@media (max-width: 480px){.table-header[data-v-d86be1dc],.table-row[data-v-d86be1dc]{grid-template-columns:30px 100px 1fr 80px}.header-cell[data-v-d86be1dc]:nth-child(2),.table-cell[data-v-d86be1dc]:nth-child(2){display:none}}.test-detail[data-v-bc1059bd]{min-height:100vh;background:#f9fafb}.test-header[data-v-bc1059bd]{background:#dc2626;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.back-btn[data-v-bc1059bd]{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:5px}.back-btn[data-v-bc1059bd]:hover{opacity:.8}.test-title[data-v-bc1059bd]{font-size:20px;font-weight:600;margin:0}.test-time[data-v-bc1059bd]{font-size:14px;font-weight:500}.test-detail-content[data-v-bc1059bd]{max-width:1000px;margin:0 auto;padding:20px}.test-summary[data-v-bc1059bd]{background:white;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.summary-header[data-v-bc1059bd]{text-align:center;margin-bottom:30px}.test-name[data-v-bc1059bd]{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 10px}.test-subtitle[data-v-bc1059bd]{font-size:16px;color:#6b7280}.summary-stats[data-v-bc1059bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.stat-card[data-v-bc1059bd]{text-align:center;padding:20px;background:#f9fafb;border-radius:8px}.stat-value[data-v-bc1059bd]{font-size:28px;font-weight:700;margin-bottom:8px}.stat-value.excellent[data-v-bc1059bd]{color:#10b981}.stat-value.good[data-v-bc1059bd]{color:#3b82f6}.stat-value.pass[data-v-bc1059bd]{color:#f59e0b}.stat-value.fail[data-v-bc1059bd]{color:#ef4444}.stat-value.correct[data-v-bc1059bd]{color:#10b981}.stat-value.wrong[data-v-bc1059bd]{color:#ef4444}.stat-label[data-v-bc1059bd]{font-size:14px;color:#6b7280;font-weight:500}.questions-section[data-v-bc1059bd]{background:white;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.section-title[data-v-bc1059bd]{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 20px}.questions-list[data-v-bc1059bd]{display:flex;flex-direction:column;gap:20px}.question-item[data-v-bc1059bd]{border:2px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.question-item.correct[data-v-bc1059bd]{border-color:#10b981;background:#f0fdf4}.question-item.wrong[data-v-bc1059bd]{border-color:#ef4444;background:#fef2f2}.question-header[data-v-bc1059bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-number[data-v-bc1059bd]{font-size:16px;font-weight:600;color:#374151}.question-status[data-v-bc1059bd]{font-size:14px;font-weight:500}.status-correct[data-v-bc1059bd]{color:#10b981}.status-wrong[data-v-bc1059bd]{color:#ef4444}.question-content[data-v-bc1059bd]{margin-bottom:15px}.question-text[data-v-bc1059bd]{font-size:16px;font-weight:500;color:#1f2937;margin-bottom:15px}.question-options[data-v-bc1059bd]{display:flex;flex-direction:column;gap:8px}.option-item[data-v-bc1059bd]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;background:white;border:1px solid #e5e7eb}.option-item.correct[data-v-bc1059bd]{border-color:#10b981;background:#f0fdf4}.option-item.wrong[data-v-bc1059bd]{border-color:#ef4444;background:#fef2f2}.option-item.selected[data-v-bc1059bd]{border-color:#3b82f6;background:#eff6ff}.option-letter[data-v-bc1059bd]{font-weight:600;color:#6b7280;min-width:20px}.option-text[data-v-bc1059bd]{flex:1;color:#374151}.question-answer[data-v-bc1059bd]{display:flex;flex-direction:column;gap:10px}.answer-section[data-v-bc1059bd]{display:flex;align-items:center;gap:10px}.answer-label[data-v-bc1059bd]{font-size:14px;font-weight:500;color:#6b7280;min-width:80px}.answer-value[data-v-bc1059bd]{font-size:16px;font-weight:500;color:#374151}.answer-value.correct[data-v-bc1059bd]{color:#10b981}.answer-value.wrong[data-v-bc1059bd]{color:#ef4444}.word-info[data-v-bc1059bd]{border-top:1px solid #e5e7eb;padding-top:15px;margin-top:15px}.word-details[data-v-bc1059bd]{background:#f9fafb;padding:15px;border-radius:6px}.word-text[data-v-bc1059bd]{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:5px}.word-phonetic[data-v-bc1059bd]{font-size:14px;color:#6b7280;margin-bottom:5px}.word-translation[data-v-bc1059bd]{font-size:16px;color:#374151;margin-bottom:8px}.word-example[data-v-bc1059bd]{font-size:14px;color:#6b7280;font-style:italic;line-height:1.5}.loading[data-v-bc1059bd],.error-message[data-v-bc1059bd]{text-align:center;padding:50px 20px}.loading-spinner[data-v-bc1059bd]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #dc2626;border-radius:50%;animation:spin-bc1059bd 1s linear infinite;margin:0 auto 20px}@keyframes spin-bc1059bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn[data-v-bc1059bd]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-bc1059bd]{background:#dc2626;color:#fff}.btn-primary[data-v-bc1059bd]:hover{background:#b91c1c}@media (max-width: 768px){.test-header[data-v-bc1059bd]{flex-direction:column;gap:10px;text-align:center}.summary-stats[data-v-bc1059bd]{grid-template-columns:repeat(2,1fr)}.question-header[data-v-bc1059bd]{flex-direction:column;gap:10px;align-items:flex-start}.answer-section[data-v-bc1059bd]{flex-direction:column;align-items:flex-start;gap:5px}.answer-label[data-v-bc1059bd]{min-width:auto}}.debug-page[data-v-32a7989f]{padding:20px;max-width:800px;margin:0 auto}.debug-section[data-v-32a7989f]{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.debug-section h2[data-v-32a7989f]{color:#333;margin-top:0}pre[data-v-32a7989f]{background-color:#f5f5f5;padding:10px;border-radius:4px;overflow-x:auto}.nav-test[data-v-32a7989f]{display:flex;gap:10px;align-items:center}.test-link[data-v-32a7989f]{display:inline-block;padding:8px 16px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px}.test-link[data-v-32a7989f]:hover{background-color:#0056b3}.test-button[data-v-32a7989f]{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.test-button[data-v-32a7989f]:hover{background-color:#1e7e34}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:white;box-shadow:0 2px 4px #0000001a;padding:1rem 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;gap:1rem}.logout-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.logout-btn:hover{background:#dc2626}.nav{flex:1;margin:0 2rem}.nav-list{display:flex;list-style:none;gap:2rem;justify-content:center}.nav-item{padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s;text-decoration:none;color:#6b7280;font-weight:500}.nav-item:hover{background:#f3f4f6;color:#374151}.nav-item.active{color:#2563eb;background:#eff6ff}.main-content{padding:2rem 0;min-height:calc(100vh - 80px)}.page-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.page-description{color:#6b7280;margin-bottom:2rem}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.course-card{background:white;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:pointer}.course-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.course-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.course-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.course-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.course-description{color:#6b7280;line-height:1.5;margin-bottom:1rem}.course-details{display:flex;gap:1rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem}.course-tag{background:#2563eb;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;display:inline-block;margin-bottom:1rem}.view-details{color:#2563eb;text-decoration:none;font-size:.875rem;font-weight:500}.view-details:hover{text-decoration:underline}.joined-badge{color:#10b981;font-weight:600;background:#d1fae5;padding:4px 8px;border-radius:4px;font-size:.8rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:white;border-radius:.75rem;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:#1f2937}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.modal-content{margin-bottom:2rem}.modal-description{color:#6b7280;line-height:1.6}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn{padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;box-shadow:0 4px 12px #dc26264d;transition:all .3s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.learning-card{background:white;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.learning-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.learning-card-title{font-size:1.25rem;font-weight:700;color:#1f2937}.learning-card-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:#6b7280;font-size:16px;margin:0}.error-message{background-color:#fef2f2;color:#dc2626;padding:20px;border-radius:8px;margin:20px 0;text-align:center;border:1px solid #fecaca}.error-message button{margin-top:10px}