html[data-v-91efd3d9]{--primary-color:#963cd4;--primary-sup-color:#eadcff;--super-color:#fff;--secondary-color:#f3f8fb;--toast-success-color:#67c23a;--toast-error-color:#f56c6c;--toast-warning-color:#e6a23c;--toast-info-color:#909399;--title-color:#3d3d3d;--text-color1:#3d3d3d;--text-color2:#86898f;--text-color3:#909399;--no-btn-bg-color:#ebeef5;--no-btn-bg-color-opacity-5:rgba(235,238,245,.5);--frame-color1:#8b3dff;--frame-color2:#dcdfe6;--tabs-bg-color:#ebeef5;--tabs-text-color:#3d3d3d;--tabs-item-active-bg-color:#fff;--tabs-item-active-text-color:#963cd4;--icon-hover-bg-color:#eadcff;--bridge-color:#ececee;--bridge-color2:#909399;--male-voice-color:#963cd4;--female-voice-color:#ff6ad7;--el-input-placeholder-color:var(--text-color3)!important}.line[data-v-91efd3d9]{background:#ececee;height:1px;width:100%}.script-item-copy-icon[data-v-91efd3d9]{margin-left:auto;opacity:0;transition:all .2s ease-in-out}.detail-script-wrap[data-v-91efd3d9]{border-radius:var(--btn-radius);gap:var(--block-gap1)}.detail-script-wrap .detail-script-item:hover .script-item-copy-icon[data-v-91efd3d9]{opacity:1}.detail-script-wrap .detail-script-item .avatar-icon[data-v-91efd3d9]{flex-shrink:0;height:30px;margin-right:20px;width:30px}@media screen and (max-width:768px){.demo-wrap[data-v-91efd3d9]{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr!important}}.demo-item-wrap[data-v-91efd3d9]{aspect-ratio:16/9;border-radius:12px;cursor:pointer;flex:1;flex-shrink:0;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:100%}.demo-item-wrap[data-v-91efd3d9]:hover{box-shadow:4px 4px 10px #0000004d}.demo-item-wrap:hover .demo-play-icon[data-v-91efd3d9],.demo-item-wrap:hover .play-block[data-v-91efd3d9]{opacity:1}.demo-item-wrap[data-v-91efd3d9] .el-skeleton__item{height:100%}.demo-play-icon[data-v-91efd3d9]{background-color:#fff;height:20px;width:20px;z-index:12}.demo-play-icon[data-v-91efd3d9],.play-block[data-v-91efd3d9]{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-in-out}.play-block[data-v-91efd3d9]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff3b;border-radius:50%;height:48px;width:48px;z-index:11}.demo-wrap[data-v-91efd3d9]{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr 1fr 1fr}.video-to-audio-content-wrap[data-v-91efd3d9]{padding:20px}.close-icon[data-v-91efd3d9]{color:#3d3d3d;cursor:pointer;font-size:16px;position:absolute;right:12px;top:6px}.video-wrapper[data-v-91efd3d9]{background:#000;overflow:hidden;width:100%}.video-wrapper video[data-v-91efd3d9]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.play-video-icon-wrap[data-v-91efd3d9]{border:1px solid #ececee;border-radius:8px;cursor:pointer;height:40px;padding:10px}.play-video-icon-wrap[data-v-91efd3d9]:hover{background-color:var(--ui-bg-elevated)!important}.btn-wrap[data-v-91efd3d9]{right:0;top:calc(50% - 20px);z-index:9}.detail-wrap[data-v-91efd3d9]{border:1px solid #ececee;border-radius:12px;overflow:hidden;padding:20px}.detail-audio-icon[data-v-91efd3d9]{color:#fff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in;width:20px;z-index:9}.audio-icon-block[data-v-91efd3d9]{background-color:var(--text-color1);border-radius:50%;flex-shrink:0;height:40px;position:relative;width:40px}.wave-wrap[data-v-91efd3d9]{background:#ebeef5;border-radius:8px;padding:10px}.mute-button[data-v-91efd3d9]{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;margin-right:0 8px;width:20px}.mute-button .mute-icon[data-v-91efd3d9],.mute-button .volume-icon[data-v-91efd3d9]{height:100%;width:100%;fill:#3d3d3d}.slider[data-v-91efd3d9]{height:-moz-fit-content;height:fit-content}.slider[data-v-91efd3d9] .el-slider__button{border-color:var(--text-color1)}.slider[data-v-91efd3d9] .el-slider__bar{background-color:var(--text-color1)}.slider[data-v-91efd3d9] .el-slider__button{height:10px!important;width:10px!important}.slider[data-v-91efd3d9] .el-slider__runway,.slider[data-v-91efd3d9] .el-slider__bar{height:4px!important}.slider[data-v-91efd3d9] .el-slider__button-wrapper{top:-16.5px!important}
