body{background:#101012}.play-box{display:flex;justify-content:center;align-items:center}.play-box.start .pause-icon,.play-box.loading .loader{display:block}.play-box .pause-icon,.play-box.start .play-icon,.play-box.loading .play-icon,.play-box.loading .pause-icon,.play-box .loader{display:none}.mb{display:none!important}@media (max-width:768px){.mb{display:block!important}.pc{display:none!important}}section .swiper-pagination{position:static;flex-shrink:0}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#FFFFFF4D;margin:0 2.5px;transition:all .3s ease-in-out;opacity:1}section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}section .more-than-pagination{width:auto;position:relative}.loader{width:45px;aspect-ratio:1;--c:no-repeat linear-gradient(#000 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}100%{background-size:20% 100%,20% 100%,20% 100%}}.banner-btn-box{display:flex;justify-content:space-between;width:630px;margin:0 auto}.start-free-btn,.discordn{font-family:Open Sans;font-weight:700;font-size:18px;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-width:285px;padding:0 20px;height:45px;line-height:45px;border-radius:50px;color:#101012;background-image:url(https://images.tunesona.com/tunesonaen/assets/index/btn_nor.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.banner-btn-box svg,.start-free-btn svg{width:20px;height:20px}@media screen and (min-width:1024px){.start-free-btn:hover{background-image:url(https://images.tunesona.com/tunesonaen/assets/index/btn_hov.jpg)}}.discordn{background:#FFFFFF14;backdrop-filter:blur(8px);color:#fff}.discordn:hover{border-radius:50px;background:url(https://images.tunesona.com/tunesonaen/assets/index/discord-bg.png) no-repeat right;background-size:55px 45px;background-color:rgba(255,255,255,.08);backdrop-filter:blur(4px)}@media screen and (max-width:1024px){.discordn{background:url(https://images.tunesona.com/tunesonaen/assets/index/discord-bg.png) no-repeat right;background-size:55px 45px;background-color:rgba(255,255,255,.08);backdrop-filter:blur(4px)}}h1,h2{font-family:PT Serif Caption;color:#FFFFFFE5}h1{font-size:58px;line-height:1.2;margin-bottom:20px}h1~p{color:#FFFFFFB2;font-size:18px;line-height:1.4;margin:0 auto 40px}h2~p{color:#FFFFFFB2}.mb40{margin-bottom:40px}.base-width{padding:50px 20px}.validate-streamer{cursor:pointer;position:fixed;padding:0 44px;z-index:100;top:0;left:0;width:100%;height:52px;background:url(https://images.tunesona.com/tunesonaen/assets/activities/bg_activity_hengfu.webp) no-repeat center center;display:flex;align-items:center;justify-content:center;gap:5px}.validate-streamer .valentine-card-container__action{margin-left:9px;margin-top:0;width:120px;height:30px}@media screen and (min-width:1024px){.validate-streamer:hover .validate-streamer-text span:not(.credits){text-decoration-line:underline}}header.index-header{top:52px}.banner .base-width.index-header-base-width{padding-top:175px}.validate-streamer .streamer-icon{width:45px;height:45px}.validate-streamer .line{display:none}.validate-streamer .validate-streamer-text{color:#E9FFC5;font-size:16px;font-weight:500;line-height:normal}.validate-streamer .close-btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7)}.validate-streamer .close-btn:hover{color:#FFF}@media screen and (max-width:1024px){.validate-streamer{padding:0 36px 0 9px;gap:0;justify-content:left}.validate-streamer .valentine-card-container__action{display:none}.validate-streamer .line{display:block;flex-shrink:0;width:1px;height:21px;background:rgba(255,166,166,.25);margin-left:6px;margin-right:8px}.validate-streamer .streamer-icon{width:24px;height:24px}.validate-streamer .validate-streamer-text{font-size:12px}.validate-streamer .validate-streamer-text .credits{color:#FFF8F2;padding:0;border:none;background:none;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#FF413E;font-size:10px;font-style:italic;font-weight:700;line-height:140%}.validate-streamer .close-btn{right:12px;width:14px;height:14px}}.valentine-dialog-overlay{position:fixed;z-index:1001;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7)}.valentine-dialog{position:relative;width:860px;height:488px;padding:31px 134px 0;background:url(https://images.tunesona.com/tunesonaen/assets/chat/valentine-dialog-bg.webp) no-repeat center center;text-align:center}.valentine-dialog .close-btn{position:absolute;top:20px;right:120px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.3)}.valentine-dialog .close-btn:hover{color:rgba(0,0,0,.8)}.valentine-dialog .dialog-content{margin-top:16px;padding:0 50px;color:rgba(255,255,255,.9);font-size:16px;font-weight:600;line-height:22px}.valentine-dialog .dialog-content .credits{display:inline-block;margin:2px;padding:6px 14px 5px 13px;border-radius:4px;border:1px solid rgba(255,32,86,.8);background:rgba(255,32,121,.4);backdrop-filter:blur(6px);color:#FFF;font-size:16px;font-weight:600;line-height:normal}.valentine-dialog .event-time{margin-top:16PX;color:#ECCE0F;font-size:14px;font-weight:500;line-height:22px}.valentine-dialog .create-btn{margin-top:30px;width:260px;height:38px;border-radius:50px;background:#FFFAEE;box-shadow:3px 3px 0 0 #FF7DD7;color:#17191C;font-size:16px;font-weight:700}.valentine-dialog .create-btn:hover{background:rgba(247,238,214,.7);box-shadow:3px 3px 0 0 rgba(255,125,215,.7)}.valentine-card-container{position:fixed;z-index:1100;right:20px;bottom:20px;width:312px;padding:20px;color:#fff;box-sizing:border-box}.valentine-card-container__bg{position:absolute;inset:0;display:block}.valentine-card-container__bg img{display:block;width:100%;height:100%}.valentine-card-container__close{position:absolute;top:18px;right:20px;z-index:2;width:24px;height:24px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.7);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.valentine-card-container__close svg{width:14px;height:14px}.valentine-card-container__close:hover{color:#fff}.valentine-card-container__content{position:relative;z-index:1}.valentine-card-container__header{display:flex;align-items:center;gap:6px}.valentine-card-container__header img{display:block;width:24px;height:24px}.valentine-card-container__header p{margin:0;font-size:16px;line-height:24px;font-weight:500}.valentine-card-container__description{margin:10px 0 0;color:rgba(255,255,255,.6);font-size:14px;line-height:18px}.valentine-card-container__rewards{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:0;list-style:none}.valentine-card-container__reward{display:flex;align-items:center;gap:3px;height:28px;padding:0 14px;background:rgba(255,255,255,.12);border-radius:999px;box-sizing:border-box}.valentine-card-container__reward img{display:block;width:18px;height:18px}.valentine-card-container__reward span{font-size:13px;line-height:18px}.valentine-card-container__action{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:36px;margin-top:20px;border-radius:999px;background:linear-gradient(90deg,#ccffae 0%,#b5ff38 35%,#4bff76 65%,#7cffb8 100%);color:#000;font-size:16px;font-weight:500;text-decoration:none}.valentine-card-container__action:hover{background:linear-gradient(90deg,rgba(204,255,174,.7) 0%,rgba(181,255,56,.7) 35%,rgba(75,255,118,.7) 65%,rgba(124,255,184,.7) 100%)}.banner{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}.banner h1~p{margin-bottom:26px}.banner .base-width{padding-top:123px;padding-bottom:40px;max-width:1280px;text-align:center;width:100%;display:flex;flex-direction:column;justify-content:center}.banner .try-music-box{margin:30px auto 20px;max-width:765px;width:100%;height:180px;padding:16px 20px;background:#0000004D;backdrop-filter:blur(10px);box-shadow:0 0 20px 0 #FFD5001A;border-radius:6px;border:1px solid #FFFFFF1A;display:flex;flex-direction:column}.banner .try-music-box textarea{width:100%;flex:1;resize:none;background:transparent;color:#FFF;font-family:'monospace';font-weight:400;font-size:16px;line-height:120%;padding:0;border:none}.banner .try-music-box textarea::placeholder{color:#FFFFFF80}.banner .try-music-box .bottom-box{display:flex;justify-content:space-between;align-items:center;gap:10px}.banner .try-music-box .bottom-box-left{display:flex;align-items:center;gap:12px}.banner .try-music-box .bottom-box button{width:26px;height:26px;color:#FFFFFF80}.banner .try-music-box .bottom-box-left svg{width:100%;height:100%}.banner .try-music-box .bottom-box-left button:hover{color:#FFFC}.banner .try-music-box .enter-btn{background:#383838;cursor:not-allowed;border-radius:6px;display:flex;justify-content:center;align-items:center}.banner .try-music-box .enter-btn svg{width:20px;height:20px}.banner .try-music-box.active .enter-btn{background:rgba(255,255,255,.9);color:#101012;cursor:pointer}.banner .try-music-box.active .enter-btn:hover{background:rgba(255,255,255,.7)}.banner-carousel-dialog-container{position:relative;height:514px;margin-top:30px;flex-shrink:0}.banner-carousel-dialog-container.dialog-show{height:514px}.banner-carousel-wrapper{position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:1230px;width:100%;margin:0;transition:opacity 0.6s cubic-bezier(.4,0,.2,1),transform 0.6s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:514px;pointer-events:auto}.banner-carousel-wrapper.hidden{opacity:0;transform:translateX(-50%) translateY(-20px);pointer-events:none}.banner-carousel-images{position:relative;width:100%;height:420px;margin-bottom:40px;overflow:hidden;display:flex;align-items:center;justify-content:center}.banner-carousel-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(50px);opacity:0;transition:opacity 0.8s cubic-bezier(.25,.46,.45,.94),transform 0.8s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;will-change:opacity,transform}.banner-carousel-item.active{opacity:1;transform:translate(-50%,-50%) translateY(0)}.banner-carousel-item:nth-child(3).active{width:100%}.banner-carousel-item:nth-child(1) img,.banner-carousel-item:nth-child(1) picture{width:757px;height:409px}.banner-carousel-item:nth-child(2) img,.banner-carousel-item:nth-child(2) picture{width:550px;height:314px}.banner-carousel-item:nth-child(3) .pc-image img,.banner-carousel-item:nth-child(3) .pc-image{width:806px;height:342px}.banner-carousel-item:nth-child(3) .pc-image{display:block}.banner-carousel-item:nth-child(3) .mobile-image-carousel{display:none}.banner-carousel-item:nth-child(4) img,.banner-carousel-item:nth-child(4) picture{width:526px;height:340px}.banner-carousel-item img{object-fit:contain}.banner-carousel-item picture{display:flex;align-items:center;justify-content:center}.banner-carousel-item picture img{object-fit:contain}.banner-carousel-item .mobile-image-carousel img{width:auto;height:auto}.banner-carousel-progress{position:relative;width:100%;height:57px}.progress-line-bg{position:absolute;top:4px;left:0;width:100%;height:1px;background:linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.15) 10%,rgba(255,255,255,.15) 90%,rgba(255,255,255,0) 100%)}.progress-dots{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 100px}.progress-dots::before,.progress-dots::after{content:'';position:absolute;top:4px;width:115px;height:1px;z-index:1}.progress-dots::before{left:6px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff5b8 24.52%,#fcf0e6 49.52%,#fff4a9 75%,rgba(255,255,255,0) 100%);transition:background 0.5s linear}.progress-dots::after{right:0;background:var(--after-bg,#afafaf59);transition:background 0.5s linear}.progress-segment{flex:1;height:1px;position:relative;overflow:hidden;background:#afafaf59;z-index:2}.progress-segment::after{content:'';position:absolute;top:0;left:0;width:0%;height:100%;transition:width 0.5s linear;z-index:3}.progress-segment[data-segment="0"]::after{background:linear-gradient(90deg,#f7f5e19f 0%,#fde786 50%,#ffa33a 100%)}.progress-segment[data-segment="1"]::after{background:linear-gradient(90deg,#ffa33a 0%,#ff8800e8 50%,#ff683a 100%)}.progress-segment[data-segment="2"]::after{background:linear-gradient(90deg,#ffa33a 0%,#ffca3a 100%,#ffca3a 100%)}.progress-segment.active::after{width:100%}.progress-dot{position:relative;width:9px;height:9px;border-radius:50%;background:#444950;cursor:default;transition:all 0.3s ease;z-index:4}.progress-dot.active{background:linear-gradient(146deg,rgba(255,255,255,1) 10%,rgba(255,228,69,1) 40%,rgba(255,137,29,1) 70%);box-shadow:0 0 4px 0 rgba(246,216,22,1),0 0 18px 0 rgba(246,216,22,1),inset .8148148059844971px .8148148059844971px 2.444444417953491px 0 rgba(252,255,216,1)}.progress-dot.completed{background:linear-gradient(146deg,rgba(255,255,255,1) 10%,rgba(255,228,69,1) 40%,rgba(255,137,29,1) 70%);box-shadow:0 0 4px 0 rgba(246,216,22,1),0 0 18px 0 rgba(246,216,22,1),inset .8148148059844971px .8148148059844971px 2.444444417953491px 0 rgba(252,255,216,1)}.dot-label{position:absolute;top:34px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:'DM Sans';font-weight:400;font-size:18px;line-height:1.2;text-align:center;color:#FFFFFF26;transition:color 0.3s ease;width:172px;z-index:5}.progress-dot.active .dot-label,.progress-dot.completed .dot-label{color:#FFFFFFB2}.banner-dialog-box{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(20px);max-width:643px;width:100%;margin:80px 0 0;padding:0;opacity:0;pointer-events:none;transition:opacity 0.6s cubic-bezier(.4,0,.2,1) 0.2s,transform 0.6s cubic-bezier(.4,0,.2,1) 0.2s,max-width 0.4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:14px}.banner-dialog-box.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.banner-dialog-box.expanded{max-width:875px}.recommend-prompts{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:40px;max-width:100%;width:892px;margin:0 auto;padding:0 16px;justify-content:center}.recommend-prompts .prompt-list{display:flex;align-items:center;gap:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-prompts .prompt-list .prompt-item{display:flex;align-items:center;gap:4px;padding:0 20px;height:40px;background:#23262A;border-radius:10px;font-size:14px;color:#FFFFFF70;cursor:pointer;transition:all 0.3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-prompts .prompt-list .prompt-item svg{display:none}.recommend-prompts .prompt-list .prompt-item:hover{background:#31353A;color:#FFF}.recommend-prompts .prompt-list .prompt-item:hover svg{display:block}.recommend-prompts .prompt-list .prompt-item img{width:16px;height:16px}.recommend-prompts .prompt-list .prompt-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-prompts .change-prompt-btn{width:40px;height:40px;border-radius:10px;background:#23262A;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommend-prompts .change-prompt-btn img{width:20px;height:20px}.recommend-prompts .change-prompt-btn:hover{background:#31353A}.banner-dialog-box .try-music-box{margin:0 auto;max-width:100%;width:491px;height:248px;padding:20px 24px;background:rgba(0,0,0,.3);backdrop-filter:blur(13px);box-shadow:0 0 27px 0 rgba(255,213,0,.1);border-radius:10px;border:1px solid rgba(255,228,54,.3);display:flex;flex-direction:column;justify-content:space-between;transition:width 0.4s cubic-bezier(.4,0,.2,1),height 0.4s cubic-bezier(.4,0,.2,1),border-color 0.4s cubic-bezier(.4,0,.2,1)}.banner-dialog-box.expanded .try-music-box{width:875px;height:290px;border-color:rgba(255,228,54,.5)}.dialog-textarea-wrapper{position:relative;min-width:0;margin-bottom:20px;flex:1;min-height:0}.dialog-text{position:absolute;top:0;left:0;font-family:'DM Sans';font-weight:400;font-size:16px;line-height:1.3;color:rgba(255,255,255,.5);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity 0.2s ease}.banner-dialog-box .try-music-box textarea{position:relative;z-index:1;width:100%;background:transparent;border:none;color:#FFF;font-family:'DM Sans';font-weight:400;font-size:16px;line-height:1.2;resize:none;outline:none;min-width:0;height:100%;padding:0}.banner-dialog-box .try-music-box textarea::placeholder{color:transparent}.banner-dialog-box .try-music-box textarea:focus+.dialog-text,.banner-dialog-box .try-music-box textarea:not(:empty)+.dialog-text{opacity:0}.dialog-input-wrapper{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.banner-dialog-box .try-music-box .enter-btn{width:40px;height:40px;border-radius:50%;background:#ffffff70;border:none;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all 0.3s ease;flex-shrink:0}.banner-dialog-box .try-music-box .enter-btn svg path{fill:#000}.banner-dialog-box.active .try-music-box .enter-btn{background:#FFF;cursor:pointer}.banner-dialog-box.active .try-music-box .enter-btn:hover{background:rgba(255,255,255,.9)}.banner-dialog-box.active .try-music-box .enter-btn svg path{fill:#101012}.dialog-custom-tag{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;height:40px;background:rgba(255,255,255,.08);border:1px solid #4E4E51;border-radius:100px;backdrop-filter:blur(12px);flex-shrink:0;cursor:pointer;transition:all 0.3s ease-in-out}.dialog-custom-tag:hover{border-color:#81818B;background:rgba(255,255,255,.2)}.dialog-custom-tag.active{color:rgba(255,255,255,.9);border-color:#9B8707;background:rgba(236,206,15,.08);box-shadow:-1px 3px 6px 0 rgba(0,0,0,.12)}.dialog-custom-tag.active:hover{border-color:#9B8707;background:rgba(236,206,15,.2)}.dialog-custom-tag svg{width:16px;height:16px;color:rgba(255,255,255,.7);transition:all 0.3s ease-in-out}.dialog-custom-tag.active svg{color:rgba(255,255,255,.9)}.dialog-custom-tag span{font-family:'DM Sans';font-weight:400;font-size:14px;line-height:1.2;color:rgba(255,255,255,.7);transition:all 0.3s ease-in-out}.dialog-custom-tag.active span{color:rgba(255,255,255,.9)}.dialog-quick-actions{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.dialog-quick-action-item{display:flex;align-items:center;gap:5px;padding:10px 14px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:50px;backdrop-filter:blur(10px);cursor:pointer;transition:all 0.3s ease;font-family:'DM Sans';font-weight:400;font-size:14px;line-height:1.2;color:rgba(255,255,255,.7)}.dialog-quick-action-item:hover{background:rgba(23,25,26,1);border-color:rgba(38,42,46,1)}.dialog-quick-action-item.active{background:rgba(23,25,26,1);border-color:rgba(255,255,255,.2)}.dialog-quick-action-item.active:hover{background:rgba(23,25,26,1);border-color:rgba(255,255,255,.25)}.dialog-quick-action-item img{width:16px;height:16px;flex-shrink:0;object-fit:contain}.dialog-quick-action-item span{white-space:nowrap}@media (max-width:768px){.banner-carousel-dialog-container{height:347px;margin-top:0}.recommend-prompts{margin-top:20px}.banner-carousel-dialog-container.dialog-show{height:347px}.banner-carousel-wrapper{min-height:347px}.banner-carousel-images{height:298px;margin-bottom:38px;padding:0;width:100%}.banner-carousel-item{transform:translate(-50%,-50%) translateY(50px)}.banner-carousel-item.active{transform:translate(-50%,-50%) translateY(0)}.banner-carousel-item:nth-child(1) img,.banner-carousel-item:nth-child(1) picture{width:335px;height:100%;max-width:100%;object-fit:contain}.banner-carousel-item:nth-child(2) img,.banner-carousel-item:nth-child(2) picture{height:352px;max-width:100%;object-fit:contain}.banner-carousel-item:nth-child(3) .pc-image{display:none!important}.banner-carousel-item:nth-child(3) .mobile-image-carousel{display:block!important;position:relative;width:100%;height:100%;min-height:289px}.banner-carousel-item:nth-child(3).active .mobile-carousel-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:335px!important;height:289px!important;max-width:100%;object-fit:contain;opacity:0;transition:opacity 0.5s ease-in-out;pointer-events:none;z-index:1}.banner-carousel-item:nth-child(3).active .mobile-carousel-img.active{opacity:1!important;z-index:2;transition:opacity 0.5s ease-in-out}.banner-carousel-item:nth-child(4) img,.banner-carousel-item:nth-child(4) picture{width:303px;height:100%;max-width:100%;object-fit:contain;margin-top:20px}.progress-dots{padding:0 40px}.dot-label{display:none;font-size:14px;white-space:normal;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;text-align:center;line-height:1.2;width:97px;max-width:98px;top:17px}.progress-dot.active .dot-label{display:block}.banner-dialog-box{max-width:100%;min-height:347px;margin-top:0;padding:0;transition:opacity 0.6s cubic-bezier(.4,0,.2,1) 0.2s,transform 0.6s cubic-bezier(.4,0,.2,1) 0.2s,max-width 0.4s cubic-bezier(.4,0,.2,1)}.banner-dialog-box .try-music-box{min-height:200px;padding:16px;border-radius:6px}.banner h1{width:78%;margin:auto;margin-bottom:10px!important}.banner-dialog-box .try-music-box .enter-btn{width:30px;height:30px}.dialog-quick-actions{gap:8px}.dialog-quick-action-item{padding:8px 12px;font-size:12px}.dialog-quick-action-item img{width:14px;height:14px}.banner-btn-box{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:0}.banner-btn-box a{width:285px}.discordn{margin-top:20px}}@media (max-width:768px){.banner{min-height:auto}.banner .base-width{padding:86px 20px 50px}h1{font-size:28px;margin-bottom:12px}h1~p{font-size:16px;margin-bottom:0}.banner .try-music-box{height:238px}.banner-dialog-box.expanded .try-music-box{height:238px}.progress-dots::before,.progress-dots::after{width:47px}}.chat-switch{position:relative;background:#101012}.chat-switch .base-width{padding:50px 20px;text-align:center}.chat-switch h2{margin-bottom:40px}.chat-switch-video{width:100%;max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px 0 rgba(0,0,0,.3)}.chat-switch-video video{width:100%;height:auto;display:block}@media (max-width:768px){.chat-switch-video{margin-top:18px;border-radius:6px}}.music-swiper .base-width{margin:0;max-width:none;padding-bottom:100px}.music-swiper .swiper{overflow:visible}@media (max-width:768px){.music-swiper .swiper{overflow:hidden}}.music-swiper h2{margin-bottom:40px}.music-swiper .swiper-wrapper{padding-left:34px}.music-swiper .swiper-slide{width:400px;height:320px;border-radius:10px;overflow:hidden;transition:all 0.3s ease-in-out;cursor:pointer}.music-swiper .music-item{position:relative;width:100%;height:100%;background:#19191B;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);border-radius:10px;padding:30px;display:flex;flex-direction:column}.music-swiper .music-item:hover{background:#25252A}.music-swiper .music-item:hover .comment-gradient{background:linear-gradient(180deg,rgba(25,25,27,0) 0%,#252529cc 95.59%)}.music-swiper .comment-arrow-btn{position:absolute;top:30px;right:30px;width:48px;height:48px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2;text-decoration:none;color:inherit}.music-swiper .comment-arrow-btn .comment-arrow-icon-hover{display:none}.music-swiper .comment-arrow-btn:hover .comment-arrow-icon{display:none}.music-swiper .comment-arrow-btn:hover .comment-arrow-icon-hover{display:block}.music-swiper .comment-arrow-btn svg{width:48px;height:48px}.music-swiper .comment-avatar{width:48px;height:48px;border-radius:24px;object-fit:cover;margin-bottom:24px;flex-shrink:0}.music-swiper .comment-content{position:relative;width:100%;height:114px;margin-bottom:24px;overflow:hidden}.music-swiper .comment-text{font-family:'DM Sans';font-weight:400;font-size:16px;line-height:1.2;color:rgba(255,255,255,.6);margin:0;padding:0;padding-right:8px;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}.music-swiper .comment-text::-webkit-scrollbar{width:4px}.music-swiper .comment-text::-webkit-scrollbar-track{background:transparent}.music-swiper .comment-text::-webkit-scrollbar-thumb{background:transparent;border-radius:2px;transition:background 0.3s ease}.music-swiper .comment-text::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.music-swiper .comment-text.scrolling{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.music-swiper .comment-text.scrolling::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3)}.music-swiper .comment-text.scrolling::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.music-swiper .comment-gradient{position:absolute;bottom:0;left:0;width:calc(100% - 8px);height:66px;background:linear-gradient(180deg,rgba(25,25,27,0) 0%,#19191B 95.59%);pointer-events:none}.music-swiper .comment-user{margin-top:auto}.music-swiper .comment-name{font-family:'DM Sans';font-weight:600;font-size:16px;line-height:1.2;color:#FFF;margin:0 0 8px 0;padding:0}.music-swiper .comment-role{font-family:'DM Sans';font-weight:500;font-size:12px;line-height:1.2;color:rgba(255,255,255,.4);margin:0;padding:0}@media (max-width:768px){.music-swiper .base-width{padding:50px 20px}.music-swiper .swiper{width:100%;overflow:hidden}.music-swiper .swiper-wrapper{padding-left:0;margin:0}.music-swiper .music-item:hover{background:#19191B}.music-swiper .music-item:hover .comment-gradient{background:linear-gradient(180deg,rgba(25,25,27,0) 0%,#19191B 95.59%)}.music-swiper .swiper-slide{width:100%!important;min-width:100%!important;max-width:100%!important;height:280px;border-radius:6px;margin:0!important;padding:0;box-sizing:border-box;flex-shrink:0}.music-swiper-pagination{position:relative;margin-top:16px;display:flex;justify-content:center;align-items:center;gap:5px}.music-swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);opacity:1;margin:0;transition:background 0.3s ease}.music-swiper-pagination .swiper-pagination-bullet-active{background:#FFF}.music-swiper .music-item{padding:20px;width:95%;margin:0 auto}.music-swiper .comment-arrow-btn{top:20px;right:20px;width:40px;height:40px}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{width:auto}.music-swiper .comment-arrow-btn svg{width:40px;height:40px}.music-swiper .comment-avatar{width:40px;height:40px;border-radius:20px;margin-bottom:16px}.music-swiper .comment-content{height:133px;margin-bottom:28px}.music-swiper .comment-text{font-size:14px;padding-right:15px}.music-swiper .comment-text::-webkit-scrollbar{width:3px}.music-swiper .comment-text.scrolling::-webkit-scrollbar{display:block}.music-swiper .comment-name{font-size:14px;margin-bottom:6px}.music-swiper .comment-role{font-size:11px}}.all-in-one .swiper-wrapper{justify-content:center;gap:10px;margin-left:10px}.all-in-one .all-in-item{display:flex;align-items:center;gap:5px;background:#19191B;box-shadow:0 4px 4px 0 #00000040;width:58%;width:100%;height:100%}@media (min-width:1024px){.all-in-one .max-item{max-width:735px;width:100%!important}.all-in-one .min-item{max-width:485px;width:100%!important}}.all-in-one .min-item .all-in-item{align-items:flex-start;flex-direction:column;gap:0;padding:30px}.all-in-one .all-in-item1{border-radius:6px 0 0 0}.all-in-one .all-in-item2{border-radius:0 0 6px 0;align-items:flex-end}.all-in-one .all-in-item3{border-radius:0 6px 0 0}.all-in-one .all-in-item4{border-radius:0 0 0 6px}.all-in-one .all-in-item .item-icon{width:48px;height:48px}.all-in-one .all-in-item .item-title{font-weight:700;font-size:24px;line-height:140%;color:#FFFFFFE5;margin:20px 0 15px}.all-in-one .all-in-item .item-desc{font-weight:400;font-size:16px;line-height:140%;color:#FFF9}.all-in-one .all-in-item .item-left{flex:1;padding:30px}.all-in-one .all-in-item .item-right{max-width:226px;width:35%}.all-in-one .all-in-item2 .item-right{box-shadow:0 0 10px 0 rgba(255,213,0,.1);margin-right:28px}.all-in-one h1~p{margin-bottom:0}.all-in-one .swiper-pagination{margin-top:16px;display:none}.all-in-one .start-free-btn{width:237px;min-width:198px;margin:24px auto 30px;display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.all-in-one .swiper-wrapper{gap:0;margin-left:0;justify-content:left}.all-in-one .min-item,.all-in-one .max-item{max-width:none}.all-in-one .swiper-wrapper .all-in-item{max-width:485px;margin:0 auto;border-radius:6px;justify-content:flex-start;align-items:start}.all-in-one .all-in-item .item-right{display:none}.all-in-one .swiper-pagination{display:block}}@media (max-width:768px){.all-in-one .min-item .all-in-item,.all-in-one .max-item .all-in-item{padding:20px 20px 40px;height:auto}.all-in-one .all-in-item .item-left{padding:0}.all-in-one .all-in-item .item-title{margin-top:12px;margin-bottom:10px;font-size:18px}.all-in-one .all-in-item .item-desc{font-size:14px}}.more-than .base-width{max-width:1230px}.more-than .agent-case{width:100%;margin:0 auto}.more-than .agent-title{font-weight:700;font-size:20px;line-height:24px;color:rgba(255,255,255,.8);margin-bottom:20px}.more-than .type-list{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.more-than .type-item{padding:0 9px;height:30px;border-radius:8px;white-space:nowrap;cursor:pointer;color:rgba(255,255,255,.7);font-size:14px;line-height:28px;border:1px solid transparent;display:flex;align-items:center;gap:6px}.more-than .type-item img,.more-than .type-item picture{width:20px;height:20px;line-height:20px}.more-than .type-item.active,.more-than .type-item:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.1);backdrop-filter:blur(6px)}.more-than .history-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 20px;margin-top:20px;list-style:none;padding-left:0}.more-than .chat-item{position:relative;overflow:hidden;padding:30px;border-radius:6px;cursor:pointer;height:378px;background-color:#17191C;transition:all 0.3s ease}.more-than .chat-item:hover{transform:translateY(-2px)}.more-than .chat-item:hover .chat-item-mask{display:flex}.more-than .chat-item-title{font-size:20px;line-height:24px;color:rgba(255,255,255,.9);font-weight:500;margin-bottom:4px;font-family:'DM Sans'}.more-than .chat-item-desc{font-size:16px;color:rgba(255,255,255,.6);font-weight:400;font-family:'DM Sans';line-height:1.2;margin-top:10px}.more-than .chat-item-img{position:absolute;bottom:-9px;right:28px;width:150px;height:150px;border-radius:4px;box-shadow:-4px 4px 8px 0 rgba(6,6,29,.45);border:1px solid rgba(255,255,255,.2);background:#121415;transform:rotate(-10deg);overflow:hidden;display:block}.more-than .chat-item-img-2{bottom:-17px;right:-12px;transform:rotate(10deg)}.more-than .chat-item-img img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.more-than .chat-item-img picture{width:100%;height:100%;display:block;position:relative}.more-than .chat-item-img picture img{position:absolute;top:0;left:0;width:100%;height:100%}.more-than .chat-item-mask{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(97,103,110,.2);backdrop-filter:blur(5px);border-radius:8px;display:none;align-items:center;justify-content:center;z-index:3}.more-than .chat-item-mask-icon{height:44px;border-radius:50px;background:#C9D1DB;display:inline-flex;padding:10px 20px;justify-content:center;align-items:center;gap:8px;color:#000}.more-than .chat-item-mask-icon svg{width:20px;height:20px;color:#0A0A0A}.more-than .no-data{grid-column:1 / -1;text-align:center;color:rgba(255,255,255,.6);padding:40px 20px;font-family:'DM Sans';font-size:16px}@media (max-width:768px){.more-than-swiper-wrapper{display:none;width:100%;position:relative;padding-bottom:40px}.more-than-swiper{width:100%;overflow:hidden;position:relative;margin:20px auto}.more-than-swiper .swiper-wrapper{display:flex;width:100%;height:auto}.swiper-backface-hidden .swiper-slide{width:100%!important}.more-than-swiper .swiper-slide{width:100%!important;padding:0!important;flex-shrink:0!important;box-sizing:border-box;display:block!important}.more-than .agent-title{font-size:16px;line-height:19px;padding:0 16px}.more-than .type-list{margin-top:18px;gap:10px;overflow-x:auto;flex-wrap:nowrap}.more-than .type-list::-webkit-scrollbar{display:none}.more-than .history-list.pc{display:none}.more-than-swiper-wrapper{display:block}.more-than-swiper .history-list{display:flex;margin:0;padding:0;list-style:none;gap:0!important;column-gap:0!important;row-gap:0!important}.more-than-swiper .swiper-wrapper{display:flex;width:100%;height:auto;will-change:transform;gap:0!important}.more-than-swiper .chat-item{width:100%;height:368px;margin:0;padding:20px;background:#252528;border:1px solid rgba(255,255,255,.05);border-radius:6px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);position:relative;transform:none!important;opacity:1!important}.more-than-swiper .chat-item-title{font-size:20px;line-height:24px;font-weight:700;margin-bottom:10px}.more-than-swiper .chat-item-desc{font-size:16px;line-height:22px;color:rgba(255,255,255,.6);font-weight:400;margin-top:0;height:100px;overflow:hidden}.more-than-swiper .chat-item-img{width:183.71px;height:183.71px;bottom:auto;top:208px;left:104px;right:auto;box-shadow:-7.5px 7.5px 15px 0 rgba(6,6,29,.45)}.more-than-swiper .chat-item-img-2{width:173.77px;height:173.77px;bottom:auto;top:238px;left:190px;right:auto}}.all-the-songs{position:relative;display:flex}.all-the-songs .base-width{padding-top:130px;padding-bottom:130px;display:flex;flex-direction:column;align-items:center}.all-the-songs h1{margin-bottom:8px}@media (max-width:768px){.all-the-songs .base-width{padding-top:175px;padding-bottom:175px;text-align:center}.all-the-songs h2{font-size:28px;margin-bottom:0}.all-the-songs .start-free-btn{margin-top:30px}.all-the-songs h1{margin-bottom:10px!important}}.faq .base-width{padding:100px 20px}.faq .faq-list{margin-top:40px}.faq .faq-item{border-bottom:1px solid #25252A;padding-bottom:14px;padding-top:20px}.faq .faq-question{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer}.faq .faq-question-text{color:#FFFC;font-weight:500;font-size:24px;line-height:140%}.faq .faq-arrow-icon{width:34px;height:34px;border-radius:6px;display:flex;justify-content:center;align-items:center;flex-shrink:0;color:#FFF9;background:#FFFFFF0A;transition:all 0.3s ease}.faq .faq-arrow-icon svg{width:24px;height:24px;transition:all 0.3s ease}.faq .faq-answer{font-weight:400;font-size:16px;line-height:140%;color:#FFF9;margin-top:20px;display:none}.faq .faq-item.active{padding-bottom:20px}.faq .faq-item.active .faq-arrow-icon{background:#FFFFFF1F}.faq .faq-item.active .faq-arrow-icon svg{transform:rotate(180deg)}.faq .faq-bottom-text{font-weight:500;font-size:18px;line-height:140%;color:#FFFC;margin-top:20px;text-align:left;margin-bottom:0}.faq a{color:#F6D816;text-decoration:underline}.faq a:hover{color:#FFF}@media (max-width:768px){.faq .faq-item{padding-top:10px;padding-bottom:10px}.faq .faq-item.active{padding-bottom:10px}.faq .faq-question-text{font-size:18px}.faq .faq-answer{font-size:14px;margin-top:10px}.faq .faq-bottom-text{font-size:18px;margin-top:10px}}@keyframes fixed-textarea-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.fixed-textarea-container{position:fixed;bottom:10%;width:650px;left:50%;transform:translateX(-50%);z-index:1000;display:none;flex-direction:column;align-items:center;pointer-events:none}.fixed-textarea-container.show{display:flex;pointer-events:auto}.fixed-textarea-container.show.no-float{animation:none}@supports selector(:has(*)){.fixed-textarea-container.show:has(.fixed-textarea-box.expanded){animation:none}}.fixed-textarea-box{position:relative;width:100%;max-width:600px;min-height:60px;padding:0;background:#FFFFFF1F;border:1px solid #FFFFFF1F;border-radius:30px;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;transition:all 0.3s cubic-bezier(.4,0,.2,1);cursor:pointer}.fixed-textarea-box:hover{background:linear-gradient(-90deg,rgba(46,44,28,1) 0%,rgba(44,35,31,1) 100%);border:1px solid rgb(255 217 69 / 84%);backdrop-filter:blur(10px)}@keyframes fixed-textarea-border-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.fixed-textarea-box.expanded{min-height:182px;border-radius:24px;padding:1px;background:linear-gradient(90deg,#f9e982,#f37d30,#FF6B35,#f17f35,rgb(255 233 89));background-size:400% 400%;animation:fixed-textarea-border-animation 3s ease infinite;backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;gap:0;cursor:default;position:relative}.fixed-textarea-box.expanded::before{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:23px;background:linear-gradient(-90deg,rgba(46,44,28,1) 0%,rgba(44,35,31,1) 100%);z-index:0}.fixed-textarea-box.expanded>*{position:relative;z-index:1}.fixed-textarea-box.expanded .fixed-textarea-wrapper{width:100%;padding:15px 15px 0 15px}.fixed-textarea-wrapper{position:relative;width:100%;flex:1;min-height:20px}.fixed-textarea-placeholder{position:absolute;top:0;left:0;right:0;font-family:'DM Sans';font-weight:400;font-size:14px;line-height:1.4285714285714286em;color:#FFFFFFE5;pointer-events:none;transition:opacity 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fixed-textarea-box:not(.expanded) .fixed-textarea-placeholder{display:block}.fixed-textarea-box.expanded .fixed-textarea-placeholder{opacity:0;display:none}.fixed-textarea-input{width:100%;min-height:20px;max-height:167px;height:160px;background:transparent;border:none;color:#FFF;font-family:'DM Sans';font-weight:400;font-size:14px;line-height:1.4285714285714286em;resize:none;outline:none;padding:0;margin-bottom:10px;display:none;overflow-y:auto}.fixed-textarea-box.expanded .fixed-textarea-input{display:block;height:169px;min-height:20px}.fixed-textarea-input::placeholder{color:rgba(255,255,255,.5)}.fixed-textarea-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.fixed-textarea-box:not(.expanded) .fixed-textarea-actions{margin-left:auto}.fixed-textarea-box.expanded .fixed-textarea-actions{width:100%;justify-content:space-between;margin-top:auto;padding:0 15px 15px 15px}.fixed-custom-tag{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;height:32px;flex-shrink:0;cursor:pointer;transition:all 0.3s ease-in-out;border-radius:100px;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.08);backdrop-filter:blur(6px);margin-right:16px}.fixed-custom-tag:hover{border-color:#81818B;background:rgba(255,255,255,.2)}.fixed-custom-tag.active{color:rgba(255,255,255,.9);border-color:#9B8707;background:rgba(236,206,15,.08);box-shadow:-1px 3px 6px 0 rgba(0,0,0,.12)}.fixed-custom-tag.active:hover{border-color:#9B8707;background:rgba(236,206,15,.2)}.fixed-custom-tag svg{width:16px;height:16px;color:rgba(255,255,255,.7);transition:all 0.3s ease-in-out}.fixed-custom-tag.active svg{color:rgba(255,255,255,.9)}.fixed-custom-tag span{font-family:'DM Sans';font-weight:400;font-size:14px;line-height:1.2;color:rgba(255,255,255,.7);transition:all 0.3s ease-in-out}.fixed-custom-tag.active span{color:rgba(255,255,255,.9)}.fixed-enter-btn{width:32px;height:32px;border-radius:50%;background:#FFE436;border:none;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all 0.3s ease;flex-shrink:0;position:relative}.fixed-enter-btn:hover{opacity:.7}.fixed-textarea-box.expanded .fixed-enter-btn{position:absolute;bottom:14px;right:16px}.fixed-textarea-box.expanded .fixed-custom-tag{position:absolute;bottom:14px;left:16px;z-index:2}.fixed-enter-btn::before{content:'';position:absolute;inset:0;border-radius:50%;padding:1px;background:linear-gradient(146deg,rgba(255,255,255,1) 10%,rgba(255,228,69,1) 40%,rgba(255,137,29,1) 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity 0.3s ease}.fixed-enter-btn svg{width:20px;height:20px;color:rgba(0,0,0,.9);position:relative;z-index:1}.fixed-textarea-box.active .fixed-enter-btn{background:#FFE436;cursor:pointer}.fixed-textarea-box.active .fixed-enter-btn::before{opacity:1}.fixed-textarea-box.active .fixed-enter-btn svg path{fill:#101012}.fixed-quick-actions{display:flex;align-items:center;gap:12px;margin-top:14px;width:100%;max-width:650px;justify-content:flex-start;flex-wrap:wrap}.fixed-quick-action-item{display:flex;align-items:center;gap:5px;padding:10px 14px;height:37px;background:#FFFFFF1F;border:1px solid #FFFFFF1F;border-radius:50px;backdrop-filter:blur(10px);cursor:pointer;transition:all 0.3s ease}.fixed-quick-action-item:hover{background:rgba(255,255,255,.078)}.fixed-quick-action-item.active{background:rgba(23,25,26,1);border-color:rgba(255,255,255,.2)}.fixed-quick-action-item.active:hover{background:rgba(23,25,26,1);border-color:rgba(255,255,255,.25)}.fixed-quick-action-item img{width:16px;height:16px;object-fit:cover;flex-shrink:0}.fixed-quick-action-item span{font-family:'DM Sans';font-weight:400;font-size:14px;line-height:1.2;color:rgba(255,255,255,.7);white-space:nowrap}@media (max-width:768px){.fixed-textarea-container{display:none!important}h1{margin-bottom:30px!important}}