.base-header{padding-top:0}.base-header .header-wrapper{background:none}main .color{background:linear-gradient(101.73deg,#5CFFF5 4.91%,#685BFF 43.31%,#B124F3 95.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}main h2{font-size:44px;text-align:center}main h2+.desc{font-size:18px;text-align:center;font-weight:500;margin-top:16px;margin-bottom:70px}main section{padding-bottom:120px}main img{height:auto}main .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}main .no-scrollbar::-webkit-scrollbar{display:none}main .gradient-btn{min-width:346px;height:56px;border-radius:12px;background:linear-gradient(102.67deg,#5CFFF5 2.47%,#685BFF 39.92%,#B124F3 90.82%);display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:500;color:var(--color-white);transition:all .2s;margin:0 auto;padding:12px 24px;position:relative;z-index:0}main .gradient-btn::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;z-index:-1;background:linear-gradient(102.67deg,#5CFFF5 12.47%,#685BFF 76.92%,#B124F3 90.82%);border-radius:inherit}main .gradient-btn:hover::before{opacity:1}main .gradient-btn svg{display:none;width:20px;height:20px;margin-left:8px}.top-banner{background:#fff;padding:0}.top-banner .base-maxwidth{display:flex;flex-direction:column;align-items:center;padding:0;max-width:100%}.top-banner .content{position:absolute;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1;margin:140px auto 0;padding:0 14px}.top-banner h1{font-size:56px;line-height:1.2;text-align:center;max-width:1280px}.top-banner .desc{font-size:18px;font-weight:500;text-align:center;margin:18px auto 80px}.top-banner .banner-video,.top-banner .banner-image{width:100%;height:1284px;object-fit:cover}.top-banner .banner-video{display:none}.top-banner .banner-image img{width:100%;height:100%;object-fit:cover}@keyframes toLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.most-trusted{padding:20px 0;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#FFF7FF 54%)}.most-trusted .base-maxwidth{max-width:100%;padding:0}.most-trusted .trusted-box{display:flex;align-items:center;animation:toLeft 16s linear infinite;will-change:transform;width:fit-content}.most-trusted .trusted-box picture{flex-shrink:0;margin:0 50px}.most-trusted .trusted-box img{height:48px;width:auto;opacity:.8}.unique-sound{background:linear-gradient(180deg,#FFF7FF 0%,#ECE9FF 24.45%);padding:120px 0 117px}.unique-sound .sound-box{display:flex;flex-wrap:wrap;justify-content:space-between}.unique-sound .sound-item{max-width:270px;width:calc(20% - 12px);margin-bottom:20px}.unique-sound .sound-item:nth-child(1),.unique-sound .sound-item:nth-child(5){margin-top:117px}.unique-sound .sound-item:nth-child(3){margin-top:59px}.unique-sound .sound-item:nth-child(7),.unique-sound .sound-item:nth-child(9){margin-top:-117px}.unique-sound .sound-item:nth-child(8){margin-top:-59px}.unique-sound .musics-box{width:100%;position:relative;cursor:pointer;border-radius:20px}.unique-sound .musics-box::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);pointer-events:none;border-radius:inherit;transition:all .2s;opacity:0}.unique-sound .musics-box img{width:100%;border-radius:20px;object-fit:cover}.unique-sound .musics-audio{display:none}.unique-sound .audio-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--color-white);background:rgba(0,0,0,.1);backdrop-filter:blur(8px);border-radius:50%;color:#fff}@keyframes audio-wave{0%{transform:scaleY(.4)}25%{transform:scaleY(1.2)}50%{transform:scaleY(.4)}75%{transform:scaleY(1.1)}100%{transform:scaleY(.4)}}.unique-sound .audio-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:center;display:none}.unique-sound .audio-wave span{width:4px;height:18px;border-radius:12px;background:var(--color-white);transform-origin:center;animation:wave 2s cubic-bezier(.36,.01,.62,1) infinite}.unique-sound .audio-wave span:nth-child(2){animation-delay:.5s;margin:0 5px;height:20px}.unique-sound .audio-wave span:nth-child(3){animation-delay:.2s;height:16px}.unique-sound .musics-box.active::before{opacity:1}.unique-sound .musics-box.active .audio-play{display:none}.unique-sound .musics-box.active .audio-wave{display:flex}.unique-sound .bottom-btn{margin-top:22px}.most-powerful{position:relative;z-index:1;background:linear-gradient(180deg,#ECE9FF 0%,#CCD9FF 10.96%)}.most-powerful .base-maxwidth{max-width:100%;padding:0}.most-powerful h2{padding:0 14px}.most-powerful h2+.desc{margin:12px auto 60px;max-width:1030px;padding:0 14px}.most-powerful .content-box{position:relative;z-index:10;padding:0 14px}.most-powerful .content-item{padding:140px 14px;border-radius:40px;position:sticky;top:0;transition:transform 0.3s ease;margin-bottom:60px;background:#E0E8FF;display:flex;justify-content:center;align-items:center}.most-powerful .content-item:last-child{margin-bottom:0}.most-powerful .content-item:not(:first-child){box-shadow:0 -14.824px 85.407px 12.543px rgba(0,0,0,.25)}.most-powerful .content-item .text{max-width:576px;width:50%}.most-powerful .content-item h3{font-size:32px;font-weight:700}.most-powerful .content-item h3+.desc{color:var(--color-block-darker);font-size:14px;margin:16px 0 30px}.most-powerful .content-item .img{max-width:695px;width:50%;margin-left:52px;display:flex;justify-content:space-between;align-items:center;position:relative}.most-powerful .content-item .img video{border-radius:34px;width:100%}.most-powerful .content-item .gradient-btn{margin:0}.popular-youtube{background:linear-gradient(180deg,#CCD9FF 0%,#CCF1FF 23.4%)}.popular-youtube .base-maxwidth{max-width:1280px}.popular-youtube h2{margin-bottom:70px}.popular-youtube .video-box{width:100%;border-radius:38px;position:relative}.popular-youtube .video-box img,.popular-youtube .video-box iframe{width:100%;border-radius:38px;aspect-ratio:16 / 9}.popular-youtube .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:60px;border-radius:20px;background:#f03;cursor:pointer;color:#fff;display:flex;justify-content:center;align-items:center}@keyframes rotate360{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.most-use{background:linear-gradient(180deg,#CCF1FF 0%,#CCFFF7 22.68%)}.most-use .desc{margin-bottom:89px}.most-use .use-box{display:flex;align-items:center;position:relative;margin-left:10%}.most-use .use-item{max-width:412px;width:36%;flex-shrink:0;height:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:40px}.most-use .use-item.record-card{background:url(https://images.imyfone.com/chatartweben/asset/overview/ai-music-generator/record-card.svg) no-repeat center/100% 100%;position:relative;z-index:10}.most-use .use-item.record-card picture{width:70%}.most-use .use-item.record-card img{animation:rotate360 2s linear infinite;max-width:282px;width:100%}.most-use .use-item:not(.record-card){transition:all 0.3s;cursor:pointer;position:absolute}.most-use .use-item:not(.record-card):before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:40px;background:linear-gradient(270deg,rgba(0,0,0,0) 26.79%,rgba(0,0,0,.8) 91.28%);z-index:1;transition:width 0.3s}.most-use .use-item span{color:var(--color-white);text-shadow:0 4px 4px rgba(0,0,0,.25);font-size:20px;font-weight:500;position:absolute;z-index:1;bottom:26px;display:inline-block;text-align:center;width:80%;padding:0 12px;left:20%;opacity:0;transition:all .2s}.most-use .use-item:nth-child(2){left:12%;z-index:9}.most-use .use-item:nth-child(3){left:22%;z-index:8}.most-use .use-item:nth-child(4){left:32%;z-index:7}.most-use .use-item:nth-child(5){left:42%;z-index:6}.most-use .use-item:nth-child(6){left:52%;z-index:5}.most-use .use-item:not(.record-card):hover{transform:translateX(46%)}.most-use .use-item:not(.record-card):hover:before{width:50%}.most-use .use-item:not(.record-card):hover span{opacity:1}.most-use .bottom-btn{margin-top:60px}.quick-start{background:linear-gradient(180deg,#CCFFF7 0%,#ECEAFF 98.15%)}.quick-start h2{margin-bottom:60px}.quick-start .quick-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.quick-start .quick-list li{text-align:center;font-weight:600;min-width:172px;height:54px;line-height:1.2}.quick-start .quick-list li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px 6px;color:var(--color-white);background:var(--color-primary);border-radius:52px}.faq-container{padding:80px 14px 120px;background:#fff}.faq-container .base-maxwidth{border-radius:24px;background:#F3FAFF;padding:60px;display:flex;justify-content:space-between;max-width:1400px}.faq-container .left{padding:0 20px 0 40px}.faq-container .left h2{margin:0;text-align:left;font-size:56px}.faq-container .left .desc{color:#2F353F;margin:8px 0 20px;max-width:280px;text-align:left}.faq-container .right{max-width:744px;width:65%}.faq-container .faq-item{padding:20px 0;border-top:1px solid rgba(0,0,0,.06)}.faq-container .faq-item .faq-title{font-size:22px;display:flex;justify-content:space-between;cursor:pointer}.faq-container .faq-item .faq-title svg{margin:5px 0 0 10px;transition:all .3s;min-width:24px;min-height:24px}.faq-container .faq-item .faq-content{margin-top:8px;display:none;padding-right:30px}.faq-container .faq-item .faq-content a{color:var(--color-primary)}.faq-container .faq-item.active .faq-title svg{transform:rotate(-45deg)}.bottom-banner{color:var(--color-white);background:#0D0E0E;padding:0;overflow:hidden}.bottom-banner .base-maxwidth{max-width:100%;position:relative;display:flex;padding:0}.bottom-banner .content{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1;padding:14px}.bottom-banner h2{margin-bottom:46px}.bottom-banner .bg-box{display:flex;align-items:center;justify-content:space-between;padding:0 14px;width:100%}.bottom-banner .bg-box img{max-width:694px;width:100%}@media(max-width:1400px){.most-use .use-item{max-width:330px}}@media(max-width:1100px){main h2{font-size:36px}main h2+.desc{font-size:20px;margin-bottom:40px}.top-banner .content{margin-top:100px}.top-banner h1{font-size:42px}.top-banner .banner-video,.top-banner .banner-image{height:980px;margin-bottom:200px}.most-trusted .trusted-box picture{margin:0 36px}.unique-sound .sound-item:nth-child(1),.unique-sound .sound-item:nth-child(5){margin-top:72px}.unique-sound .sound-item:nth-child(3){margin-top:30px}.unique-sound .sound-item:nth-child(7),.unique-sound .sound-item:nth-child(9){margin-top:-72px}.unique-sound .sound-item:nth-child(8){margin-top:-30px}.most-use .use-item{max-width:260px}.most-use .use-item span{font-size:18px}.most-powerful .content-item{padding:120px 14px}.most-powerful .content-item .img{margin-left:24px}.popular-youtube .video-box img,.popular-youtube .video-box iframe{border-radius:24px}.faq-container .base-maxwidth{padding:60px 30px;border-radius:0}.faq-container{padding:60px 0 80px}.faq-container .left{padding-left:0}}@media(max-width:992px){main h2{font-size:28px}main h2+.desc{font-size:14px;margin:12px auto 30px}main .gradient-btn{min-width:240px;height:44px;font-size:16px;border-radius:8px}main .gradient-btn svg{display:inline-block}main section{padding-bottom:60px}.top-banner .content{margin-top:78px}.top-banner h1{font-size:28px}.top-banner .desc{font-size:14px;margin:12px auto 30px}.top-banner .banner-video,.top-banner .banner-image{height:740px}.most-trusted .trusted-box picture{margin:0 20px}.most-trusted .trusted-box img{height:26px}.unique-sound{padding:60px 0}.unique-sound .sound-box{justify-content:center}.unique-sound .sound-item{width:calc(100% / 3 - 20px);margin:0 8px 16px}.unique-sound .musics-box img{border-radius:12px}.unique-sound .sound-item:nth-child(1),.unique-sound .sound-item:nth-child(3){margin-top:60px}.unique-sound .sound-item:nth-child(5),.unique-sound .sound-item:nth-child(8),.unique-sound .sound-item:nth-child(10){margin-top:-60px}.unique-sound .sound-item:nth-child(6),.unique-sound .sound-item:nth-child(7),.unique-sound .sound-item:nth-child(9){margin-top:0}.most-powerful .content-box{padding:0}.most-powerful .content-item{padding:120px 14px;border-radius:0}.most-powerful .content-item{padding:30px 20px 16px;border-radius:30px;box-shadow:none!important;transform:none!important;position:static;margin-bottom:40px;flex-wrap:wrap}.most-powerful .content-item .text{width:100%;max-width:100%}.most-powerful .content-item .img{max-width:100%;width:100%;margin:30px 0 0}.most-powerful .content-item .img video{border-radius:20px}.popular-youtube h2{margin-bottom:20px}.popular-youtube .play-button{width:72px;height:46px;border-radius:12px}.most-use .desc{margin-bottom:30px}.most-use .use-box{margin-left:0;justify-content:center;flex-wrap:wrap}.most-use .use-item{max-width:132px;border-radius:16px;margin:0 4px 8px}.most-use .use-item.record-card{display:none}.most-use .use-item:not(.record-card){position:relative;left:0!important;transform:none!important}.most-use .use-item:not(.record-card)::before{content:none}.most-use .use-item span{font-size:12px;bottom:8px;padding:0 6px;min-height:36px;display:flex;align-items:center;justify-content:center;opacity:1;left:0;width:100%}.most-use .bottom-btn{margin-top:28px}.quick-start h2{margin-bottom:30px}.quick-start .quick-list{gap:16px}.quick-start .quick-list li{min-width:150px;height:40px;font-size:14px}.faq-container{padding:40px 0 60px}.faq-container .base-maxwidth{padding:32px 24px}.faq-container .left h2{font-size:36px}.faq-container .left .desc{font-size:14px;margin-top:4px;max-width:236px}.faq-container .faq-item .faq-title{font-size:16px;font-weight:600}.faq-container .faq-item .faq-title svg{margin-top:0}.faq-container .faq-item .faq-content p{font-size:14px}.faq-container .faq-item{padding:12px 0}.bottom-banner h2{margin-bottom:16px;font-size:24px}.bottom-banner .bg-box picture:nth-child(1){transform:translateX(-16%)}.bottom-banner .bg-box picture:nth-child(2){transform:translateX(16%)}}@media(max-width:567px){.top-banner .banner-video,.top-banner .banner-image{height:520px;margin-bottom:420px}.unique-sound .sound-item{width:calc(100% / 3 - 8px);margin:0 4px 8px}.unique-sound .audio-play{width:36px;height:36px}.most-use .use-item{max-width:104px}.popular-youtube .video-box img,.popular-youtube .video-box iframe{border-radius:12px}.faq-container .base-maxwidth{flex-wrap:wrap;padding:24px 14px}.faq-container .left{padding:0;width:100%}.faq-container .right{max-width:100%;width:100%;margin-top:24px}.bottom-banner .bg-box picture:nth-child(1){transform:translateX(-46%)}.bottom-banner .bg-box picture:nth-child(2){transform:translateX(-54%)}.bottom-banner .bg-box img{min-width:380px}}@media(max-width:380px){.top-banner .banner-video,.top-banner .banner-image{margin-bottom:480px}}