@charset "UTF-8";.vocal-group[data-v-f9612c4b]{width:100%;overflow:hidden;--el-fill-color-light: transparent;text-align:center;display:flex;flex-direction:row;justify-content:space-evenly}.vocal-group .block[data-v-f9612c4b]{display:inline-block;text-align:center}.vocal-group .block[data-v-f9612c4b] .el-progress__text{display:flex;align-items:center;justify-content:center}.vocal-group .block .figure[data-v-f9612c4b]{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;height:186px;width:186px;border-radius:200px;background:conic-gradient(from 180deg at 50% 50%,#ffffff57 -18deg,#ffffff24 0deg,#ffffff17 54deg,#ffffff4d 80deg,#ffffff05 147deg,#ffffff47 188deg,#fff0 269deg,#ffffff57 342deg,#ffffff24 360deg)}.vocal-group .block .figure .play[data-v-f9612c4b],.vocal-group .block .figure .pause[data-v-f9612c4b]{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;opacity:1;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#fff3}.vocal-group .block .figure img[data-v-f9612c4b]{width:158px;height:158px;border-radius:50%}.vocal-group .block .figure .pause[data-v-f9612c4b]{opacity:1}.vocal-group .block .caption[data-v-f9612c4b]{text-align:center;padding:0 24px;margin-top:16px;font-size:16px;font-weight:400}@media screen and (max-width: 768px){.vocal-group[data-v-f9612c4b]{background:linear-gradient(122deg,#792a50,#953e56);box-shadow:inset 0 0 60px #0000004d;padding:15px 0}.vocal-group .block[data-v-f9612c4b]{padding:0}.vocal-group .block .figure[data-v-f9612c4b]{display:flex;align-items:center;justify-content:center;margin:0;width:140px;height:140px;border-radius:200px;background:conic-gradient(from 180deg at 50% 50%,#ffffff57 -18deg,#ffffff24 0deg,#ffffff17 54deg,#ffffff4d 80deg,#ffffff05 147deg,#ffffff47 188deg,#fff0 269deg,#ffffff57 342deg,#ffffff24 360deg)}.vocal-group .block .figure .play[data-v-f9612c4b],.vocal-group .block .figure .pause[data-v-f9612c4b]{width:40px;height:40px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff3}.vocal-group .block .figure img[data-v-f9612c4b]{width:115px;height:115px}.vocal-group .block .caption[data-v-f9612c4b]{width:100%;padding:2px;text-align:center;margin-top:12px;font-size:14px}}@keyframes animation-breath{0%{opacity:1;transform:scale(1)}10%{opacity:1;transform:scale(1.1)}20%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.1)}40%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(1)}60%{animation-play-state:paused}to{animation-play-state:running}}.create-mode-switch{align-items:center;justify-content:start;max-width:100%}.create-mode-switch .create-mode-switch-guid-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}.create-mode-switch .create-mode-switch-item-guid{position:absolute;top:60px;left:-50%;width:245px;padding:16px 20px;background:#94adff;border-radius:12px;display:none}.create-mode-switch .create-mode-switch-item-guid .create-mode-switch-item-guid-desc{font-family:HarmonyOS Sans SC;font-size:20px;font-weight:700;line-height:26px;color:#fff}.create-mode-switch .create-mode-switch-item-guid .create-mode-switch-item-guid-btn{margin-top:12px}.create-mode-switch .create-mode-switch-item-guid:before{content:"";position:absolute;top:-28px;left:50%;height:40px;width:35px;background-image:url(https://static-web.mureka.cn/static/png/click-ico-DIWbsHi3.png);background-size:100% 100%;transform:translate(-17.5px)}.create-mode-switch .create-mode-switch-item-guid.create-mode-switch-item-guid--easy{left:0;width:168px}.create-mode-switch .create-mode-switch-item-guid.create-mode-switch-item-guid--easy:before{left:30%;transform:translate(-1px)}.create-mode-switch.create-mode-switch-guid--visible{position:relative;z-index:1}.create-mode-switch.create-mode-switch-guid--visible .create-mode-switch-item-guid{display:block}.create-mode-switch .create-mode-switch{display:none;flex-direction:row;align-items:center;padding:2px;border-radius:56px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex}.create-mode-switch .create-mode-switch.create-mode-switch--hover{background:#fff3}.create-mode-switch .create-mode-switch .create-mode-switch-item{font-family:HarmonyOS Sans SC;position:relative;z-index:2;font-size:15px;font-weight:400;line-height:34px;text-align:center;color:#fff;border-radius:56px;width:50%}.create-mode-switch .create-mode-switch .create-mode-switch-item .create-mode-switch-item-content{position:relative;padding:0 8px;max-width:100%}.create-mode-switch .create-mode-switch .create-mode-switch-item .create-mode-switch-item-content span{max-width:100%;display:block}.create-mode-switch .create-mode-switch .create-mode-switch-item.create-mode-switch-item--breath{animation:animation-breath 3s ease infinite}.create-mode-switch .create-mode-switch .create-mode-switch-item.create-mode-switch-item--breath i{position:absolute;right:-8px;top:4px;width:8px;height:8px;border-radius:50%;background:#ff6464}.create-mode-switch .create-mode-switch .create-mode-switch-item.create-mode-switch-item--breath span{display:inline-block;transform-origin:center}.create-mode-switch .create-mode-switch .create-mode-switch-item.create-mode-switch-item--active{background:#fff;font-weight:500;color:#000}.create-mode-switch.create-mode-switch--mobile .create-mode-switch-mb-item{line-height:32px;font-size:14px;width:120px;position:relative}.create-mode-switch.create-mode-switch--mobile .create-mode-switch-mb-item .create-mode-switch-item-content{position:relative}.create-mode-switch.create-mode-switch--mobile .create-mode-switch-mb-item.create-mode-switch-item--breath{animation:animation-breath 3s ease infinite}.create-mode-switch.create-mode-switch--mobile .create-mode-switch-mb-item.create-mode-switch-item--breath i{position:absolute;right:-8px;top:4px;width:8px;height:8px;border-radius:50%;background:#ff6464}.create-mode-switch.create-mode-switch--mobile .create-mode-switch-mb-item.create-mode-switch-item--breath span{display:inline-block}.create-mode-switch.create-mode-switch--mobile .create-mode-switch{display:flex}