:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}.footer[data-v-cc3ae9b4]{line-height:80px;color:#666;text-align:center}.navbar[data-v-b27d0516]{width:100%;height:80px;display:flex;box-shadow:0 2px 10px #0000001a;background-color:#373737}.nav-list[data-v-b27d0516]{list-style:none;display:flex;padding:0;margin:0;width:100%;align-items:center;padding-left:20rem;padding-right:20rem}.nav-right[data-v-b27d0516]{margin-left:auto;display:flex;gap:3rem}.logo[data-v-b27d0516]{height:40px;object-fit:contain}a[data-v-b27d0516]{color:#fff;text-decoration:none;font-size:17px;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .3s ease}a[data-v-b27d0516]:hover{color:#f0f8ff;border-bottom-color:#f0f8ff}.logout-btn[data-v-b27d0516]{border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;text-align:left}.out[data-v-b27d0516]{height:30px;border-radius:300px;object-fit:contain}@media(max-width:768px){.nav-list[data-v-b27d0516]{padding-left:1rem;padding-right:1rem}.nav-right[data-v-b27d0516]{gap:1rem}a[data-v-b27d0516]{font-size:15px}}.courscards[data-v-d4afb8cb]{display:grid;grid-template-columns:repeat(5,minmax(298px,1fr));gap:10px;overflow:hidden}.card[data-v-d4afb8cb]{width:90%;cursor:pointer;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s;margin:15px}.card[data-v-d4afb8cb]:hover{transform:translateY(-5px)}.courstitle[data-v-d4afb8cb]{font-size:16px;margin-left:10px;overflow:hidden}@media(max-width:1024px){.course-grid[data-v-d4afb8cb]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.course-grid[data-v-d4afb8cb]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.course-grid[data-v-d4afb8cb]{grid-template-columns:1fr}}.layout[data-v-a1d84896]{display:flex;flex-direction:column;min-height:100vh}.layout-main[data-v-a1d84896]{flex:1;padding:50px}.detail-container[data-v-42c022d9]{background-color:#0a0a0a;min-height:100vh}.container[data-v-42c022d9]{width:1200px;margin:0 auto;padding:2rem 0}.course-header[data-v-42c022d9]{display:flex;gap:2rem;background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:2rem}.header-cover[data-v-42c022d9]{width:300px;height:200px;object-fit:cover;border-radius:4px}.header-info[data-v-42c022d9]{flex:1}.header-title[data-v-42c022d9]{font-size:1.8rem;color:#2c3e50;margin-bottom:1rem}.no-permission[data-v-42c022d9]{color:#e74c3c;font-size:1rem}.detail-main[data-v-42c022d9]{display:grid;grid-template-columns:300px 1fr;gap:2rem}.chapter-list[data-v-42c022d9]{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 0 10px #0000001a;height:fit-content}.chapter-list h3[data-v-42c022d9]{font-size:1.2rem;color:#2c3e50;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.chapter-item[data-v-42c022d9]{margin-bottom:1rem}.chapter-title[data-v-42c022d9]{font-weight:700;color:#333;margin-bottom:.5rem;cursor:pointer}.video-list[data-v-42c022d9]{padding-left:1rem}.video-item[data-v-42c022d9]{color:#666;margin-bottom:.3rem;cursor:pointer;padding:.3rem;border-radius:4px;transition:background-color .3s}.video-item[data-v-42c022d9]:hover,.video-item.active[data-v-42c022d9]{background-color:#f0f7ff;color:#3498db}.video-player[data-v-42c022d9]{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 0 10px #0000001a}.video-player h3[data-v-42c022d9]{font-size:1.2rem;color:#2c3e50;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.player-container[data-v-42c022d9]{width:100%}.video-element[data-v-42c022d9]{width:100%;height:400px;object-fit:contain;border-radius:4px}.player-title[data-v-42c022d9]{margin-top:.5rem;color:#333;font-size:1.1rem}.no-video[data-v-42c022d9]{text-align:center;padding:2rem;color:#666}.player-tip[data-v-42c022d9]{text-align:center;color:#e74c3c;margin-top:1rem}.courseware-download[data-v-42c022d9]{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-top:2rem}.courseware-download h3[data-v-42c022d9]{font-size:1.2rem;color:#2c3e50;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.courseware-item[data-v-42c022d9]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #eee}.download-btn[data-v-42c022d9]{background-color:#3498db;border:none;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.download-btn[data-v-42c022d9]:disabled{background-color:#bdc3c7;cursor:not-allowed}.download-btn[data-v-42c022d9]:hover:not(:disabled){background-color:#2980b9}.purchased-container[data-v-ec652e46]{background-color:#242323;min-height:100vh;padding:2rem 0}.container[data-v-ec652e46]{width:1200px;margin:0 auto}.section-title[data-v-ec652e46]{text-align:center;margin-bottom:2rem;color:#f2f3f4;font-size:1.8rem}.course-grid[data-v-ec652e46]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.course-card[data-v-ec652e46]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000001a;cursor:pointer;transition:transform .3s}.course-card[data-v-ec652e46]:hover{transform:translateY(-5px)}.course-cover[data-v-ec652e46]{width:100%;height:180px;object-fit:cover}.course-info[data-v-ec652e46]{padding:1rem}.course-title[data-v-ec652e46]{font-size:1.1rem;margin-bottom:.5rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-price[data-v-ec652e46]{color:#e74c3c;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.activated-time[data-v-ec652e46]{color:#999;font-size:.8rem}.layout[data-v-44269146]{display:flex;flex-direction:column;min-height:100vh}.layout-main[data-v-44269146]{flex:1;padding:50px}.login-container[data-v-44269146]{display:flex;justify-content:center;align-items:center}.login-box[data-v-44269146]{padding:2rem;border-radius:8px;box-shadow:0 0 10px #a09f9f1a;width:400px}.login-box h2[data-v-44269146]{text-align:center;margin-bottom:1.5rem;color:#f3f7f7}.form-group[data-v-44269146]{margin-bottom:1rem}.form-group label[data-v-44269146]{display:block;margin-bottom:.5rem;color:#fafafa}.form-group input[data-v-44269146]{width:93%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-btn[data-v-44269146]{width:100%;padding:.8rem;background-color:#f8f9fa;border:none;color:#050505;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s;margin-top:1rem}.login-btn[data-v-44269146]:hover{background-color:#2980b9}.register-link[data-v-44269146]{text-align:center;margin-top:1rem;color:#666}.register-link a[data-v-44269146]{color:#3498db;text-decoration:none}.error-alert[data-v-44269146]{color:red}.layout[data-v-b2d48d12]{display:flex;flex-direction:column;min-height:100vh}.layout-main[data-v-b2d48d12]{flex:1;padding:50px}.login-container[data-v-b2d48d12]{display:flex;justify-content:center;align-items:center}.login-box[data-v-b2d48d12]{padding:2rem;border-radius:8px;box-shadow:0 0 10px #a09f9f1a;width:400px}.login-box h2[data-v-b2d48d12]{text-align:center;margin-bottom:1.5rem;color:#f3f7f7}.form-group[data-v-b2d48d12]{margin-bottom:1rem}.form-group label[data-v-b2d48d12]{display:block;margin-bottom:.5rem;color:#fafafa}.form-group input[data-v-b2d48d12]{width:93%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-btn[data-v-b2d48d12]{width:100%;padding:.8rem;background-color:#f8f9fa;border:none;color:#050505;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s;margin-top:1rem}.login-btn[data-v-b2d48d12]:hover{background-color:#2980b9}.register-link[data-v-b2d48d12]{text-align:center;margin-top:1rem;color:#666}.register-link a[data-v-b2d48d12]{color:#3498db;text-decoration:none}