html[data-v-138fa9df]{--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}.wave-drawing[data-v-138fa9df]{align-items:center;display:flex;justify-content:center}.detail-audio-icon[data-v-138fa9df]{color:#fff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in;width:20px;z-index:9}.btn-wrap[data-v-138fa9df]{right:0;top:calc(50% - 20px);z-index:9}.detail-wrap[data-v-138fa9df]{border:1px solid #ececee;border-radius:12px;overflow:hidden;padding:20px}.audio-icon-block[data-v-138fa9df]{background-color:var(--text-color1);border-radius:50%;flex-shrink:0;height:40px;position:relative;width:40px}.wave-wrap[data-v-138fa9df]{background:#ebeef5;border-radius:8px;padding:10px}.mute-button[data-v-138fa9df]{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;margin-right:0 8px;width:20px}.mute-button .mute-icon[data-v-138fa9df],.mute-button .volume-icon[data-v-138fa9df]{height:100%;width:100%;fill:#3d3d3d}.slider[data-v-138fa9df]{height:-moz-fit-content;height:fit-content}.slider[data-v-138fa9df] .el-slider__button{border-color:var(--text-color1)}.slider[data-v-138fa9df] .el-slider__bar{background-color:var(--text-color1)}.slider[data-v-138fa9df] .el-slider__button{height:10px!important;width:10px!important}.slider[data-v-138fa9df] .el-slider__runway,.slider[data-v-138fa9df] .el-slider__bar{height:4px!important}.slider[data-v-138fa9df] .el-slider__button-wrapper{top:-16.5px!important}html[data-v-a51a5cb0]{--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}.demo-list[data-v-a51a5cb0]{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}.demo-list .demo-item[data-v-a51a5cb0]{align-items:center;background:#ebeef5;border-radius:12px;display:flex;gap:10px;overflow:hidden;padding:10px 8px;transition:all .2s ease-in-out}.demo-list .demo-item[data-v-a51a5cb0]:hover{box-shadow:0 4px 10px #0000004d}@media (max-width:768px){.demo-list[data-v-a51a5cb0]{grid-template-columns:repeat(2,1fr)!important}}.detail-wrap[data-v-a51a5cb0]{background:#d9d9d900;border:1px solid #ececee;border-radius:12px;box-sizing:border-box;opacity:1}.reset-wrap[data-v-a51a5cb0]{color:var(--text-color2)}.reset-wrap[data-v-a51a5cb0]:hover{color:var(--text-color1)}.emotion-select[data-v-a51a5cb0] .el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-border-color) inset}.emotion-select[data-v-a51a5cb0] .el-select__icon{color:#a8abb2}.slider[data-v-a51a5cb0]{height:-moz-fit-content;height:fit-content}.slider[data-v-a51a5cb0] .el-slider__button{border-color:var(--text-color1)}.slider[data-v-a51a5cb0] .el-slider__bar{background-color:var(--text-color1)}.slider[data-v-a51a5cb0] .el-slider__button{height:10px!important;width:10px!important}.slider[data-v-a51a5cb0] .el-slider__runway,.slider[data-v-a51a5cb0] .el-slider__bar{height:4px!important}.slider[data-v-a51a5cb0] .el-slider__button-wrapper{top:-16.5px!important}.bob-icon-wrap[data-v-a51a5cb0]{background:#ebeef5;border-radius:214px;opacity:1;padding:4px 10px 4px 4px}.bob-icon[data-v-a51a5cb0]{border-radius:50%;height:24px;width:24px}.single-input[data-v-a51a5cb0]{flex:1}.single-input[data-v-a51a5cb0] .el-textarea__inner{border-radius:0!important;box-shadow:none!important;height:100%;min-height:90px!important;padding:0!important}.single-input[data-v-a51a5cb0] .el-textarea__inner::-webkit-scrollbar{height:7px;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:4px}.single-input[data-v-a51a5cb0] .el-textarea__inner::-webkit-scrollbar-thumb{background-color:silver;border-radius:4px}.single-input[data-v-a51a5cb0] .el-textarea__inner::-webkit-scrollbar-thumb:vertical:active{opacity:1}.limit-text[data-v-a51a5cb0]{color:var(--text-color3);font-size:12px;line-height:14px;margin-left:auto}.over-limit-text[data-v-a51a5cb0]{color:#f56c6c}.dialogue-wrap[data-v-a51a5cb0]{border:1px solid var(--bridge-color);border-radius:12px;flex:1;overflow:hidden;padding:10px}.dialogue-wrap:hover .single-input-pause-wrap[data-v-a51a5cb0]{opacity:1}.dialogue-wrap .dialogue-item-wrap[data-v-a51a5cb0]{position:relative}.dialogue-wrap .dialogue-item-wrap:hover .dialogue-input-pause-wrap[data-v-a51a5cb0]{opacity:1}.dialogue-wrap .dialogue-item-wrap[data-v-a51a5cb0] .el-textarea__inner{padding:0!important}.dialogue-wrap .dialogue-item-wrap:hover .dialogue-item-close-icon[data-v-a51a5cb0]{opacity:1}.dialogue-wrap .dialogue-item-wrap[data-v-a51a5cb0] .el-textarea__inner{box-shadow:none;color:var(--text-color1)!important}.dialogue-wrap .dialogue-item-wrap .dialogue-item-close-icon[data-v-a51a5cb0]{cursor:pointer;opacity:0;position:absolute;right:10px;top:15px;transition:all .3s ease-in-out}.dialogue-wrap .dialogue-item-wrap .voice-name[data-v-a51a5cb0]{border:1px solid #ececee;border-radius:8px;cursor:pointer;padding:6px 10px;transition:all .2s ease-in-out;width:-moz-fit-content;width:fit-content}.dialogue-wrap .dialogue-item-wrap .voice-name[data-v-a51a5cb0]:hover{border-color:#3d3d3d}.dialogue-wrap[data-v-a51a5cb0] .el-divider--horizontal{border-top:1px solid #ececee}.dialogue-wrap .ad-text[data-v-a51a5cb0]{color:var(--text-color3);cursor:pointer}.dialogue-wrap .ad-text[data-v-a51a5cb0]:hover{color:var(--text-color1)}