.title h1[data-v-1a0b8b24]{margin:0;padding:30px 0 16px}.title p[data-v-1a0b8b24]{opacity:.6}.title-h2[data-v-1a0b8b24]{font-weight:500}.text-center[data-v-1a0b8b24]{text-align:center}.listbox[data-v-1a0b8b24]{display:flex;flex-direction:column;gap:8px}.ListBanner[data-v-1a0b8b24]{background:#1d1d1d;margin-top:30px;position:relative}.ListBanner[data-v-1a0b8b24],.ListBg[data-v-1a0b8b24]{border-radius:16px;height:230px;overflow:hidden}.ListBg[data-v-1a0b8b24]{filter:blur(200px);width:100%}.isloading[data-v-1a0b8b24]{background:#1d1d1d;height:232px}.ListHeaer[data-v-1a0b8b24],.isloading[data-v-1a0b8b24]{border-radius:16px;width:100%}.ListHeaer[data-v-1a0b8b24]{align-items:center;box-sizing:border-box;display:flex;gap:30px;left:0;padding:16px;position:absolute;top:0;z-index:10}.ListHeaer .photo[data-v-1a0b8b24]{border-radius:16px;height:200px;overflow:hidden;width:200px}.ListHeaer .infro[data-v-1a0b8b24]{display:flex;flex-direction:column;gap:14px;width:calc(100% - 500px)}.ListHeaer .infro h1[data-v-1a0b8b24]{margin:0;padding:0}.ListHeaer .infro-description[data-v-1a0b8b24]{opacity:.8}.ListHeaer .infro-num[data-v-1a0b8b24]{display:flex;gap:8px;opacity:.8}.ListHeaer .infro-num a[data-v-1a0b8b24]{align-items:center;color:#fff;display:inline-flex;gap:6px}.ListHeaer .infro-num a img[data-v-1a0b8b24]{border-radius:30px}.tools[data-v-1a0b8b24]{box-sizing:border-box;flex-direction:column;height:170px;width:300px}.tools[data-v-1a0b8b24],.tools .creatools[data-v-1a0b8b24]{display:flex;justify-content:flex-end}.tools .creatools[data-v-1a0b8b24]{align-items:center;gap:8px;margin:0}.tools .creatools button[data-v-1a0b8b24]{align-items:center;background:#0000005d;border:none;border-radius:6px;display:inline-flex;gap:6px;padding:8px 12px;transition:.3s linear}.tools .creatools button[data-v-1a0b8b24]:hover{background:#000000bc}.tools .creatools .active[data-v-1a0b8b24]{background:#fbd38d!important;color:#000;font-weight:500}.editplaylist[data-v-1a0b8b24]{cursor:pointer}.editplaylist[data-v-1a0b8b24]:hover{opacity:1!important;text-decoration:underline}.tools-list[data-v-1a0b8b24]{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:12px}.tools-list li[data-v-1a0b8b24]{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-1a0b8b24]{font-size:18px}.tools-list li[data-v-1a0b8b24]:hover{background:#242424;opacity:1}.tools-list .delete[data-v-1a0b8b24]{color:#ff9c9c}.loading-spinner[data-v-1a0b8b24]{margin:30px 0}.newsongbox[data-v-1a0b8b24]{margin-top:60px}.newsongbox .newsongheader[data-v-1a0b8b24]{display:flex;justify-content:space-between;margin:30px 0}.newsongbox .newsongheader .titleh2[data-v-1a0b8b24]{font-size:24px;font-weight:500;margin:0;padding:0}.newsongbox .newsonglist[data-v-1a0b8b24]{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.newsongbox .newsong-item[data-v-1a0b8b24]{align-items:center;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:8px;transition:.3s linear}.newsongbox .newsong-item .photo[data-v-1a0b8b24]{background-position:no-repeat 50%;background-size:cover;border-radius:12px;height:80px;margin:0;overflow:hidden;width:80px}.newsongbox .newsong-item .photo button[data-v-1a0b8b24]{align-items:center;background:#0000007b;display:flex;display:none;height:100%;justify-content:center;width:100%}.newsongbox .newsong-item .photo button i[data-v-1a0b8b24]{font-size:32px}.newsongbox .newsong-item .infro[data-v-1a0b8b24]{align-items:space-between;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;width:calc(100% - 110px)}.newsongbox .newsong-item .infro p[data-v-1a0b8b24]{align-items:center;display:flex;gap:4px}.newsongbox .newsong-item .infro p a[data-v-1a0b8b24]{color:#fff;font-size:13px;overflow:hidden}.newsongbox .newsong-item .infro p a b[data-v-1a0b8b24]{color:#fff!important;display:block;font-size:16px!important;font-weight:500!important;opacity:1!important;overflow:hidden}.newsongbox .newsong-item .infro p a span[data-v-1a0b8b24],.newsongbox .newsong-item .infro p i[data-v-1a0b8b24]{opacity:.6}.newsongbox .newsong-item .infro .style[data-v-1a0b8b24]{font-size:12px;opacity:.6;width:100%}.newsongbox .newsong-item .infro .createrphoto a[data-v-1a0b8b24]{align-items:center;display:inline-flex;font-weight:300;gap:4px;padding:0 4px 0 0}.newsongbox .newsong-item .infro .createrphoto a img[data-v-1a0b8b24]{border-radius:100%}.newsongbox .newsong-item .tools[data-v-1a0b8b24]{align-items:center;display:flex;height:100%;justify-content:center;width:30px}.newsongbox .newsong-item .tools button[data-v-1a0b8b24]{align-items:center;background:#ccc0;border-radius:6px;display:flex;height:30px;justify-content:center;transition:.3s linear;width:30px}.newsongbox .newsong-item .tools button i[data-v-1a0b8b24]{font-size:20px}.newsongbox .newsong-item .tools button[data-v-1a0b8b24]:hover{background:#ccc1}.newsong-item[data-v-1a0b8b24]:hover{background:#cccccc0d}.newsong-item:hover .photo button[data-v-1a0b8b24]{display:flex}.tabs[data-v-d3fd4941]{align-items:flex-start;align-self:stretch;background:#202020;border-radius:10px;box-sizing:border-box;display:flex;gap:4px;justify-content:center;margin-bottom:30px;padding:4px}.tabs .tab[data-v-d3fd4941]{border-radius:8px;color:#999;cursor:pointer;display:flex;flex:1;font-size:16px;font-weight:500;justify-content:center;max-width:33%;padding:8px 16px;transition:.3s linear}.tabs .tab[data-v-d3fd4941],.tabs .tab .tab-title[data-v-d3fd4941]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs .tab .tab-title[data-v-d3fd4941]{max-width:100%}.tabs .tab .tab-suffix[data-v-d3fd4941]{flex-shrink:0;white-space:nowrap}.tabs .activTab[data-v-d3fd4941],.tabs .tab[data-v-d3fd4941]:hover{background:#fff3;color:#fff}.title h1[data-v-d3fd4941]{margin:0;padding:30px 0 16px}.title p[data-v-d3fd4941]{opacity:.6}.title-h2[data-v-d3fd4941]{font-weight:500}.text-center[data-v-d3fd4941]{text-align:center}.listbox[data-v-d3fd4941]{background:#202020;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:0 30px}.listbox .ai-song-box[data-v-d3fd4941]{padding:30px 0}.ListBanner[data-v-d3fd4941]{background:#1d1d1d;margin-top:30px;position:relative}.ListBanner[data-v-d3fd4941],.ListBg[data-v-d3fd4941]{border-radius:16px;height:230px;overflow:hidden}.ListBg[data-v-d3fd4941]{filter:blur(200px);width:100%}.isloading[data-v-d3fd4941]{background:#1d1d1d;height:232px}.ListHeaer[data-v-d3fd4941],.isloading[data-v-d3fd4941]{border-radius:16px;width:100%}.ListHeaer[data-v-d3fd4941]{align-items:center;box-sizing:border-box;display:flex;gap:30px;left:0;padding:16px;position:absolute;top:0;z-index:10}.ListHeaer .photo[data-v-d3fd4941]{border-radius:16px;height:200px;overflow:hidden;width:200px}.ListHeaer .infro[data-v-d3fd4941]{display:flex;flex-direction:column;gap:14px;width:calc(100% - 500px)}.ListHeaer .infro h1[data-v-d3fd4941]{margin:0;padding:0}.ListHeaer .infro-description[data-v-d3fd4941]{opacity:.8}.ListHeaer .infro-num[data-v-d3fd4941]{display:flex;gap:8px;opacity:.8}.ListHeaer .infro-num a[data-v-d3fd4941]{align-items:center;color:#fff;display:inline-flex;gap:6px}.ListHeaer .infro-num a img[data-v-d3fd4941]{border-radius:30px}.tools[data-v-d3fd4941]{box-sizing:border-box;flex-direction:column;height:170px;width:300px}.tools[data-v-d3fd4941],.tools .creatools[data-v-d3fd4941]{display:flex;justify-content:flex-end}.tools .creatools[data-v-d3fd4941]{align-items:center;gap:8px;margin:0}.tools .creatools button[data-v-d3fd4941]{align-items:center;background:#0000005d;border:none;border-radius:6px;display:inline-flex;gap:6px;padding:8px 12px;transition:.3s linear}.tools .creatools button[data-v-d3fd4941]:hover{background:#000000bc}.tools .creatools .active[data-v-d3fd4941]{background:#fbd38d!important;color:#000;font-weight:500}.editplaylist[data-v-d3fd4941]{cursor:pointer}.editplaylist[data-v-d3fd4941]:hover{opacity:1!important;text-decoration:underline}.tools-list[data-v-d3fd4941]{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:12px}.tools-list li[data-v-d3fd4941]{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-d3fd4941]{font-size:18px}.tools-list li[data-v-d3fd4941]:hover{background:#242424;opacity:1}.tools-list .delete[data-v-d3fd4941]{color:#ff9c9c}.tools-list .line[data-v-d3fd4941]{border-bottom:1px solid #333;margin:4px 0}.loading-spinner[data-v-d3fd4941]{margin:30px 0}.newsongbox[data-v-d3fd4941]{margin-top:60px}.newsongbox .newsongheader[data-v-d3fd4941]{display:flex;justify-content:space-between;margin:30px 0}.newsongbox .newsongheader .titleh2[data-v-d3fd4941]{color:#e6e6e6;font-size:32px;font-weight:500;margin:0;padding:0}.newsongbox .newsonglist[data-v-d3fd4941]{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.newsongbox .newsong-item[data-v-d3fd4941]{align-items:center;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:8px;transition:.3s linear}.newsongbox .newsong-item .photo[data-v-d3fd4941]{background-position:no-repeat 50%;background-size:cover;border-radius:12px;height:80px;margin:0;overflow:hidden;width:80px}.newsongbox .newsong-item .photo button[data-v-d3fd4941]{align-items:center;background:#0000007b;display:flex;display:none;height:100%;justify-content:center;width:100%}.newsongbox .newsong-item .photo button i[data-v-d3fd4941]{font-size:32px}.newsongbox .newsong-item .infro[data-v-d3fd4941]{align-items:space-between;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;width:calc(100% - 110px)}.newsongbox .newsong-item .infro p[data-v-d3fd4941]{align-items:center;display:flex;gap:4px}.newsongbox .newsong-item .infro p a[data-v-d3fd4941]{color:#fff;font-size:13px;overflow:hidden}.newsongbox .newsong-item .infro p a b[data-v-d3fd4941]{color:#fff!important;display:block;font-size:16px!important;font-weight:500!important;opacity:1!important;overflow:hidden}.newsongbox .newsong-item .infro p a span[data-v-d3fd4941],.newsongbox .newsong-item .infro p i[data-v-d3fd4941]{opacity:.6}.newsongbox .newsong-item .infro .style[data-v-d3fd4941]{font-size:12px;opacity:.6;width:100%}.newsongbox .newsong-item .infro .createrphoto a[data-v-d3fd4941]{align-items:center;display:inline-flex;font-weight:300;gap:4px;padding:0 4px 0 0}.newsongbox .newsong-item .infro .createrphoto a img[data-v-d3fd4941]{border-radius:100%}.newsongbox .newsong-item .tools[data-v-d3fd4941]{align-items:center;display:flex;height:100%;justify-content:center;width:30px}.newsongbox .newsong-item .tools button[data-v-d3fd4941]{align-items:center;background:#ccc0;border-radius:6px;display:flex;height:30px;justify-content:center;transition:.3s linear;width:30px}.newsongbox .newsong-item .tools button i[data-v-d3fd4941]{font-size:20px}.newsongbox .newsong-item .tools button[data-v-d3fd4941]:hover{background:#ccc1}.newsongbox .more-title[data-v-d3fd4941]{align-items:center;background:#1a1a1a;border-radius:10px;display:flex;font-size:20px;gap:10px;margin:20px 0;padding:10px}.newsongbox .more-title i[data-v-d3fd4941]{font-size:24px}.newsongbox .more-title[data-v-d3fd4941]:nth-of-type(2){margin-top:60px}.newsong-item[data-v-d3fd4941]:hover{background:#cccccc0d}.newsong-item:hover .photo button[data-v-d3fd4941]{display:flex}