nav[data-v-9ca783de]{background-color:#fff;justify-content:space-between}.nav-header[data-v-9ca783de],nav[data-v-9ca783de]{display:flex;align-items:center}.logo-container[data-v-9ca783de]{display:flex;align-items:center;gap:10px}.logo[data-v-9ca783de]{height:40px;width:auto}.company-name[data-v-9ca783de]{font-size:1.2rem;font-weight:700;color:#2c3e50}.toggle-button[data-v-9ca783de]{background:none;border:none;cursor:pointer;display:none}.toggle-icon[data-v-9ca783de]{width:24px;height:24px}.nav-links[data-v-9ca783de]{display:flex;gap:20px}nav a[data-v-9ca783de]{font-weight:700;color:#2c3e50;text-decoration:none}nav a.router-link-exact-active[data-v-9ca783de]{color:#42b983}@media (max-width:768px){nav[data-v-9ca783de]{flex-direction:column;padding:10px}.nav-header[data-v-9ca783de]{width:100%;justify-content:space-between}.toggle-button[data-v-9ca783de]{display:block}.nav-links[data-v-9ca783de]{display:none;flex-direction:column;gap:10px;margin-top:10px;width:100%;align-items:center;text-align:left}.nav-links.open[data-v-9ca783de]{display:flex;flex-direction:column}}@media (min-width:769px) and (max-width:1024px){nav[data-v-9ca783de]{padding:15px}.nav-links[data-v-9ca783de]{gap:15px}}@media (min-width:1025px){nav[data-v-9ca783de]{padding:20px}.nav-links[data-v-9ca783de]{gap:20px}}.footer[data-v-0af6e58e]{background-color:#181616;color:#999;padding:20px 0;font-size:14px}.footer-content[data-v-0af6e58e]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.project-support[data-v-0af6e58e]{color:#999;margin-bottom:10px}.company-info[data-v-0af6e58e]{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:15px}.info-item[data-v-0af6e58e]{color:#666}.info-item span[data-v-0af6e58e]:first-child{color:#999}.footer-nav[data-v-0af6e58e]{display:flex;gap:30px;margin-top:10px}.nav-item[data-v-0af6e58e]{color:#999;text-decoration:none;transition:color .3s ease}.nav-item[data-v-0af6e58e]:hover{color:#fff}@media (max-width:1024px){.company-info[data-v-0af6e58e],.footer-content[data-v-0af6e58e]{gap:15px}.footer-nav[data-v-0af6e58e]{gap:20px}}@media (max-width:768px){.company-info[data-v-0af6e58e]{flex-direction:column;gap:10px}.info-item[data-v-0af6e58e]{text-align:center}.footer-nav[data-v-0af6e58e]{flex-direction:row;gap:15px}}@media (max-width:480px){.footer-content[data-v-0af6e58e]{padding:0 10px}.project-support[data-v-0af6e58e]{font-size:14px}.company-info[data-v-0af6e58e]{font-size:12px}.footer-nav[data-v-0af6e58e]{gap:10px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.login-dialog[data-v-75452cdc]{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-v-75452cdc] .el-input__prefix{display:flex;align-items:center;height:100%;padding-left:12px}.dialog-header[data-v-75452cdc]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0}.dialog-title[data-v-75452cdc]{font-size:20px;font-weight:600;color:#333}.close-btn[data-v-75452cdc]{padding:0;background:transparent;border:none;font-size:20px;color:#909399;transition:color .3s ease}.close-btn[data-v-75452cdc]:hover{color:#666}.login-content[data-v-75452cdc]{margin-bottom:20px}.el-input[data-v-75452cdc]{margin-bottom:16px}[data-v-75452cdc] .el-input__inner{height:44px;border-radius:8px;border:1px solid #e0e0e0;transition:border-color .3s ease}[data-v-75452cdc] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.input-icon[data-v-75452cdc]{width:16px;height:16px;margin-right:8px;color:#999;align-self:center}.login-btn[data-v-75452cdc]{width:100%;height:44px;background-color:#409eff;border-color:#409eff;font-size:16px;font-weight:500;border-radius:8px;transition:background-color .3s ease}.login-btn[data-v-75452cdc]:hover{background-color:#66b1ff}.extra-options[data-v-75452cdc]{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:14px}.forget-password[data-v-75452cdc],.register-link[data-v-75452cdc]{color:#409eff;text-decoration:none;transition:color .3s ease}.forget-password[data-v-75452cdc]:hover,.register-link[data-v-75452cdc]:hover{color:#66b1ff}.footer[data-v-75452cdc]{margin-top:20px;text-align:center}.qr-login-btn[data-v-75452cdc]{width:100%;height:44px;border:1px solid #409eff;color:#409eff;background-color:transparent;border-radius:8px;transition:background-color .3s ease}.qr-login-btn[data-v-75452cdc]:hover{background-color:rgba(64,158,255,.1)}.social-login[data-v-75452cdc]{display:flex;justify-content:center;gap:20px;margin-top:16px}.social-icon[data-v-75452cdc]{font-size:24px;color:#666;cursor:pointer;transition:color .3s ease}.social-icon[data-v-75452cdc]:hover{color:#409eff}@media (max-width:768px){.login-dialog[data-v-75452cdc]{width:90%!important;max-width:390px}.dialog-title[data-v-75452cdc]{font-size:18px}.el-input[data-v-75452cdc]{margin-bottom:12px}.login-btn[data-v-75452cdc],[data-v-75452cdc] .el-input__inner{height:40px;font-size:14px}.extra-options[data-v-75452cdc]{font-size:12px}.input-icon[data-v-75452cdc]{width:14px;height:14px}}@media (min-width:769px) and (max-width:1024px){.login-dialog[data-v-75452cdc]{width:70%!important;max-width:450px}.dialog-title[data-v-75452cdc]{font-size:20px}.el-input[data-v-75452cdc]{margin-bottom:16px}.login-btn[data-v-75452cdc],[data-v-75452cdc] .el-input__inner{height:44px;font-size:16px}.extra-options[data-v-75452cdc]{font-size:14px}.input-icon[data-v-75452cdc]{width:16px;height:16px}}@media (min-width:1025px){.login-dialog[data-v-75452cdc]{width:550px;max-width:550px}}.hot-course-container[data-v-37d8241a]{padding:20px}.layout[data-v-37d8241a]{display:flex;gap:20px}.course-list-container[data-v-37d8241a]{flex:1;max-width:300px;border:1px #e0e0e0;border-radius:8px;padding:10px;background-color:#fff;overflow-y:auto}.course-list[data-v-37d8241a]{list-style:none;padding:0;margin:0}.course-list li[data-v-37d8241a]{padding:12px 16px;margin:5px 0;cursor:pointer;transition:background-color .3s ease,color .3s ease;display:flex;justify-content:space-between;align-items:center}.course-list li[data-v-37d8241a]:hover{background-color:#f5f5f5}.course-list li.active[data-v-37d8241a]{background-color:#409eff;color:#fff}.course-list li.active .course-name[data-v-37d8241a]{font-weight:700}.course-list li.active .active-indicator[data-v-37d8241a]{display:inline-block}.course-list li .active-indicator[data-v-37d8241a]{display:none;font-size:14px}.carousel-container[data-v-37d8241a]{flex:3}.course-card[data-v-37d8241a]{text-align:center;padding:20px;border-radius:8px;background-color:#f9f9f9;height:100%;display:flex;justify-content:center;align-items:center}.image-container[data-v-37d8241a]{position:relative;width:100%;height:100%}.course-cover[data-v-37d8241a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;pointer-events:none}.text-overlay[data-v-37d8241a]{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);color:#fff;padding:20px;border-radius:0 0 8px 8px}.text-overlay h3[data-v-37d8241a]{margin:0;font-size:1.5rem}.text-overlay p[data-v-37d8241a]{margin:5px 0 0;font-size:1rem;opacity:.9}.user-info-container[data-v-37d8241a]{flex:1;max-width:250px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;background-color:#fff;display:flex;justify-content:center;align-items:center}.user-info[data-v-37d8241a]{text-align:center}.user-info h3[data-v-37d8241a]{margin:0 0 10px;font-size:1.2rem}.user-info p[data-v-37d8241a]{margin:0 0 20px;font-size:.9rem;color:#666}.user-info .el-avatar[data-v-37d8241a]{margin-bottom:20px}.user-info .el-button[data-v-37d8241a]{margin:5px 0;width:100%}@media (max-width:768px){.course-list-container[data-v-37d8241a]{display:none}.carousel-container[data-v-37d8241a]{flex:1;min-height:300px}.user-info-container[data-v-37d8241a]{display:none}}@media (min-width:769px) and (max-width:1024px){.course-list-container[data-v-37d8241a]{max-width:250px}.carousel-container[data-v-37d8241a]{flex:2}.user-info-container[data-v-37d8241a]{max-width:200px}}@media (min-width:1025px){.course-list-container[data-v-37d8241a]{max-width:300px}.carousel-container[data-v-37d8241a]{flex:3}.user-info-container[data-v-37d8241a]{max-width:400px}}