.workspace-page[data-v-0260544c] {
    padding: 20px;
    background-color: #f5f7fa;
    color: #303133;
    min-height: 100vh
}

.workspace[data-v-0260544c] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 40px);
    background: transparent
}

.header[data-v-0260544c] {
    justify-content: space-between;
    padding: 16px 20px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #e4e7ed;
    flex-shrink: 0
}

.header[data-v-0260544c],.left-section[data-v-0260544c],.right-section[data-v-0260544c] {
    display: flex;
    align-items: center
}

.search-label[data-v-0260544c] {
    margin-right: 8px;
    color: #606266;
    font-size: 14px
}

.search-input[data-v-0260544c] {
    width: 250px;
    margin-right: 10px
}

.search-input[data-v-0260544c] .el-input__inner {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

.search-input[data-v-0260544c] .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.search-input[data-v-0260544c] .el-input__inner::placeholder {
    color: #c0c4cc
}

.create-btn[data-v-0260544c],.search-btn[data-v-0260544c] {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 8px;
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.create-btn[data-v-0260544c]:hover,.search-btn[data-v-0260544c]:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.clear-btn[data-v-0260544c] {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 8px;
    margin-left: 8px;
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

.clear-btn[data-v-0260544c]:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.rooms-container[data-v-0260544c] {
    flex: 1;
    overflow-y: auto;
    padding: 0 5px
}

.rooms-container[data-v-0260544c]::-webkit-scrollbar {
    width: 8px
}

.rooms-container[data-v-0260544c]::-webkit-scrollbar-track {
    background: transparent
}

.rooms-container[data-v-0260544c]::-webkit-scrollbar-thumb {
    background: #e4e7ed;
    border-radius: 4px
}

.rooms-container[data-v-0260544c]::-webkit-scrollbar-thumb:hover {
    background: #dcdfe6
}

.rooms-grid[data-v-0260544c] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    gap: 20px;
    padding: 10px
}

@media (min-width: 2100px) {
    .rooms-grid[data-v-0260544c] {
        grid-template-columns:repeat(8,1fr)
    }
}

@media (min-width: 1800px) and (max-width:2099px) {
    .rooms-grid[data-v-0260544c] {
        grid-template-columns:repeat(7,1fr)
    }
}

@media (min-width: 1500px) and (max-width:1799px) {
    .rooms-grid[data-v-0260544c] {
        grid-template-columns:repeat(6,1fr)
    }
}

@media (min-width: 1200px) and (max-width:1499px) {
    .rooms-grid[data-v-0260544c] {
        grid-template-columns:repeat(5,1fr)
    }
}

.room-card[data-v-0260544c] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    display: flex;
    flex-direction: column;
    border: 1px solid #e4e7ed
}

.room-card[data-v-0260544c]:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
    border-color: #d9ecff
}

.card-preview[data-v-0260544c] {
    position: relative;
    aspect-ratio: 9/16;
    background-color: #f5f7fa;
    overflow: hidden;
    cursor: pointer
}

.image-error[data-v-0260544c],.no-preview[data-v-0260544c],.preview-image[data-v-0260544c] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px
}

.image-error[data-v-0260544c],.no-preview[data-v-0260544c] {
    color: #909399;
    font-size: 14px
}

.image-error i[data-v-0260544c],.no-preview i[data-v-0260544c] {
    font-size: 40px;
    color: #c0c4cc
}

.card-overlay[data-v-0260544c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
    transition: opacity .3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.room-card:hover .card-overlay[data-v-0260544c] {
    opacity: 1
}

.play-icon[data-v-0260544c] {
    font-size: 50px;
    color: hsla(0,0%,100%,.8);
    transition: all .2s ease
}

.card-overlay:hover .play-icon[data-v-0260544c] {
    transform: scale(1.1);
    color: #fff
}

.card-info[data-v-0260544c] {
    padding: 12px 15px;
    background: #fff;
    border-top: 1px solid #f0f2f5
}

.info-header[data-v-0260544c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.card-title[data-v-0260544c] {
    font-weight: 600;
    color: #303133;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    padding-right: 10px;
    flex: 1
}

.el-dropdown-link[data-v-0260544c] {
    cursor: pointer;
    color: #909399;
    font-size: 18px;
    padding: 5px
}

.el-dropdown-link[data-v-0260544c]:hover {
    color: #409eff
}

.card-details[data-v-0260544c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #909399
}

.detail-item[data-v-0260544c] {
    display: flex;
    align-items: center;
    gap: 5px
}

.detail-item.type i[data-v-0260544c] {
    font-size: 14px
}

.empty-state[data-v-0260544c] {
    height: calc(100vh - 250px)
}

[data-v-0260544c] .create-live-dialog .el-dialog {
    border-radius: 12px!important;
    overflow: hidden;
    background-color: #fff!important;
    border: 1px solid #ebeef5
}

[data-v-0260544c] .create-live-dialog .el-dialog__header {
    background: #fff;
    padding: 20px 20px 10px;
    border-bottom: 1px solid #ebeef5
}

[data-v-0260544c] .create-live-dialog .el-dialog__title {
    color: #303133;
    font-weight: 700;
    font-size: 18px
}

[data-v-0260544c] .create-live-dialog .el-dialog__body {
    padding: 20px;
    background: #fff;
    color: #606266
}

[data-v-0260544c] .create-live-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #909399;
    font-size: 18px;
    font-weight: 700
}

[data-v-0260544c] .create-live-dialog .el-dialog__headerbtn .el-dialog__close:hover {
    color: #409eff
}

[data-v-0260544c] .create-live-dialog .el-dialog__footer {
    background: #fff;
    padding: 10px 20px 20px 20px;
    text-align: center;
    border-top: 1px solid #ebeef5
}

.create-form[data-v-0260544c] {
    padding: 0
}

.form-card[data-v-0260544c] {
    background: #f5f7fa;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: none;
    border: 1px solid #e4e7ed
}

.form-item[data-v-0260544c] {
    margin-bottom: 20px
}

.form-item[data-v-0260544c] .el-input__inner {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

.form-label[data-v-0260544c] {
    margin-bottom: 15px;
    font-weight: 700;
    color: #303133;
    font-size: 16px
}

.platform-button-group[data-v-0260544c] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 10px
}

.platform-button[data-v-0260544c] {
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid #dcdfe6;
    color: #606266
}

.platform-button[data-v-0260544c]:hover {
    border-color: #409eff;
    color: #409eff
}

.platform-button-active[data-v-0260544c] {
    border: 1px solid #409eff;
    color: #409eff;
    background-color: #ecf5ff
}

.category-button-group[data-v-0260544c] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px
}

.category-button[data-v-0260544c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid #dcdfe6;
    padding: 10px;
    color: #606266
}

.category-button[data-v-0260544c]:hover {
    border-color: #409eff;
    color: #409eff
}

.category-button-active[data-v-0260544c] {
    border: 1px solid #409eff;
    color: #409eff;
    background-color: #ecf5ff
}

.category-name[data-v-0260544c] {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 16px
}

.category-desc[data-v-0260544c] {
    font-size: 12px;
    color: #909399;
    text-align: center
}

.livetype-button-group[data-v-0260544c] {
    display: flex;
    gap: 15px
}

.livetype-button[data-v-0260544c] {
    padding: 10px 20px;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid #dcdfe6;
    color: #606266
}

.livetype-button[data-v-0260544c]:hover {
    border-color: #409eff;
    color: #409eff
}

.livetype-button-active[data-v-0260544c] {
    border: 1px solid #409eff;
    color: #409eff;
    background-color: #ecf5ff
}

.language-button-group[data-v-0260544c] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px
}

.language-button[data-v-0260544c] {
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid #dcdfe6;
    color: #606266
}

.language-button[data-v-0260544c]:hover {
    border-color: #409eff;
    color: #409eff
}

.language-button-active[data-v-0260544c] {
    border: 1px solid #409eff;
    color: #409eff;
    background-color: #ecf5ff
}

.expand-button-container[data-v-0260544c] {
    text-align: center;
    margin-top: 15px;
    color: #909399;
    cursor: pointer;
    font-size: 14px
}

.expand-button-container[data-v-0260544c]:hover {
    color: #409eff
}

.create-live-btn[data-v-0260544c] {
    width: 100%;
    background: #409eff;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    padding: 12px 30px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: all .3s
}

.create-live-btn[data-v-0260544c]:hover {
    background-color: #66b1ff;
    opacity: 1
}

.create-live-btn[data-v-0260544c]:disabled {
    opacity: .5;
    cursor: not-allowed;
    background: #a0cfff;
    color: #fff
}

.cancel-btn[data-v-0260544c] {
    display: none
}

[data-v-0260544c] .delete-dialog .el-dialog {
    background-color: #fff!important;
    border: 1px solid #ebeef5;
    border-radius: 8px!important
}

[data-v-0260544c] .delete-dialog .el-dialog__header {
    background-color: #fff;
    border-bottom: 1px solid #ebeef5
}

[data-v-0260544c] .delete-dialog .el-dialog__title {
    color: #303133
}

[data-v-0260544c] .delete-dialog .el-dialog__body {
    background-color: #fff;
    color: #606266
}

[data-v-0260544c] .delete-dialog .el-dialog__footer {
    background-color: #fff;
    border-top: 1px solid #ebeef5
}

[data-v-0260544c] .delete-dialog .el-button--danger {
    background-color: #f56c6c;
    border-color: #f56c6c
}

[data-v-0260544c] .delete-dialog .el-button--default {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

[data-v-0260544c] .delete-dialog .el-button--default:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

[data-v-0260544c] .delete-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #909399
}

[data-v-0260544c] .delete-dialog .el-dialog__headerbtn .el-dialog__close:hover {
    color: #409eff
}

.model-page[data-v-539f4031] {
    display: flex;
    height: 100%;
    padding: 20px;
    gap: 20px;
    color: #303133;
    background-color: #fff
}

.left-panel[data-v-539f4031] {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.preview-container[data-v-539f4031] {
    width: 100%;
    aspect-ratio: 9/16;
    position: relative;
    background: #f5f7fa;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #e4e7ed
}

.model-preview[data-v-539f4031] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.control-buttons[data-v-539f4031] {
    display: flex;
    justify-content: center;
    gap: 20px
}

.icon-button[data-v-539f4031] {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 12px 20px;
    border-radius: 8px;
    transition: all .3s;
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6
}

.icon-button[data-v-539f4031]:hover {
    background-color: #ecf5ff;
    border-color: #409eff;
    color: #409eff
}

.icon-button:hover i[data-v-539f4031],.icon-button:hover span[data-v-539f4031] {
    color: #409eff
}

.icon-button i[data-v-539f4031] {
    font-size: 24px;
    color: #409eff;
    margin-bottom: 8px
}

.icon-button span[data-v-539f4031] {
    font-size: 14px;
    color: #606266
}

.right-panel[data-v-539f4031] {
    flex: 1;
    display: none;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto
}

.right-panel.full-width[data-v-539f4031] {
    display: flex
}

.right-panel[data-v-539f4031]::-webkit-scrollbar {
    width: 6px
}

.right-panel[data-v-539f4031]::-webkit-scrollbar-thumb {
    background-color: #dcdfe6;
    border-radius: 3px
}

.right-panel[data-v-539f4031]::-webkit-scrollbar-track {
    background-color: #f5f7fa
}

.voice-only-controls[data-v-539f4031] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%
}

.config-section[data-v-539f4031],.voice-section[data-v-539f4031] {
    background: #f5f7fa;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #e4e7ed;
    margin-bottom: 20px
}

.config-section[data-v-539f4031]:last-child,.voice-section[data-v-539f4031]:last-child {
    margin-bottom: 0
}

.config-row[data-v-539f4031] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px
}

.config-row[data-v-539f4031]:last-child {
    margin-bottom: 0
}

.config-item[data-v-539f4031] {
    flex: 1
}

.config-item.full-width[data-v-539f4031] {
    flex-basis: 100%
}

.section-title[data-v-539f4031] {
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    margin-bottom: 12px
}

.right-panel[data-v-539f4031] .el-select .el-input__inner {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #606266
}

.el-select[data-v-539f4031] {
    width: 100%
}

.voice-list[data-v-539f4031] {
    margin-top: 12px
}

.voice-item[data-v-539f4031] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 8px;
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6;
    transition: all .2s;
    cursor: pointer
}

.voice-item[data-v-539f4031]:hover {
    border-color: #409eff;
    background-color: #ecf5ff
}

.voice-item.active[data-v-539f4031] {
    background-color: #ecf5ff;
    border: 1px solid #409eff;
    color: #409eff
}

.voice-item.active .selection-icon[data-v-539f4031],.voice-item.active .voice-name[data-v-539f4031] {
    color: #409eff
}

.voice-info[data-v-539f4031] {
    flex: 1
}

.voice-name[data-v-539f4031] {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #303133
}

.super-group-badge[data-v-539f4031] {
    background-color: #f56c6c;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px
}

.selection-icon[data-v-539f4031] {
    color: #409eff;
    margin-left: 8px
}

.voice-controls .preview-btn[data-v-539f4031] {
    color: #909399
}

.voice-controls .preview-btn[data-v-539f4031]:hover {
    color: #409eff
}

.voice-controls .stop-btn[data-v-539f4031] {
    color: #f56c6c
}

.selected-count[data-v-539f4031] {
    font-size: 14px;
    color: #409eff;
    margin-left: 8px
}

.selection-tip[data-v-539f4031] {
    font-size: 12px;
    color: #909399;
    margin-top: 4px
}

.side-panel[data-v-539f4031] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 2000;
    display: none
}

.side-panel.active[data-v-539f4031] {
    display: block;
    animation: fadeIn-539f4031 .3s ease
}

.model-tags[data-v-539f4031] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tag[data-v-539f4031] {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    color: #fff;
    font-weight: 700
}

.tag.v1[data-v-539f4031] {
    background-color: #e6a23c
}

.tag.v2[data-v-539f4031] {
    background-color: #409eff
}

.panel-content[data-v-539f4031] {
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 8px rgba(0,0,0,.15);
    padding: 20px;
    animation: slideIn-539f4031 .3s ease-out;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #e4e7ed
}

.panel-header[data-v-539f4031] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e7ed;
    color: #303133;
    background: transparent
}

.panel-header .panel-title[data-v-539f4031] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 500;
    display: none
}

.panel-header .el-icon-close[data-v-539f4031] {
    cursor: pointer;
    color: #909399
}

.panel-header .el-icon-close[data-v-539f4031]:hover {
    color: #409eff
}

.config-section-in-panel[data-v-539f4031] {
    padding-bottom: 20px;
    margin-bottom: 20px
}

.config-section-in-panel .config-section[data-v-539f4031] {
    border: none;
    padding: 0;
    background: transparent
}

.model-grid[data-v-539f4031] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 5px;
    align-content: flex-start
}

.model-grid[data-v-539f4031]::-webkit-scrollbar {
    width: 6px
}

.model-grid[data-v-539f4031]::-webkit-scrollbar-thumb {
    background-color: #dcdfe6;
    border-radius: 3px
}

.model-grid[data-v-539f4031]::-webkit-scrollbar-track {
    background-color: #f5f7fa
}

.model-item[data-v-539f4031] {
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
    transition: all .3s;
    border: 2px solid #e4e7ed;
    display: flex;
    flex-direction: column;
    background-color: #f5f7fa;
    flex-basis: calc(33.333% - 10px)
}

.model-item[data-v-539f4031]:hover {
    border-color: #409eff
}

.model-item.active[data-v-539f4031] {
    border-color: #409eff;
    box-shadow: 0 0 10px rgba(64,158,255,.3)
}

.model-image-container[data-v-539f4031] {
    position: relative;
    aspect-ratio: 9/16;
    overflow: hidden;
    width: 100%
}

.model-image[data-v-539f4031] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.model-name[data-v-539f4031] {
    padding: 10px;
    text-align: center;
    background: #f5f7fa;
    color: #606266;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    width: 100%;
    border-top: 1px solid #e4e7ed
}

.dialog-footer[data-v-539f4031] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e4e7ed
}

.dialog-footer[data-v-539f4031] .el-button {
    background-color: #fff;
    border: 1px solid #dcdfe6;
    color: #606266
}

.dialog-footer[data-v-539f4031] .el-button:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.dialog-footer[data-v-539f4031] .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.dialog-footer[data-v-539f4031] .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.empty-state[data-v-539f4031] {
    text-align: center;
    padding: 40px 0;
    color: #909399;
    font-size: 14px
}

@keyframes slideIn-539f4031 {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes fadeIn-539f4031 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.image-placeholder[data-v-539f4031],.loading-placeholder[data-v-539f4031] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f5f7fa;
    color: #c0c4cc
}

.image-placeholder i[data-v-539f4031],.loading-placeholder i[data-v-539f4031] {
    font-size: 32px;
    margin-bottom: 16px
}

.help-icon[data-v-539f4031] {
    font-size: 16px;
    color: #909399;
    cursor: help;
    margin-left: 5px
}

.help-icon[data-v-539f4031]:hover {
    color: #409eff
}

.notice[data-v-539f4031] {
    font-size: 12px;
    color: #909399;
    margin-top: 8px;
    line-height: 1.4
}

.notice.warning[data-v-539f4031] {
    color: #e6a23c;
    padding: 0 0 10px 0
}

.notice i[data-v-539f4031] {
    margin-right: 4px
}

.full-width[data-v-539f4031] {
    flex: 1;
    max-width: 100%
}

.audio-folder-input[data-v-539f4031] {
    margin-top: 15px
}

.audio-folder-input[data-v-539f4031] .el-input__inner {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #606266
}

.audio-folder-input[data-v-539f4031] .el-input-group__append {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #909399
}

.audio-folder-input[data-v-539f4031] .el-input-group__append:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.config-item .el-input-group[data-v-539f4031],.config-item .el-input__inner[data-v-539f4031] {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #606266
}

.config-item .el-input-group__append[data-v-539f4031] {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #909399
}

.config-item .el-input-group__append[data-v-539f4031]:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.audio-folder-input .notice[data-v-539f4031] {
    margin-top: 8px;
    font-size: 12px;
    color: #f56c6c
}

.add-shift-btn[data-v-539f4031] {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.add-shift-btn[data-v-539f4031]:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.schedule-notice[data-v-539f4031] {
    font-size: 12px;
    color: #909399;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f5f7fa;
    border-radius: 8px;
    display: flex;
    align-items: center
}

.schedule-notice i[data-v-539f4031] {
    margin-right: 8px;
    color: #409eff
}

.schedule-notice+.notice.warning[data-v-539f4031] {
    margin-bottom: 15px;
    padding: 10px;
    background-color: hsla(0,87%,69%,.1);
    border-radius: 8px;
    color: #f56c6c
}

.schedule-list[data-v-539f4031] {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px
}

.schedule-list[data-v-539f4031]::-webkit-scrollbar {
    width: 6px
}

.schedule-list[data-v-539f4031]::-webkit-scrollbar-thumb {
    background-color: #dcdfe6;
    border-radius: 3px
}

.schedule-list[data-v-539f4031]::-webkit-scrollbar-track {
    background-color: #f5f7fa
}

.shift-item[data-v-539f4031] {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #e4e7ed
}

.shift-header[data-v-539f4031] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.shift-title[data-v-539f4031] {
    font-weight: 700;
    color: #409eff
}

.shift-config[data-v-539f4031] {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.shift-row[data-v-539f4031] {
    display: flex;
    gap: 15px
}

.shift-config .config-item[data-v-539f4031] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.shift-config .config-label[data-v-539f4031] {
    margin-bottom: 8px;
    font-size: 12px;
    color: #909399
}

.shift-config .duration-item[data-v-539f4031] {
    flex: unset;
    width: 100%
}

.shift-config[data-v-539f4031] .el-input-number,.shift-config[data-v-539f4031] .el-select {
    width: 100%
}

.shift-config[data-v-539f4031] .el-input__inner {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #606266
}

.side-panel[data-v-539f4031] .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.side-panel[data-v-539f4031] .el-input__inner::placeholder {
    color: #c0c4cc
}

.side-panel[data-v-539f4031] .el-input-number .el-input__inner {
    color: #606266!important
}

.video-drive-input[data-v-539f4031] .el-input__inner {
    background-color: #f5f7fa!important;
    border-color: #dcdfe6;
    color: #606266
}

.video-drive-input[data-v-539f4031] .el-input-group__append {
    background-color: #409eff!important;
    border-color: #409eff!important
}

.video-drive-input[data-v-539f4031] .el-input-group__append .el-button {
    color: #fff!important;
    font-weight: 700;
    background-color: transparent!important
}

.video-drive-input[data-v-539f4031] .el-input-group__append:hover {
    background-color: #66b1ff!important;
    border-color: #66b1ff!important
}

.duration-selector[data-v-539f4031] {
    display: flex;
    gap: 10px
}

.custom-duration-input[data-v-539f4031] {
    width: 120px
}

.voice-item.cloud-voice[data-v-539f4031] {
    border: 1px solid #e6a23c;
    background-color: #fdf6ec
}

.voice-item.cloud-voice.active[data-v-539f4031],.voice-item.cloud-voice[data-v-539f4031]:hover {
    border-color: #e6a23c;
    background-color: #fdf6ec
}

.voice-item.cloud-voice .voice-name[data-v-539f4031] {
    color: #e6a23c
}

.voice-item.cloud-voice .cloud-badge[data-v-539f4031] {
    background-color: #e6a23c;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px
}

.voice-item.local-voice[data-v-539f4031] {
    border: 1px solid #67c23a;
    background-color: #f0f9eb
}

.voice-item.local-voice.active[data-v-539f4031],.voice-item.local-voice[data-v-539f4031]:hover {
    border-color: #67c23a;
    background-color: #f0f9eb
}

.voice-item.local-voice .voice-name[data-v-539f4031] {
    color: #67c23a
}

.voice-item.local-voice .local-badge[data-v-539f4031] {
    background-color: #67c23a;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px
}

.panel-header .panel-subtitle[data-v-539f4031] {
    font-size: 16px;
    font-weight: 500
}

.model-version-select[data-v-539f4031] {
    width: 150px
}

.panel-scrollable-content[data-v-539f4031] {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px
}

.panel-scrollable-content[data-v-539f4031]::-webkit-scrollbar {
    width: 6px
}

.panel-scrollable-content[data-v-539f4031]::-webkit-scrollbar-thumb {
    background-color: #dcdfe6;
    border-radius: 3px
}

.panel-scrollable-content[data-v-539f4031]::-webkit-scrollbar-track {
    background-color: #f5f7fa
}

.script-page[data-v-a4349530] {
    padding: 20px;
    color: #303133;
    background-color: #fff
}

.rewrite-switch-container[data-v-a4349530] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 16px
}

.rewrite-label[data-v-a4349530] {
    font-size: 14px;
    color: #606266;
    font-weight: 700
}

.rewrite-tip[data-v-a4349530] {
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.rewrite-tip-row[data-v-a4349530] {
    margin-bottom: 20px;
    background-color: #f56c6c;
    padding: 8px 12px;
    border-radius: 4px;
    text-align: center
}

.header-section[data-v-a4349530] {
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e4e7ed;
    padding: 16px 20px;
    margin-bottom: 20px
}

.card-header[data-v-a4349530] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-left[data-v-a4349530] {
    display: flex;
    align-items: center;
    gap: 10px
}

.language-display[data-v-a4349530] {
    font-size: 14px;
    color: #606266;
    background-color: #f5f7fa;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #dcdfe6
}

.header-actions[data-v-a4349530] .el-button,.header-left[data-v-a4349530] .el-button {
    padding: 8px 16px!important;
    font-size: 14px!important;
    border-radius: 8px!important;
    font-weight: 700!important;
    border: none!important;
    transition: all .3s
}

.header-actions[data-v-a4349530] .el-button--primary,.header-actions[data-v-a4349530] .el-button--success,.header-left[data-v-a4349530] .el-button--primary {
    background-color: #409eff!important;
    color: #fff!important
}

.header-actions[data-v-a4349530] .el-button--primary:hover,.header-actions[data-v-a4349530] .el-button--success:hover,.header-left[data-v-a4349530] .el-button--primary:hover {
    background-color: #66b1ff!important
}

.header-left[data-v-a4349530] .el-button--success {
    background-color: #67c23a!important;
    color: #fff!important
}

.header-left[data-v-a4349530] .el-button--success:hover {
    background-color: #85ce61!important
}

.header-actions[data-v-a4349530] .el-button--info {
    background-color: #f5f7fa!important;
    color: #606266!important;
    border: 1px solid #dcdfe6!important
}

.header-actions[data-v-a4349530] .el-button--info:hover {
    background-color: #ecf5ff!important;
    color: #409eff!important;
    border-color: #c6e2ff!important
}

.header-actions[data-v-a4349530] .el-button--warning {
    background-color: #f56c6c!important;
    color: #fff!important
}

.header-actions[data-v-a4349530] .el-button--warning:hover {
    opacity: .9
}

.header-actions[data-v-a4349530] {
    display: flex;
    gap: 10px
}

.product-cards-container[data-v-a4349530] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.product-item[data-v-a4349530] {
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e4e7ed;
    transition: all .3s;
    overflow: hidden
}

.product-item[data-v-a4349530]:hover {
    border-color: #dcdfe6
}

.product-card-header[data-v-a4349530] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    background-color: #f5f7fa;
    padding: 12px 20px
}

.product-title[data-v-a4349530] {
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%;
    color: #303133
}

.product-actions[data-v-a4349530] {
    display: flex;
    gap: 15px;
    align-items: center
}

.action-link[data-v-a4349530] {
    color: #409eff;
    cursor: pointer;
    font-size: 13px;
    white-space: nowrap
}

.action-link[data-v-a4349530]:hover {
    text-decoration: underline
}

.action-link.is-loading[data-v-a4349530] {
    opacity: .7;
    cursor: not-allowed
}

.danger-link[data-v-a4349530] {
    color: #f56c6c;
    cursor: pointer;
    font-size: 13px;
    white-space: nowrap
}

.danger-link[data-v-a4349530]:hover {
    text-decoration: underline
}

.product-content[data-v-a4349530] {
    display: flex;
    flex-direction: column;
    padding: 0 20px 15px 20px
}

.product-content[data-v-a4349530] .el-textarea__inner {
    border: 1px solid #dcdfe6!important;
    background-color: #f5f7fa!important;
    color: #606266;
    resize: none;
    padding: 10px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5
}

.product-content[data-v-a4349530] .el-textarea__inner:focus {
    border-color: #409eff!important
}

.expand-button[data-v-a4349530] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    cursor: pointer;
    color: #909399;
    margin-top: 10px;
    position: relative;
    font-size: 13px;
    border-radius: 8px;
    transition: background-color .3s
}

.expand-button[data-v-a4349530]:hover {
    background-color: #f5f7fa
}

.expand-button i[data-v-a4349530] {
    margin-right: 5px;
    transition: transform .3s
}

.expand-button i.is-expanded[data-v-a4349530] {
    transform: rotate(180deg)
}

.script-word-count[data-v-a4349530] {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #909399
}

[data-v-a4349530] .el-dialog {
    background-color: #fff!important;
    border: 1px solid #e4e7ed;
    border-radius: 12px!important
}

[data-v-a4349530] .el-dialog__header {
    background-color: #fff;
    border-bottom: 1px solid #e4e7ed;
    color: #303133
}

[data-v-a4349530] .el-dialog__title {
    color: #303133
}

[data-v-a4349530] .el-dialog__body {
    background-color: #fff;
    color: #606266;
    padding: 20px
}

[data-v-a4349530] .el-dialog__footer {
    background-color: #fff;
    border-top: 1px solid #e4e7ed;
    padding: 15px 20px
}

.product-info-form-item[data-v-a4349530] .el-textarea__inner {
    background-color: #f5f7fa!important;
    border-color: #dcdfe6!important;
    color: #606266!important
}

.product-info-form-item[data-v-a4349530] .el-input__count {
    background-color: transparent!important;
    color: #909399!important
}

[data-v-a4349530] .el-dialog__footer .el-button {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

[data-v-a4349530] .el-dialog__footer .el-button:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

[data-v-a4349530] .el-dialog__footer .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

[data-v-a4349530] .el-dialog__footer .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.interaction-page[data-v-15df814f] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #fff;
    color: #303133
}

.interaction-tabs[data-v-15df814f] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.interaction-tabs[data-v-15df814f] .el-tabs__header {
    margin-bottom: 20px
}

.interaction-tabs[data-v-15df814f] .el-tabs__nav-wrap:after {
    background-color: #e4e7ed
}

.interaction-tabs[data-v-15df814f] .el-tabs__nav {
    border: none
}

.interaction-tabs[data-v-15df814f] .el-tabs__item {
    color: #909399;
    border: none;
    font-weight: 500;
    font-size: 16px
}

.interaction-tabs[data-v-15df814f] .el-tabs__item.is-active {
    color: #409eff
}

.interaction-tabs[data-v-15df814f] .el-tabs__active-bar {
    background-color: #409eff
}

.interaction-tabs[data-v-15df814f] .el-tabs__content {
    flex: 1;
    overflow: hidden
}

.interaction-tabs[data-v-15df814f] .el-tab-pane {
    height: 100%;
    overflow-y: auto
}

.interaction-tabs[data-v-15df814f] .el-tab-pane::-webkit-scrollbar {
    width: 6px
}

.interaction-tabs[data-v-15df814f] .el-tab-pane::-webkit-scrollbar-thumb {
    background-color: #dcdfe6;
    border-radius: 3px
}

.interaction-tabs[data-v-15df814f] .el-tab-pane::-webkit-scrollbar-track {
    background-color: #f5f7fa
}

.config-card[data-v-15df814f],.intervals-card[data-v-15df814f],.qa-card[data-v-15df814f] {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 12px;
    color: #303133
}

.config-card[data-v-15df814f] .el-card__header,.intervals-card[data-v-15df814f] .el-card__header,.qa-card[data-v-15df814f] .el-card__header {
    border-bottom: 1px solid #e4e7ed;
    font-size: 16px;
    font-weight: 700;
    color: #303133
}

.card-header[data-v-15df814f] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.interaction-page[data-v-15df814f] .el-input__inner,.interaction-page[data-v-15df814f] .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #606266
}

.interaction-page[data-v-15df814f] .el-input__inner:focus,.interaction-page[data-v-15df814f] .el-textarea__inner:focus {
    border-color: #409eff
}

.interaction-page[data-v-15df814f] .el-input-group__append {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #909399
}

.interaction-input[data-v-15df814f] .el-button {
    border-radius: 0
}

.interaction-input[data-v-15df814f] .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.interaction-input[data-v-15df814f] .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.interaction-input[data-v-15df814f] .el-button--warning {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.interaction-input[data-v-15df814f] .el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563
}

.interaction-page[data-v-15df814f] .el-input__count {
    background: transparent;
    color: #909399
}

.interrupt-section[data-v-15df814f] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.interrupt-label[data-v-15df814f] {
    font-size: 16px;
    color: #303133
}

.interaction-page[data-v-15df814f] .el-switch.is-checked .el-switch__core {
    background-color: #409eff;
    border-color: #409eff
}

.qa-container[data-v-15df814f] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.qa-header[data-v-15df814f] {
    margin-bottom: 20px
}

.qa-cards[data-v-15df814f] {
    flex: 1;
    overflow: auto
}

.qa-card[data-v-15df814f] {
    margin-bottom: 20px
}

.qa-card-header[data-v-15df814f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.qa-card-actions[data-v-15df814f] .el-button--text {
    color: #909399;
    font-weight: 400
}

.qa-card-actions[data-v-15df814f] .el-button--text:hover {
    color: #409eff
}

.qa-card-actions[data-v-15df814f] .el-button--text .el-icon-delete:hover {
    color: #f56c6c
}

.answer-input[data-v-15df814f] {
    margin-top: 10px
}

.intervals-form[data-v-15df814f] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.video-announcement-section[data-v-15df814f] {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.form-item[data-v-15df814f] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.form-label[data-v-15df814f] {
    font-size: 14px;
    color: #303133;
    font-weight: 500
}

.form-actions[data-v-15df814f] {
    display: flex;
    gap: 10px;
    margin-top: 10px
}

.form-actions .el-button[data-v-15df814f] {
    flex: 1
}

.interval-section[data-v-15df814f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e4e7ed
}

.interval-section[data-v-15df814f]:last-child {
    border-bottom: none
}

.interval-label[data-v-15df814f] {
    font-size: 14px;
    color: #303133
}

.el-select[data-v-15df814f] {
    width: 120px
}

[data-v-15df814f] .el-select-dropdown {
    background-color: #fff;
    border: 1px solid #e4e7ed
}

[data-v-15df814f] .el-select-dropdown__item {
    color: #606266
}

[data-v-15df814f] .el-select-dropdown__item.hover,[data-v-15df814f] .el-select-dropdown__item:hover {
    background-color: #f5f7fa
}

.interaction-page[data-v-15df814f] .el-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700
}

.interaction-page[data-v-15df814f] .el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #e4e7ed!important
}

.interaction-page[data-v-15df814f] .el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff!important
}

.transparent-button[data-v-15df814f] {
    background-color: #409eff!important;
    border: 1px solid #409eff!important;
    color: #fff!important;
    border-radius: 8px!important;
    padding: 10px 20px!important;
    font-size: 14px!important;
    font-weight: 700
}

.transparent-button[data-v-15df814f]:hover {
    background-color: #66b1ff!important;
    border-color: #66b1ff!important
}

.interaction-page[data-v-15df814f] .el-message-box {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 12px
}

.interaction-page[data-v-15df814f] .el-message-box__title {
    color: #303133
}

.interaction-page[data-v-15df814f] .el-message-box__message {
    color: #606266
}

.interaction-page[data-v-15df814f] .el-message-box__btns .el-button--default {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

.interaction-page[data-v-15df814f] .el-message-box__btns .el-button--default:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.interaction-page[data-v-15df814f] .el-message-box__btns .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.interaction-page[data-v-15df814f] .el-message-box__btns .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.protection-page[data-v-1adb428c] {
    padding: 20px;
    color: #303133;
    background-color: #fff
}

.live-action-card[data-v-1adb428c],.protection-card[data-v-1adb428c] {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 12px;
    box-shadow: none;
    margin-bottom: 20px;
    overflow: hidden
}

.live-guard-card[data-v-1adb428c] {
    margin-top: 20px
}

[data-v-1adb428c] .el-card__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    padding: 12px 20px
}

.module-header h3[data-v-1adb428c] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #303133;
    display: flex;
    align-items: center
}

.module-header .el-icon-info[data-v-1adb428c] {
    color: #909399!important
}

.module-content[data-v-1adb428c] {
    padding: 20px
}

.el-form[data-v-1adb428c] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.el-form-item[data-v-1adb428c] {
    margin-bottom: 0!important
}

[data-v-1adb428c] .el-form-item__content {
    margin-left: 0!important;
    line-height: normal!important
}

.form-item[data-v-1adb428c] {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%
}

.form-item .label[data-v-1adb428c] {
    font-size: 14px;
    color: #606266;
    min-width: 80px;
    flex-shrink: 0;
    text-align: left
}

[data-v-1adb428c] .el-textarea__inner {
    border: 1px solid #dcdfe6!important;
    background-color: #f5f7fa!important;
    color: #606266;
    border-radius: 8px;
    min-height: 80px!important;
    resize: vertical
}

[data-v-1adb428c] .el-textarea__inner:focus {
    border-color: #409eff!important
}

.launch-button[data-v-1adb428c] {
    padding: 8px 16px!important;
    font-size: 14px!important;
    border-radius: 8px!important;
    font-weight: 700!important;
    border: none!important;
    background-color: #409eff!important;
    color: #fff!important;
    transition: background-color .3s
}

.launch-button[data-v-1adb428c]:hover {
    background-color: #66b1ff!important
}

.launch-button.is-loading[data-v-1adb428c] {
    opacity: .7
}

.live-action-container[data-v-1adb428c] {
    padding: 20px
}

.guard-item[data-v-1adb428c] {
    display: flex;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #e4e7ed
}

.guard-item[data-v-1adb428c]:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.guard-item[data-v-1adb428c]:first-child {
    padding-top: 0
}

.guard-label[data-v-1adb428c] {
    min-width: 100px;
    font-weight: 500;
    color: #606266;
    padding-top: 5px
}

.guard-content[data-v-1adb428c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1
}

.schedule-actions[data-v-1adb428c] {
    display: flex;
    align-items: center
}

.guard-desc-red[data-v-1adb428c] {
    font-size: 12px;
    color: #f56c6c;
    margin-top: 8px
}

.guard-content[data-v-1adb428c] .el-button,.live-action-container[data-v-1adb428c] .el-button {
    padding: 8px 16px!important;
    font-size: 14px!important;
    border-radius: 8px!important;
    font-weight: 700!important;
    border: none!important;
    transition: all .3s
}

.guard-content[data-v-1adb428c] .el-button--primary,.live-action-container[data-v-1adb428c] .el-button--primary {
    background-color: #409eff!important;
    color: #fff!important
}

.guard-content[data-v-1adb428c] .el-button--primary:hover,.live-action-container[data-v-1adb428c] .el-button--primary:hover {
    background-color: #66b1ff!important
}

.guard-content[data-v-1adb428c] .el-button--primary.is-disabled {
    opacity: .5;
    background-color: #409eff!important;
    color: #fff!important
}

.guard-content[data-v-1adb428c] .el-button--danger {
    background-color: #f56c6c!important;
    color: #fff!important
}

.guard-content[data-v-1adb428c] .el-button--danger:hover {
    opacity: .9
}

.guard-content[data-v-1adb428c] .el-button--danger.is-disabled {
    opacity: .5;
    background-color: #f56c6c!important
}

[data-v-1adb428c] .el-date-editor {
    background: #f5f7fa!important;
    border: 1px solid #dcdfe6!important;
    color: #606266;
    border-radius: 8px!important
}

[data-v-1adb428c] .el-range-input {
    background: transparent!important;
    color: #606266!important
}

[data-v-1adb428c] .el-range-separator {
    color: #c0c4cc!important
}

[data-v-1adb428c] .el-date-editor .el-range__close-icon,[data-v-1adb428c] .el-date-editor .el-range__icon {
    color: #c0c4cc
}

.card-header[data-v-1adb428c],.description li[data-v-1adb428c],.description p[data-v-1adb428c],.description ul[data-v-1adb428c],.description[data-v-1adb428c] {
    display: none
}

.el-message-box.generalize-confirm-dialog {
    background-color: #1a1a1a!important;
    border: 1px solid #2a2a2a!important;
    border-radius: 12px!important
}

.generalize-confirm-dialog .el-message-box__header {
    background-color: #1a1a1a!important;
    border-bottom: 1px solid #2a2a2a!important
}

.generalize-confirm-dialog .el-message-box__title {
    color: #e0e0e0!important
}

.generalize-confirm-dialog .el-message-box__content {
    background-color: #1a1a1a!important;
    color: #e0e0e0!important
}

.generalize-confirm-dialog .el-message-box__content p {
    color: #a0a0a0!important
}

.generalize-confirm-dialog .el-message-box__btns .el-button--default {
    background-color: #333!important;
    border-color: #555!important;
    color: #e0e0e0!important
}

.generalize-confirm-dialog .el-message-box__btns .el-button--default:hover {
    background-color: #444!important;
    border-color: #666!important
}

.generalize-confirm-dialog .el-message-box__btns .el-button--primary {
    background-color: #2fe27d!important;
    border-color: #2fe27d!important;
    color: #121212!important
}

.generalize-confirm-dialog .el-message-box__btns .el-button--primary:hover {
    background-color: #28c36f!important;
    border-color: #28c36f!important
}

.safe-check-page[data-v-49140d71] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #303133;
    background-color: #fff
}

.feature-card[data-v-49140d71] {
    width: 100%;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    box-shadow: none
}

.volume-control[data-v-49140d71] {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 12px
}

.volume-label[data-v-49140d71] {
    font-size: 14px;
    color: #606266;
    white-space: nowrap
}

.volume-slider[data-v-49140d71] {
    flex-grow: 1
}

[data-v-49140d71] .el-card__body {
    padding: 20px
}

.card-content[data-v-49140d71] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.title[data-v-49140d71] {
    font-size: 16px;
    font-weight: 700;
    color: #303133
}

.description[data-v-49140d71] {
    color: #606266;
    font-size: 14px
}

.custom-button[data-v-49140d71] {
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 16px!important;
    font-size: 14px!important;
    border-radius: 8px!important;
    font-weight: 700!important;
    border: 1px solid #dcdfe6!important;
    background-color: #fff!important;
    color: #606266!important;
    transition: all .3s
}

.custom-button[data-v-49140d71]:hover {
    background-color: #ecf5ff!important;
    border-color: #c6e2ff!important;
    color: #409eff!important
}

.custom-button.active[data-v-49140d71] {
    background: #409eff!important;
    color: #fff!important;
    border-color: #409eff!important
}

.custom-button.active[data-v-49140d71]:hover {
    background: #66b1ff!important;
    border-color: #66b1ff!important
}

.check-list[data-v-49140d71] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px
}

.check-item[data-v-49140d71] {
    font-size: 14px;
    color: #303133;
    display: flex;
    align-items: center;
    gap: 8px
}

.check-item .el-icon-circle-check[data-v-49140d71] {
    color: #67c23a;
    font-size: 16px
}

.check-item .el-icon-circle-close[data-v-49140d71] {
    color: #909399;
    font-size: 16px
}

.suggestion[data-v-49140d71] {
    color: #909399;
    font-size: 13px
}

.divider[data-v-49140d71] {
    height: 1px;
    background-color: #e4e7ed;
    margin: 4px 0
}

.reminder[data-v-49140d71] {
    font-size: 14px;
    line-height: 1.4;
    color: #909399
}

.reminder.warning[data-v-49140d71] {
    color: #f56c6c
}

.live-room[data-v-dbc46676] {
    height: 100vh;
    padding: 10px;
    background-color: #f0f2f5;
    display: flex;
    flex-direction: column;
    color: #303133
}

.top-bar[data-v-dbc46676] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e4e7ed;
    box-shadow: 0 1px 4px rgba(0,21,41,.08);
    margin-bottom: 10px;
    flex-shrink: 0
}

.top-bar-left[data-v-dbc46676] {
    display: flex;
    align-items: center;
    gap: 8px
}

.back-button[data-v-dbc46676] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #606266;
    cursor: pointer;
    transition: color .3s
}

.back-button[data-v-dbc46676]:hover {
    color: #409eff
}

.room-name[data-v-dbc46676] {
    font-size: 16px;
    font-weight: 700;
    color: #303133
}

.top-bar-right[data-v-dbc46676] {
    display: flex;
    align-items: center;
    gap: 10px
}

.top-bar-right[data-v-dbc46676] .el-button {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 700;
    border: none;
    transition: all .3s
}

.top-bar-right[data-v-dbc46676] .el-button--primary {
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6;
    color: #606266
}

.top-bar-right[data-v-dbc46676] .el-button--primary:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.top-bar-right[data-v-dbc46676] .el-button--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.top-bar-right[data-v-dbc46676] .el-button--success:hover {
    background-color: #85ce61;
    border-color: #85ce61
}

.top-bar-right[data-v-dbc46676] .el-button--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.top-bar-right[data-v-dbc46676] .el-button--danger:hover {
    background-color: #f78989;
    border-color: #f78989
}

.main-layout[data-v-dbc46676] {
    display: grid;
    grid-template-columns: 440px 100px 1fr;
    flex: 1;
    min-height: 0;
    gap: 10px
}

.left-panel[data-v-dbc46676] {
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e4e7ed;
    display: flex;
    overflow: hidden
}

.left-panel>[data-v-dbc46676] {
    width: 100%
}

.middle-tabs[data-v-dbc46676] {
    width: 100px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e4e7ed;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0
}

.tab-item[data-v-dbc46676] {
    width: 100%;
    padding: 16px 0;
    cursor: pointer;
    font-size: 14px;
    color: #606266;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: all .3s ease
}

.tab-item i[data-v-dbc46676] {
    font-size: 20px;
    margin-bottom: 8px
}

.tab-item span[data-v-dbc46676] {
    font-size: 12px
}

.tab-item[data-v-dbc46676]:hover {
    color: #409eff;
    background-color: #f5f7fa
}

.tab-item.active[data-v-dbc46676] {
    color: #409eff;
    font-weight: 500;
    background-color: #ecf5ff
}

.tab-item.active[data-v-dbc46676]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 25px;
    background-color: #409eff;
    border-radius: 0 4px 4px 0
}

.right-container[data-v-dbc46676] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e4e7ed
}

.right-content-scrollable[data-v-dbc46676] {
    flex: 1;
    overflow-y: auto;
    padding: 0 10px;
    scroll-behavior: smooth
}

.right-content-scrollable[data-v-dbc46676]::-webkit-scrollbar {
    width: 6px
}

.right-content-scrollable[data-v-dbc46676]::-webkit-scrollbar-thumb {
    background-color: #dcdfe6;
    border-radius: 3px
}

.right-content-scrollable[data-v-dbc46676]::-webkit-scrollbar-track {
    background-color: #f5f7fa
}

.content-section[data-v-dbc46676] {
    padding-top: 10px;
    margin-bottom: 10px
}

.content-section[data-v-dbc46676]:last-of-type {
    padding-bottom: 10px
}

.content-section-title[data-v-dbc46676] {
    font-size: 16px;
    font-weight: 500;
    color: #303133;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e7ed
}

.tab-pane[data-v-dbc46676] {
    width: 100%;
    background-color: transparent;
    color: #303133
}

.danmu-fixed-bar[data-v-dbc46676] {
    padding: 10px 15px;
    border-top: 1px solid #e4e7ed;
    background-color: #fff;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.danmu-fixed-bar[data-v-dbc46676] .el-input__inner,.danmu-fixed-bar[data-v-dbc46676] .el-select .el-input__inner {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #606266
}

.danmu-fixed-bar[data-v-dbc46676] .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.danmu-fixed-bar[data-v-dbc46676] .el-input__inner::placeholder {
    color: #c0c4cc
}

.danmu-fixed-bar .purple-button[data-v-dbc46676] {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 700;
    background-color: #409eff!important;
    border-color: #409eff!important;
    color: #fff!important
}

.danmu-fixed-bar .purple-button[data-v-dbc46676]:focus,.danmu-fixed-bar .purple-button[data-v-dbc46676]:hover {
    background-color: #66b1ff!important;
    border-color: #66b1ff!important
}

.danmu-fixed-bar .el-input.is-disabled .el-input__inner[data-v-dbc46676],.danmu-fixed-bar .el-select .el-input.is-disabled .el-input__inner[data-v-dbc46676] {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.auto-setup-button[data-v-dbc46676] {
    min-width: 120px!important;
    background-color: #f5f7fa!important;
    border: 1px solid #dcdfe6!important;
    color: #606266!important;
    padding: 8px 16px!important;
    font-size: 14px!important;
    border-radius: 8px!important;
    font-weight: 700!important
}

.auto-setup-button[data-v-dbc46676]:hover {
    background-color: #ecf5ff!important;
    border-color: #c6e2ff!important;
    color: #409eff!important
}

.auto-setup-button.is-disabled[data-v-dbc46676],.auto-setup-button[data-v-dbc46676]:disabled {
    background-color: #f5f7fa!important;
    border-color: #e4e7ed!important;
    color: #c0c4cc!important;
    cursor: not-allowed
}

.auto-setup-button i[data-v-dbc46676] {
    margin-right: 4px
}

.slide-up-down-enter-active[data-v-dbc46676],.slide-up-down-leave-active[data-v-dbc46676] {
    transition: all .15s ease-in-out
}

.slide-up-down-enter[data-v-dbc46676] {
    transform: translateY(20px);
    opacity: 0
}

.slide-up-down-leave-to[data-v-dbc46676] {
    transform: translateY(-20px);
    opacity: 0
}

.danmu-control[data-v-dbc46676],.left-tabs[data-v-dbc46676],.main-control[data-v-dbc46676],.platform-display[data-v-dbc46676],.right-content[data-v-dbc46676],.right-footer[data-v-dbc46676] {
    display: none
}

.login-container[data-v-8d0f74c6] {
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #f5f7fa
}

.login-box[data-v-8d0f74c6] {
    position: absolute!important;
    top: 50%!important;
    right: 10%!important;
    transform: translateY(-50%)!important;
    width: 380px!important;
    background-color: #fff!important;
    border-radius: 16px!important;
    border: 1px solid #e4e7ed!important;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)!important;
    margin: 0!important;
    display: block!important;
    height: auto!important
}

.subtitle[data-v-8d0f74c6] {
    color: #909399;
    margin-bottom: 20px
}

.welcome-title[data-v-8d0f74c6] {
    font-size: 36px;
    font-style: italic;
    margin-bottom: 10px;
    color: #303133
}

h2[data-v-8d0f74c6] {
    margin-bottom: 10px;
    color: #303133;
    font-size: 24px
}

.el-form-item[data-v-8d0f74c6],.el-form-item[data-v-8d0f74c6]:nth-of-type(2) {
    margin-bottom: 20px
}

.el-form:not(.register-form) .el-form-item[data-v-8d0f74c6]:nth-of-type(3) {
    margin-bottom: 50px
}

.el-input[data-v-8d0f74c6] {
    border-radius: 8px
}

.el-button[data-v-8d0f74c6] {
    border-radius: 8px;
    padding: 12px 0;
    font-size: 16px
}

[data-v-8d0f74c6] .el-card {
    border-radius: 15px!important;
    overflow: visible!important
}

[data-v-8d0f74c6] .el-card__body {
    padding: 30px!important;
    height: auto!important;
    overflow: visible!important;
    flex: none!important;
    display: block!important
}

.register-link[data-v-8d0f74c6] {
    text-align: center;
    margin-top: 15px;
    color: #909399;
    font-size: 14px
}

.register-link span[data-v-8d0f74c6] {
    color: #409eff;
    cursor: pointer
}

.register-link span[data-v-8d0f74c6]:hover {
    text-decoration: underline
}

.back-button[data-v-8d0f74c6] {
    margin-right: 10px;
    cursor: pointer;
    color: #409eff;
    font-size: 14px;
    display: flex;
    align-items: center;
    position: static
}

.back-button[data-v-8d0f74c6]:hover {
    color: #66b1ff
}

.back-button i[data-v-8d0f74c6] {
    margin-right: 4px
}

.verification-code-container[data-v-8d0f74c6] {
    display: flex;
    gap: 10px
}

.verification-input[data-v-8d0f74c6] {
    flex: 1
}

.send-code-btn[data-v-8d0f74c6] {
    width: 120px;
    font-weight: 400
}

.verification-code-container[data-v-8d0f74c6] .el-input__inner {
    height: 40px;
    line-height: 40px
}

.verification-code-container .el-button[data-v-8d0f74c6] {
    height: 40px;
    padding: 0 15px
}

.subtitle-container[data-v-8d0f74c6] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

.subtitle-container .subtitle[data-v-8d0f74c6] {
    margin-bottom: 0;
    flex: 1;
    text-align: left
}

[data-v-8d0f74c6] .el-form-item__label {
    color: #606266
}

[data-v-8d0f74c6] .el-input__inner {
    background-color: #fff!important;
    border-color: #dcdfe6!important;
    color: #606266!important
}

[data-v-8d0f74c6] .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

[data-v-8d0f74c6] .el-input__inner::placeholder {
    color: #c0c4cc
}

[data-v-8d0f74c6] .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
    font-weight: 700
}

[data-v-8d0f74c6] .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

[data-v-8d0f74c6] .el-button--primary:disabled {
    background-color: #a0cfff!important;
    border-color: #a0cfff!important;
    color: #fff!important
}

[data-v-8d0f74c6] .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc
}

[data-v-8d0f74c6] .el-input__icon {
    color: #c0c4cc
}

.window-controls[data-v-8d0f74c6] {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    z-index: 100
}

.control-btn[data-v-8d0f74c6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    font-size: 20px;
    color: #909399;
    cursor: pointer;
    transition: color .2s ease
}

.control-btn[data-v-8d0f74c6]:hover {
    color: #303133
}

.model-manage-page[data-v-0c8f7768] {
    padding: 20px;
    background-color: #f5f7fa;
    color: #303133;
    min-height: 100vh
}

.model-manage-card[data-v-0c8f7768] {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e4e7ed
}

.card-header[data-v-0c8f7768] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #303133
}

.model-manage-card[data-v-0c8f7768] .el-card__header {
    padding: 16px 20px;
    border-bottom: 1px solid #e4e7ed
}

.model-manage-card[data-v-0c8f7768] .el-card__body {
    padding: 20px
}

.card-header .clone-btn[data-v-0c8f7768] {
    font-weight: 400
}

.model-table[data-v-0c8f7768] .el-table__cell {
    vertical-align: middle
}

.model-table .model-name-in-table[data-v-0c8f7768] {
    font-weight: 500
}

.preview-placeholder-table[data-v-0c8f7768] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f7fa;
    color: #909399;
    font-size: 12px;
    border-radius: 4px
}

.file-upload-container[data-v-0c8f7768] {
    display: flex;
    align-items: center
}

.file-hint[data-v-0c8f7768],.file-name[data-v-0c8f7768] {
    margin-left: 10px;
    color: #909399;
    font-size: 14px
}

.param-hint[data-v-0c8f7768] {
    margin-left: 10px;
    color: #909399;
    font-size: 12px
}

.time-estimate[data-v-0c8f7768] {
    font-weight: 700;
    color: #409eff
}

.option-hint[data-v-0c8f7768] {
    font-size: 12px;
    color: #909399;
    margin-top: 4px
}

.vertical-dialog[data-v-0c8f7768] {
    width: 350px!important
}

[data-v-0c8f7768] .el-dialog {
    border-radius: 18px!important
}

.vertical-form[data-v-0c8f7768] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.file-btn[data-v-0c8f7768] {
    background-color: #ecf5ff;
    border: 1px solid #d9ecff;
    color: #409eff;
    border-radius: 8px;
    padding: 4px 16px;
    font-size: 14px;
    transition: background .2s,color .2s
}

.file-btn[data-v-0c8f7768]:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff
}

.training-tips[data-v-0c8f7768] {
    background-color: #f5f7fa;
    border: 1px solid #e4e7ed;
    padding: 15px;
    margin-top: 20px;
    border-radius: 4px
}

.tips-title[data-v-0c8f7768] {
    font-weight: 700;
    margin-bottom: 10px;
    color: #303133
}

.tip-item[data-v-0c8f7768] {
    color: #f56c6c;
    margin-bottom: 8px;
    font-size: 14px
}

[data-v-0c8f7768] .clone-dialog .el-dialog {
    border-radius: 12px!important;
    overflow: hidden;
    background-color: #fff!important;
    border: 1px solid #ebeef5
}

[data-v-0c8f7768] .clone-dialog .el-dialog__header {
    background: #fff;
    padding: 15px 20px;
    border-bottom: 1px solid #ebeef5
}

[data-v-0c8f7768] .clone-dialog .el-dialog__title {
    color: #303133;
    font-weight: 700;
    font-size: 16px
}

[data-v-0c8f7768] .clone-dialog .el-dialog__body {
    padding: 20px;
    background: #fff;
    color: #606266
}

[data-v-0c8f7768] .clone-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #909399
}

[data-v-0c8f7768] .clone-dialog .el-dialog__headerbtn .el-dialog__close:hover {
    color: #409eff
}

[data-v-0c8f7768] .clone-dialog .el-dialog__footer {
    background: #fff;
    padding: 10px 20px 20px;
    border-top: 1px solid #ebeef5;
    text-align: right
}

[data-v-0c8f7768] .clone-dialog .el-button--default {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

[data-v-0c8f7768] .clone-dialog .el-button--default:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

[data-v-0c8f7768] .clone-dialog .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
    font-weight: 700
}

[data-v-0c8f7768] .clone-dialog .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

[data-v-0c8f7768] .clone-dialog .el-button--primary:disabled {
    background-color: #a0cfff;
    border-color: #a0cfff;
    color: #fff
}

[data-v-0c8f7768] .clone-dialog .el-form-item__label {
    color: #606266;
    font-weight: 700
}

[data-v-0c8f7768] .clone-dialog .el-input__inner {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

[data-v-0c8f7768] .clone-dialog .el-input__inner:focus {
    border-color: #409eff
}

[data-v-0c8f7768] .clone-dialog .el-radio__input.is-checked .el-radio__inner {
    border-color: #409eff;
    background: #409eff
}

[data-v-0c8f7768] .clone-dialog .el-radio__input.is-checked+.el-radio__label {
    color: #409eff
}

[data-v-0c8f7768] .clone-dialog .el-radio__label {
    color: #606266
}

[data-v-0c8f7768] .clone-dialog .el-switch.is-checked .el-switch__core {
    border-color: #409eff;
    background-color: #409eff
}

[data-v-0c8f7768] .clone-dialog .el-switch__label {
    color: #909399
}

[data-v-0c8f7768] .clone-dialog .el-switch__label.is-active {
    color: #409eff
}

.voice-manage-page[data-v-4f295f79] {
    padding: 20px;
    background-color: #f5f7fa;
    color: #303133;
    min-height: 100vh
}

.voice-manage-card[data-v-4f295f79] {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e4e7ed
}

.voice-manage-card[data-v-4f295f79] .el-card__header {
    padding: 16px 20px;
    border-bottom: 1px solid #e4e7ed
}

.voice-manage-card[data-v-4f295f79] .el-card__body {
    padding: 20px
}

.card-header[data-v-4f295f79] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #303133
}

.card-header .clone-btn[data-v-4f295f79] {
    font-weight: 400
}

.voice-table .voice-name-in-table[data-v-4f295f79] {
    font-weight: 500
}

.voice-icon-table[data-v-4f295f79] {
    font-size: 24px;
    color: #409eff;
    cursor: pointer;
    transition: all .2s
}

.voice-icon-table[data-v-4f295f79]:hover {
    transform: scale(1.2)
}

.voice-icon-table.is-playing[data-v-4f295f79] {
    color: #f56c6c
}

.voice-actions .edit-btn[data-v-4f295f79] {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

.voice-actions .edit-btn[data-v-4f295f79]:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.file-upload-container[data-v-4f295f79] {
    display: flex;
    align-items: center
}

.file-name[data-v-4f295f79] {
    margin-left: 10px;
    color: #909399;
    font-size: 14px
}

.param-hint[data-v-4f295f79] {
    display: block;
    padding-top: 5px;
    color: #909399;
    font-size: 12px;
    line-height: 1.4
}

.training-tips[data-v-4f295f79] {
    background-color: #f5f7fa;
    border: 1px solid #e4e7ed;
    padding: 15px;
    margin-top: 20px;
    border-radius: 4px
}

.tips-title[data-v-4f295f79] {
    font-weight: 700;
    margin-bottom: 10px;
    color: #303133
}

.tip-item[data-v-4f295f79] {
    color: #f56c6c;
    margin-bottom: 8px;
    font-size: 14px
}

.file-btn[data-v-4f295f79] {
    background-color: #ecf5ff;
    border: 1px solid #d9ecff;
    color: #409eff;
    border-radius: 8px;
    padding: 4px 16px;
    font-size: 14px;
    transition: background .2s,color .2s,border-color .2s
}

.file-btn[data-v-4f295f79]:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff
}

.mode-description[data-v-4f295f79] {
    margin-top: 8px;
    font-size: 12px;
    color: #909399;
    padding: 4px 8px;
    background-color: #f5f7fa;
    border-radius: 4px;
    transition: all .3s
}

.mode-description.fast-mode[data-v-4f295f79] {
    color: #409eff;
    background-color: #ecf5ff
}

[data-v-4f295f79] .clone-dialog .el-dialog {
    border-radius: 12px!important;
    overflow: hidden;
    background-color: #fff!important;
    border: 1px solid #ebeef5
}

[data-v-4f295f79] .clone-dialog .el-dialog__header {
    background: #fff;
    padding: 15px 20px;
    border-bottom: 1px solid #ebeef5
}

[data-v-4f295f79] .clone-dialog .el-dialog__title {
    color: #303133;
    font-weight: 700;
    font-size: 16px
}

[data-v-4f295f79] .clone-dialog .el-dialog__body {
    padding: 20px;
    background: #fff;
    color: #606266
}

[data-v-4f295f79] .clone-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #909399
}

[data-v-4f295f79] .clone-dialog .el-dialog__headerbtn .el-dialog__close:hover {
    color: #409eff
}

[data-v-4f295f79] .clone-dialog .el-dialog__footer {
    background: #fff;
    padding: 10px 20px 20px;
    border-top: 1px solid #ebeef5;
    text-align: right
}

[data-v-4f295f79] .clone-dialog .el-button--default {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

[data-v-4f295f79] .clone-dialog .el-button--default:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

[data-v-4f295f79] .clone-dialog .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
    font-weight: 700
}

[data-v-4f295f79] .clone-dialog .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

[data-v-4f295f79] .clone-dialog .el-button--primary:disabled {
    background-color: #a0cfff;
    border-color: #a0cfff;
    color: #fff
}

[data-v-4f295f79] .clone-dialog .el-form-item__label {
    color: #606266;
    font-weight: 700
}

[data-v-4f295f79] .clone-dialog .el-input__inner {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

[data-v-4f295f79] .clone-dialog .el-input__inner:focus {
    border-color: #409eff
}

[data-v-4f295f79] .clone-dialog .el-textarea__inner {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266;
    min-height: 80px!important
}

[data-v-4f295f79] .clone-dialog .el-textarea__inner:focus {
    border-color: #409eff
}

[data-v-4f295f79] .clone-dialog .el-input-number {
    width: 100%
}

[data-v-4f295f79] .clone-dialog .el-input-number__decrease,[data-v-4f295f79] .clone-dialog .el-input-number__increase {
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266
}

[data-v-4f295f79] .clone-dialog .el-input-number__decrease:hover,[data-v-4f295f79] .clone-dialog .el-input-number__increase:hover {
    color: #409eff
}

[data-v-4f295f79] .clone-dialog .el-input-number .el-input__inner {
    text-align: center
}

[data-v-4f295f79] .clone-dialog .el-switch.is-checked .el-switch__core {
    border-color: #409eff;
    background-color: #409eff
}

[data-v-4f295f79] .clone-dialog .el-switch__label {
    color: #909399
}

[data-v-4f295f79] .clone-dialog .el-switch__label.is-active {
    color: #409eff
}

.config-container[data-v-68e27f01] {
    padding: 20px;
    background-color: #f5f7fa;
    color: #303133
}

.config-row[data-v-68e27f01] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px
}

.config-card[data-v-68e27f01] {
    flex: 1;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 8px;
    color: #303133
}

.config-card[data-v-68e27f01] .el-card__header {
    border-bottom: 1px solid #e4e7ed;
    color: #303133;
    font-weight: 700
}

.config-card[data-v-68e27f01] .el-card__body {
    color: #606266
}

.form-container[data-v-68e27f01] {
    max-width: 600px
}

.config-container[data-v-68e27f01] .el-form-item__label {
    color: #606266
}

.config-container[data-v-68e27f01] .el-input__inner {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

.config-container[data-v-68e27f01] .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc
}

.config-container[data-v-68e27f01] .el-select .el-input__inner:focus {
    border-color: #409eff
}

.config-container[data-v-68e27f01] .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
    font-weight: 700
}

.config-container[data-v-68e27f01] .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.config-container[data-v-68e27f01] .el-button--danger {
    background-color: #f56c6c;
    border-color: #f56c6c
}

.config-container[data-v-68e27f01] .el-button--warning {
    background-color: #e6a23c;
    border-color: #e6a23c
}

.free-model-tag[data-v-68e27f01] {
    color: #67c23a;
    background-color: #f0f9eb;
    border: 1px solid #e1f3d8;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px
}

.api-key-tips[data-v-68e27f01] {
    font-size: 13px;
    color: #909399;
    line-height: 1.5;
    margin-top: 8px;
    padding: 8px 12px;
    background-color: #f5f7fa;
    border-radius: 4px;
    border-left: 3px solid #409eff
}

.api-key-tips[data-v-68e27f01] a {
    color: #409eff;
    text-decoration: none
}

.api-key-tips[data-v-68e27f01] a:hover {
    text-decoration: underline
}

.system-actions[data-v-68e27f01] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap
}

.system-actions .el-button[data-v-68e27f01] {
    min-width: 120px
}

.membership-info[data-v-68e27f01] {
    margin-bottom: 20px
}

.info-row[data-v-68e27f01] {
    margin-bottom: 10px;
    font-size: 14px
}

.info-row .label[data-v-68e27f01] {
    color: #909399;
    margin-right: 10px
}

.info-row .value[data-v-68e27f01] {
    color: #606266;
    font-weight: 500
}

.key-input[data-v-68e27f01] {
    display: flex;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 10px
}

.help-page[data-v-6f15952e] {
    padding: 20px;
    background-color: #f5f7fa;
    color: #303133;
    min-height: 100vh
}

.help-section[data-v-6f15952e],.notice-section[data-v-6f15952e] {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 20px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e4e7ed;
    overflow: hidden;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.06)
}

.help-header[data-v-6f15952e],.notice-header[data-v-6f15952e] {
    padding: 15px 20px;
    background-color: #fff;
    border-bottom: 1px solid #e4e7ed
}

.help-header h2[data-v-6f15952e],.notice-header h2[data-v-6f15952e] {
    margin: 0;
    font-size: 18px;
    color: #303133;
    font-weight: 700
}

.notice-content[data-v-6f15952e] {
    padding: 20px;
    color: #f56c6c;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap
}

.help-content[data-v-6f15952e] {
    padding: 20px;
    color: #606266;
    font-size: 14px;
    line-height: 1.6
}

.help-content ul[data-v-6f15952e] {
    margin: 10px 0;
    padding-left: 20px
}

.help-content li[data-v-6f15952e] {
    margin: 8px 0
}

.tools-page[data-v-5fc893eb] {
    padding: 20px;
    height: 100%;
    overflow-y: auto;
    background-color: #f5f7fa;
    color: #303133
}

.tool-card[data-v-5fc893eb] {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 8px
}

.tool-card[data-v-5fc893eb] .el-card__header {
    padding: 16px 20px;
    border-bottom: 1px solid #e4e7ed
}

.tool-card[data-v-5fc893eb] .el-card__body {
    padding: 20px
}

.card-header[data-v-5fc893eb] {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #303133
}

.card-content[data-v-5fc893eb] {
    padding: 0
}

.description[data-v-5fc893eb] {
    color: #909399;
    margin-bottom: 20px
}

.file-upload[data-v-5fc893eb] {
    margin: 20px 0 10px;
    display: flex;
    align-items: center;
    gap: 15px
}

.file-name[data-v-5fc893eb] {
    color: #409eff;
    font-size: 14px
}

.settings[data-v-5fc893eb] {
    margin: 20px 0;
    max-width: 400px
}

.settings[data-v-5fc893eb] .el-form-item__label {
    color: #606266
}

.settings[data-v-5fc893eb] .el-input-number__decrease,.settings[data-v-5fc893eb] .el-input-number__increase,.settings[data-v-5fc893eb] .el-input__inner {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

.settings[data-v-5fc893eb] .el-input-number__decrease:hover,.settings[data-v-5fc893eb] .el-input-number__increase:hover {
    color: #409eff
}

.actions[data-v-5fc893eb] {
    margin-top: 20px
}

.action-btn[data-v-5fc893eb],.file-btn[data-v-5fc893eb] {
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    transition: all .3s;
    display: flex;
    align-items: center;
    gap: 8px
}

.file-btn[data-v-5fc893eb] {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    color: #409eff
}

.file-btn[data-v-5fc893eb]:hover {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.action-btn[data-v-5fc893eb] {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.action-btn[data-v-5fc893eb]:hover {
    background-color: #85ce61;
    border-color: #85ce61
}

.action-btn.is-disabled[data-v-5fc893eb],.action-btn.is-disabled[data-v-5fc893eb]:hover {
    background-color: #b3e19d;
    border-color: #b3e19d;
    color: #fff;
    cursor: not-allowed
}

[data-v-5fc893eb] .el-dialog {
    border-radius: 12px!important
}

[data-v-5fc893eb] .el-message-box {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 12px
}

[data-v-5fc893eb] .el-message-box__title {
    color: #303133
}

[data-v-5fc893eb] .el-message-box__message,[data-v-5fc893eb] .el-message-box__message strong {
    color: #606266
}

[data-v-5fc893eb] .el-message-box__btns .el-button--default {
    background-color: #fff;
    border-color: #dcdfe6;
    color: #606266
}

[data-v-5fc893eb] .el-message-box__btns .el-button--default:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

[data-v-5fc893eb] .el-message-box__btns .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

[data-v-5fc893eb] .el-message-box__btns .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.short-video-page[data-v-1ba95b7a] {
    padding: 20px;
    background-color: #121212;
    color: #e0e0e0;
    min-height: 100vh
}

.video-manage-card[data-v-1ba95b7a] {
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    border-radius: 16px
}

.video-manage-card[data-v-1ba95b7a] .el-card__header {
    padding: 16px 20px;
    border-bottom: 1px solid #2a2a2a
}

.video-manage-card[data-v-1ba95b7a] .el-card__body {
    padding: 20px
}

.card-header[data-v-1ba95b7a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #e0e0e0
}

.create-btn[data-v-1ba95b7a] {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 8px;
    background-color: #2fe27d;
    border-color: #2fe27d;
    color: #121212;
    font-weight: 700
}

.create-btn[data-v-1ba95b7a]:hover {
    background-color: #28c36f;
    border-color: #28c36f
}

.video-grid[data-v-1ba95b7a] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    gap: 20px
}

.video-item[data-v-1ba95b7a] {
    transition: all .3s;
    border-radius: 12px;
    background: #2c2c2c;
    border: 1px solid #444;
    overflow: hidden
}

.video-item[data-v-1ba95b7a]:hover {
    transform: translateY(-5px);
    border-color: #2fe27d
}

.video-preview[data-v-1ba95b7a] {
    position: relative;
    width: 100%;
    padding-bottom: 177.78%;
    background-color: #1a1a1a;
    border-radius: 0;
    overflow: hidden
}

.preview-container[data-v-1ba95b7a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.preview-image[data-v-1ba95b7a] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.preview-placeholder[data-v-1ba95b7a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a0a0a0;
    background-color: #1a1a1a
}

.video-info[data-v-1ba95b7a] {
    padding: 14px
}

.video-header[data-v-1ba95b7a] {
    margin-bottom: 10px
}

.video-name[data-v-1ba95b7a] {
    font-size: 14px;
    font-weight: 500;
    color: #e0e0e0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.video-create-time[data-v-1ba95b7a] {
    font-size: 12px;
    color: #a0a0a0;
    display: block;
    margin-top: 4px
}

.video-actions[data-v-1ba95b7a] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.action-link[data-v-1ba95b7a] {
    color: #a0a0a0;
    padding: 0
}

.action-link[data-v-1ba95b7a]:hover {
    color: #2fe27d
}

.delete-link[data-v-1ba95b7a] {
    color: #f56c6c
}

.delete-link[data-v-1ba95b7a]:hover {
    color: #f78989
}

.file-name[data-v-1ba95b7a] {
    margin-left: 10px;
    color: #a0a0a0
}

.voice-selector-with-preview[data-v-1ba95b7a] {
    display: flex;
    align-items: center;
    width: 100%
}

.preview-btn[data-v-1ba95b7a] {
    margin-left: 10px;
    font-size: 24px;
    color: #2fe27d;
    padding: 0
}

.preview-btn.is-disabled[data-v-1ba95b7a] {
    color: #555;
    cursor: not-allowed
}

.select-file-btn[data-v-1ba95b7a] {
    background-color: #333;
    border-color: #555;
    color: #e0e0e0
}

.select-file-btn[data-v-1ba95b7a]:hover {
    background-color: #444;
    border-color: #666
}

[data-v-1ba95b7a] .create-dialog .el-dialog {
    border-radius: 12px!important;
    overflow: hidden;
    background-color: #1a1a1a!important;
    border: 1px solid #2a2a2a
}

[data-v-1ba95b7a] .create-dialog .el-dialog__header {
    background: #1a1a1a;
    padding: 15px 20px;
    border-bottom: 1px solid #2a2a2a
}

[data-v-1ba95b7a] .create-dialog .el-dialog__title {
    color: #e0e0e0;
    font-weight: 700;
    font-size: 16px
}

[data-v-1ba95b7a] .create-dialog .el-dialog__body {
    padding: 20px;
    background: #1a1a1a;
    color: #e0e0e0
}

[data-v-1ba95b7a] .create-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #a0a0a0
}

[data-v-1ba95b7a] .create-dialog .el-dialog__headerbtn .el-dialog__close:hover {
    color: #2fe27d
}

[data-v-1ba95b7a] .create-dialog .el-dialog__footer {
    background: #1a1a1a;
    padding: 10px 20px 20px;
    border-top: 1px solid #2a2a2a;
    text-align: right
}

[data-v-1ba95b7a] .create-dialog .el-button--default {
    background-color: #333;
    border-color: #555;
    color: #e0e0e0
}

[data-v-1ba95b7a] .create-dialog .el-button--default:hover {
    background-color: #444;
    border-color: #666
}

[data-v-1ba95b7a] .create-dialog .el-button--primary {
    background-color: #2fe27d;
    border-color: #2fe27d;
    color: #121212;
    font-weight: 700
}

[data-v-1ba95b7a] .create-dialog .el-button--primary:hover {
    background-color: #28c36f;
    border-color: #28c36f
}

[data-v-1ba95b7a] .create-dialog .el-button--primary.is-disabled {
    background-color: #228e57;
    border-color: #228e57;
    color: #777
}

[data-v-1ba95b7a] .create-dialog .el-form-item__label {
    color: #e0e0e0;
    font-weight: 700
}

[data-v-1ba95b7a] .create-dialog .el-input__inner,[data-v-1ba95b7a] .create-dialog .el-textarea__inner {
    background-color: #2c2c2c;
    border-color: #444;
    color: #e0e0e0
}

[data-v-1ba95b7a] .create-dialog .el-input__inner:focus,[data-v-1ba95b7a] .create-dialog .el-textarea__inner:focus {
    border-color: #2fe27d
}

[data-v-1ba95b7a] .create-dialog .el-radio__input.is-checked .el-radio__inner {
    border-color: #2fe27d;
    background: #2fe27d
}

[data-v-1ba95b7a] .create-dialog .el-radio__input.is-checked+.el-radio__label {
    color: #2fe27d
}

[data-v-1ba95b7a] .create-dialog .el-radio__label {
    color: #e0e0e0
}

[data-v-1ba95b7a] .create-dialog .el-slider__bar {
    background-color: #2fe27d
}

[data-v-1ba95b7a] .create-dialog .el-slider__button {
    border-color: #2fe27d
}

[data-v-1ba95b7a] .el-select-dropdown {
    background-color: #1a1a1a!important;
    border: 1px solid #2a2a2a!important
}

[data-v-1ba95b7a] .el-select-dropdown__item {
    color: #e0e0e0
}

[data-v-1ba95b7a] .el-select-dropdown__item.hover,[data-v-1ba95b7a] .el-select-dropdown__item:hover {
    background-color: #2c2c2c
}

[data-v-1ba95b7a] .el-select-dropdown__item.selected {
    color: #2fe27d;
    font-weight: 700
}

[data-v-1ba95b7a] .el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #2a2a2a!important
}

[data-v-1ba95b7a] .el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #1a1a1a!important
}

[data-v-1ba95b7a] .el-empty__description {
    color: #a0a0a0
}

.video-item[data-v-1ba95b7a] .el-button--primary {
    background-color: #2fe27d;
    border-color: #2fe27d;
    color: #121212;
    font-weight: 700
}

.video-item[data-v-1ba95b7a] .el-button--primary:hover {
    background-color: #28c36f;
    border-color: #28c36f;
    color: #121212
}

.sidebar-container[data-v-29d2caba] {
    display: flex;
    flex-direction: column;
    width: 90px;
    height: 100vh;
    padding: 20px 0;
    background: #fff;
    border-right: 1px solid #e4e7ed;
    transition: width .3s ease;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif
}

.logo-section[data-v-29d2caba] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px 20px 10px;
    cursor: pointer;
    border-bottom: 1px solid #e4e7ed;
    margin-bottom: 10px
}

.logo-container[data-v-29d2caba] {
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-bottom: 10px
}

.merchant-logo[data-v-29d2caba] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.logo-placeholder[data-v-29d2caba] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background-color: #ecf5ff;
    display: flex;
    align-items: center;
    justify-content: center
}

.logo-placeholder i[data-v-29d2caba] {
    font-size: 24px;
    color: #409eff
}

.merchant-name[data-v-29d2caba] {
    font-size: 13px;
    font-weight: 600;
    color: #303133;
    text-align: center;
    word-break: break-all
}

.navigation-menu[data-v-29d2caba] {
    flex: 1;
    overflow-y: auto;
    padding: 0 10px
}

.footer-menu[data-v-29d2caba] {
    padding: 0 10px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #e4e7ed
}

.menu-item[data-v-29d2caba] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 8px;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;
    font-size: 12px;
    font-weight: 500;
    color: #606266;
    text-align: center
}

.menu-item i[data-v-29d2caba] {
    font-size: 22px;
    margin-right: 0;
    margin-bottom: 8px;
    width: auto;
    transition: transform .2s ease,color .2s ease-in-out;
    color: #303133
}

.menu-item span[data-v-29d2caba] {
    transition: color .2s ease-in-out;
    line-height: 1.2
}

.menu-item[data-v-29d2caba]:hover {
    background-color: #ecf5ff
}

.menu-item:hover i[data-v-29d2caba],.menu-item:hover span[data-v-29d2caba] {
    color: #409eff
}

.menu-item.active[data-v-29d2caba] {
    background-color: #409eff;
    color: #fff;
    box-shadow: 0 2px 8px -2px rgba(64,158,255,.5)
}

.menu-item.active i[data-v-29d2caba],.menu-item.active span[data-v-29d2caba] {
    color: #fff
}

.menu-item.active[data-v-29d2caba]:hover {
    background-color: #66b1ff
}

.navigation-menu[data-v-29d2caba]::-webkit-scrollbar {
    width: 0;
    background: transparent
}

:root {
    --primary-color: #409eff;
    --primary-hover: #66b1ff;
    --background-color: #f5f7fa;
    --card-bg: #fff;
    --text-color: #303133;
    --text-secondary: #606266;
    --border-radius: 8px;
    --box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body,html {
    height: 100%;
    overflow: hidden
}

body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
    color: var(--text-color);
    background-color: var(--background-color)
}

.app-container {
    display: flex;
    flex-direction: row;
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.main-container {
    flex: 1;
    overflow: hidden;
    background-color: #fff
}

.main-container,.router-view {
    display: flex;
    flex-direction: column
}

.router-view {
    flex: 1;
    min-height: 0;
    overflow: auto
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .3s ease
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.content-card {
    background: var(--card-bg);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden
}

.page-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: var(--text-color)
}

.create-live,.live-room,.model-manage-page,.workspace-page {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden
}

.scrollable-area {
    flex: 1;
    overflow: auto;
    min-height: 0
}

.el-card {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.el-card__body {
    flex: 1;
    overflow: auto;
    min-height: 0
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background-color: #dcdfe6;
    border-radius: 3px
}

::-webkit-scrollbar-track {
    background-color: #fff
}