.play-list-item .play-btn[data-v-0ed7942b],.play-list-item .playlist-des[data-v-0ed7942b],.play-list-item .playlist-name[data-v-0ed7942b]{opacity:0;transition:all .2s linear}.play-list-item .playlist-name[data-v-0ed7942b]{opacity:1;text-shadow:0 0 4px rgba(0,0,0,.6)}.play-list-item .play-btn.is-play[data-v-0ed7942b]{opacity:1;top:14px}.play-list-item .play-btn.is-play:hover .pause-btn[data-v-0ed7942b]{display:flex}.play-list-item .play-btn.is-play .pause-btn[data-v-0ed7942b],.play-list-item .play-btn.is-play:hover .lottie-box[data-v-0ed7942b]{display:none}.play-list-item.is-desktop[data-v-0ed7942b]:hover:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000073;border-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.play-list-item.is-desktop:hover .play-btn[data-v-0ed7942b]{opacity:1;top:14px}.play-list-item.is-desktop:hover .playlist-name[data-v-0ed7942b]{bottom:49px}.play-list-item.is-desktop:hover .playlist-des[data-v-0ed7942b]{bottom:9px;opacity:1}@media (max-width:768px){.play-list-item[data-v-0ed7942b]{height:93px;width:149px}.play-list-item .play-btn[data-v-0ed7942b]{background:#0000004d;height:20px;opacity:1;right:8px;top:6px!important;width:20px}.play-list-item .play-btn .svg-icon[data-v-0ed7942b]{height:8px;width:8px}.play-list-item .play-btn .pause-btn[data-v-0ed7942b]{height:20px;width:20px}}.draggable-container[data-v-7ef7ccfc]{overflow:hidden;position:relative;width:100%}.draggable-list[data-v-7ef7ccfc]{cursor:grab;display:flex;overflow-x:auto;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-overflow-style:none}.draggable-list[data-v-7ef7ccfc]::-webkit-scrollbar{display:none}.draggable-list[data-v-7ef7ccfc]:active{cursor:grabbing}.nav-btn-left-container[data-v-7ef7ccfc]{background:linear-gradient(90deg,#fff 16%,#fff0)}.nav-btn-right-container[data-v-7ef7ccfc]{background:linear-gradient(270deg,#fff 16%,#fff0)}@media (max-width:768px){.nav-btn-left-container[data-v-7ef7ccfc],.nav-btn-right-container[data-v-7ef7ccfc]{display:none!important}}.nav-btn[data-v-7ef7ccfc]{align-items:center;background:#ffffffe6;border:1px solid #ebecee;border-radius:50%;display:flex;filter:drop-shadow(0 1.5px 6px rgba(71,84,102,.28));height:36px;justify-content:center;width:36px}.nav-btn[data-v-7ef7ccfc]:hover{border-color:#e2dcff}.nav-btn:hover svg path[data-v-7ef7ccfc]{stroke:#6d4fff}.nav-btn[data-v-7ef7ccfc]:disabled{cursor:not-allowed;opacity:.5}.creation-music[data-v-ab2ac9d0]{padding-right:24px}.creation-music[data-v-ab2ac9d0]:hover{padding-right:20px}.creation-music[data-v-ab2ac9d0]:hover::-webkit-scrollbar{display:block}.creation-music[data-v-ab2ac9d0]::-webkit-scrollbar{border-radius:20px;display:none;width:4px}.creation-music[data-v-ab2ac9d0]::-webkit-scrollbar-thumb{background-color:#ebecee;border-radius:20px}.creation-music .hot[data-v-ab2ac9d0]{background:linear-gradient(90deg,#ffebef,#ffd8f6 50.62%,#ffbbf7)}.creation-music .view-more:hover .svg-icon[data-v-ab2ac9d0],.creation-music .view-more:hover span[data-v-ab2ac9d0]{color:#6d4fff}.creation-music .music-list[data-v-ab2ac9d0],.creation-music[data-v-ab2ac9d0] .el-skeleton{display:flex;flex-wrap:wrap}.creation-music .music-list .music-item[data-v-ab2ac9d0],.creation-music[data-v-ab2ac9d0] .el-skeleton .music-item{width:calc(33.33% - 26px)}.creation-music .music-list .playlist-item[data-v-ab2ac9d0],.creation-music[data-v-ab2ac9d0] .el-skeleton .playlist-item{border-radius:12px;flex-shrink:0;height:172px;width:276px}.creation-music .to-music[data-v-ab2ac9d0]{background:url(./to-music-bg.DLEWPijf.png) no-repeat 50%/100% 100%}.creation-music .to-music .create-btn[data-v-ab2ac9d0]:hover{background:#000}.creation-music .to-music .create-btn:hover .svg-icon[data-v-ab2ac9d0],.creation-music .to-music .create-btn:hover span[data-v-ab2ac9d0]{color:#fff}@media (max-width:1280px){.creation-music .music-list .music-item[data-v-ab2ac9d0],.creation-music[data-v-ab2ac9d0] .el-skeleton .music-item{width:calc(50% - 26px)}}@media (max-width:768px){.creation-music[data-v-ab2ac9d0]{padding:20px 0 100px}.creation-music[data-v-ab2ac9d0]:hover{padding-right:0}.creation-music[data-v-ab2ac9d0]:hover::-webkit-scrollbar{display:none}.creation-music .creation-item[data-v-ab2ac9d0]{margin-bottom:20px}.creation-music .item-label[data-v-ab2ac9d0],.creation-music .music-list[data-v-ab2ac9d0],.creation-music[data-v-ab2ac9d0] .draggable-list,.creation-music[data-v-ab2ac9d0] .el-skeleton{padding:0 20px}.creation-music .music-list[data-v-ab2ac9d0],.creation-music[data-v-ab2ac9d0] .el-skeleton{gap:10px}.creation-music .music-list .music-item[data-v-ab2ac9d0],.creation-music[data-v-ab2ac9d0] .el-skeleton .music-item{width:100%}.creation-music .music-list .playlist-item[data-v-ab2ac9d0],.creation-music[data-v-ab2ac9d0] .el-skeleton .playlist-item{border-radius:6px;height:93px;width:149px}}.cover-card[data-v-9af044de]{display:flex;flex-direction:column;width:256px}.cover-card .card-top[data-v-9af044de]{border-radius:12px;height:256px;overflow:hidden;position:relative;width:100%}.cover-card .card-top .card-imgs[data-v-9af044de]{align-items:center;background:#f3eef5;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.cover-card .card-top .card-imgs .cover-img[data-v-9af044de]{border-radius:initial;-o-object-fit:cover;object-fit:cover;width:100%}.cover-card .card-top .card-imgs .cover-img.active[data-v-9af044de]{animation:loadingAnima 10s linear infinite;animation-play-state:paused;z-index:1}.cover-card .card-top .card-imgs .cover-img.active.is-play[data-v-9af044de]{animation-play-state:running}.cover-card .card-top .card-imgs.three-img .cover-img[data-v-9af044de],.cover-card .card-top .card-imgs.two-img .cover-img[data-v-9af044de]{border-radius:50%;width:calc(50% + 15px)}.cover-card .card-top .card-imgs.two-img .cover-img[data-v-9af044de]:nth-child(2){margin-left:-30px}.cover-card .card-top .card-imgs.three-img .cover-img[data-v-9af044de]:first-child{margin-bottom:-30px}.cover-card .card-top .card-imgs.three-img .cover-img[data-v-9af044de]:nth-child(3){margin-left:-30px}.cover-card .card-top .play-box[data-v-9af044de]{position:absolute;right:10px;top:10px;z-index:2}.cover-card .card-top .play-box .play-btn[data-v-9af044de]{background:#6b646dcc;border-radius:50%;opacity:0;transform:translateY(-100%);transition:all .2s linear}.cover-card .card-top .play-box .playing-gif[data-v-9af044de]{background:#6b646dcc;border-radius:50%;display:none;height:40px;padding:10px;width:40px}.cover-card .card-top .file-name[data-v-9af044de]{background:#6b646dcc;border-radius:4px;color:#fff;font-size:12px;font-weight:500;left:10px;max-width:60%;padding:4px;position:absolute;top:10px;z-index:2}.cover-card .card-top .operate-box[data-v-9af044de]{align-items:center;bottom:0;display:flex;flex-wrap:wrap;gap:10px;left:0;padding:10px;position:absolute;transform:translateY(40px);transition:all .2s linear;width:100%;z-index:2}.cover-card .card-top .operate-box[data-v-9af044de] .el-button{--el-border-radius-base:8px;border:none;color:#fff;height:30px;padding:6px}.cover-card .card-top .operate-box[data-v-9af044de] .el-button+.el-button{margin-left:0}.cover-card .card-top .operate-box .create-same[data-v-9af044de]{background:linear-gradient(145.39deg,#df508fe6 -3.16%,#ac22ffe6 92.82%);width:66%}.cover-card .card-top .operate-box .create-same[data-v-9af044de]:hover{background:linear-gradient(145.39deg,#fc318b -3.16%,#a40eff 92.82%)}.cover-card .card-top .operate-box .like-btn[data-v-9af044de]{background:#6b646dcc;flex:1}.cover-card .card-top .operate-box .like-btn .like-icon[data-v-9af044de]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M13.525 16.93h-.023q-1.09-.01-2.182-.008h-1.11c-.742 0-1.484 0-2.227-.01a3.4 3.4 0 0 1-1.2-.253c-.65-.254-1.021-.82-1.02-1.556l.003-2.76c0-1.527 0-3.058.013-4.586.002-.415.27-.806.498-1.01.884-.809 1.844-1.816 2.246-3.174.112-.378.155-.796.2-1.237.09-.878.66-1.45 1.42-1.45q.45.002.89.263c.588.353.98.908 1.197 1.698.347 1.255.17 2.473-.026 3.517v.004a.396.396 0 0 0 .388.47h2.538c.437 0 1.063.055 1.45.523.28.342.36.802.242 1.411-.363 1.872-.808 3.759-1.234 5.517-.132.549-.353 1.056-.566 1.548l-.091.21c-.242.57-.742.883-1.406.883m-10.88-.183h-.232A1.53 1.53 0 0 1 .887 15.22V8.42c0-.84.687-1.526 1.526-1.526h.232c.84 0 1.526.687 1.526 1.526v6.8a1.53 1.53 0 0 1-1.526 1.528'/%3E%3C/svg%3E") no-repeat 50%/cover;height:16px;margin-right:6px;width:16px}.cover-card .card-top .operate-box .like-btn:hover .like-icon[data-v-9af044de]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='url(%23a)' d='M13.525 16.93h-.023q-1.09-.01-2.182-.008h-1.11c-.742 0-1.484 0-2.227-.01a3.4 3.4 0 0 1-1.2-.253c-.65-.254-1.021-.82-1.02-1.556l.003-2.76c0-1.527 0-3.058.013-4.586.002-.415.27-.806.498-1.01.884-.809 1.844-1.816 2.246-3.174.112-.378.155-.796.2-1.237.09-.878.66-1.45 1.42-1.45q.45.002.89.263c.588.353.98.908 1.197 1.698.347 1.255.17 2.473-.026 3.517v.004a.396.396 0 0 0 .388.47h2.538c.437 0 1.063.055 1.45.523.28.342.36.802.242 1.411-.363 1.872-.808 3.759-1.234 5.517-.132.549-.353 1.056-.566 1.548l-.091.21c-.242.57-.742.883-1.406.883m-10.88-.183h-.232A1.53 1.53 0 0 1 .887 15.22V8.42c0-.84.687-1.526 1.526-1.526h.232c.84 0 1.526.687 1.526 1.526v6.8a1.53 1.53 0 0 1-1.526 1.528'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='1.941' x2='14.121' y1='-.701' y2='16.89' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DF508F'/%3E%3Cstop offset='1' stop-color='%23AC22FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}.cover-card .card-top .operate-box .like-btn.active[data-v-9af044de]{background:#ffffff4d}.cover-card .card-top .operate-box .like-btn.active .like-icon[data-v-9af044de]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='url(%23a)' d='M13.525 16.93h-.023q-1.09-.01-2.182-.008h-1.11c-.742 0-1.484 0-2.227-.01a3.4 3.4 0 0 1-1.2-.253c-.65-.254-1.021-.82-1.02-1.556l.003-2.76c0-1.527 0-3.058.013-4.586.002-.415.27-.806.498-1.01.884-.809 1.844-1.816 2.246-3.174.112-.378.155-.796.2-1.237.09-.878.66-1.45 1.42-1.45q.45.002.89.263c.588.353.98.908 1.197 1.698.347 1.255.17 2.473-.026 3.517v.004a.396.396 0 0 0 .388.47h2.538c.437 0 1.063.055 1.45.523.28.342.36.802.242 1.411-.363 1.872-.808 3.759-1.234 5.517-.132.549-.353 1.056-.566 1.548l-.091.21c-.242.57-.742.883-1.406.883m-10.88-.183h-.232A1.53 1.53 0 0 1 .887 15.22V8.42c0-.84.687-1.526 1.526-1.526h.232c.84 0 1.526.687 1.526 1.526v6.8a1.53 1.53 0 0 1-1.526 1.528'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='1.941' x2='14.121' y1='-.701' y2='16.89' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DF508F'/%3E%3Cstop offset='1' stop-color='%23AC22FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}.cover-card .card-top .operate-box .create-same[data-v-9af044de],.cover-card .card-top .operate-box .like-btn[data-v-9af044de]{opacity:0;transition:all .2s linear}.cover-card .card-top .operate-box .gold-box[data-v-9af044de]{display:flex;justify-content:flex-end;width:100%}.cover-card .card-top .operate-box .gold-box .download-gold[data-v-9af044de]{align-items:center;background:#fffc;border-radius:6px;color:#f68500;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:6px 10px;width:-moz-fit-content;width:fit-content}.cover-card .card-top .operate-box .gold-box .download-gold img[data-v-9af044de]{height:20px;margin-right:4px;width:20px}.cover-card .card-top:hover .operate-box[data-v-9af044de]{transform:translateY(0)}.cover-card .card-top:hover .operate-box .create-same[data-v-9af044de],.cover-card .card-top:hover .operate-box .like-btn[data-v-9af044de]{opacity:1}.cover-card .card-top.active .play-box .play-btn[data-v-9af044de],.cover-card .card-top:hover .play-box .play-btn[data-v-9af044de]{opacity:1;transform:translateY(0)}.cover-card .card-top.is-play .play-box .play-btn[data-v-9af044de]{display:none}.cover-card .card-top.is-play .play-box .playing-gif[data-v-9af044de],.cover-card .card-top.is-play:hover .play-box .play-btn[data-v-9af044de]{display:block}.cover-card .card-top.is-play:hover .play-box .playing-gif[data-v-9af044de]{display:none}.cover-card .card-bottom[data-v-9af044de]{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:15px}.cover-card .card-bottom .user-info[data-v-9af044de]{gap:6px;max-width:60%}.cover-card .card-bottom .user-img[data-v-9af044de]{border-radius:50%;flex-shrink:0;height:30px;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:30px}.cover-card .card-bottom .user-name[data-v-9af044de]{font-size:14px;font-weight:500}.cover-card .card-bottom .tag[data-v-9af044de]{background:#bcb8c1;border-radius:8px;color:#fff;font-size:12px;font-weight:500;max-width:100%;padding:4px;width:-moz-fit-content;width:fit-content}.cover-card .card-bottom .tag span[data-v-9af044de]{color:#8cff4f}@media (max-width:768px){.cover-card .card-top .operate-box[data-v-9af044de]{transform:translateY(0)}.cover-card .card-top .operate-box .create-same[data-v-9af044de],.cover-card .card-top .operate-box .like-btn[data-v-9af044de]{opacity:1}.cover-card .card-top .play-box .play-btn[data-v-9af044de]{opacity:1;transform:translateY(0)}}@media (max-width:768px){.history-item[data-v-7151a3be]{max-width:350px;width:100%}}@media (max-width:767px){.history-item[data-v-7151a3be]{max-width:none}}.type-main[data-v-04c5cbdd]{min-height:70px}.type-main .type-list li[data-v-04c5cbdd]{background-color:#fff;border-radius:40px;color:#2e3035b3;cursor:pointer;font-size:18px;font-weight:600;height:39px;line-height:39px;margin-right:16px;padding:0 20px}.type-main .type-list li[data-v-04c5cbdd]:hover{color:#6d73ff}.type-main .type-list li.active[data-v-04c5cbdd]{background:linear-gradient(90deg,#d151ff,#ff3989);color:#fff}.type-main .type-list li.disable[data-v-04c5cbdd]{color:#2e30354d;cursor:no-drop}.type-main .type-box[data-v-04c5cbdd]{display:flex;flex:1;flex-wrap:wrap;justify-content:space-between}.type-main .type-box .my-btn[data-v-04c5cbdd]{background:#6d73ff;background:linear-gradient(90deg,#6d73ff,#8e5fff 50%,#d257ff);border-radius:8px;color:#fff;cursor:pointer;height:40px;line-height:40px;text-align:center;width:158px}.type-main .type-box .my-btn[data-v-04c5cbdd]:hover{background-color:#5a61ff}.type-main .type-box .my-btn.disabled[data-v-04c5cbdd]{background:#ccc;color:#fff}.type-main .type-box .my-btn[data-v-04c5cbdd]:hover{background:linear-gradient(90deg,#7b6bff,#d257ff 52.5%,#fa78f1)}.type-main .tab-active[data-v-04c5cbdd]{box-shadow:0 2px 4px #00000026}.type-main .right[data-v-04c5cbdd]{justify-content:right}.type-main .right .checkbox[data-v-04c5cbdd]{align-items:center;border-right:1px solid #e8e8e8;display:flex;margin-left:16px;margin-right:16px;padding-right:16px}.type-main .right[data-v-04c5cbdd] .el-checkbox{--el-checkbox-input-width:24px;--el-checkbox-input-height:24px;--el-checkbox-border-radius:6px;height:28px}.type-main .right[data-v-04c5cbdd] .el-checkbox .el-checkbox__input{--el-checkbox-checked-bg-color:#6d73ff}.type-main .right[data-v-04c5cbdd] .el-checkbox .el-checkbox__input .el-checkbox__inner{border:1px solid #e8e8e8}.type-main .right[data-v-04c5cbdd] .el-checkbox .el-checkbox__input .el-checkbox__inner:after{border-width:2px;height:10px;left:8px;top:3px;width:5px}.type-main .right[data-v-04c5cbdd] .el-checkbox .el-checkbox__label{color:#44414e;font-size:14px;font-weight:500;line-height:17px;text-align:center}.type-main .right[data-v-04c5cbdd] .el-select{box-shadow:none;margin-right:16px;width:150px}.type-main .right[data-v-04c5cbdd] .el-select .el-select__wrapper{background-color:#fff;border-color:#6e74fd;border-radius:10px;height:39px;min-height:39px;padding-left:10px;padding-right:10px}.type-main .right[data-v-04c5cbdd] .el-select .el-select__wrapper.is-focused{box-shadow:inset 0 0 0 1px #6e74fd!important}.type-main .right[data-v-04c5cbdd] .el-select .el-select__placeholder{color:#2e3035;font-size:14px}.type-main .right[data-v-04c5cbdd] .el-select .el-select__caret{height:8px;width:14px}.type-main .right[data-v-04c5cbdd] .el-select .el-select__caret .svg-icon{color:#999}.type-main .right[data-v-04c5cbdd] .el-select .el-select__caret.is-reverse .svg-icon{color:#6d73ff}.type-main[data-v-04c5cbdd] .type-input{height:40px;width:329px}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper{border:1px solid #f4f1ff;border-radius:8px;box-shadow:0 0 8px #45188d0d;padding:1px 4px 1px 20px}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper .el-input__suffix .el-input__icon.el-input__clear{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cmask id='a' width='12' height='12' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h12v12H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B6B6B8' d='m11.107 9.795-3.711-3.71 3.71-3.711a.955.955 0 0 0 0-1.345.955.955 0 0 0-1.344 0l-3.71 3.71L2.34 1.03a.955.955 0 0 0-1.344 0 .955.955 0 0 0 0 1.345l3.71 3.71-3.71 3.711a.955.955 0 0 0 0 1.345c.369.369.973.369 1.344 0l3.711-3.71 3.71 3.71c.37.369.975.369 1.346 0a.95.95 0 0 0 0-1.345'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;height:12px;margin-right:3px;position:absolute;right:50px;width:12px}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper .el-input__suffix .el-input__icon.el-input__clear:hover{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%236D73FF' fill-rule='evenodd' d='M12.293 2.293a1 1 0 1 1 1.414 1.414L9.414 8l4.293 4.293a1 1 0 0 1-1.414 1.414L8 9.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L6.586 8 2.293 3.707a1 1 0 0 1 1.414-1.414L8 6.586z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper .el-input__suffix .el-input__icon.el-input__clear svg{display:none}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper .el-input__suffix .search-btn{background:#e2e3ff;border-radius:7px;font-size:14px;height:32px;line-height:32px;width:40px}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper .el-input__suffix .search-btn svg path{stroke:#6d73ff!important;fill:none!important}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper.is-focus{background:#f3f4ff;border-color:#6e74fd}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper.is-focus .search-btn{background-color:#6d73ff;color:#fff}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper.is-focus .search-btn svg path{stroke:#fff!important;fill:none!important}@media screen and (max-width:1560px){.type-main .type-list li[data-v-04c5cbdd]{font-size:16px;padding:0 15px}.type-main .type-list li[data-v-04c5cbdd]:not(:last-child){margin-right:5px}.type-main .right[data-v-04c5cbdd] .el-select{margin-right:12px;width:130px}.type-main[data-v-04c5cbdd] .type-input{width:300px}}@media screen and (max-width:1400px){.type-main .type-list li[data-v-04c5cbdd]{font-size:16px;padding:0 10px}.type-main .right[data-v-04c5cbdd] .el-select{margin-right:12px;width:130px}.type-main[data-v-04c5cbdd] .type-input{width:280px}.type-main[data-v-04c5cbdd] .type-input .el-input__wrapper{padding-right:4px}}@media screen and (max-width:768px){.type-main[data-v-04c5cbdd]{flex-direction:column-reverse}.type-main .type-box[data-v-04c5cbdd]{display:block;padding-bottom:11px;width:100%}.type-main .select-box[data-v-04c5cbdd]{margin:0}.type-main .type-list-main[data-v-04c5cbdd]{margin-bottom:12px;overflow-x:scroll;padding:0 14px;width:100%}.type-main .type-list[data-v-04c5cbdd]{margin-bottom:0;padding:0 15px}.type-main .type-list li[data-v-04c5cbdd]{flex-shrink:0;font-size:16px;height:35px;line-height:35px;padding:0 12px}.type-main .right-main[data-v-04c5cbdd]{overflow-x:scroll;width:100vw}.type-main .right[data-v-04c5cbdd]{justify-content:left;margin-bottom:0;padding:0 14px 8px}.type-main .right>div[data-v-04c5cbdd]{flex-shrink:0}.type-main .right .checkbox[data-v-04c5cbdd]{margin-left:0}.type-main[data-v-04c5cbdd] .type-input{margin:11px 14px 14px;width:calc(100% - 28px)}}.el-popper.creation-select-box{background:#fff;border:none;border-radius:10px;box-shadow:0 0 8px #45188d0d}.creation-select-box{--el-fill-color-light:#fff}.creation-select-box .el-popper__arrow{display:none}.creation-select-box .el-select-dropdown__list{padding:8px}.creation-select-box .el-select-dropdown__item{color:#757575;height:30px;line-height:30px;padding:0 12px}.creation-select-box .el-select-dropdown__item.selected{color:#6d73ff;font-weight:400}.creation-select-box .el-select-dropdown__item:hover{background-color:#f7f7f9;border-radius:4px}.el-popover.el-popper.types-popover{padding:10px;text-align:center;word-break:break-word}.creation-hub[data-v-5f373ae5]{display:flex;flex-direction:column;height:calc(100% - 58px);padding:30px 30px 0;width:100%}.creation-hub .works-main[data-v-5f373ae5]{flex:1;margin-top:15px;overflow-y:scroll}.creation-hub .works-main.is-audio[data-v-5f373ae5]{padding-bottom:110px}.creation-hub .works-main.is-cover-audio[data-v-5f373ae5]{padding-bottom:120px}.creation-hub .works-main .loading[data-v-5f373ae5]{margin:30px 0}.creation-hub .works-main .loading p[data-v-5f373ae5]{color:#58436a;font-size:16px;font-weight:400;margin-top:20px;text-align:center}.creation-hub .no-works[data-v-5f373ae5]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding-bottom:70px;padding-top:70px}.creation-hub .no-works .clone-btn[data-v-5f373ae5]{background:#6d73ff;border-radius:8px;color:#fff;cursor:pointer;height:55px;line-height:55px;text-align:center;width:260px}.creation-hub .no-works .clone-btn[data-v-5f373ae5]:hover{background-color:#5a61ff}.creation-hub .no-works .clone-btn.disabled[data-v-5f373ae5]{background:#ccc;color:#fff}.creation-hub .works-list[data-v-5f373ae5]{flex-wrap:wrap}.creation-hub .works-list.cover-grid[data-v-5f373ae5]{gap:40px 60px;padding-bottom:60px}.creation-hub .works-list.cover-grid[data-v-5f373ae5] .new-card .cover-card{background-image:linear-gradient(0deg,#f2edf3,#f2edf3),linear-gradient(0deg,transparent,transparent)}.creation-hub .works-list.cover-grid[data-v-5f373ae5] .new-card .cover-card.active,.creation-hub .works-list.cover-grid[data-v-5f373ae5] .new-card:hover .cover-card{background-image:linear-gradient(142.13deg,#f5e0ef 3.28%,#f4dcf9 48.69%,#f2dafe 92.31%),linear-gradient(145.39deg,#df508fe6 -3.16%,#ac22ffe6 92.82%)}.creation-hub .works-list .works-item[data-v-5f373ae5]{margin-bottom:30px;margin-right:40px}.creation-hub .hub-title p[data-v-5f373ae5]{background:linear-gradient(90deg,#dc68ff,#a483e4);-webkit-background-clip:text;color:transparent;font-size:16px;font-weight:600;line-height:24px}@media screen and (max-width:1024px){.creation-hub .works-main[data-v-5f373ae5]{padding-bottom:100px}.creation-hub .works-main.is-cover-audio[data-v-5f373ae5]{padding-bottom:150px}.creation-hub .works-list.cover-grid[data-v-5f373ae5]{gap:30px;padding-bottom:0}}@media screen and (max-width:1280px){.creation-hub[data-v-5f373ae5]{background:linear-gradient(.438turn,#aa95d799 -5.43%,#ebe0f399 27.06%,#d5cfe999 62.26%,#f3f2fc99 91.57%)}.creation-hub .works-main[data-v-5f373ae5]{margin-top:12px}.creation-hub .works-list[data-v-5f373ae5]{display:block;padding:0 14px}.creation-hub .works-list.cover-grid[data-v-5f373ae5]{display:flex}.creation-hub .works-list .works-item[data-v-5f373ae5]{margin-bottom:12px;margin-right:0}.creation-hub .no-works[data-v-5f373ae5]{padding-bottom:30px;padding-top:30px}.creation-hub .no-works .text[data-v-5f373ae5]{text-align:center;width:100%}}@media screen and (max-width:768px){.creation-hub[data-v-5f373ae5]{padding:10px 0 0}}.creation-hub[data-v-8d473151]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.creation-hub-content[data-v-8d473151]{box-shadow:0 4px 20px #47546614}.creation-hub-content .creation-header[data-v-8d473151]{border-bottom:1px solid #ebecee}.creation-hub-content .creation-header .right-btn[data-v-8d473151]{border:1.067px solid #ebecee;border-radius:8.533px}.creation-hub-content .creation-header .right-btn[data-v-8d473151]:hover{background:#f3f4f8;border-color:#ebecee}.creation-hub-content .creation-tab-item.active[data-v-8d473151]{color:#333}.creation-hub-content .creation-tab-item.active[data-v-8d473151]:before{background:#6d4fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}@media (max-width:768px){.creation-hub[data-v-8d473151]{padding:0}.creation-hub .creation-hub-content[data-v-8d473151]{background:#fff;padding-top:22px}.creation-hub .creation-header[data-v-8d473151]{border-bottom:none;height:auto;justify-content:space-between;padding:0}.creation-hub .creation-header .creation-tab[data-v-8d473151]{background:#f4f5f7;border-radius:8px;gap:0;height:32px;padding:4px}.creation-hub .creation-header .creation-tab .creation-tab-item[data-v-8d473151]{border:.5px solid #f4f5f7;color:#333;font-size:14px;font-style:normal;font-weight:500;height:24px;line-height:24px;min-width:97px;padding:0 10px;text-align:center}.creation-hub .creation-header .creation-tab .creation-tab-item.active[data-v-8d473151]{background:#6d4fff;border-color:#0000000a;border-radius:6px;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a;color:#fff}.creation-hub .creation-header .creation-tab .creation-tab-item.active[data-v-8d473151]:before{display:none}.creation-hub .creation-header .right[data-v-8d473151]{gap:10px;position:relative;right:0;top:0;transform:none}.creation-hub .creation-header .right-btn[data-v-8d473151]{border:none;color:#484b4f;display:none;font-size:12px;font-weight:500;gap:4px;height:16px;line-height:16px;padding:0;width:auto}.creation-hub .creation-header .right-btn[data-v-8d473151]:hover{background:none}.creation-hub .creation-header .right-btn .svg-icon[data-v-8d473151]{color:#484b4f;height:14px;width:14px}.creation-hub .creation-header .right-btn.search-btn[data-v-8d473151]{display:flex}.creation-hub .creation-header .right-btn.search-btn .svg-icon[data-v-8d473151]{color:#24272c;height:16px;width:16px}}