button[data-v-682c27d3]{white-space:nowrap}.container-xxl[data-v-682c27d3]{display:flex;flex-direction:column;height:calc(100% - 60px)}.song-cover-bg[data-v-682c27d3]{background-size:cover;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.userinfo-box[data-v-682c27d3]{border:1px solid hsla(0,0%,92%,.1);border-radius:20px;margin-top:20px;position:relative}.userloading-box[data-v-682c27d3]{background:#ffffff05;border-radius:20px;height:352px;width:100%}.userinfo-bgc[data-v-682c27d3]{background-size:cover;border-top-left-radius:20px;border-top-right-radius:20px;height:180px;position:relative;width:100%}.userinfo[data-v-682c27d3]{align-items:center;box-sizing:border-box;display:flex;gap:70px;height:172px;justify-content:space-between;padding:30px}.userinfo-left[data-v-682c27d3]{max-width:100%;min-width:0}.userinfo-left p[data-v-682c27d3]:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userinfo-left p:first-child .username[data-v-682c27d3]{color:#fff;font-size:28px;font-weight:600}.userinfo-left p:first-child .userHandle[data-v-682c27d3]{color:#fff;font-size:16px;font-weight:400;margin-left:16px;opacity:.6}.userinfo-left p[data-v-682c27d3]:nth-child(2){margin-top:8px;word-wrap:break-word;color:#fff;font-size:16px;font-weight:400;opacity:.8}.userinfo-left p[data-v-682c27d3]:nth-child(3){display:flex;gap:10px;margin-top:8px}.userinfo-left p:nth-child(3) span[data-v-682c27d3]{align-items:center;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;padding:6px 8px}.userinfo-left p:nth-child(3) span i[data-v-682c27d3]{font-size:18px}.userinfo-right[data-v-682c27d3]{flex:1}.userinfo-right .follow[data-v-682c27d3]{cursor:pointer;transition:all .3s linear}.userinfo-right .follow:hover .gray[data-v-682c27d3],.userinfo-right .follow:hover b[data-v-682c27d3]{color:#fff!important}.userinfo-right p[data-v-682c27d3]:first-child{display:flex;gap:16px;justify-content:flex-end}.userinfo-right p:first-child .gray[data-v-682c27d3]{color:gray}.userinfo-right p:first-child span[data-v-682c27d3]{color:#fff;font-size:16px;font-weight:400}.userinfo-right p:first-child b[data-v-682c27d3]{color:#fff;font-size:16px;font-weight:500}.userinfo-right p[data-v-682c27d3]:nth-child(2){display:flex;gap:20px;justify-content:end;margin-top:20px}.userinfo-right .Follow[data-v-682c27d3]{border:2px solid hsla(0,0%,100%,0)}.share-bnt[data-v-682c27d3]{background:#fff3;border-radius:10px;opacity:.6;transition:all .3s}.share-bnt i[data-v-682c27d3]{font-size:20px}.share-bnt[data-v-682c27d3]:hover{opacity:1}.userphoto[data-v-682c27d3]{align-items:center;border:4px solid #171717;border-radius:140px;display:flex;justify-content:center;left:41px;position:absolute;top:63px}.userphoto img[data-v-682c27d3]{border-radius:50%;height:auto;max-width:140px;-o-object-fit:cover;object-fit:cover;width:140px}.creator-main[data-v-682c27d3]{flex:1;margin-top:30px}.creator-main .creator-tab[data-v-682c27d3]{color:#e6e6e6;display:flex;font-size:18px;font-weight:400;gap:30px}.creator-main .creator-tab span[data-v-682c27d3]{cursor:pointer}.creator-main .creator-tab span[data-v-682c27d3]:hover{color:#fbd38d}.creator-main .creator-tab .active[data-v-682c27d3]{color:#fbd38d;font-size:18px;font-weight:400}.ai-song-box[data-v-682c27d3]{display:flex;flex-direction:column;margin-top:30px}.ai-song-box .ai-song-item[data-v-682c27d3]{align-items:center;border-bottom:1px solid rgba(90,90,90,.21);cursor:pointer;display:flex;gap:10px;justify-content:center;padding:16px 0}.ai-song-box .ai-song-item .song-info[data-v-682c27d3]{align-items:center;display:flex;flex:1;gap:16px;overflow:hidden}.ai-song-box .ai-song-item .song-info div[data-v-682c27d3]{max-width:100%;min-width:0}.ai-song-box .ai-song-item .song-info img[data-v-682c27d3]{border-radius:8px}.song-name[data-v-682c27d3]{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-name[data-v-682c27d3],.song-style[data-v-682c27d3]{color:#fff;font-weight:400}.song-style[data-v-682c27d3]{font-size:14px;margin-top:6px;opacity:.4}.loading-spinner[data-v-682c27d3]{margin:30px 0}.song-btn[data-v-682c27d3]{display:flex;gap:8px;justify-content:flex-end;padding:0 10px;width:17%}.song-btn .bt[data-v-682c27d3]{align-items:center;background:#242424;background:#ffffff14;border-radius:6px;color:#8c8c8c;display:flex;font-size:20px!important;height:30px;justify-content:center;margin:0;padding:0;width:30px}.song-btn .bt[data-v-682c27d3]:hover{background:#333;color:#fff}.playlist-box[data-v-682c27d3]{display:grid;gap:40px;grid-template-columns:repeat(6,1fr);margin-top:30px}@media (max-width:1440px){.playlist-box[data-v-682c27d3]{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.playlist-box[data-v-682c27d3]{grid-template-columns:repeat(3,1fr)}.userinfo-bgc[data-v-682c27d3]{display:none}.userinfo[data-v-682c27d3]{flex-direction:column;gap:12px;height:auto}.userphoto[data-v-682c27d3]{display:none}.userinfo-right p[data-v-682c27d3]{justify-content:flex-start!important}.mb-userinfo img[data-v-682c27d3]{height:180px;-o-object-fit:cover;object-fit:cover;width:100%}.mb-userinfo .userInfo[data-v-682c27d3]{align-items:center;align-self:stretch;display:flex;gap:12px;margin-top:16px}.mb-userinfo .userInfo img[data-v-682c27d3]{border-radius:50%;height:80px;width:80px}.mb-userinfo .userInfo .name-box[data-v-682c27d3]{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:6px}.mb-userinfo .userInfo .name-box p[data-v-682c27d3]{align-items:flex-end;align-self:stretch;display:flex;gap:16px}.mb-userinfo .userInfo .name-box p:first-child .username[data-v-682c27d3]{color:#fff;font-size:20px;font-weight:500}.mb-userinfo .userInfo .name-box p:first-child .userHandle[data-v-682c27d3]{color:#fff;font-size:12px;opacity:.6}.mb-userinfo .userInfo .name-box p[data-v-682c27d3]:nth-child(2){color:#fff;font-size:12px;opacity:.8}.mb-userinfo .btn-box[data-v-682c27d3]{margin-top:16px}.mb-userinfo .btn-box p[data-v-682c27d3]{align-items:flex-start;align-self:stretch;display:flex;gap:16px;width:100%}.mb-userinfo .btn-box p button[data-v-682c27d3]{flex:1}.mb-userinfo .data-info[data-v-682c27d3]{border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);margin-top:16px;padding:16px}.mb-userinfo .data-info .datainfo-box[data-v-682c27d3]{align-items:center;display:flex}.mb-userinfo .data-info .datainfo-box p[data-v-682c27d3]{align-items:center;border-right:1px solid hsla(0,0%,100%,.1);box-sizing:border-box;display:flex;flex:25%;flex-direction:column;justify-content:center;padding:0 16px}.mb-userinfo .data-info .datainfo-box p span[data-v-682c27d3]:first-child{color:#fff;font-size:18px;font-weight:600}.mb-userinfo .data-info .datainfo-box p span[data-v-682c27d3]:nth-child(2){color:#fff9;font-size:14px}.mb-userinfo .data-info .datainfo-box p[data-v-682c27d3]:last-child{border-right:none}.Follow[data-v-682c27d3]{border:unset!important}}@media (max-width:648px){.playlist-box[data-v-682c27d3]{grid-template-columns:repeat(2,1fr)}}@media (max-width:354px){.playlist-box[data-v-682c27d3]{grid-template-columns:repeat(1,1fr)}}
