.lesson-preparation-page[data-v-33825b56]{--primary:#2e5ce6;--primary-dark:#1e3a8a;--primary-light:#60a5fa;--secondary:#10b981;--accent:#06b6d4;--purple:#8b5cf6;--pink:#ec4899;--orange:#f59e0b;--asean:#d97706;--china-red:#dc2626;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg-white:#fff;--bg-gray-50:#f9fafb;--bg-gray-100:#f3f4f6;--bg-gray-200:#e5e7eb;--bg-gradient:linear-gradient(135deg,#ebf5ff,#f0f9ff 50%,#fff7ed);--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-light:#e5e7eb;--border-medium:#d1d5db;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--transition-base:all 0.3s cubic-bezier(0.4,0,0.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}.bg-decoration[data-v-33825b56]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;overflow:hidden}.bg-circle[data-v-33825b56]{position:absolute;border-radius:50%;opacity:.03}.bg-circle-1[data-v-33825b56]{width:600px;height:600px;background:var(--primary);top:-300px;right:-200px}.bg-circle-2[data-v-33825b56]{width:400px;height:400px;background:var(--asean);bottom:-200px;left:-100px}.bg-circle-3[data-v-33825b56]{width:300px;height:300px;background:var(--china-red);top:50%;left:10%}.header[data-v-33825b56]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);padding:16px 0;position:sticky;top:0;z-index:100}.header-container[data-v-33825b56]{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-33825b56]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800}.logo-icon[data-v-33825b56]{width:48px;height:48px;background:linear-gradient(135deg,var(--china-red),var(--asean));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.logo-text[data-v-33825b56]{background:linear-gradient(135deg,var(--china-red),var(--primary) 50%,var(--asean));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info[data-v-33825b56]{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--text-secondary)}.version-badge[data-v-33825b56]{background:linear-gradient(135deg,var(--primary),var(--asean));color:#fff;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700}.main-container[data-v-33825b56]{max-width:1200px;margin:0 auto;padding:40px 20px}.hero-section[data-v-33825b56]{text-align:center;margin-bottom:60px}.hero-badge[data-v-33825b56]{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:8px 20px;border-radius:100px;font-size:14px;font-weight:600;color:var(--primary);box-shadow:var(--shadow-md);margin-bottom:24px}.hero-badge-dot[data-v-33825b56]{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse-33825b56 2s infinite}@keyframes pulse-33825b56{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.hero-title[data-v-33825b56]{font-size:48px;font-weight:800;line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,var(--china-red),var(--primary) 50%,var(--asean));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.hero-subtitle[data-v-33825b56]{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.course-nav-section[data-v-33825b56]{margin-bottom:40px}.nav-title[data-v-33825b56]{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text-primary);text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.course-nav[data-v-33825b56]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;max-width:1000px;margin:0 auto}.nav-item[data-v-33825b56]{background:#fff;padding:20px;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:16px;font-size:16px;font-weight:600;border:2px solid var(--border-light);box-shadow:var(--shadow-sm)}.nav-item[data-v-33825b56]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.nav-item.active[data-v-33825b56]{background:linear-gradient(135deg,rgba(46,92,230,.1),rgba(217,119,6,.1));color:var(--primary);border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.nav-icon[data-v-33825b56]{width:48px;height:48px;background:var(--bg-gray-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.nav-item.active .nav-icon[data-v-33825b56]{background:linear-gradient(135deg,var(--primary),var(--asean));color:#fff}.content-card[data-v-33825b56]{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-light)}.content-header[data-v-33825b56]{background:linear-gradient(135deg,var(--china-red),var(--primary) 50%,var(--asean));padding:32px;color:#fff;text-align:center}.content-title[data-v-33825b56]{font-size:32px;font-weight:800;margin-bottom:8px}.content-subtitle[data-v-33825b56]{font-size:16px;opacity:.9}.content-body[data-v-33825b56]{padding:32px}.step-form[data-v-33825b56]{display:flex;flex-direction:column;gap:32px}.form-step[data-v-33825b56]{opacity:.6;pointer-events:none;transition:var(--transition-base)}.form-step.active[data-v-33825b56]{opacity:1;pointer-events:auto}.form-step.completed[data-v-33825b56]{opacity:.8}.step-header[data-v-33825b56]{display:flex;align-items:center;gap:16px;margin-bottom:24px}.step-number[data-v-33825b56]{width:40px;height:40px;background:var(--bg-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--text-secondary);transition:var(--transition-base)}.form-step.active .step-number[data-v-33825b56],.form-step.completed .step-number[data-v-33825b56]{background:linear-gradient(135deg,var(--primary),var(--asean));color:#fff}.step-title[data-v-33825b56]{font-size:20px;font-weight:700;color:var(--text-primary)}.form-group[data-v-33825b56]{margin-bottom:24px}.form-label[data-v-33825b56]{display:block;font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.form-input[data-v-33825b56],.form-select[data-v-33825b56]{width:100%;padding:16px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:16px;font-family:inherit;transition:var(--transition-base);background:#fff}.form-input[data-v-33825b56]:focus,.form-select[data-v-33825b56]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,92,230,.1)}.course-grid[data-v-33825b56]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.course-card[data-v-33825b56]{background:var(--bg-gray-50);border:2px solid var(--border-light);border-radius:var(--radius-md);padding:20px;cursor:pointer;transition:var(--transition-base);position:relative}.course-card[data-v-33825b56]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.course-card.selected[data-v-33825b56]{border-color:var(--primary);background:rgba(46,92,230,.05)}.course-card.selected[data-v-33825b56]:after{content:"✓";position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.course-name[data-v-33825b56]{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.course-code[data-v-33825b56]{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.course-desc[data-v-33825b56]{font-size:14px;color:var(--text-secondary);line-height:1.4}.upload-area[data-v-33825b56]{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:40px;text-align:center;background:var(--bg-gray-50);transition:var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.upload-area[data-v-33825b56]:hover{border-color:var(--primary);background:rgba(46,92,230,.02)}.upload-area.dragover[data-v-33825b56]{border-color:var(--primary);background:rgba(46,92,230,.05);transform:scale(1.02)}.upload-icon[data-v-33825b56]{font-size:48px;color:var(--text-tertiary);margin-bottom:16px}.upload-text[data-v-33825b56]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.upload-hint[data-v-33825b56]{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.upload-button[data-v-33825b56]{background:linear-gradient(135deg,var(--primary),var(--asean));color:#fff;padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-base)}.upload-button[data-v-33825b56]:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(46,92,230,.3)}.file-list[data-v-33825b56]{margin-top:20px;display:flex;flex-direction:column;gap:12px}.file-item[data-v-33825b56]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light)}.file-icon[data-v-33825b56]{font-size:20px;color:var(--primary)}.file-info[data-v-33825b56]{flex:1}.file-name[data-v-33825b56]{font-size:14px;font-weight:600;color:var(--text-primary)}.file-size[data-v-33825b56]{font-size:12px;color:var(--text-secondary)}.file-remove[data-v-33825b56]{background:var(--danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.generation-area[data-v-33825b56]{background:var(--bg-gray-50);border-radius:var(--radius-lg);padding:32px;text-align:center}.generation-status[data-v-33825b56]{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.progress-container[data-v-33825b56]{margin-bottom:24px}.progress-bar[data-v-33825b56]{width:100%;height:12px;background:var(--bg-gray-200);border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-33825b56]{height:100%;background:linear-gradient(90deg,var(--primary),var(--asean));border-radius:6px;transition:width .5s ease;width:0}.progress-text[data-v-33825b56]{font-size:14px;color:var(--text-secondary);display:flex;justify-content:space-between}.generation-steps[data-v-33825b56]{display:flex;flex-direction:column;gap:16px;margin-top:24px;text-align:left}.generation-step[data-v-33825b56]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:var(--radius-md);border-left:4px solid var(--bg-gray-200);transition:var(--transition-base)}.generation-step.completed[data-v-33825b56]{border-left-color:var(--success)}.generation-step.current[data-v-33825b56]{border-left-color:var(--primary);background:rgba(46,92,230,.05)}.step-icon[data-v-33825b56]{font-size:16px;color:var(--text-secondary)}.generation-step.completed .step-icon[data-v-33825b56]{color:var(--success)}.generation-step.current .step-icon[data-v-33825b56]{color:var(--primary)}.step-text[data-v-33825b56]{font-size:14px;color:var(--text-primary)}.results-grid[data-v-33825b56]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.result-card[data-v-33825b56]{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;transition:var(--transition-base);position:relative;overflow:hidden}.result-card[data-v-33825b56]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.result-card[data-v-33825b56]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--china-red),var(--primary) 50%,var(--asean))}.result-icon[data-v-33825b56]{font-size:32px;margin-bottom:16px;display:block}.result-title[data-v-33825b56]{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.result-desc[data-v-33825b56]{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.result-actions[data-v-33825b56]{display:flex;gap:12px}.action-button[data-v-33825b56]{padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:6px}.action-button.primary[data-v-33825b56]{background:var(--primary);color:#fff}.action-button.secondary[data-v-33825b56]{background:var(--bg-gray-100);color:var(--text-primary)}.action-button[data-v-33825b56]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-actions[data-v-33825b56]{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.btn[data-v-33825b56]{padding:14px 28px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-base);display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-33825b56]{background:linear-gradient(135deg,var(--primary),var(--asean));color:#fff}.btn-secondary[data-v-33825b56]{background:var(--bg-gray-100);color:var(--text-primary);border:1px solid var(--border-medium)}.btn[data-v-33825b56]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn[data-v-33825b56]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:1024px){.main-container[data-v-33825b56]{padding:20px}.course-grid[data-v-33825b56]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.header-container[data-v-33825b56]{flex-direction:column;gap:12px}.hero-title[data-v-33825b56]{font-size:36px}.content-header[data-v-33825b56]{padding:24px 20px}.content-title[data-v-33825b56]{font-size:24px}.course-grid[data-v-33825b56],.results-grid[data-v-33825b56]{grid-template-columns:1fr}.form-actions[data-v-33825b56]{flex-direction:column;gap:12px}.btn[data-v-33825b56]{width:100%;justify-content:center}}