main{background:#000}body picture{display:inline-block}section{font-family:'Poppins';overflow:hidden}audio{display:block!important}section h1,section h2,section h3,section p{margin:0;font-family:'Poppins'}h1{font-weight:700;font-size:36px;line-height:140%;color:#fff}h1 span{color:#C735E5}h2{font-weight:700;font-size:34px;line-height:120%;color:#FFF;text-align:center}h2 span{color:#DD3BFF}h2~p{font-weight:400;font-size:18px;line-height:30px;color:#FFF9;margin:30px auto 60px;text-align:center}.base-width{max-width:1300px;padding:100px 20px;margin:0 auto}.mobile{display:none!important}.pc{display:block}.plate{display:none!important}.pc-plate{display:block}.pink-button{display:inline-block;min-width:200px;font-weight:400;font-size:18px;line-height:45px;height:45px;text-align:center;border-radius:6px;color:#FFF;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);cursor:pointer;padding:0 24px}.pink-button:hover{background:linear-gradient(180deg,#C74FFF 0%,#7C3DFF 100%)}.background-img{width:100%;height:100%;position:absolute;z-index:0;top:0;left:0}.background-img picture,.background-img img{width:100%;height:100%}.play-box{width:32px;height:32px;border-radius:50%;background:#F3F3F3;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}.play-box .play-icon{width:15px;height:12px;margin-left:2px}.play-box.start .play-icon{display:none}.play-box .pause-icon{width:30px;height:30px;display:none}.play-box.start .pause-icon{display:block}h2+p q{display:inline-flex;align-items:center;justify-content:center}span.control-bt{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:#fff;border:1px solid #333;background:transparent;border-radius:100%;margin:0 15px;cursor:pointer}span.control-bt:hover{border:1px solid #fff;background:#fff;color:#000}span.control-bt.disabled{border:1px solid #333;background:transparent;color:#333;cursor:no-drop}span.control-bt.next{transform:rotate(180deg)}span.control-bt svg{width:19px;height:16px}.control-box{width:100%;display:none;justify-content:center;align-items:center;margin-top:30px}.indicators{display:flex;justify-content:center;align-items:center}.indicators span{width:8px;height:8px;border-radius:100%;background:#FFFFFF4D;margin:0 4px}.indicators span.active{width:20px;height:8px;border-radius:4px;background:#FFF}section .swiper-pagination{display:none;position:static;justify-content:center;margin-top:30px}section .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;opacity:1;background:#FFF3;border-radius:4px;transition:all .3s ease-in-out}section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF;width:40px}@media (max-width:1024px){h1{font-size:32px}h2{font-size:28px}h2~p{margin:20px 0 30px}.base-width{padding:50px 20px}.plate{display:block!important}.pc-plate{display:none!important}h2+p q span.control-bt{display:none}.control-box{display:flex}}@media (max-width:768px){.mobile{display:block!important}.pc{display:none!important}.pink-button{width:100%;max-width:440px}}.banner{overflow:visible}.banner .base-width{max-width:1440px;padding:80px 20px 0;position:relative;z-index:0}.banner .banner-box{display:flex;align-items:center;justify-content:space-between;gap:30px}.banner .banner-left{width:45.2%}.banner .home{display:flex;align-items:center;color:#FFF9}.banner .home a,.banner .home p{color:#FFF9;font-size:16px;line-height:160%}.banner .home .home-arrow{margin-left:4px;margin-right:4px}.banner .home a{padding-left:8px}.banner .home a:hover{text-decoration:underline}.banner .name{display:flex;align-items:center;font-size:18px;font-weight:600;line-height:120%;color:#FFF;margin:18px 0 20px}.banner .name img{margin-right:10px;width:40px;height:40px}.banner .list-unstyled{margin:10px 0 20px;max-width:560px;color:#FFF9;font-size:18px;font-weight:400;line-height:160%;list-style:disc;padding-left:20px}.banner .btn-box{display:flex;justify-content:space-between;font-weight:400;font-size:14px;line-height:16px;color:#FFF;max-width:430px;gap:20px}.banner .btn-box .btn-box-left{display:flex;flex-direction:column;align-items:center;gap:10px}.banner .btn-box .btn-box-right .pink-text{font-weight:400;font-size:18px;height:45px;line-height:45px;color:#E43BFF}.banner .btn-box .btn-box-right .pink-text:hover{color:#A93BFF}.banner .banner-right{max-width:720px;width:720px;min-width:720px;padding:20px;border:1px solid #FFFFFF80;background:linear-gradient(180deg,rgba(34,7,71,.8) 0%,rgba(20,6,41,.8) 100%);border-radius:24px;position:relative}.banner .banner-right::after{content:'';position:absolute;width:115%;height:50%;background:linear-gradient(90deg,rgba(98,84,255,.6) -2.56%,rgba(200,2,252,.6) 54.58%,rgba(215,51,182,.6) 96.94%);filter:blur(40px);position:absolute;top:40%;left:50%;border-radius:30%;transform:rotate(26deg) translate(-50%,50%);z-index:-1}.banner .banner-right .box-title{text-align:center;font-weight:600;font-size:18px;line-height:140%;color:#FFF;margin-bottom:20px}.banner .banner-right .model-box{background:#FFFFFF1A;border:1px solid #FFF3;border-radius:16px;padding:20px;display:flex;align-items:center;column-gap:10px;row-gap:16px;justify-content:space-between}.banner .banner-right .model-box .select-model{display:flex;align-items:center;column-gap:16px}.banner .banner-right .model-box .select-model picture{width:80px;height:80px;border-radius:12px;overflow:hidden}.banner .banner-right .model-box .select-model .model-name{font-weight:600;font-size:18px;line-height:140%;color:#FFF;margin-bottom:8px}.banner .banner-right .model-box .select-model .model-label{display:inline-block;border:1px solid #FFFFFF80;border-radius:8px;padding:0 10px;height:24px;line-height:24px;text-align:center;font-weight:400;font-size:14px;color:#FFFFFF80}.banner .banner-right .model-box .select-list{display:flex;gap:16px}.banner .banner-right .model-box .select-list .select-item{border:2px solid transparent;border-radius:12px;width:56px;height:56px;overflow:hidden;cursor:pointer}.banner .banner-right .model-box .select-list .select-item.active{border-color:#E43BFF}.banner .banner-right .middle-box{display:flex;margin:20px 0;padding-bottom:20px;border-bottom:1px solid #FFF3}.banner .banner-right .middle-box .sample-box,.banner .banner-right .middle-box .upload-box{width:50%}.banner .banner-right .middle-box .sample-box{padding-right:20px}.banner .banner-right .middle-box .upload-box{padding-left:20px;border-left:1px solid #FFF3}.banner .banner-right .middle-box .middle-title{font-weight:600;font-size:18px;line-height:140%;color:#FFF}.banner .banner-right .middle-box .audio-box,.banner .banner-right .middle-box .link-box,.banner .banner-right .middle-box .file-box{display:flex;align-items:center;border-radius:8px;background:#FFFFFF1A;padding:8px 8px 8px 16px;margin-top:10px}.banner .banner-right .middle-box .audio-box{border:1px solid transparent}.banner .banner-right .middle-box .audio-box.active{border-color:#DD3BFF}.banner .banner-right .middle-box .audio-box .check-icon{display:none;width:24px;height:24px;margin-left:auto}.banner .banner-right .middle-box .audio-box.active .use-btn{display:none}.banner .banner-right .middle-box .audio-box.active .check-icon{display:block}.banner .banner-right .middle-box .audio-box .play-box{width:24px;height:24px;min-width:24px;min-height:24px;margin-right:12px}.banner .banner-right .middle-box .audio-box .play-box .play-icon{width:12px;height:10px}.banner .banner-right .middle-box .audio-box .voice-name{font-weight:400;font-size:16px;line-height:140%;color:#FFFC}.banner .banner-right .middle-box .audio-box .use-btn{height:24px;min-width:66px;padding:0 18px;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#FFF;background:#FFFFFF1A;border-radius:8px;border:none;margin-left:auto}.banner .banner-right .middle-box .audio-box .use-btn:hover{background:#FFF;color:#000}.banner .banner-right .middle-box .link-box svg,.banner .banner-right .middle-box .file-box img{width:24px;height:24px;min-width:24px;min-height:24px;margin-right:12px}.banner .banner-right .middle-box .link-box input,.banner .banner-right .middle-box .file-box .upload-btn{font-weight:400;font-size:16px;line-height:139%;color:#FFFC;border:none;background:transparent;flex:1;text-align:left}.banner .banner-right .middle-box .file-box .upload-success{display:none}.banner .banner-right .middle-box .file-box .file-name{font-weight:400;font-size:16px;line-height:140%;color:#FFFC;display:none}.banner .banner-right .middle-box .file-box.active .file-name,.banner .banner-right .middle-box .file-box.active .upload-success{display:block}.banner .banner-right .middle-box .file-box.active .upload,.banner .banner-right .middle-box .file-box.active .upload-btn{display:none}.banner .banner-right .middle-box .link-box input::placeholder{color:#FFFFFF4D}.banner .banner-right .middle-box .file-box input{display:none}.banner .banner-right .middle-box .file-box .upload-btn{line-height:140%}.banner .banner-right .upload-tex{display:inline-block;font-weight:400;font-size:12px;line-height:140%;color:#FFFFFF80;margin-top:8px}.banner .banner-right .bottom-box{display:flex;align-items:center;column-gap:20px;row-gap:16px}.banner .banner-right .bottom-box .setting-box{background:#FFFFFF1A;border:1px solid #FFF3;border-radius:8px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;position:relative;width:50%}.banner .banner-right .bottom-box .setting-box.active>svg{transform:rotate(180deg)}.banner .banner-right .bottom-box .setting-box .setting-text{font-weight:600;font-size:16px;line-height:140%;color:#FFFC}.banner .banner-right .bottom-box .setting-box>svg{width:24px;height:24px}.banner .banner-right .bottom-box .setting-box .setting-popup{position:absolute;left:0;bottom:-4px;width:207%;border-radius:8px;border:1px solid #FFF3;background:#352A47;transform:translateY(100%);padding:20px 16px;display:none}.banner .banner-right .bottom-box .setting-box.active .setting-popup{display:block}.banner .setting-box .setting-popup .setting-content:not(:last-child){margin-bottom:22px}.banner .setting-box .setting-popup .setting-content{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:140%;color:#FFFC;flex-wrap:wrap;row-gap:20px}.banner .setting-box .setting-popup .setting-content .info-content{font-weight:400;font-size:16px;line-height:140%;color:#FFFC;margin:0 15px 0 8px}.banner .setting-box .setting-popup .setting-content .info-content .progress-num{display:inline-block;width:24px}.banner .setting-box .setting-popup .setting-content svg{width:16px;height:16px}.banner .setting-box .setting-popup .setting-content .setting-progress{display:flex;column-gap:16px;align-items:center;flex:1}.banner .setting-popup .setting-content .setting-progress .progress-line{flex:1;height:6px;background:#493F59;border-radius:3px}.banner .setting-content .setting-progress .progress-line .progress-bar{height:100%;border-radius:3px;background:#DD3BFF;width:50%;position:relative}.banner .setting-content .setting-progress .progress-line .progress-bar::after{content:'';display:inline-block;height:16px;width:16px;background:#DD3BFF;border-radius:50%;position:absolute;top:50%;right:0;transform:translate(70%,-50%)}.banner .setting-content .option-list{display:flex;column-gap:30px;margin-left:10px}.banner .setting-content .option-item{display:flex;align-items:center;cursor:pointer}.banner .setting-content .option-item span{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #D6D4DA;margin-right:8px}.banner .setting-content .option-item.active span{border:1px solid #DD3BFF;background:#DD3BFF;padding:4px;background-clip:content-box}.banner .bottom-box .pink-button{width:50%;height:48px;line-height:48px;border:none;display:flex;justify-content:center;align-items:center;padding:0;gap:10px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.banner .bottom-box .pink-button .play-icon{width:18px;height:18px;display:none}.banner .bottom-box .pink-button img{width:24px;height:24px;display:none;animation:spin 1s linear infinite;transition:transform 0.3s ease}.banner .bottom-box .pink-button .pause-icon{width:40px;height:40px;display:none}.banner .bottom-box .pink-button.pause .play-icon,.banner .bottom-box .pink-button.playing .pause-icon,.banner .bottom-box .pink-button.generating img{display:block}.banner .choose-list{display:flex;border-radius:20px;padding:30px 0;margin-top:100px;border:1px solid #FFF3}.banner .choose-list li{display:flex;align-items:center;justify-content:center;width:25%}.banner .choose-list li:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}.banner .choose-list li .mobile{display:none}.banner .choose-list li .top{display:flex}.banner .choose-list li .top img{margin-right:10px}.banner .choose-list li .top p{display:flex;flex-direction:column}.banner .choose-list li .top span{color:#fff;font-size:16px;line-height:19px}.banner .choose-list li .top .pink{color:#DD3BFF;font-size:28px;font-weight:700;line-height:34px;margin-bottom:3px;white-space:nowrap}.banner .pink-href{font-weight:400;font-size:16px;line-height:140%;text-align:right;color:#DD3BFF;margin-top:20px;display:flex;justify-content:flex-end;align-items:center}.banner .pink-href svg{width:16px;height:13px;margin-left:4px}.banner .pink-href:hover{text-decoration:underline}@media (max-width:1280px){.banner .banner-box{flex-direction:column;width:100%}.banner .banner-left{width:100%;max-width:600px}}@media (max-width:1024px){.banner .choose-list{padding:20px 8px;margin-top:20px;flex-wrap:wrap}.banner .choose-list li{padding:0 14px;width:50%;flex-direction:column}.banner .choose-list li:nth-child(1),.banner .choose-list li:nth-child(2){margin-bottom:26px}.banner .choose-list li:nth-child(2){border-right:none}.banner .choose-list li .mobile{display:block}.banner .choose-list li .top .pc{display:none}.banner .choose-list li .top{align-items:center}.banner .choose-list li .top img{width:30px;margin-right:4px}.banner .choose-list li .top .pink{font-size:24px;line-height:29px;margin-bottom:0}.banner .choose-list li .mobile{font-size:12px;line-height:14px;color:#fff;margin-top:6px}.banner .banner-right::after{content:none}}@media (max-width:768px){.banner .base-width{padding-top:30px}.banner .name{margin:20px 0 16px}.banner .home,.banner .name{justify-content:center}.banner .list-unstyled{margin-top:20px;font-size:16px}.banner h1{text-align:center}.banner .banner-left .pink-button{min-width:165px}.banner .btn-box{padding-right:13px}.banner .btn-box .btn-box-right .pink-text{font-size:16px}.banner .banner-right{width:100%;min-width:auto}.banner .banner-right .model-box{flex-wrap:wrap;padding:18px 16px}.banner .banner-right .model-box .select-model picture{width:64px;height:64px;border-radius:8px}.banner .banner-right .box-title{margin-bottom:13px}.banner .banner-right .model-box .select-model .model-name{font-size:16px}.banner .banner-right .model-box .select-list .select-item{width:40px;height:40px;border-radius:8px}.banner .banner-right .middle-box{flex-wrap:wrap}.banner .choose-list li{align-items:flex-start}.banner .choose-list li .mobile{width:100%;text-align:center}.banner .pink-href{margin-top:16px;justify-content:center}}@media (max-width:740px){.banner .banner-right .middle-box{row-gap:16px}.banner .banner-right .middle-box .sample-box,.banner .banner-right .middle-box .upload-box{width:100%}.banner .banner-right .middle-box .sample-box{padding:0}.banner .banner-right .middle-box .upload-box{padding:0;border:none}.banner .banner-right .middle-box{margin:16px 0;padding-bottom:16px}}@media (max-width:600px){.banner .banner-right .bottom-box{flex-direction:column}.banner .banner-right .bottom-box .setting-box,.banner .bottom-box .pink-button{width:100%;max-width:none}.banner .banner-right .bottom-box .setting-box .setting-popup{width:100%}.banner .setting-box .setting-popup .setting-content .setting-progress{flex:none;width:100%}.banner .setting-content .option-list{margin-left:0;flex-wrap:wrap;row-gap:16px}.banner .banner-right .middle-box .audio-box .voice-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.any-situation{background:#161616}.any-situation .pagination-list{display:flex;background:#222;border-radius:12px;padding:8px;gap:8px;margin-top:48px;margin-bottom:30px}.any-situation .pagination-list .pagination-item{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;line-height:26px;color:#FFFFFFE5;border-radius:12px;height:48px;width:25%;gap:8px;cursor:pointer}.any-situation .pagination-list .pagination-item svg{width:24px;height:24px}.any-situation .pagination-list .pagination-item.active{color:#000;background:#FFF}.any-situation .situation-box{display:flex;column-gap:40px;row-gap:30px;align-items:center;justify-content:space-between;padding:60px;background:#000;border-radius:24px}.any-situation .situation-box .box-left{width:47.3%;max-width:540px}.any-situation .situation-box .box-left .box-title{font-weight:700;font-size:28px;line-height:44px;color:#FFF}.any-situation .situation-box .box-left .box-text{font-weight:400;font-size:18px;line-height:120%;color:#FFF;opacity:.6;margin:20px 0 40px}.any-situation .situation-box .box-right{width:49.2%;max-width:560px}.any-situation .situation-box .box-right picture{width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden}.any-situation .situation-box .box-right picture img{width:100%;height:100%}@media (max-width:1024px){.any-situation .pagination-list{flex-direction:column}.any-situation .pagination-list .pagination-item{width:100%}.any-situation .situation-box{flex-direction:column}.any-situation .situation-box .box-left,.any-situation .situation-box .box-right{width:100%}.any-situation .situation-box .box-left{text-align:center}}@media (max-width:768px){.any-situation .pagination-list .pagination-item{padding:0 24px;font-size:16px;justify-content:flex-start}.any-situation .situation-box{padding:20px}.any-situation .situation-box .box-left .box-title{font-size:24px}.any-situation .situation-box .box-left .box-text{font-size:16px;margin-bottom:30px}}.craft-covers{text-align:center}.craft-covers .voice-box{display:flex;column-gap:40px;row-gap:30px;flex-wrap:wrap;justify-content:center}.craft-covers .voice-box .voice-item{max-width:100%}.craft-covers .voice-box .voice-title{font-weight:600;font-size:18px;line-height:120%;color:#FFF;text-align:left}.craft-covers .voice-box .audio-box{border:1px solid #FFF3;border-radius:16px;padding:16px 20px 16px 24px;margin-bottom:30px;display:flex;align-items:center;margin-top:8px}.craft-covers .voice-box .play-box{width:40px;height:40px;min-height:40px;min-width:40px;background:#FFF}.craft-covers .voice-box .play-box .play-icon{width:20px;height:16px;margin-left:3.7px}.craft-covers .voice-box .play-box.start{background:#C735E5;color:#FFF}.craft-covers .voice-box .progress{flex:1;height:40px;margin:0 14px 0 16px;background:url(https://images.topmediai.com/topmediai/assets/overview/ai-cover/cover-progress.png) no-repeat}.craft-covers .voice-box .progress-bar{height:100%;border-radius:5px;width:0;background:url(https://images.topmediai.com/topmediai/assets/overview/ai-cover/cover-progress-bar.png) no-repeat}.craft-covers .voice-box .audio-text{font-weight:400;font-size:16px;line-height:120%;text-align:center;color:#FFF;padding:9px 0 9px 20px;border-left:1px solid #FFF3;max-width:126px}.craft-covers .voice-box .cover-list{display:flex;border-radius:16px;overflow:auto}.craft-covers .voice-box .cover-item{width:122px;height:180px;min-width:122px;min-height:180px;position:relative}.craft-covers .voice-box .cover-item .play-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.craft-covers .voice-box .cover-item:hover .play-box{display:flex}.craft-covers .voice-box .cover-item .cover-info{padding:0 12px;width:100%;overflow:hidden;position:absolute;bottom:12px;text-align:left}.craft-covers .voice-box .cover-item .cover-info .cover-name{font-weight:400;font-size:14px;line-height:140%;color:#FFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.craft-covers .voice-box .cover-item .cover-info .cover-label{font-weight:400;font-size:14px;line-height:140%;color:#FFFFFF80;margin-top:4px}.craft-covers .voice-box .cover-item .cover-info .cover-label span{color:#DD3BFF}.craft-covers .voice-box .cover-item .a-text{font-weight:400;font-size:14px;line-height:140%;color:#FFF;position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}.craft-covers .pink-button{margin-top:60px}@media (max-width:768px){.craft-covers .voice-box .audio-box{padding:18px 16px;margin-bottom:20px}.craft-covers .voice-box .audio-text{font-size:12px;padding:14px 0 14px 16px;max-width:95px}.craft-covers .pink-button{margin-top:30px}}.cover-offers .base-width{padding-top:0}.cover-offers .swiper-wrapper{flex-wrap:wrap;gap:40px;justify-content:center}.cover-offers .swiper-wrapper .swiper-slide{width:48.4%}.cover-offers .swiper-wrapper .offer-box{display:flex;column-gap:20px;border:1px solid #1F2128;border-radius:30px;background:#0C0B0F;overflow:hidden;align-items:center}.cover-offers .swiper-wrapper .offer-box .box-right{width:50%;aspect-ratio:6 / 5}.cover-offers .swiper-wrapper .offer-box .box-left{max-width:270px}.cover-offers .swiper-wrapper .offer-box .box-left .box-title{font-weight:700;font-size:20px;line-height:30px;color:#FFFFFFE5}.cover-offers .swiper-wrapper .offer-box .box-left .box-text{font-weight:400;font-size:16px;line-height:120%;color:#FFFFFF80;margin-top:10px}@media (max-width:1300px){.cover-offers .swiper-wrapper .swiper-slide{width:100%;max-width:610px}}@media (max-width:1024px){.cover-offers .swiper-wrapper{flex-wrap:nowrap;justify-content:flex-start;gap:0}.cover-offers .swiper-pagination{display:flex}.cover-offers .swiper-wrapper .swiper-slide{max-width:none}}@media (max-width:768px){.cover-offers .swiper-wrapper .swiper-slide{display:flex;justify-content:center}.cover-offers .swiper-wrapper .offer-box .box-right{width:100%;max-width:440px}.cover-offers .swiper-wrapper .offer-box{display:inline-flex;flex-direction:column}.cover-offers .swiper-wrapper .offer-box .box-left{padding:0 20px 20px;max-width:none;text-align:center}}.create-step{background:#161616}.create-step .base-width{text-align:center}.create-step .step-container{display:flex;justify-content:center;align-items:center;position:relative;gap:30px}.create-step .step-container .step-content{display:flex;gap:23px}.create-step .step-container .step-content .step-process{width:27px;min-width:27px;position:relative}.create-step .step-container .step-process .process-line,.create-step .step-container .step-process .process-light{width:6px;border-radius:3px;left:50%;transform:translateX(-50%)}.create-step .step-container .step-process .process-line{height:100%;background:#FFF3;position:absolute;top:0}.create-step .step-container .step-process .process-light{width:4px;background:linear-gradient(180deg,#563BFF 0%,#983BFF 50%,#E43BFF 100%);position:relative;transition:all 0.3s linear}.create-step .step-container .step-process .process-light picture{position:absolute;bottom:-7px;left:50%;transform:translate(-50%,50%);width:27px;height:27px}.create-step .step-container .step-content .step-list{display:flex;flex-direction:column;gap:40px;max-width:380px;position:relative}.create-step .step-container .step-content .step-list .step-item{text-align:left;cursor:pointer}.create-step .step-container .step-content .step-list .step-num{font-weight:600;font-size:24px;line-height:120%;color:#FFF;display:flex}.create-step .step-container .step-content .step-list .step-num span{display:inline-block;width:32px;height:32px;line-height:32px;border-radius:50%;text-align:center;color:#FFF;background:#3D3648;margin-right:12px}.create-step .step-container .step-item.active .step-num span{background:#FFF;color:#161616}.create-step .step-container .step-item .step-num b{display:block}.create-step .step-container .step-content .step-list .step-text{font-weight:400;font-size:16px;line-height:130%;color:#FFFC;display:none;margin-top:17px}.create-step .step-container .step-content .step-list .step-text span{font-weight:600}.create-step .step-container .step-item.active .step-text{display:block}.create-step .step-container .swiper-container{width:63.5%;aspect-ratio:50 / 29}.create-step .step-container .swiper-container picture{width:100%;border-radius:15px;overflow:hidden;aspect-ratio:50 / 29}.create-step .step-container .swiper-container picture img{width:100%;aspect-ratio:50 / 29}.create-step .pink-button{margin-top:60px}@media (max-width:1024px){.create-step .step-container{flex-wrap:wrap;gap:40px}.create-step .step-container .swiper{width:100%;max-width:800px}}@media (max-width:768px){.create-step .step-container .swiper-container{width:100%}.create-step .step-container .step-content .step-list{gap:30px}.create-step .step-container .swiper-container picture{border-radius:12.28px}.create-step .step-container .step-content{gap:10px}.create-step .step-container .step-content .step-list .step-num{font-size:20px}.create-step .step-container .step-content .step-list .step-num span{width:24px;height:24px;min-width:24px;min-height:24px;line-height:24px}.create-step .step-container .step-content .step-list .step-text{margin-top:20px}.create-step .pink-button{margin-top:30px}}.stay-update .newest-list{display:flex;flex-wrap:wrap;gap:20px;max-height:400px;height:400px;overflow-y:auto;justify-content:center}.stay-update .newest-list.loading{background:#161616;border-radius:16px}.stay-update .newest-list>img{display:none}.stay-update .newest-list.loading>img{display:block;animation:spin 1s linear infinite;transition:all 0.3s ease}.stay-update .newest-list::-webkit-scrollbar{width:6px;background:transparent;border-radius:3px}.stay-update .newest-list::-webkit-scrollbar-thumb{width:6px;background:#191919;border-radius:3px}.stay-update .newest-list .newest-item{border:1px solid #333;background:#161616;width:295px;border-radius:8px;padding:15px 30px;display:flex;align-items:center;color:#666}.stay-update .newest-list .newest-item .img-box{width:30px;height:30px;border-radius:50%;overflow:hidden;position:relative}.stay-update .newest-list .newest-item .play-box{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;color:#fff;display:none}.stay-update .newest-list .newest-item .play-box .play-icon{width:10px;height:12px}.stay-update .newest-list .newest-item .model-name{font-weight:400;font-size:16px;line-height:24px;color:inherit;margin-left:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;-moz-line-clamp:2;max-height:48px;overflow:hidden;text-overflow:ellipsis;color:#FFF}.stay-update .newest-list .newest-item .arrow-icon{width:16px;height:10px;margin-left:auto}.stay-update .newest-list .newest-item:hover{border:1px solid #666}.stay-update .newest-list .newest-item:hover .model-name,.stay-update .newest-list .newest-item:hover{color:#E43BFF}.stay-update .newest-list .newest-item .img-box:hover .play-box{display:flex}@media (max-width:650px){.stay-update .newest-list .newest-item{width:100%;max-width:440px}}.train-voice{background:#161616;text-align:center}.train-voice .swiper-wrapper{column-gap:30px;row-gap:24px;flex-wrap:wrap}.train-voice .swiper-wrapper .cell1{width:54.6%}.train-voice .swiper-wrapper .cell2{width:38.5%}.train-voice .swiper-wrapper .cell1 .train-box{aspect-ratio:137 / 68}.train-voice .swiper-wrapper .cell2 .train-box{aspect-ratio:97 / 68}.train-voice .train-box{background:#131419;border-radius:30px;overflow:hidden;position:relative;width:100%;background:#000}.train-voice .train-box .train-content{padding:30px;position:relative;z-index:1;text-align:left}.train-voice .train-box .train-content .train-title{font-weight:700;font-size:24px;line-height:32px;color:#FFF}.train-voice .train-box .train-content .train-text{font-weight:400;font-size:16px;line-height:120%;color:#FFF9;margin-top:16px}.train-voice .train-box picture{width:100%;position:absolute;bottom:0;left:0}.train-voice .pink-button{margin-top:60px}@media (max-width:768px){.train-voice .swiper-wrapper{gap:0;flex-wrap:nowrap}.train-voice .swiper-wrapper .swiper-slide{display:flex;justify-content:center}.train-voice .swiper-wrapper .cell1 .train-box,.train-voice .swiper-wrapper .cell2 .train-box{aspect-ratio:335 / 340;max-width:440px}.train-voice .train-box .train-content{padding:30px 20px}.train-voice .swiper-pagination{display:flex}.train-voice .pink-button{margin-top:30px}}.see-cover{text-align:center}.see-cover h2~p a{color:#E43BFF}.see-cover .swiper-container{overflow:visible}.see-cover .swiper-wrapper{gap:30px;flex-wrap:wrap;justify-content:center}.see-cover .swiper-wrapper .swiper-slide{width:400px;height:200px}.see-cover .cover-box{max-width:400px;height:100%;background:#161616;border:1px solid #333;border-radius:24px;padding:20px;display:flex;align-items:center;gap:20px;transition:all 0.3s ease-in-out}.see-cover .cover-box:hover{transform:translateY(-10px);background:#222;border:1px solid #666}.see-cover .cover-box .box-left{width:160px;height:160px;min-height:160px;min-width:160px;border-radius:16px;overflow:hidden;position:relative}.see-cover .cover-box:hover .box-left .play-box{display:flex}.see-cover .cover-box .box-left .play-box{width:40px;height:40px;display:none;color:#FFF;background:#0000004D;backdrop-filter:blur(8px);position:absolute;top:8px;right:8px}.see-cover .cover-box .box-left .play-box .play-icon{width:18px;height:18px}.see-cover .cover-box .box-left .play-box .pause-icon{width:35px;height:35px}.see-cover .cover-box .box-left .song-time{display:block;width:48px;height:20px;border-radius:8px;border:1px solid #FFF3;background:#00000080;backdrop-filter:blur(4px);font-weight:400;font-size:12px;line-height:20px;color:#FFF;text-align:center;position:absolute;top:8px;left:8px}.see-cover .cover-box .box-left .bottom-icon{display:flex;gap:4px;align-items:center;position:absolute;bottom:8px;left:8px}.see-cover .cover-box .box-left .bottom-icon .icon-play{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);color:#FFF}.see-cover .cover-box .box-left .bottom-icon .icon-play svg{width:9px;height:9px}.see-cover .cover-box .box-left .bottom-icon .icon-like{width:49px;height:20px;background:#00000080;backdrop-filter:blur(4px);border-radius:8px;font-weight:400;font-size:12px;line-height:20px;display:flex;align-items:center;justify-content:center;color:#FFF;gap:2px}.see-cover .cover-box .box-left .bottom-icon .icon-like svg{width:16px;height:16px}.see-cover .cover-box .box-right{display:flex;flex-direction:column;justify-content:space-around;height:100%;gap:10px;text-align:left}.see-cover .cover-box .box-right .song-info .song-name{font-weight:600;font-size:20px;line-height:120%;color:#FFF}.see-cover .cover-box:hover .box-right .song-info .song-name{color:#DD3BFF}.see-cover .cover-box .box-right .song-info .cover-name{font-weight:400;font-size:14px;line-height:120%;color:#FFFFFF80;margin-top:11px}.see-cover .cover-box .box-right .song-info .cover-name span{color:#983BFF}.see-cover .cover-box .box-right .song-icon{display:flex;gap:20px;align-items:center}.see-cover .cover-box .box-right .song-icon svg{width:24px;height:24px}.see-cover .pink-button{margin-top:60px}@media (max-width:768px){.see-cover .swiper-container{overflow:hidden}.see-cover .swiper-wrapper{gap:0;flex-wrap:nowrap;justify-content:flex-start}.see-cover .swiper-wrapper .swiper-slide{height:auto;display:flex;justify-content:center}.see-cover .cover-box:hover{transform:translateY(0)}.see-cover .cover-box{width:100%;padding:16px}.see-cover .cover-box .box-left{width:140px;height:140px;min-height:140px;min-width:140px;border-radius:14px}.see-cover .swiper-pagination{display:flex}.see-cover .pink-button{margin-top:30px}}.make-cover .base-width{padding-top:0;text-align:center}.make-cover .popular-box{display:flex;column-gap:40px;row-gap:30px;align-items:center;text-align:left}.make-cover .popular-box .popular-item{width:50%;max-width:610px}.make-cover .popular-box .popular-title{font-weight:700;font-size:24px;line-height:32px;color:#FFFFFFE5;margin-bottom:20px}.make-cover .popular-box .popular-title::before{content:'';display:inline-block;width:4px;height:18px;background:#DD3BFF;margin-right:8px}.make-cover .popular-box .cover-box{border:1px solid #FFF3;padding:20px 0;background:linear-gradient(180deg,#161616 0%,#000000 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}.make-cover .popular-box .cover-box>svg{width:24px;height:24px;margin:0 20px}.make-cover .popular-box picture.mobile{width:168px;height:138px}.make-cover .popular-box .cover-box .popular-img{width:80px;height:80px;border-radius:50%;overflow:hidden;border:1px solid #333}.make-cover .popular-box .cover-box .voice-box{width:80px;height:80px;border-radius:16px;overflow:hidden;position:relative;margin-left:22px}.make-cover .popular-box .cover-box .voice-box .play-box{background:#0006;color:#FFF;width:32px;height:32px;position:absolute;top:16px;left:50%;transform:translateX(-50%)}.make-cover .popular-box .cover-box .voice-box .voice-text{position:absolute;font-weight:600;font-size:14px;line-height:120%;color:#FFF;left:50%;transform:translateX(-50%);bottom:5px;white-space:nowrap}.make-cover .swiper-container{margin-top:40px}.make-cover .swiper-wrapper{gap:30px}.make-cover .swiper-wrapper .swiper-slide{width:31.75%}.make-cover .make-step{border-radius:10px;overflow:hidden;max-width:400px}.make-cover .make-step picture{width:100%;aspect-ratio:20 / 13}.make-cover .make-step .step-content{padding:20px 26px;background:#161616;width:100%;aspect-ratio:400 / 154;text-align:left}.make-cover .make-step .step-content .step-title{display:block;font-weight:600;font-size:18px;line-height:140%;color:#FFF;margin-bottom:16px}.make-cover .make-step .step-content .step-text{font-weight:400;font-size:14px;line-height:160%;color:#FFF}.make-cover .pink-button{margin-top:60px}@media (max-width:1024px){.make-cover .popular-box{flex-direction:column}.make-cover .popular-box .popular-item{width:100%}.make-cover .swiper-container{margin-top:30px}.make-cover .swiper-wrapper{gap:0}.make-cover .swiper-wrapper .swiper-slide{width:100%;display:flex;justify-content:center}.make-cover .swiper-pagination{display:flex}.make-cover .popular-box .cover-box>svg{margin:0 8px}}@media (max-width:768px){.make-cover .popular-box .cover-box .voice-box{margin-left:4px}.make-cover .popular-box .cover-box .popular-img{width:64px;height:64px}.make-cover .pink-button{margin-top:30px}}.reviews{overflow:hidden}.reviews .base-width{padding-bottom:0}.reviews h2,.reviews h2+p{text-align:left}.reviews h2+p{display:flex;align-items:center;justify-content:space-between;margin:36px 0 60px}.reviews h2+p span{max-width:800px}.reviews .overflow-box{max-width:1300px;padding:0 20px 100px;margin:0 auto}.reviews ul{display:flex;align-items:flex-end}.reviews ul li{max-width:400px;width:100%;padding:24px;background:#343434;border-radius:30px;flex-shrink:0;opacity:.5}.reviews ul li:hover,.reviews ul li.active{max-width:480px;opacity:1}.reviews ul,.reviews ul *{transition:all linear 0.2s}.reviews ul li:hover b,.reviews ul li:hover p,.reviews ul li.active b,.reviews ul li.active p{font-size:18px}.reviews ul li:hover p,.reviews ul li.active p{margin-bottom:20px}.reviews ul li:hover div picture,.reviews ul li.active div picture{width:47px;height:47px;border-radius:50%;overflow:hidden;margin-right:16px}.reviews ul li:hover div,.reviews ul li.active div{padding-top:20px}.reviews ul li:not(:last-child){margin-right:40px}.reviews ul li p{font-size:15px;margin-bottom:16px;min-height:150px;color:#FFF9}.reviews ul li p span{color:#DD3BFF}.reviews ul li div{border-top:1px solid #484848;padding-top:16px;display:flex;align-items:center}.reviews ul li div picture{width:40px;margin-right:12px;flex-shrink:0}.reviews ul li div b{font-size:15px;font-weight:600;line-height:120%;color:#FFFFFFE5}@media (max-width:1024px){.reviews h2{margin-bottom:24px}.reviews h2+p{margin-bottom:40px}.reviews ul li{border-radius:24px}}.popular-tips{background:#161616}.popular-tips .tips{padding:60px 48px;background:#000;border-radius:30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-top:60px}.popular-tips li{position:relative;width:50%;max-width:544px;display:flex;align-items:center;font-size:18px;font-weight:400;line-height:130%;text-align:left;color:#fff}.popular-tips .tips li:hover{color:#DD3BFF;text-decoration:underline}.popular-tips .tips li a{display:flex;align-items:baseline}.popular-tips .tips li a p{color:inherit}.popular-tips .tips li:hover a p{color:#DD3BFF}.popular-tips .tips li span{width:39px;height:20px;border-radius:4px;display:inline-block;background:linear-gradient(99.11deg,#B454FF 6.91%,#FF57B8 50.06%,#FF9D66 93.09%);font-size:14px;font-weight:700;line-height:18px;text-align:center;color:#fff}.popular-tips .tips li svg{width:12px;height:10px;margin-right:8px;flex-shrink:0}@media (max-width:1260px){.popular-tips .tips li{width:100%;max-width:100%}.popular-tips .tips li a{max-width:100%}}@media (max-width:1024px){.popular-tips .tips{margin-top:30px;padding:30px 20px}@media (max-width:768px){.popular-tips .tips{border-radius:20px;max-height:375px;overflow-y:auto}}}.faq{background:#000}.faq .base-width{padding-bottom:0}.faq h2{margin-bottom:60px}.faq ul{padding:30px;border-radius:30px;background:#161616}.faq ul li{margin-bottom:30px;padding:0 0 30px;border-bottom:1px solid #333;cursor:pointer}.faq ul li b{display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#fff}.faq ul li p{display:none;font-size:18px;color:rgba(255,255,255,.6);margin-top:24px}.faq ul li b span{position:relative;display:inline-block;width:32px;height:32px;border:1px solid #333;cursor:pointer;border-radius:100%;flex-shrink:0;margin-left:10px}.faq ul li b span:before,.faq ul li b span:after{content:'';width:12px;height:3px;border-radius:3px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq ul li b span:after{transform:rotate(90deg) translate(-50%,-60%);transform-origin:0 0}.faq ul li.active b{color:#DD3BFF}.faq ul li.active b span{border:none;background:#EEE;flex-shrink:0}.faq ul li.active p{display:block}.faq ul li.active b span:before{background:#2C2935}.faq ul li.active b span:after{display:none}.faq ul li p a{cursor:pointer;text-decoration:underline}.faq ul li p a:hover{color:#DD3BFF}@media (max-width:1024px){.faq h2{margin-bottom:40px}.faq ul{padding:30px 20px}.faq ul li{margin-bottom:20px;padding:0 0 20px}}.also-like .base-width{padding-top:60px}.also-like h3{font-weight:500;font-size:24px;line-height:120%;margin:0;color:#FFF}.also-like .also-list{margin-top:20px;display:flex;flex-wrap:wrap;color:#FFF;gap:20px}.also-like .also-list li{border:1px solid #999;background:#000;padding:0 24px;height:48px;line-height:48px;border-radius:28px}.also-like .also-list li:hover{border-color:#E5E5E5;background:#E5E5E5;color:#000}@media(max-width:768px){.also-like .base-width{padding-top:55px}.also-like h3{font-size:20px;font-weight:700;line-height:24px}.also-like .also-list{column-gap:16px}.also-like .also-list li{height:40px;line-height:40px;padding:0 16px}}