.banner[data-v-dc68102e]{align-items:center;box-sizing:border-box;display:flex;gap:30px;justify-content:center;margin-bottom:60px}.banner .activity[data-v-dc68102e]{align-self:stretch;background:url(./explore-activity-daily.ZzgdpWRg.webp) no-repeat 50%;background-size:cover;box-sizing:border-box}.banner .swiper[data-v-dc68102e],.banner .swiper-slide[data-v-dc68102e]{align-self:stretch;width:100%}.banner .swiper-slide[data-v-dc68102e]{cursor:unset;margin-top:0!important;padding-bottom:0!important}.banner .content[data-v-dc68102e]{align-items:flex-start;align-self:stretch;background-position:50%;background-size:cover;border-radius:20px;box-sizing:border-box;display:flex;padding:20px 30% 20px 20px;width:100%}.banner .content .left-content[data-v-dc68102e]{height:auto;text-align:left}.banner .content .left-content h2[data-v-dc68102e]{color:#fff;font-size:18px;margin:0;-webkit-line-clamp:1}.banner .content .left-content .des[data-v-dc68102e],.banner .content .left-content h2[data-v-dc68102e]{display:-webkit-box;font-weight:400;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.banner .content .left-content .des[data-v-dc68102e]{color:#ffffff8e;font-size:14px;margin-bottom:26px;margin-top:4px;-webkit-line-clamp:2}.banner .content .left-content a[data-v-dc68102e]{background:#ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:8px 45px;transition:.3s linear}.banner .content .left-content a[data-v-dc68102e]:hover{background:#fff3;text-decoration:unset}.banner[data-v-4b711033]{align-items:center;box-sizing:border-box;display:flex;gap:30px;justify-content:center;margin-bottom:60px}.banner .activity[data-v-4b711033]{align-self:stretch;background:url(./explore-activity-daily.ZzgdpWRg.webp) no-repeat 50%;background-size:cover;border-radius:16px;box-sizing:border-box;height:auto;padding:20px 11% 20px 30px;width:calc(38% - 30px)}.banner .activity p[data-v-4b711033]:first-child{color:#fff;font-size:24px;font-weight:400}.banner .activity p[data-v-4b711033]:nth-child(2){color:#fff;display:-webkit-box;font-size:14px;margin-bottom:26px;margin-top:4px;opacity:.4;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.banner .activity a[data-v-4b711033]{background:#ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:8px 45px;transition:.3s linear}.banner .activity a[data-v-4b711033]:hover{background:#fff3;text-decoration:unset}.banner .swiper[data-v-4b711033]{align-self:stretch;width:62%}.banner .swiper-slide[data-v-4b711033]{align-self:stretch;cursor:unset;margin-top:0!important;padding-bottom:0!important;width:100%}.banner .content[data-v-4b711033]{align-items:flex-start;align-self:stretch;background-position:50%;background-size:cover;border-radius:20px;box-sizing:border-box;display:flex;padding:20px 55% 20px 30px;width:100%}.banner .content .left-content[data-v-4b711033]{height:auto;text-align:left}.banner .content .left-content h2[data-v-4b711033]{color:#fff;font-size:24px;margin:0}.banner .content .left-content .des[data-v-4b711033],.banner .content .left-content h2[data-v-4b711033]{display:-webkit-box;font-weight:400;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.banner .content .left-content .des[data-v-4b711033]{color:#ffffff8e;font-size:14px;margin-bottom:26px;margin-top:4px}.banner .content .left-content a[data-v-4b711033]{background:#ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:8px 45px;transition:.3s linear}.banner .content .left-content a[data-v-4b711033]:hover{background:#fff3;text-decoration:unset}.hotheader[data-v-4b711033]{display:flex;justify-content:space-between;padding:0 0 16px}.hotheader h1[data-v-4b711033]{font-size:24px;font-weight:500;margin:0;padding:0}.hotsongitem[data-v-4b711033]{background-size:cover;border-radius:10px;box-sizing:border-box;color:#fff;flex-direction:column;height:220px;overflow:hidden;padding:0;position:relative;text-decoration:none;transition:transform .4s ease;width:329px}.hotsongitem[data-v-4b711033],.hotsongitem div ul[data-v-4b711033]{display:flex;justify-content:space-between}.hotsongitem div ul[data-v-4b711033]{flex-direction:row;width:100%}.hotsongitem div ul li[data-v-4b711033]{align-items:center;display:flex;font-size:13px;gap:6px}.hotsongitem div ul li a[data-v-4b711033]{align-items:center;color:#fff;display:flex;gap:4px;max-width:160px;opacity:.8}.hotsongitem div ul li a img[data-v-4b711033]{border-radius:50%}.hotsongitem div ul li span[data-v-4b711033]{align-items:center;display:inline-block;gap:4px;opacity:.8}.hotsongitem .bg-layer[data-v-4b711033]{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform .4s ease;width:100%;z-index:0}.hotsongitem:hover .bg-layer[data-v-4b711033]{text-decoration:none;transform:scale(1.1)}.listbottom[data-v-4b711033]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.8) 80%);box-sizing:border-box;padding:10px;position:relative;z-index:1}.listbottom p[data-v-4b711033]{display:flex;gap:4px;padding:0 0 2px}.listbottom p b[data-v-4b711033]{font-size:18px}.listbottom p strong[data-v-4b711033]{align-items:center;display:inline-flex;font-size:13px;font-weight:400;gap:4px;opacity:.8}.listbottom p strong i[data-v-4b711033]{font-size:18px}.listbottom p strong:last-child i[data-v-4b711033]{display:none}.listbottom .link[data-v-4b711033]{color:#fff;display:inline-block;font-size:13px;margin:0 4px 0 0;opacity:.8}.listbottom .link[data-v-4b711033]:hover{text-decoration:underline}.listtools[data-v-4b711033]{display:flex;justify-content:flex-end;padding:10px;position:relative;z-index:1}.listtools .play[data-v-4b711033]{align-items:center;background:#00000080;border-radius:10px;display:flex;display:none;height:42px;justify-content:center;transition:.3s linear;width:42px}.listtools .play i[data-v-4b711033]{font-size:28px}.hotsongitem:hover .listtools .play[data-v-4b711033]{display:block}.swiper-box[data-v-4b711033]{margin-top:20px;overflow:hidden;position:relative}.swiper-box img[data-v-4b711033]{border-radius:10px;display:block;margin:0 auto}.swiper-box a[data-v-4b711033]{display:block;overflow:hidden;position:relative;top:0;transition:.3s linear}.swiper-box a .voice-name[data-v-4b711033]{color:#fff;font-size:14px;font-weight:600;margin:10px 10px 0;overflow:hidden}.swiper-box a .voice-use[data-v-4b711033]{color:#999;font-size:12px;font-weight:400;margin:4px 10px 0}.swiper-box a .point[data-v-4b711033]{font-size:18px;font-weight:600}.swiper-box a[data-v-4b711033]:hover{text-decoration:none;top:-5px}[data-v-4b711033] .swiper{margin:0;overflow:hidden}[data-v-4b711033] .swiper-wrapper{display:flex}[data-v-4b711033] .swiper-slide{align-items:center;background:unset;border-radius:unset;box-sizing:border-box;cursor:unset;cursor:pointer;display:flex;font-size:unset;justify-content:center;margin-top:5px;padding:0 0 4px;text-align:unset;width:auto}.button-box-next[data-v-4b711033],.button-box-prev[data-v-4b711033]{height:100%;position:absolute;top:0;width:100px}.swiper-button-next[data-v-4b711033]:before,.swiper-button-prev[data-v-4b711033]:before{background:#0f0f0f;content:"";filter:blur(50px);height:100%;position:absolute;top:0;width:100px}.button-box-prev[data-v-4b711033]{left:-20px}.button-box-next[data-v-4b711033]{right:-20px}[data-v-4b711033] .swiper-button-next,[data-v-4b711033] .swiper-button-prev{border:0;color:#919191d2;height:100%;top:20px;transition:.3s linear;width:100px}[data-v-4b711033] .swiper-button-next:hover,[data-v-4b711033] .swiper-button-prev:hover{color:#fff}.swiper-button-disabled[data-v-4b711033]{display:none}[data-v-4b711033] .swiper-button-next:after,[data-v-4b711033] .swiper-button-prev:after{font-size:12px;font-size:18px;font-weight:600;opacity:1;z-index:1}.Collections-box[data-v-4b711033]{position:relative}.Collections-box[data-v-4b711033] .swiper-slide{box-sizing:border-box;margin-right:32px;margin-top:5px}.hotbox .Collections-box[data-v-4b711033] .swiper-slide{max-width:308px}.creator-box[data-v-4b711033],.playlist-box[data-v-4b711033]{margin-top:60px}.playlist-box .Collections-box[data-v-4b711033] .swiper-slide{max-width:421px;width:100%}.creator-box .Collections-box[data-v-4b711033] .swiper-slide,.sytlesongbox .Collections-box[data-v-4b711033] .swiper-slide{max-width:194px;width:100%}.newsongbox[data-v-4b711033],.style-box[data-v-4b711033]{margin-top:60px}.newsongheader[data-v-4b711033]{display:flex;justify-content:space-between;margin:30px 0}.newsongheader p a[data-v-4b711033]{font-size:14px}.newsongheader p a[data-v-4b711033]:hover{text-decoration:underline}.newsongheader .titleh2[data-v-4b711033]{font-size:24px;font-weight:500;margin:0;padding:0}.newsonglist[data-v-4b711033]{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);overflow-x:auto;padding-bottom:20px}.newsong-item[data-v-4b711033]{align-items:center;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;height:96px;overflow:hidden;padding:8px;transition:.3s linear;width:432px}.newsong-item .photo[data-v-4b711033]{background-position:no-repeat 50%;background-size:cover;border-radius:12px;height:80px;margin:0;overflow:hidden;width:80px}.newsong-item .photo button[data-v-4b711033]{align-items:center;background:#0000007b;display:flex;display:none;height:100%;justify-content:center;width:100%}.newsong-item .photo button i[data-v-4b711033]{font-size:32px}.newsong-item .infro[data-v-4b711033]{align-items:space-between;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;width:calc(100% - 110px)}.newsong-item .infro p[data-v-4b711033]{align-items:center;display:flex;gap:4px}.newsong-item .infro p a[data-v-4b711033]{color:#fff;font-size:13px;overflow:hidden}.newsong-item .infro p a b[data-v-4b711033]{color:#fff!important;display:block;font-size:16px!important;font-weight:500!important;opacity:1!important;overflow:hidden}.newsong-item .infro p a span[data-v-4b711033],.newsong-item .infro p i[data-v-4b711033]{opacity:.6}.newsong-item .infro .style[data-v-4b711033]{font-size:12px;opacity:.6;width:100%}.newsong-item .infro .createrphoto a[data-v-4b711033]{align-items:center;display:inline-flex;font-weight:300;gap:4px;padding:0 4px 0 0}.newsong-item .infro .createrphoto a img[data-v-4b711033]{border-radius:100%}.newsong-item .tools[data-v-4b711033]{height:100%}.newsong-item .tools[data-v-4b711033],.newsong-item .tools button[data-v-4b711033]{align-items:center;display:flex;justify-content:center;width:30px}.newsong-item .tools button[data-v-4b711033]{background:#ccc0;border-radius:6px;height:30px;transition:.3s linear}.newsong-item .tools button i[data-v-4b711033]{font-size:20px}.newsong-item .tools button[data-v-4b711033]:hover{background:#ccc1}.creator-box[data-v-4b711033]{padding:0 0 16px}.creator-box a[data-v-4b711033]{background:#29292900;border-radius:16px;box-sizing:border-box;color:#fff;display:block;overflow:hidden;padding:16px;text-align:center;transition:.3s linear;width:100%}.creator-box a p[data-v-4b711033]{width:100%}.creator-box a p span[data-v-4b711033]{font-size:12px;opacity:.8}.creator-box a p img[data-v-4b711033]{border-radius:100%;height:auto;width:100%}.creator-box a[data-v-4b711033]:hover{background:#29292955;text-decoration:none;transform:scale(1.03)}.newsong-item[data-v-4b711033]:hover{background:#cccccc0d}.newsong-item:hover .photo button[data-v-4b711033]{display:flex}.style-list[data-v-4b711033]{display:grid;gap:30px;grid-template-columns:repeat(5,1fr);margin-top:20px;padding:0}.style-item[data-v-4b711033]{background-position:none;background-size:cover;border-radius:8px;height:140px;margin:0;overflow:hidden;position:relative}.style-item span[data-v-4b711033]{background:#0006;border-radius:6px;bottom:8px;color:#fff;padding:2px 8px;position:absolute;right:8px;z-index:1}.style-item .sytlebg[data-v-4b711033]{height:100%;position:absolute;transition:transform .4s ease;width:100%;z-index:0}.style-item:hover .sytlebg[data-v-4b711033]{transform:scale(1.1)}.tools-list[data-v-4b711033]{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:12px}.tools-list li[data-v-4b711033]{border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:0;opacity:.8;padding:8px;transition:.3s linear}.tools-list li i[data-v-4b711033]{font-size:18px}.tools-list li[data-v-4b711033]:hover{background:#242424;opacity:1}.tools-list .delete[data-v-4b711033]{color:#ff9c9c}.playlistitem[data-v-4b711033]{background:#272727;border-radius:16px;box-sizing:border-box;min-height:580px;overflow:hidden;padding:8px;position:relative;width:100%}.playlistitem .playlistitembox[data-v-4b711033]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.playlistitem .playlistitem-header[data-v-4b711033]{align-items:flex-end;background-position:50%;background-size:cover;border-radius:16px 16px 0 0;box-sizing:border-box;display:flex;height:220px;overflow:hidden;width:100%}.playlistitem .playlistitem-header div[data-v-4b711033]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 80%);display:flex;flex-direction:column;gap:8px;height:100px;justify-content:flex-end;padding:16px;width:100%}.playlistitem .playlistitem-header div p[data-v-4b711033]{display:flex;gap:8px;width:100%}.playlistitem .playlistitem-header div p a[data-v-4b711033]{align-items:flex-end;color:#fff;display:flex;gap:4px;width:100%}.playlistitem .playlistitem-header div p a img[data-v-4b711033]{border-radius:100%}.playlistitem .playlistitem-header div p span[data-v-4b711033]{align-items:center;display:flex;font-size:12px;gap:4px;opacity:.8}.playlistitem .playlistitem-header div p .creator[data-v-4b711033]{font-size:12px;opacity:.8}.playlistitem .playlistitem-header div p .title[data-v-4b711033]{display:flex;font-size:18px;font-weight:500;min-height:200px}.playlistitem .listplay[data-v-4b711033]{background:#2828289b;border-radius:0 0 16px 16px;box-sizing:border-box;height:calc(100% - 180px);overflow:hidden;padding:8px;width:100%}.playlistitem .listplay .listplay-item[data-v-4b711033]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:8px}.playlistitem .listplay .listplay-item p[data-v-4b711033]{display:flex;gap:4px;overflow:hidden}.playlistitem .listplay .listplay-item p b[data-v-4b711033]{display:block;font-size:14px;font-weight:400}.playlistitem .listplay .listplay-item p span[data-v-4b711033]{font-size:12px;opacity:.6}.playlistitem .listplay .listplay-item[data-v-4b711033]:hover{background:#00000052}.playlistitem .listplay .list-song[data-v-4b711033]{display:flex;flex-direction:column;gap:0;width:calc(100% - 50px)}.playlistitem .listplay .list-song b[data-v-4b711033]{font-size:13px;font-weight:400;line-height:18px}.playlistitem .listplay .list-song .duration[data-v-4b711033]{padding:4px 0 0}.playlistitem .listplay .listplay-btn button[data-v-4b711033]{align-items:center;background:#cccccc17;border-radius:8px;display:flex;height:28px;justify-content:center;transition:.3s linear;width:28px}.playlistitem .listplay .listplay-btn button i[data-v-4b711033]{color:#ffffffbd;font-size:18px}.playlistitem .playlistbg[data-v-4b711033]{filter:blur(200px);min-height:400px;width:100%}.sytlesongbox[data-v-4b711033]{margin:40px 0 0;overflow:hidden;transition:.3s linear}.sytlesongbox .sytleitem[data-v-4b711033]{color:#fff;overflow:hidden;text-align:left;transition:.3s linear;width:100%}.sytlesongbox .sytleitem span[data-v-4b711033]{font-size:12px;opacity:.8}.sytlesongbox .sytleitem img[data-v-4b711033]{border-radius:16px;height:auto;width:100%}.sytlesongbox .sytleitem[data-v-4b711033]:hover{text-decoration:none}.sytlesongbox .song-name[data-v-4b711033]{overflow:hidden;width:100%}.sytlesongbox .song-name b[data-v-4b711033]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.sytlesongbox .song-style[data-v-4b711033]{align-items:center;font-size:12px}.sytlesongbox .song-style a[data-v-4b711033]{color:#fff;opacity:.6}.sytlesongbox .song-style a[data-v-4b711033]:hover{text-decoration:underline}.sytlesongbox .creater a[data-v-4b711033]{align-items:center;color:#fff;display:flex;font-size:12px;gap:4px;opacity:.6}.sytlesongbox .creater a img[data-v-4b711033]{border-radius:100%;height:16px!important;width:16px!important}.sytlesongbox .creater a[data-v-4b711033]:hover{text-decoration:underline}.sytlesongbox .sytleplay[data-v-4b711033]{background-position:50%;background-size:cover;border-radius:16px;box-sizing:border-box;height:auto;margin:0 0 8px;padding-bottom:100%;position:relative;transition:.3s linear;width:100%}.sytlesongbox .sytleplay button[data-v-4b711033]{align-items:center;background:#fbd38d;border-radius:12px;bottom:0;color:#000;display:flex;height:42px;justify-content:center;opacity:0;position:absolute;right:8px;transition:.3s linear;width:42px}.sytlesongbox .sytleplay button i[data-v-4b711033]{font-size:28px}.sytlesongbox .sytleplay:hover button[data-v-4b711033]{bottom:8px;opacity:1}.break-all[data-v-4b711033]{word-break:break-all}.line-clamp[data-v-4b711033]{display:-webkit-box!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}[data-v-4b711033] .el-loading-spinner{margin-top:0!important;top:-10px}[data-v-4b711033] .el-loading-spinner .circular{height:30px;width:30px}[data-v-4b711033] .el-loading-spinner .path{stroke:#fbd38d!important}.loading-spinner[data-v-4b711033]{align-items:center;display:flex;justify-content:center;margin:30px 0}.loading-spinner span[data-v-4b711033]{color:#fff;font-size:14px;font-weight:500;margin-left:32px;opacity:.6}.skeleton-list[data-v-4b711033]{display:flex;gap:32px}.skeleton-item[data-v-4b711033]{border-radius:10px;position:relative;width:308px}.skeleton-img[data-v-4b711033]{aspect-ratio:308/224;background:#1e1e1e;border-radius:10px;margin-right:32px;margin-top:5px;max-height:224px;max-width:308px;width:100%}.shimmer[data-v-4b711033]{background:#2b2b2b;overflow:hidden;position:relative}.shimmer[data-v-4b711033]:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-150px;position:absolute;top:0;width:100px}@media (max-width:768px){.banner[data-v-4b711033]{flex-direction:column}.banner .activity[data-v-4b711033],.banner .swiper[data-v-4b711033]{width:100%}.banner .content[data-v-4b711033]{padding:20px 30% 20px 20px}[data-v-4b711033] .swiper-slide{margin-right:unset;max-width:unset!important}.style-list[data-v-4b711033]{grid-auto-flow:column;grid-template-columns:unset!important}.style-list a[data-v-4b711033]{width:208px}.sytlesongbox .song-style[data-v-4b711033]{max-width:200px}.sytlesongbox .sytleitem img[data-v-4b711033]{max-width:240px}.creator-box a img[data-v-4b711033]{max-width:180px;min-height:auto}.banner[data-v-4b711033]{margin-bottom:32px!important}.newsong-item[data-v-4b711033]{width:285px!important}.newsonglist[data-v-4b711033]::-webkit-scrollbar{height:0;width:0}.newsonglist[data-v-4b711033]::-webkit-scrollbar-thumb,.newsonglist[data-v-4b711033]::-webkit-scrollbar-track{background:transparent}.newsongbox[data-v-4b711033],.style-box[data-v-4b711033]{margin-top:32px}.hotbox .button-box-next[data-v-4b711033],.hotbox .button-box-prev[data-v-4b711033]{display:none}.hotbox .swiper-slide[data-v-4b711033]:last-child{width:100%!important}.hotbox .hotsongitem[data-v-4b711033]{width:100%}.playlist-box .button-box-next[data-v-4b711033],.playlist-box .button-box-prev[data-v-4b711033]{display:none}.sytlesongbox .button-box-next[data-v-4b711033],.sytlesongbox .button-box-prev[data-v-4b711033]{border-radius:50%;height:50px;top:32%;width:50px}.sytlesongbox .swiper-button-next[data-v-4b711033],.sytlesongbox .swiper-button-prev[data-v-4b711033]{width:50px}.sytlesongbox .swiper-button-next[data-v-4b711033]:before,.sytlesongbox .swiper-button-prev[data-v-4b711033]:before{filter:blur(20px);width:50px}}