body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{overflow:hidden}body,dd,dl,dt,h1,h2,h3,h4,h5,h6,header,html,input,ins,li,menu,ol,p,section,td,th,ul{margin:0;padding:0}ul li{list-style:none}.mt-15{margin-top:60px}.mb-5{margin-bottom:20px}.title-box .title{color:#000;font-size:26px;font-weight:500}.w-80{width:320px}.h-80{height:320px}.rounded-lg{border-radius:8px}.flex{display:flex}.flex-col{flex-direction:column}.h-full{height:100%}.text-sm{font-size:14px;line-height:20px}.relative{position:relative}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.mt-2{margin-top:8px}.cursor-pointer{cursor:pointer}.w-12{width:48px}.h-12{height:48px}.items-center{align-items:center}.justify-center{justify-content:center}.w-30{width:120px}.h-30{height:120px}.w-10{width:40px}.h-10{height:40px}.flex-wrap{flex-wrap:wrap}.justify-items-stretch{justify-items:stretch}.mr-2{margin-right:8px}.text-black{color:#000}.mb-2{margin-bottom:8px}.shrink-0{flex-shrink:0}.mb-1{margin-bottom:4px}.justify-between{justify-content:space-between}.mr-4{margin-right:16px}.text-xs{font-size:12px;line-height:16px}.w-15{width:60px}.h-15{height:60px}.w-65{width:260px}.h-65{height:260px}.text-white{color:#fff}.text-2xl{font-size:24px}.py-2{padding-bottom:8px;padding-top:8px}.px-4{padding-left:16px;padding-right:16px}.pb-10{padding-bottom:40px}.overflow-y-auto{overflow-y:auto}.h-screen{height:100vh}.w-4{width:16px}.h-5{height:20px}.new-song{&:hover{color:#00a9ff}.sub-title{color:rgba(0,0,0,.7)}}.course-video-col{margin-bottom:20px}.course-video-card{border:1px solid #f0f0f0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.course-video-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.course-video-cover{cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.course-video-cover img{height:140px;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.course-video-card:hover .course-video-cover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.course-video-overlay{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.course-video-card:hover .course-video-overlay{opacity:1}.play-icon{color:#fff;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:48px}.hot-tag,.new-tag{border-radius:4px;font-size:12px;font-weight:500;position:absolute;right:8px;top:8px}.course-video-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;text-align:left}.course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;cursor:pointer;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 8px;min-height:40px;overflow:hidden;text-overflow:ellipsis}.course-title:hover{color:#1890ff}.course-instructor{color:#666;font-size:12px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-meta{align-items:center;color:#999;display:flex;font-size:11px;justify-content:space-between;margin-bottom:8px}.course-duration,.course-views{align-items:center;display:flex;gap:4px}.course-category{align-self:flex-start;border-radius:4px;font-size:11px;margin:0}.video-modal .ant-modal-content{border-radius:12px;overflow:hidden}.video-modal .ant-modal-header{padding:20px 24px}.video-modal .ant-modal-title{color:#333;font-size:18px;font-weight:600}.modal-title{display:flex;flex-direction:column;gap:8px}.modal-title span{color:#333;font-size:20px;font-weight:600}.modal-subtitle{align-items:center;display:flex;gap:8px}.video-player-container{padding:20px 0}.video-player{background:#000;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:20px;max-height:400px;width:100%}.video-info{border-top:1px solid #e9ecef;padding:20px 0}.video-stats{display:flex;gap:20px;margin-bottom:15px}.stat-item{align-items:center;background:#f8f9fa;border-radius:6px;color:#666;display:flex;font-size:14px;gap:6px;padding:8px 12px}.stat-item .anticon{color:#1890ff}.instructor-info{background:#e6f7ff;border-left:4px solid #1890ff;border-radius:6px;color:#333;font-size:14px;padding:12px 16px}.instructor-info strong{color:#1890ff}.video-modal .ant-modal-mask{background-color:rgba(0,0,0,.6)}@media (max-width:768px){.video-modal .ant-modal{margin:10px;width:95%!important}.video-player{max-height:300px}.video-stats{flex-direction:column;gap:10px}.modal-title span{font-size:18px}}.footer{background-color:#242424;font-size:14px;height:70px;width:100%;.wrap{height:100%;margin:0 auto}}.footer a{text-decoration:none}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:hsla(0,0%,100%,.1);border-radius:20px;cursor:pointer;padding:8px 12px;transition:all .3s ease}.user-avatar:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.username{color:#fff;font-size:14px;font-weight:500;margin-left:8px}.auth-buttons{align-items:center;display:flex;gap:12px}.auth-btn{border-radius:18px;color:#fff;font-weight:500;height:36px;transition:all .3s ease}.auth-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.auth-form{padding:8px 0}.auth-form .ant-form-item{margin-bottom:20px}.auth-form .ant-form-item-label>label{color:#333;font-weight:500}.auth-form .ant-input,.auth-form .ant-input-password{border:1px solid #d9d9d9;border-radius:8px;transition:all .3s ease}.auth-form .ant-input-password:focus,.auth-form .ant-input-password:hover,.auth-form .ant-input:focus,.auth-form .ant-input:hover{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.1)}.auth-form .ant-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:16px;font-weight:500;height:44px;transition:all .3s ease}.auth-form .ant-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.auth-buttons{gap:8px}.auth-btn{height:32px;padding:0 12px}.auth-btn,.username{font-size:12px}}.header{background-color:#242424;height:70px;left:0;position:fixed;top:0;width:100%;z-index:1000}.wrap .left-section{align-items:center;display:flex}.wrap .left-section .m-nav{margin-left:20px}.wrap .left-section .logo-img{cursor:pointer}.header .wrap{justify-content:space-between;margin:0 auto;width:1100px}.header .m-nav,.header .wrap{align-items:center;display:flex;height:100%}@media (max-width:1200px){.header .wrap{max-width:1100px;width:90%}}@media (max-width:768px){.header .wrap{width:95%}.m-nav .m-nav-li{font-size:14px;padding:0 12px}}.home{background-color:#242424;box-sizing:border-box;padding-top:70px;position:relative}.home .home-header{height:70px;width:100%}.home .home-header .wrap{justify-content:space-between;margin:0 auto;width:1100px}.home .home-header .m-nav,.home .home-header .wrap{align-items:center;display:flex;height:100%}.m-nav .m-nav-li{cursor:pointer;height:100%;line-height:70px;padding:0 19px;transition:all .3s ease}.m-nav .m-nav-li:hover{background:hsla(0,0%,100%,.1);color:#fff}.home-body{background-color:#f5f5f5;overflow-y:auto;.carousel-img{width:100%}}.home-body .wrap{margin:0 auto;min-height:700px;width:980px}.home-body .wrap .img-box{overflow:hidden;&:hover{.img-mask{opacity:1}}}.home-body .wrap .img-mask{background:rgba(0,0,0,.4);opacity:0}.course-video-section{margin-bottom:10px;padding:20px 0}.course-video-section .title{color:#000;font-size:26px;font-weight:500;margin-bottom:20px}.player{background-color:#242424;border-bottom:1px solid #000;box-sizing:border-box;height:calc(100% - 70px);position:relative}.player .player-header{height:70px;width:100%}.player .player-header .wrap{height:100%;margin:0 auto;width:1100px}.player .player-header .m-nav{align-items:center;display:flex;height:100%}.m-nav .m-nav-li{color:#ccc}.m-nav .active-li{background:#000;color:#fff;height:100%;line-height:70px;padding:0 19px}.player-body{background-color:#f5f5f5;height:calc(100% - 70px);position:relative;z-index:10}.player-body .wrap{margin:0 auto;min-height:700px;width:980px}.w-full{width:100%}.h-75{height:300px}.player .blur-bg{background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(90px);filter:blur(90px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.player .blur-bg-mask{background-color:rgba(0,0,0,.35);height:100%;opacity:.6;width:100%}.auth-page{background-color:#f5f5f5;min-height:100vh;padding-top:70px}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:20px}.auth-container .ant-card{border:none;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.auth-container .ant-card-head{border-bottom:1px solid #f0f0f0;padding:24px 24px 0}.auth-container .ant-card-head-title{color:#333;font-size:1.5rem;font-weight:600;text-align:center}.auth-container .ant-card-body{padding:24px}.auth-container .ant-form-item-label>label{color:#333;font-weight:500}.auth-container .ant-input,.auth-container .ant-input-password{border:1px solid #d9d9d9;border-radius:8px;transition:all .3s ease}.auth-container .ant-input-password:focus,.auth-container .ant-input-password:hover,.auth-container .ant-input:focus,.auth-container .ant-input:hover{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.1)}.auth-container .ant-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:16px;font-weight:500;height:44px;transition:all .3s ease}.auth-container .ant-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.auth-container .ant-btn-link{background:none;border:none;color:#1890ff;font-size:14px;height:auto;padding:0}.auth-container .ant-btn-link:hover{box-shadow:none;color:#40a9ff;-webkit-transform:none;transform:none}.text-center{text-align:center}@media (max-width:768px){.auth-container{padding:16px}.auth-container .ant-card{max-width:400px;width:100%!important}.auth-container .ant-card-head-title{font-size:1.3rem}}@media (max-width:480px){.auth-container .ant-card-body{padding:20px}.auth-container .ant-card-head{padding:20px 20px 0}}.packages-page{background-color:#f5f5f5;min-height:calc(100vh - 70px);padding-top:70px}.packages-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 0;text-align:center}.packages-header .page-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 16px}.packages-header .page-subtitle{font-size:1.2rem;margin:0;opacity:.9}.packages-content{padding:60px 0}.packages-content .wrap{margin:0 auto;max-width:1200px;padding:0 20px}.package-card{border:2px solid transparent;border-radius:16px;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.package-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.1);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.package-card.popular{border-color:#ff6b6b}.package-card.recommended{border-color:#4ecdc4}.popular-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e8e)}.popular-badge,.recommended-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:1}.recommended-badge{background:linear-gradient(45deg,#4ecdc4,#44a08d)}.package-header{margin-bottom:20px;text-align:center}.package-name{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 16px}.package-price{margin-bottom:12px}.package-price .currency{color:#666;font-size:1.2rem;vertical-align:top}.package-price .price{color:#1890ff;font-size:3rem;font-weight:800;line-height:1}.package-price .duration{color:#666;font-size:1rem;margin-left:4px}.original-price{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.original-price span{color:#999;font-size:.9rem;text-decoration:line-through}.discount-tag{border-radius:12px;font-weight:600}.package-description{color:#666;line-height:1.6;margin-bottom:20px;text-align:center}.package-features{margin-bottom:24px}.package-features h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:16px}.package-features ul{list-style:none;margin:0;padding:0}.package-features li{align-items:center;color:#555;display:flex;line-height:1.5;margin-bottom:12px}.package-features .feature-icon{color:#52c41a;font-size:14px;margin-right:8px}.package-actions{margin-top:auto}.package-actions .ant-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;font-size:16px;font-weight:600;height:48px;transition:all .3s ease}.package-actions .ant-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px rgba(102,126,234,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.packages-footer{margin-top:80px}.info-card{border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.info-card h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:32px;text-align:center}.info-card h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:12px}.info-card p{color:#666;line-height:1.6;margin:0}@media (max-width:768px){.packages-header .page-title{font-size:2rem}.packages-header .page-subtitle{font-size:1rem}.packages-content{padding:40px 0}.package-card{margin-bottom:24px}.package-price .price{font-size:2.5rem}}@media (max-width:480px){.packages-content .wrap{padding:0 16px}.package-card{border-radius:12px}.package-name{font-size:1.3rem}.package-price .price{font-size:2rem}}
/*# sourceMappingURL=main.5814b62f.css.map*/