@charset "UTF-8";.song-library[data-v-e361e0fc]{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;color:#333;display:flex;flex-direction:column;height:330px;max-width:400px;padding:14px;width:100%}.song-library.is-dialog[data-v-e361e0fc]{height:400px;padding:30px 20px 14px}.song-library .tab-list[data-v-e361e0fc]{display:flex;gap:10px;justify-content:space-around;margin-bottom:12px}.song-library .tab-list li[data-v-e361e0fc]{cursor:pointer;font-size:14px;font-weight:500;line-height:16px;padding:0 8px 7px;text-align:center}.song-library .tab-list li.active[data-v-e361e0fc],.song-library .tab-list li[data-v-e361e0fc]:hover{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(145.39deg,#f54ab4 -3.16%,#b130f9 92.82%);-webkit-background-clip:text;background-clip:text}.song-library .tab-list li.active[data-v-e361e0fc]{position:relative}.song-library .tab-list li.active[data-v-e361e0fc]:after{background:linear-gradient(145.39deg,#f54ab4 -3.16%,#b130f9 92.82%);border-radius:10px;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.song-library .recently-text[data-v-e361e0fc]{color:#6f6f6f;font-size:12px;font-weight:400;line-height:16px;margin-top:12px;text-align:center}.song-library .song-box[data-v-e361e0fc]{flex:1;overflow:hidden}.song-library .song-content[data-v-e361e0fc]{display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto;scrollbar-width:thin;-ms-overflow-style:none;padding-bottom:10px}.song-library .song-content .song-item[data-v-e361e0fc]{align-items:center;background:#f9f7fa;border-radius:6px;display:flex;justify-content:space-between;padding:8px 10px}.song-library .song-content .song-item[data-v-e361e0fc]:hover{background:#f9effa}.song-library .song-content .song-img[data-v-e361e0fc]{border-radius:6px;height:36px;margin-right:8px;position:relative;width:36px}.song-library .song-content .song-img .mask[data-v-e361e0fc],.song-library .song-content .song-img img[data-v-e361e0fc]{border-radius:inherit;height:100%;width:100%}.song-library .song-content .song-img .mask[data-v-e361e0fc]{align-items:center;background:#6b646da6;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;top:0}.song-library .song-content .song-img .mask .is-loading[data-v-e361e0fc]{--el-color-primary:#fff;--el-loading-spinner-size:16px;width:16px}.song-library .song-content .song-img .mask .is-loading[data-v-e361e0fc] .el-loading-spinner .path{stroke-width:4px}.song-library .song-content .song-title[data-v-e361e0fc]{flex:1;font-size:14px;font-weight:500}.song-library .song-content .use-btn[data-v-e361e0fc]{background:#555;border-radius:16px;color:#fff;font-size:13px;font-weight:500;line-height:16px;margin-left:10px;min-width:60px;padding:4px;text-align:center}.song-library .song-content .use-btn[data-v-e361e0fc]:hover{background:#434343}.song-library .song-content .type[data-v-e361e0fc]{gap:10px;margin-left:8px}.song-library .song-content .type li[data-v-e361e0fc]{cursor:pointer;font-size:12px;font-weight:500;line-height:16px}.song-library .song-content .type li.active[data-v-e361e0fc],.song-library .song-content .type li[data-v-e361e0fc]:hover{color:#cb5add}.song-library .loading[data-v-e361e0fc]{display:block;flex-shrink:0;height:34px;margin:0 auto;width:34px}.song-library .loading[data-v-e361e0fc] .el-loading-mask .el-loading-spinner{align-items:center;display:flex;height:100%;justify-content:center}.song-library .loading[data-v-e361e0fc] .el-loading-mask .el-loading-spinner svg{height:26px;width:26px}.song-library .empty-content[data-v-e361e0fc]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.song-library .empty-content .svg-icon[data-v-e361e0fc]{height:116px;margin-bottom:10px;width:120px}.song-library .empty-content p[data-v-e361e0fc]{color:#2e3035;font-size:12px;font-weight:500;line-height:19px;max-width:280px;text-align:center}.song-library .empty-content .pink[data-v-e361e0fc]{color:#cb5add;cursor:pointer;text-decoration:underline}@media (max-width:768px){.song-library.is-dialog[data-v-e361e0fc]{padding:20px 14px 14px}.song-library .tab-list li[data-v-e361e0fc]{font-size:12px;white-space:nowrap}}.song-library-dialog .el-overlay-dialog{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ededf980;display:flex;justify-content:center}.song-library-dialog .el-overlay-dialog .el-dialog__header{margin:0;padding:0}.song-library-dialog .el-overlay-dialog .el-dialog__header .el-dialog__close:before{color:#161616;content:"×";display:block;font-size:28px;font-style:normal;height:24px;width:24px}.song-library-dialog .el-overlay-dialog .el-dialog__header:hover .el-dialog__close:before{color:#161616}.song-library-dialog .el-overlay-dialog .el-dialog__header svg{display:none}.song-library-dialog .el-overlay-dialog .el-dialog{background:#fff;border-radius:12px;margin:0;max-width:400px;padding:0;width:calc(100% - 40px)}.song-library-dialog .el-overlay-dialog .el-dialog__body{padding:0}.song-library-dialog .title{color:#333;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}@media (max-width:768px){.song-library-dialog .title{font-size:18px;margin-bottom:14px}}.input-box[data-v-5351487e]{display:flex;position:relative}.input-box[data-v-5351487e] .el-input{background:#fff;border-radius:6px;color:#2e3035;padding:13px 50px 13px 20px;width:100%}.input-box[data-v-5351487e] .el-input .el-input__wrapper{background:transparent;border:none;box-shadow:none;padding-left:0;padding-right:0}.input-box[data-v-5351487e] .el-input .el-input__suffix{cursor:pointer;position:absolute;right:0}.input-box[data-v-5351487e] .el-input .el-input__suffix .close-icon{align-items:center;background:#555;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;margin-left:0;padding-top:2px;width:20px}.input-box .cover-youtube-list[data-v-5351487e]{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;left:0;padding:14px;position:absolute;top:70px;width:100%;z-index:2}.input-box .cover-youtube-list li[data-v-5351487e]{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;justify-content:space-between;line-height:18px;padding:10px;position:relative}.input-box .cover-youtube-list li p[data-v-5351487e]{flex:1}.input-box .cover-youtube-list li .close-icon[data-v-5351487e]{align-items:center;background:#fff;border-radius:50%;color:#d8c9da;display:flex;font-size:18px;font-weight:500;height:20px;justify-content:center;opacity:0;padding-top:2px;width:20px}.input-box .cover-youtube-list li[data-v-5351487e]:hover{background:#f2edf3;color:#333}.input-box .cover-youtube-list li:hover .close-icon[data-v-5351487e]{opacity:1}.input-box .error-text[data-v-5351487e]{bottom:-27px;color:#e3205e;font-size:14px;font-weight:500;left:20px;line-height:17px;position:absolute}@media (max-width:768px){.input-box .cover-youtube-list[data-v-5351487e]{padding:14px}.input-box .error-text[data-v-5351487e]{bottom:-20px;font-size:12px;left:0}}.light-tooltip.el-popper{border:none;max-width:300px;padding:8px;text-align:center;--el-text-color-primary:#655c6f}.el-popover.song-list-popover{border:none;border-radius:12px;box-shadow:none;max-width:400px;padding:0;width:calc(100% - 40px)!important}.upload-container .back-btn[data-v-1b88b9f7]{align-items:center;background-color:#fff;border:1px solid #be6aff;border-radius:5px;color:#be6aff;display:flex;font-size:14px;height:23px;justify-content:center;line-height:1;min-width:60px;padding:0 5px}.upload-container .back-btn[data-v-1b88b9f7]:hover{background:#be6aff;color:#fff}.upload-container .upload-song[data-v-1b88b9f7]{background:linear-gradient(145.39deg,#de6bb20d -3.16%,#bd4dfb0d 92.82%);border-radius:16px;display:flex;min-height:289px;padding:25px 20px;position:relative}.upload-container .delete-btn[data-v-1b88b9f7]{background:url(./delete-normal.CPKbVS0d.svg) no-repeat 50%/cover;cursor:pointer;height:40px;position:absolute;right:20px;top:20px;width:40px;z-index:1}.upload-container .delete-btn[data-v-1b88b9f7]:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Crect width='39' height='39' x='.5' y='.5' fill='%23fff' rx='19.5'/%3E%3Crect width='39' height='39' x='.5' y='.5' stroke='%23F5B7FF' rx='19.5'/%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M21.849 13.1v-1.167H18.15v1.166zm-5.042 0v-1.167a1.345 1.345 0 0 1 1.344-1.345h3.698a1.345 1.345 0 0 1 1.344 1.345v1.166h4.931q1.288 0 1.288 1.288v1.122q0 1.288-1.288 1.288h-1.737v11.27a1.345 1.345 0 0 1-1.345 1.345H14.958a1.344 1.344 0 0 1-1.345-1.345v-11.27h-1.737q-1.288 0-1.288-1.288v-1.122q0-1.288 1.288-1.288zm.895 12.586a.67.67 0 0 0 .197-.476v-6.05a.673.673 0 0 0-1.344 0v6.05a.672.672 0 0 0 1.147.476m2.857 0a.67.67 0 0 0 .197-.476v-6.05a.672.672 0 0 0-1.344 0v6.05a.672.672 0 0 0 1.147.476m2.69 0a.67.67 0 0 0 .196-.476v-6.05a.673.673 0 0 0-1.344 0v6.05a.672.672 0 0 0 1.147.476' clip-rule='evenodd'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='14.5' x2='26.102' y1='13.5' y2='29.412' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23965D8D'/%3E%3Cstop offset='1' stop-color='%238A52A7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}.upload-container[data-v-1b88b9f7] .el-upload{color:#333;width:100%}.upload-container[data-v-1b88b9f7] .el-upload .el-upload-dragger{background:linear-gradient(145.39deg,#de6bb21a -3.16%,#bd4dfb1a 92.82%);border:1px dashed #cb5add;border-radius:16px;padding:30px}.upload-container[data-v-1b88b9f7] .el-upload .title{font-size:16px;font-weight:600;line-height:19px}.upload-container[data-v-1b88b9f7] .el-upload .desc{font-size:12px;font-weight:500;line-height:18px}.upload-container[data-v-1b88b9f7] .el-upload .upload-box{background:linear-gradient(145.39deg,#de6bb2 -3.16%,#bd4dfb 92.82%);border-radius:26px;color:#fff;font-size:18px;font-weight:600;height:52px;margin:20px auto;max-width:298px;padding-right:52px;position:relative;width:100%}.upload-container[data-v-1b88b9f7] .el-upload .upload-box:hover{background:linear-gradient(145.39deg,#f14bb2 -3.16%,#b030f7 92.82%)}.upload-container[data-v-1b88b9f7] .el-upload .upload-box .upload{border-radius:26px 0 0 26px;flex:1;padding:0 10px;position:relative;z-index:2}.upload-container[data-v-1b88b9f7] .el-upload .upload-box .upload .svg-icon{height:24px;margin-right:10px;width:28px}.upload-container[data-v-1b88b9f7] .el-upload .upload-box .line{position:relative;z-index:2}.upload-container[data-v-1b88b9f7] .el-upload .upload-box .song{border-radius:inherit;flex-shrink:0;height:100%;justify-content:flex-end;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:1}.upload-container[data-v-1b88b9f7] .el-upload .upload-box .song p{height:100%;width:52px}.upload-container[data-v-1b88b9f7] .el-upload .upload-box .song .icon-arrow-right{transform:rotate(90deg)}.upload-container[data-v-1b88b9f7] .el-upload .upload-box .song:hover p,.upload-container[data-v-1b88b9f7] .el-upload .upload-box .upload:hover{background:linear-gradient(0deg,#0003,#0003)}.upload-container .error-text[data-v-1b88b9f7]{color:#e3205e;font-size:14px;font-weight:500;line-height:17px}.upload-container .init-block[data-v-1b88b9f7]{flex:1;position:relative}.upload-container .init-block .init-top[data-v-1b88b9f7]{min-height:28px}.upload-container .init-block h2[data-v-1b88b9f7]{font-size:18px;font-weight:600}.upload-container .init-block .song-library[data-v-1b88b9f7]{align-items:center;background:#fff;border:1px solid #f8e7f9;border-radius:8px;color:#333;display:flex;font-size:15px;font-weight:600;justify-content:center;line-height:18px;padding:6px 12px;position:absolute;right:0;top:-5px}.upload-container .init-block .song-library .svg-icon[data-v-1b88b9f7]{height:23px;width:23px}.upload-container .init-block .song-library span[data-v-1b88b9f7]{margin-left:4px}.upload-container .init-block .init-bottom[data-v-1b88b9f7]{display:flex;gap:20px}.upload-container .init-block .init-bottom>div[data-v-1b88b9f7]{align-items:center;display:flex;flex-direction:column;justify-content:center;width:calc(50% - 10px)}.upload-container .init-block .init-youtube[data-v-1b88b9f7]{background:#fff9;border:1px solid #fff;border-radius:16px;padding:40px}.upload-container .init-block .init-youtube .title[data-v-1b88b9f7]{color:#333;font-size:16px;font-weight:600;line-height:19px;margin-bottom:20px;text-align:center}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .input-box{padding-bottom:0;width:100%}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .input-box .cover-youtube-list{top:64px}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .el-input{background:#f2edf3;border-radius:6px;color:#6f6f6f;font-size:14px;font-weight:500;padding:0;width:100%}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .el-input .el-input-group__prepend{background:transparent;border:none;box-shadow:none;padding:0}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .el-input .el-input__wrapper{background:transparent;border:none;box-shadow:none;padding-left:10px;padding-right:10px}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .el-input .svg-icon{height:52px;width:52px}.upload-container .upload-block[data-v-1b88b9f7],.upload-container .youtube-block[data-v-1b88b9f7]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}.upload-container .upload-block .svg-icon[data-v-1b88b9f7],.upload-container .youtube-block .svg-icon[data-v-1b88b9f7]{height:78px;margin-bottom:20px;width:78px}.upload-container .upload-block[data-v-1b88b9f7]{overflow:hidden}.upload-container .upload-block .file-box[data-v-1b88b9f7]{align-items:center;background:#fff;border-radius:12px;color:#2e3035;font-size:18px;font-weight:500;justify-content:center;line-height:22px;max-width:600px;padding:14px 0;position:relative;width:80%}.upload-container .upload-block .file-box .file-name[data-v-1b88b9f7]{margin:0 40px}.upload-container .upload-block .file-box .close-icon[data-v-1b88b9f7]{align-items:center;background:#555;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:0;padding-top:2px;position:absolute;right:10px;width:20px}.upload-container .youtube-block[data-v-1b88b9f7] .input-box{max-width:600px;width:80%}.upload-container .youtube-block[data-v-1b88b9f7] .input-box .cover-youtube-list{top:64px}.upload-container .youtube-block[data-v-1b88b9f7] .el-input{border-radius:12px;color:#2e3035;font-size:18px;font-weight:500;line-height:22px;padding:14px 20px;width:100%}.upload-container .youtube-block[data-v-1b88b9f7] .el-input .el-input-group__prepend{display:none}.upload-container .youtube-block[data-v-1b88b9f7] .el-input .el-input__inner{height:auto;line-height:22px}.upload-container .youtube-block[data-v-1b88b9f7] .el-input .el-input__wrapper{background:transparent;border:none;box-shadow:none;padding-left:0;padding-right:30px}.upload-container .contain-box[data-v-1b88b9f7]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}.upload-container .contain-box .failed-icon[data-v-1b88b9f7]{height:107px;width:188px}.upload-container .contain-box .failed-title[data-v-1b88b9f7]{color:#2e3035;font-size:22px;font-weight:600;line-height:normal;margin:20px 0}.upload-container .contain-box .failed-bottom[data-v-1b88b9f7]{align-items:center;color:#2e3035;display:flex;font-size:18px}.upload-container .contain-box .failed-bottom>div[data-v-1b88b9f7]{text-align:center}.upload-container .contain-box .failed-bottom span[data-v-1b88b9f7]{text-decoration:underline}.upload-container .contain-box .failed-bottom button[data-v-1b88b9f7]{background:linear-gradient(145.39deg,#de6bb2 -3.16%,#bd4dfb 92.82%);border-radius:8px;color:#fff;font-size:16px;font-weight:600;height:40px;margin:0 4px;min-width:133px;padding:0 5px;white-space:nowrap}.upload-container .contain-box .failed-bottom button[data-v-1b88b9f7]:hover{background:linear-gradient(145.39deg,#f14bb2 -3.16%,#b030f7 92.82%)}.upload-container .contain-box .cover-loading[data-v-1b88b9f7]{animation:loadingAnima 3s linear infinite;height:80px;width:80px}.create-btn[data-v-1b88b9f7]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:24px}.create-btn[data-v-1b88b9f7] .el-button{background:linear-gradient(145.39deg,#de6bb2 -3.16%,#bd4dfb 92.82%);border:none;border-radius:16px;color:#fff;font-size:24px;font-weight:600;height:auto;line-height:36px;max-width:486px;padding:16px;width:100%}.create-btn[data-v-1b88b9f7] .el-button:hover{background:linear-gradient(145.39deg,#f14bb2 -3.16%,#b030f7 92.82%)}.create-btn[data-v-1b88b9f7] .el-button.is-disabled{background:linear-gradient(145.39deg,#edc0dc -3.16%,#d6aaee 92.82%)}.create-btn .user-agreement[data-v-1b88b9f7]{align-items:center;display:flex;margin-top:12px}.create-btn .user-agreement[data-v-1b88b9f7] .el-checkbox{--el-checkbox-input-border:1px solid #2e3035;--el-checkbox-border-radius:50%;--el-checkbox-input-border-color-hover:#cb5add;--el-checkbox-checked-bg-color:#cb5add;--el-checkbox-checked-input-border-color:#cb5add;height:14px;margin-right:5px}.create-btn .user-agreement[data-v-1b88b9f7] .el-checkbox .el-checkbox__label{display:none}.create-btn .user-agreement p[data-v-1b88b9f7]{font-size:12px;font-weight:500;line-height:18px}.create-btn .user-agreement p a[data-v-1b88b9f7]{color:#cb5add;text-decoration:underline}@media (max-width:768px){.upload-container .upload-song[data-v-1b88b9f7]{height:auto;min-height:200px;padding:14px}.upload-container .delete-btn[data-v-1b88b9f7]{right:10px;top:10px}.upload-container[data-v-1b88b9f7] .el-upload .el-upload-dragger{padding:14px}.upload-container[data-v-1b88b9f7] .el-upload .title{font-size:14px;line-height:17px}.upload-container[data-v-1b88b9f7] .el-upload .desc{font-size:10px;line-height:15px}.upload-container[data-v-1b88b9f7] .el-upload .upload-box{font-size:12px;height:40px;margin-bottom:10px;margin-top:14px}.upload-container[data-v-1b88b9f7] .el-upload .upload-box .upload .svg-icon{height:20px;margin-right:5px;width:24px}.upload-container .contain-box .failed-icon[data-v-1b88b9f7]{height:74px;width:130px}.upload-container .contain-box .failed-title[data-v-1b88b9f7]{font-size:14px;margin:10px 0}.upload-container .contain-box .failed-bottom[data-v-1b88b9f7]{font-size:14px}.upload-container .contain-box .failed-bottom .line[data-v-1b88b9f7]{display:block}.upload-container .contain-box .failed-bottom button[data-v-1b88b9f7]{font-size:12px;height:36px;margin:10px 0 0;min-width:100px}.upload-container .contain-box .cover-loading[data-v-1b88b9f7]{height:60px;width:60px}.upload-container .contain-box .cover-loading-text[data-v-1b88b9f7]{font-size:14px;margin-top:20px}.upload-container .init-block .init-top[data-v-1b88b9f7]{margin-bottom:16px;min-height:25px}.upload-container .init-block h2[data-v-1b88b9f7]{font-size:14px;line-height:17px;padding-right:50px}.upload-container .init-block .song-library[data-v-1b88b9f7]{padding:5px;top:-4px}.upload-container .init-block .song-library span[data-v-1b88b9f7]{display:none}.upload-container .init-block .init-bottom[data-v-1b88b9f7]{align-items:center;flex-direction:column;gap:14px;justify-content:center}.upload-container .init-block .init-bottom>div[data-v-1b88b9f7]{width:100%}.upload-container .init-block .init-youtube[data-v-1b88b9f7]{padding:14px}.upload-container .init-block .init-youtube .title[data-v-1b88b9f7]{font-size:14px;line-height:17px;margin-bottom:14px}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .input-box .cover-youtube-list{top:50px}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .el-input .svg-icon{height:40px;width:40px}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .el-input .el-input__wrapper{padding:0 4px}.upload-container .init-block .init-youtube[data-v-1b88b9f7] .el-input .el-input__inner{font-size:10px}.upload-container .upload-block .svg-icon[data-v-1b88b9f7],.upload-container .youtube-block .svg-icon[data-v-1b88b9f7]{height:45px;margin-bottom:14px;width:45px}.upload-container .upload-block .file-box[data-v-1b88b9f7]{font-size:14px;line-height:17px;width:100%}.upload-container .upload-block .file-box .file-name[data-v-1b88b9f7]{margin-left:14px}.upload-container .youtube-block[data-v-1b88b9f7] .input-box{width:100%}.upload-container .youtube-block[data-v-1b88b9f7] .input-box .cover-youtube-list{top:55px}.upload-container .youtube-block[data-v-1b88b9f7] .el-input{padding:14px}.upload-container .youtube-block[data-v-1b88b9f7] .el-input .el-input__suffix{font-size:18px}.upload-container .youtube-block[data-v-1b88b9f7] .el-input .el-input__inner{font-size:14px;line-height:17px}.upload-container .youtube-block[data-v-1b88b9f7] .el-input .el-input__inner::-moz-placeholder{font-size:10px}.upload-container .youtube-block[data-v-1b88b9f7] .el-input .el-input__inner::placeholder{font-size:10px}.create-btn[data-v-1b88b9f7]{padding-top:18px}.create-btn[data-v-1b88b9f7] .el-button{font-size:16px;line-height:1.5;max-width:270px;padding:12px}.create-btn .user-agreement[data-v-1b88b9f7]{margin-top:10px}.create-btn .user-agreement p[data-v-1b88b9f7]{font-size:10px;line-height:1.3}}