:root {
    --primary-color: #BC3FDE;
    --primary-light: #BC3FDE;
    --primary-dark: #BC3FDE;
    --success-color: #67c23a;
    --warning-color: #e6a23c;
    --danger-color: #f56c6c;
    --info-color: #909399;
    --text-primary: #303133;
    --text-regular: #606266;
    --text-secondary: #909399;
    --border-color: #ebeef5;
    --background-color: #f5f7fa;
    --shadow-color: rgba(67, 74, 249, 0.3);
    --bg-color: #f5f7fa;
    --card-bg: #ffffff;
}

body {
    font-size: 14px;
}

.el-button--primary {
    background: #BC3FDE !important;
    border-color: #BC3FDE !important;
}

.el-slider__bar {
    background: #BC3FDE !important;
}

.el-slider__button {
    border: 2px solid #BC3FDE !important;
}

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

*::-webkit-scrollbar-thumb {
    border: 4px rgba(0, 0, 0, 0.3) solid;
    border-radius: 6px;
}

*::-webkit-scrollbar-thumb:hover {
    border: 4px rgba(0, 0, 0, 0.5) solid;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #bc3fde !important;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis2 {
    -webkit-line-clamp: 2;
}

.ellipsis2,
.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis3 {
    -webkit-line-clamp: 3;
}

#__vconsole {
    display: none;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.el-radio__input.is-checked .el-radio__inner  {
    background-color: #BC3FDE !important;
    border-color: #BC3FDE !important;
}

.el-radio__label {
    color: #BC3FDE !important;
}

.generate-btn {
    background-color: #BC3FDE !important;
    color: white;
    border: none;
    padding: 14px 30px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 
        0 4px 8px var(--shadow-color),
        0 6px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.generate-btn:hover {
    background-color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 
        0 6px 12px var(--shadow-color),
        0 8px 25px rgba(0, 0, 0, 0.15);
}

.generate-btn:active {
    transform: translateY(1px);
    box-shadow: 
        0 2px 4px var(--shadow-color),
        0 3px 10px rgba(0, 0, 0, 0.1);
}

#full-layout {
    background: linear-gradient(210deg, #09104c, #BC3FDE) !important;
}

.description-section[data-v-6ed413f4] {
    background: linear-gradient(135deg, #BC3FDE, #764ba2)!important;
   
}







.video-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;grid-gap:20px;gap:20px}@media (max-width:1400px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.video-grid{grid-template-columns:1fr}}.video-card{background: #fff !important;border: 1px solid #e5e7eb !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;overflow:hidden;transition:all .2s ease;width:100%}.video-card:hover{box-shadow: 0 4px 12px rgba(0,0,0,.1) !important}.video-card-header{align-items:flex-start;border-bottom: 1px solid #f3f4f6 !important;display:flex;gap:8px;justify-content:space-between;padding:12px}.video-card-header-left{display:flex;flex-direction:column;gap:6px}.video-card-badges{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:flex-end}.video-card-badges .el-tag{background-color: #f9fafb !important;border-color: #e5e7eb !important;border-radius:4px;color: #6b7280 !important;font-size:11px;font-weight:500;height:22px;letter-spacing:.3px;line-height:22px;padding:0 8px}.video-card-thumbnail{background: #f9fafb !important;cursor:pointer;margin:0;overflow:hidden;position:relative}.video-card-thumb-inner{background: linear-gradient(135deg,#f3f4f6,#e5e7eb) !important;height:160px;position:relative}.video-card-image{height:100%;transition:transform .2s ease;width:100%}.video-card-thumbnail:hover .video-card-image{transform:scale(1.05)} .video-card-error-placeholder{align-items:center!important;background: linear-gradient(135deg,#f3f4f6,#e5e7eb) !important;display:flex!important;height:100%;justify-content:center!important;width:100%} .video-card-error-placeholder i{color: #9ca3af !important;font-size:40px;margin:0!important}.video-card-thumb-inner .el-image__error{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;width:100%!important}.video-card-overlay{align-items:center;background: rgba(0,0,0,.7) !important;bottom:0;display:flex;justify-content:center;left:0;opacity: 0 !important;position:absolute;right:0;top:0;transition:opacity .2s ease}.video-card-thumbnail:hover .video-card-overlay{opacity:1}.video-card-error-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background: rgba(243,244,246,.94) !important;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;padding:16px;position:absolute;right:0;top:0}.video-card-error-overlay i{color: #9ca3af !important;font-size:40px}.video-card-error-text{color: #9ca3af !important;font-size:13px;line-height:1.5;text-align:center;word-break:break-word}.video-card-info{padding:12px}.video-card-description{color: #374151 !important;font-size:13px;font-weight:400;line-height:1.5;min-height:40px}.video-card-meta{align-items:center;border-top: 1px solid #f3f4f6 !important;display:flex;margin-top:12px;padding-top:12px}.video-card-time{align-items:center;color: #9ca3af !important;display:flex;font-size:12px}.video-card-time i{align-items:center;display:inline-flex;font-size:12px;margin-right:4px}.video-card-actions{display:flex;flex-wrap:nowrap;gap:8px;margin-left:auto}.video-card-action{align-items:center;background: #fff !important;border: 1px solid #e5e7eb !important;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.video-card-action-copy{color: #4b5563 !important}.video-card-action-copy:hover{background: #BC3FDE !important;border-color: #BC3FDE !important;color: #fff !important}.video-card-action-delete{color: #4b5563 !important}.video-card-action-delete:hover{background: #ef4444 !important;border-color: #ef4444 !important;color: #fff !important}.type-btn{align-items:center;background: linear-gradient(145deg,#fff,#f9fafb) !important;border: 1.5px solid #e5e7eb !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;color: #374151 !important;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.type-btn:hover{background: linear-gradient(145deg,#eef2ff,#e0e7ff) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .15) !important;color: #BC3FDE !important;transform:translateY(-1px)}.type-btn-active{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .35) !important;color: #fff !important}.direction-btn{background: linear-gradient(145deg,#fff,#f9fafb) !important;border: 1.5px solid #e5e7eb !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;color: #374151 !important;cursor:pointer;flex:1;font-size:13px;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.direction-btn:hover{background: linear-gradient(145deg,#eef2ff,#e0e7ff) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .15) !important;color: #BC3FDE !important;transform:translateY(-1px)}.direction-btn-active{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .35) !important;color: #fff !important}.count-btn{background: linear-gradient(145deg,#fff,#f9fafb) !important;border: 1.5px solid #e5e7eb !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;color: #374151 !important;cursor:pointer;font-size:15px;font-weight:600;min-width:48px;padding:12px 10px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.count-btn:hover{background: linear-gradient(145deg,#eef2ff,#e0e7ff) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .15) !important;color: #BC3FDE !important;transform:translateY(-2px)}.count-btn-active{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .35) !important;color: #fff !important}.generate-btn:hover{box-shadow: 0 8px 20px rgba(188, 63, 222, .45) !important;transform:translateY(-3px)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}div[style="overflow-y: auto"]{scrollbar-width:none;-ms-overflow-style:none}div[style="overflow-y: auto"]::-webkit-scrollbar{background:transparent;width:0}#video-wrap::-webkit-scrollbar{width:8px}#video-wrap::-webkit-scrollbar-track{background: #f1f3f5 !important;border-radius:4px}#video-wrap::-webkit-scrollbar-thumb{background: linear-gradient(180deg,#c1c8cd,#a8b0b7) !important;border: 2px solid #f1f3f5 !important;border-radius:4px}#video-wrap::-webkit-scrollbar-thumb: hover{background:linear-gradient(180deg,#a8b0b7,#8e969d) !important}








.video-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;grid-gap:20px;gap:20px}@media (max-width:1400px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.video-grid{grid-template-columns:1fr}}.video-card{background: #fff !important;border: 1px solid #e5e7eb !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;overflow:hidden;transition:all .2s ease;width:100%}.video-card:hover{box-shadow: 0 4px 12px rgba(0,0,0,.1) !important}.video-card-header{align-items:flex-start;border-bottom: 1px solid #f3f4f6 !important;display:flex;gap:8px;justify-content:space-between;padding:12px}.video-card-header-left{display:flex;flex-direction:column;gap:6px}.video-card-badges{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:flex-end}.video-card-badges .el-tag{background-color: #f9fafb !important;border-color: #e5e7eb !important;border-radius:4px;color: #6b7280 !important;font-size:11px;font-weight:500;height:22px;letter-spacing:.3px;line-height:22px;padding:0 8px}.video-card-thumbnail{background: #f9fafb !important;cursor:pointer;margin:0;overflow:hidden;position:relative}.video-card-thumb-inner{background: linear-gradient(135deg,#f3f4f6,#e5e7eb) !important;height:160px;position:relative}.video-card-image{height:100%;transition:transform .2s ease;width:100%}.video-card-thumbnail:hover .video-card-image{transform:scale(1.05)} .video-card-error-placeholder{align-items:center!important;background: linear-gradient(135deg,#f3f4f6,#e5e7eb) !important;display:flex!important;height:100%;justify-content:center!important;width:100%} .video-card-error-placeholder i{color: #9ca3af !important;font-size:40px;margin:0!important}.video-card-thumb-inner .el-image__error{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;width:100%!important}.video-card-overlay{align-items:center;background: rgba(0,0,0,.7) !important;bottom:0;display:flex;justify-content:center;left:0;opacity: 0 !important;position:absolute;right:0;top:0;transition:opacity .2s ease}.video-card-thumbnail:hover .video-card-overlay{opacity:1}.video-card-error-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background: rgba(243,244,246,.94) !important;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;padding:16px;position:absolute;right:0;top:0}.video-card-error-overlay i{color: #9ca3af !important;font-size:40px}.video-card-error-text{color: #9ca3af !important;font-size:13px;line-height:1.5;text-align:center;word-break:break-word}.video-card-info{padding:12px}.video-card-description{color: #374151 !important;font-size:13px;font-weight:400;line-height:1.5;min-height:40px}.video-card-meta{align-items:center;border-top: 1px solid #f3f4f6 !important;display:flex;margin-top:12px;padding-top:12px}.video-card-time{align-items:center;color: #9ca3af !important;display:flex;font-size:12px}.video-card-time i{align-items:center;display:inline-flex;font-size:12px;margin-right:4px}.video-card-actions{display:flex;flex-wrap:nowrap;gap:8px;margin-left:auto}.video-card-action{align-items:center;background: #fff !important;border: 1px solid #e5e7eb !important;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.video-card-action-copy{color: #4b5563 !important}.video-card-action-copy:hover{background: #BC3FDE !important;border-color: #BC3FDE !important;color: #fff !important}.video-card-action-delete{color: #4b5563 !important}.video-card-action-delete:hover{background: #ef4444 !important;border-color: #ef4444 !important;color: #fff !important}.mode-btn{align-items:center;background: linear-gradient(145deg,#fff,#f9fafb) !important;border: 1.5px solid #e5e7eb !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;color: #374151 !important;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.mode-btn:hover{background: linear-gradient(145deg,#eef2ff,#e0e7ff) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .15) !important;color: #BC3FDE !important;transform:translateY(-1px)}.mode-btn-active{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .35) !important;color: #fff !important}.ratio-btn{background: linear-gradient(145deg,#fff,#f9fafb) !important;border: 1.5px solid #e5e7eb !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;color: #374151 !important;cursor:pointer;flex:1;font-size:13px;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.ratio-btn:hover{background: linear-gradient(145deg,#eef2ff,#e0e7ff) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .15) !important;color: #BC3FDE !important;transform:translateY(-1px)}.ratio-btn-active{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .35) !important;color: #fff !important}.count-btn{background: linear-gradient(145deg,#fff,#f9fafb) !important;border: 1.5px solid #e5e7eb !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;color: #374151 !important;cursor:pointer;font-size:15px;font-weight:600;min-width:48px;padding:12px 10px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.count-btn:hover{background: linear-gradient(145deg,#eef2ff,#e0e7ff) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .15) !important;color: #BC3FDE !important;transform:translateY(-2px)}.count-btn-active{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .35) !important;color: #fff !important}.generate-btn:hover{box-shadow: 0 8px 20px rgba(188, 63, 222, .45) !important;transform:translateY(-3px)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}div[style="overflow-y: auto"]{scrollbar-width:none;-ms-overflow-style:none}div[style="overflow-y: auto"]::-webkit-scrollbar{background:transparent;width:0}#video-wrap::-webkit-scrollbar{width:8px}#video-wrap::-webkit-scrollbar-track{background: #f1f3f5 !important;border-radius:4px}#video-wrap::-webkit-scrollbar-thumb{background: linear-gradient(180deg,#c1c8cd,#a8b0b7) !important;border: 2px solid #f1f3f5 !important;border-radius:4px}#video-wrap::-webkit-scrollbar-thumb: hover{background:linear-gradient(180deg,#a8b0b7,#8e969d) !important}








.video-track-container{margin:0 auto}.page-header{margin-bottom:20px;padding-bottom:24px;text-align:center}.page-header h1{color: #303133 !important;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.page-header h1 i{color: #BC3FDE !important;margin-right:10px}.page-header p{color: #909399 !important;font-size:15px;letter-spacing:.3px;margin:0}.main-content{display:flex;flex-direction:column;gap:28px}.config-panel{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.config-column{display:flex;flex-direction:column;gap:20px}.section-card{background: #fff !important;border: 1px solid rgba(0,0,0,.04) !important;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03) !important;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.section-card:hover{border-color: rgba(188, 63, 222, .15) !important;box-shadow: 0 2px 6px rgba(0,0,0,.06),0 8px 20px rgba(0,0,0,.08) !important;transform:translateY(-1px)}.section-header{align-items:center;border-bottom: 2px solid #f0f0f0 !important;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.section-header.no-border{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header h3{color: #1a1a1a !important;font-weight:700;letter-spacing:.3px;margin:0}.section-header h3,.section-header h3 i{align-items:center;display:flex;font-size:16px}.section-header h3 i{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-radius:8px;box-shadow: 0 2px 8px rgba(188, 63, 222, .2) !important;color: #fff !important;height:32px;justify-content:center;margin-right:12px;width:32px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.video-url-input .el-textarea__inner{background-color: #f8f9fa !important;border: 2px solid #e8eef5 !important;border-radius:10px;font-size:15px;line-height:1.6;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-url-input .el-textarea__inner: focus{background-color:#fff !important;border-color: #BC3FDE !important;box-shadow: 0 0 0 3px rgba(188, 63, 222, .1) !important}.extract-btn{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border: none !important;border-radius:10px;box-shadow: 0 3px 10px rgba(188, 63, 222, .25) !important;font-size:15px;font-weight:600;height:48px;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.extract-btn:hover{background: linear-gradient(135deg,#c86ae9,#d37aef) !important;box-shadow: 0 5px 16px rgba(188, 63, 222, .35) !important;transform:translateY(-2px)}.extract-btn:active{transform:translateY(0)}.extract-btn i{font-size:16px;margin-right:6px}.rewrite-btn{background: linear-gradient(135deg,#10b981,#059669) !important;border: none !important;border-radius:8px;box-shadow: 0 2px 8px rgba(16,185,129,.2) !important;font-size:13px;font-weight:600;height:36px;letter-spacing:.3px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.rewrite-btn:hover{background: linear-gradient(135deg,#059669,#047857) !important;box-shadow: 0 4px 12px rgba(16,185,129,.3) !important;transform:translateY(-1px)}.rewrite-btn:active{transform:translateY(0)}.rewrite-btn i{font-size:14px;margin-right:4px}.script-input,.slider-group{margin-top:20px}.slider-group{background: linear-gradient(135deg,#f8f9fa,#f0f2f5) !important;border: 1px solid #e8eef5 !important;border-radius:12px;padding:16px}.slider-label{align-items:center;color: #303133 !important;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:18px}.slider-label span:first-child{align-items:center;display:flex;gap:8px}.slider-label span:first-child: before{background:linear-gradient(180deg,#BC3FDE,#c86ae9) !important;border-radius:3px;content:"";height:16px;width:4px}.speed-value,.stroke-value{align-items:center;background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-radius:8px;box-shadow: 0 2px 8px rgba(188, 63, 222, .2) !important;color: #fff !important;display:inline-flex;font-size:13px;font-weight:600;height:28px;justify-content:center;min-width:52px;padding:0 12px}.form-row{display:flex;gap:16px}.form-item{flex:1}.form-item label{color: #606266 !important;display:block;font-size:14px;font-weight:500;letter-spacing:.1px;margin-bottom:10px}.style-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.color-grid{margin-top:18px}.color-picker-wrapper{align-items:center;display:flex;gap:14px;padding:8px 0}.color-value{color: #909399 !important;font-family:"Monaco","Consolas",monospace;font-size:13px}.prompt-collapse-wrapper{margin-bottom:20px}.prompt-collapse{border: none !important}.prompt-collapse .el-collapse-item{border-radius:10px;overflow:hidden}.prompt-collapse .el-collapse-item__header{background: linear-gradient(135deg,#f8f9fa,#f0f2f5) !important;border: 1px solid #e8eef5 !important;border-radius:10px;color: #303133 !important;font-size:14px;font-weight:600;height:44px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.prompt-collapse .el-collapse-item__header: hover{background:linear-gradient(135deg,#e8eef5,#e0e5ec) !important;border-color: #BC3FDE !important}.prompt-collapse .el-collapse-item__wrap{background: #fff !important;border: none !important}.prompt-collapse .el-collapse-item__content{padding:16px 0 0}.prompt-input-wrapper .el-textarea__inner{background-color: #f8f9fa !important;border: 2px solid #e8eef5 !important;border-radius:10px;font-size:14px;line-height:1.6;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.prompt-input-wrapper .el-textarea__inner: focus{background-color:#fff !important;border-color: #BC3FDE !important;box-shadow: 0 0 0 3px rgba(188, 63, 222, .1) !important}.section-header .el-switch{height:28px}.section-header .el-switch__core{border: 2px solid #dcdfe6 !important;border-radius:11px;height:22px;min-width:44px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-header .el-switch.is-checked .el-switch__core{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-color: #BC3FDE !important;box-shadow: 0 2px 8px rgba(188, 63, 222, .3) !important}.section-header .el-switch__button{background-color: #fff !important;border-radius:50%;box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;height:16px;left:1px;top:1px;transition:all .3s cubic-bezier(.4,0,.2,1);width:16px}.section-header .el-switch.is-checked .el-switch__button{left:calc(100% - 17px)}.section-header .el-switch__label{color: #606266 !important;font-size:13px;font-weight:600}.section-header .el-switch__label.is-active{color: #BC3FDE !important}.action-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:20px}.action-buttons .el-button{border-radius:10px;font-size:14px;font-weight:600;height:44px;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-buttons .el-button--primary{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border: none !important;box-shadow: 0 3px 10px rgba(188, 63, 222, .25) !important}.action-buttons .el-button--primary: hover{background:linear-gradient(135deg,#c86ae9,#d37aef) !important;box-shadow: 0 5px 16px rgba(188, 63, 222, .35) !important;transform:translateY(-2px)}.action-buttons .el-button--primary:active{transform:translateY(0)}.action-buttons .el-button--success{background: linear-gradient(135deg,#10b981,#059669) !important;border: none !important;box-shadow: 0 3px 10px rgba(16,185,129,.25) !important}.action-buttons .el-button--success: hover{background:linear-gradient(135deg,#059669,#047857) !important;box-shadow: 0 5px 16px rgba(16,185,129,.35) !important;transform:translateY(-2px)}.action-buttons .el-button--success:active{transform:translateY(0)}.action-buttons .el-button i{font-size:16px;margin-right:6px}.script-input .el-textarea__inner{background-color: #f8f9fa !important;border: 2px solid #e8eef5 !important;border-radius:10px;font-size:14px;line-height:1.8;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.script-input .el-textarea__inner: focus{background-color:#fff !important;border-color: #BC3FDE !important;box-shadow: 0 0 0 3px rgba(188, 63, 222, .1) !important}.script-input .el-textarea__inner: :-moz-placeholder{color:#a0a0a0 !important;font-size:13px}.script-input .el-textarea__inner: :placeholder{color:#a0a0a0 !important;font-size:13px}.script-input .el-input__count{background: transparent !important;color: #909399 !important;font-size:12px}.generate-section{background: linear-gradient(135deg,#f5f7fa,#e8eef5) !important;border: 1px solid rgba(188, 63, 222, .1) !important;border-radius:16px;box-shadow: 0 2px 8px rgba(188, 63, 222, .08) !important;margin-top:8px;overflow:hidden;padding:24px;position:relative}.generate-section:before{background: linear-gradient(90deg,#BC3FDE,#c86ae9 50%,#d37aef) !important;content:"";height:3px;left:0;position:absolute;right:0;top:0}.generate-section:after{animation:pulse-1d368490 8s ease-in-out infinite;background: radial-gradient(circle,rgba(188, 63, 222, .03) 0,transparent 70%) !important;content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse-1d368490{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5%,-5%) scale(1.05)}}.generate-options{align-items:center;border-bottom: 1px dashed rgba(188, 63, 222, .2) !important;display:flex;margin-bottom:20px;padding-bottom:20px;position:relative;z-index:1}.ai-mark-checkbox{align-items:center;color: #606266 !important;cursor:pointer;display:flex;font-size:16px;font-weight:500}.ai-mark-checkbox .el-checkbox__input{line-height:1;vertical-align:middle}.ai-mark-checkbox .el-checkbox__inner{border: 2px solid #dcdfe6 !important;border-radius:4px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.ai-mark-checkbox .el-checkbox__inner: hover{border-color:#BC3FDE !important}.ai-mark-checkbox .el-checkbox__label{line-height:1;padding-left:8px;vertical-align:middle}.ai-mark-checkbox .el-checkbox__input.is-checked .el-checkbox__inner{background-color: #BC3FDE !important;border-color: #BC3FDE !important}.ai-mark-checkbox .el-checkbox__input.is-checked .el-checkbox__inner:after{left:5px;top:1px;transform:rotate(45deg) scaleY(1.2)}.ai-mark-checkbox .el-checkbox__input.is-checked+.el-checkbox__label{color: #BC3FDE !important}.generate-btn-wrapper{position:relative;z-index:1}.generate-btn{background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border: none !important;border-radius:12px;box-shadow: 0 4px 16px rgba(188, 63, 222, .25) !important;color: #fff !important;font-size:16px;font-weight:600;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.generate-btn:hover{background: linear-gradient(135deg,#c86ae9,#d37aef) !important;box-shadow: 0 8px 24px rgba(188, 63, 222, .35) !important;transform:translateY(-2px) scale(1.01)}.generate-btn:active{transform:translateY(0) scale(.99)}.digital-human-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.digital-human-item{background: #fff !important;border: 2px solid #ebeef5 !important;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.digital-human-item:hover{border-color: #BC3FDE !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .15) !important;transform:translateY(-2px)}.digital-human-item.active{background: linear-gradient(135deg,rgba(188, 63, 222, .05),rgba(200, 106, 233, .05)) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 16px rgba(188, 63, 222, .2) !important}.digital-human-image{background: #f5f7fa !important;flex-shrink:0;height:180px;overflow:hidden;position:relative;width:100%}.digital-human-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.selected-badge{align-items:center;background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-radius:50%;box-shadow: 0 2px 8px rgba(188, 63, 222, .4) !important;color: #fff !important;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.digital-human-name{background: #fff !important;border-top: 1px solid #f0f0f0 !important;color: #303133 !important;flex-shrink:0;font-size:14px;font-weight:500;overflow:hidden;padding:10px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.digital-human-item.active .digital-human-name{background: linear-gradient(135deg,rgba(188, 63, 222, .05),rgba(200, 106, 233, .05)) !important;color: #BC3FDE !important;font-weight:600}.digital-human-grid .empty-state{background: #f5f7fa !important;border: 2px dashed #e5e7eb !important;border-radius:10px;color: #909399 !important;grid-column:1/-1;padding:40px 20px;text-align:center}.digital-human-grid .empty-state i{color: #c0c4cc !important;display:block;font-size:48px;margin-bottom:12px}.digital-human-grid .empty-state p{font-size:14px;margin:0}.video-list-panel{background: #fff !important;border: 1px solid #ebeef5 !important;border-radius:16px;box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;padding:24px}.panel-header{border-bottom: 2px solid #f5f7fa !important;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.header-left,.panel-header{align-items:center;display:flex}.header-left{gap:12px}.header-left h3{align-items:center;color: #1a1a1a !important;display:flex;font-size:18px;font-weight:700;letter-spacing:.2px;margin:0}.header-left h3 i{align-items:center;background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-radius:10px;box-shadow: 0 2px 8px rgba(188, 63, 222, .2) !important;color: #fff !important;display:inline-flex;font-size:18px;height:36px;justify-content:center;margin-right:10px;width:36px}.record-count{background: linear-gradient(135deg,#f5f7fa,#e8eef5) !important;border: 1px solid rgba(188, 63, 222, .08) !important;border-radius:16px;color: #606266 !important;font-size:13px;font-weight:600;padding:6px 14px}.header-right{align-items:center;display:flex;gap:16px}.expiry-alert{border-radius:8px;font-size:13px;padding:8px 16px}.video-list-container{min-height:420px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.video-card{background: #fff !important;border: 1px solid #e5e7eb !important;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.video-card:hover{box-shadow: 0 4px 12px rgba(0,0,0,.08) !important}.video-thumbnail{aspect-ratio:16/9;background: #f3f4f6 !important;overflow:hidden;position:relative;width:100%}.video-status-badge{left:6px;position:absolute;top:6px;z-index:2}.status-tag{align-items:center;border-radius:12px;box-shadow: 0 1px 3px rgba(0,0,0,.12) !important;color: #fff !important;display:inline-flex;font-size:12px;font-weight:500;line-height:1.4;padding:4px 10px}.status-tag i{font-size:13px;margin-right:3px}.status-tag-error{background: linear-gradient(135deg,#f87171,#ef4444) !important}.status-tag-queued{background: linear-gradient(135deg,#909399,#606266) !important}.status-tag-processing{background: linear-gradient(135deg,#fbbf24,#f59e0b) !important}.status-tag-completed{background: linear-gradient(135deg,#34d399,#10b981) !important}.download-action{bottom:6px;position:absolute;right:6px;z-index:2}.download-action .el-button{border-radius:4px;font-size:11px;padding:4px 10px}.download-action .el-button--primary{background: rgba(188, 63, 222, .95) !important;border-color: rgba(188, 63, 222, .95) !important}.download-action .el-button--primary:hover{background: #BC3FDE !important;border-color: #BC3FDE !important}.video-content-preview{align-items:center;background: #f3f4f6 !important;display:flex;height:100%;justify-content:center;overflow:hidden;padding:12px}.content-text{color: #606266 !important;font-size:14px;line-height:1.6;max-height:100%;width:100%;-webkit-line-clamp:5;text-align:center}.content-text,.video-error{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.video-error{background: linear-gradient(135deg,#f87171,#ef4444) !important;border-radius:16px;box-shadow: 0 2px 8px hsla(0,87%,69%,.3) !important;color: #fff !important;font-size:12px;left:6px;line-height:1.5;max-width:calc(100% - 12px);padding:4px 10px;position:absolute;top:38px;width:-moz-fit-content;width:fit-content;z-index:2;-webkit-line-clamp:2}.video-error i{font-size:13px;margin-right:4px}.video-previews{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.preview-item{align-items:center;background: #f3f4f6 !important;border-radius:4px;display:flex;gap:6px;padding:5px 10px}.preview-item img{border-radius:4px;height:28px;-o-object-fit:cover;object-fit:cover;width:28px}.preview-item span{color: #606266 !important;font-size:13px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-info{padding:12px}.video-script{color: #303133 !important;display:-webkit-box;font-size:14px;line-height:1.6;max-height:42px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:.1px;margin-bottom:10px}.video-meta{align-items:center;border-top: 1px solid #f3f4f6 !important;display:flex;justify-content:space-between;margin-top:8px;padding-top:10px}.video-time{color: #909399 !important;font-size:13px}.meta-actions{align-items:center;display:flex;gap:8px}.delete-btn,.download-btn{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;padding:6px 14px;transition:all .2s ease}.download-btn{background: rgba(188, 63, 222, .12) !important;border: 1px solid rgba(188, 63, 222, .2) !important;color: #BC3FDE !important;font-weight:500}.download-btn:hover{background: #BC3FDE !important;border-color: #BC3FDE !important;box-shadow: 0 2px 6px rgba(188, 63, 222, .25) !important;color: #fff !important;transform:translateY(-1px)}.delete-btn{background: hsla(220,4%,58%,.08) !important;color: #909399 !important}.delete-btn:hover{background: hsla(0,87%,69%,.1) !important;color: #f56c6c !important}.pagination-wrapper{border-top: 1px solid #e5e7eb !important;display:flex;justify-content:center;margin-top:32px;padding-top:24px}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.voice-grid .empty-state{align-items:center;background: #f9fafb !important;border: 2px dashed #e5e7eb !important;border-radius:16px;color: #6b7280 !important;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:54px 20px}.voice-grid .empty-state i{color: #9ca3af !important;font-size:48px;margin-bottom:12px}.voice-grid .empty-state p{font-size:14px;margin:0}.voice-card{align-items:center;background: #fff !important;border: 2px solid #e5e7eb !important;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.voice-card:hover{border-color: #BC3FDE !important;box-shadow: 0 4px 16px rgba(188, 63, 222, .15) !important;transform:translateY(-2px)}.voice-card.active{background: linear-gradient(135deg,rgba(188, 63, 222, .05),rgba(200, 106, 233, .05)) !important;border-color: #BC3FDE !important;box-shadow: 0 4px 20px rgba(188, 63, 222, .2) !important}.voice-card-icon{align-items:center;background: #f5f7fa !important;border-radius:10px;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-bottom:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.voice-icon-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.voice-card:hover .voice-card-icon{transform:scale(1.05)}.voice-card-content{text-align:center;width:100%}.voice-card-name{color: #1a1a1a !important;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-card.active .voice-card-name{color: #BC3FDE !important}.voice-card-check{align-items:center;background: linear-gradient(135deg,#BC3FDE,#c86ae9) !important;border-radius:50%;box-shadow: 0 2px 8px rgba(188, 63, 222, .3) !important;color: #fff !important;display:flex;font-size:14px;font-weight:700;height:22px;justify-content:center;position:absolute;right:8px;top:8px;width:22px} .el-tag--info{background: linear-gradient(135deg,#e5e7eb,#d1d5db) !important;color: #4b5563 !important} .el-tag--danger{background: linear-gradient(135deg,#fca5a5,#f87171) !important;color: #fff !important} .el-tag--warning{background: linear-gradient(135deg,#fcd34d,#fbbf24) !important;color: #fff !important} .el-tag--success{background: linear-gradient(135deg,#6ee7b7,#34d399) !important;color: #fff !important} .el-alert--warning{background: linear-gradient(135deg,#fef9c3,#fef08a) !important;border-color: rgba(251,191,36,.15) !important;border-radius:8px} .el-alert--warning .el-alert__title{color: #b45309 !important;font-weight:600} .el-alert--warning .el-alert__title i{color: #d97706 !important} .header-right .el-button--text{border-radius:8px;color: #BC3FDE !important;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)} .header-right .el-button--text: hover{background:linear-gradient(135deg,rgba(188, 63, 222, .08),rgba(188, 63, 222, .12)) !important;color: #BC3FDE !important} .video-actions .el-button--text{font-size:13px;font-weight:500} .video-actions .el-button--text:hover{background:transparent}.video-list-container::-webkit-scrollbar{width:6px}.video-list-container::-webkit-scrollbar-track{background: #f1f1f1 !important;border-radius:3px}.video-list-container::-webkit-scrollbar-thumb{background: #c1c1c1 !important;border-radius:3px}.video-list-container::-webkit-scrollbar-thumb: hover{background:#a8a8a8 !important} .el-input__inner: focus, .el-select .el-input__inner:focus, .el-textarea__inner:focus{border-color:#BC3FDE !important} .el-slider__runway{background-color: #e8eef5 !important;border-radius:3px;height:6px} .el-slider__bar{background: linear-gradient(90deg,#BC3FDE,#c86ae9) !important;border-radius:3px;height:6px} .el-slider__button{background-color: #fff !important;border: 3px solid #BC3FDE !important;box-shadow: 0 2px 6px rgba(188, 63, 222, .3) !important;height:16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:16px} .el-slider__button:hover{transform:scale(1.1)} .el-slider__stop{background-color: #c0c4cc !important;border-radius:50%;height:8px;width:8px} .el-pagination.is-background .el-pager li: not(.disabled).active{background-color:#BC3FDE !important} .el-pagination.is-background .el-pager li: hover{color:#BC3FDE !important} .el-button--primary{background-color: #BC3FDE !important;border-color: #BC3FDE !important} .el-button--primary: hover{background-color:#c86ae9 !important;border-color: #c86ae9 !important}@media (max-width:1400px){.config-panel{gap:20px}}@media (max-width:1200px){.config-panel,.video-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{margin-bottom:32px;padding-bottom:20px}.page-header h1{font-size:26px}.page-header p{font-size:14px}.config-panel{gap:16px;grid-template-columns:1fr}.action-buttons,.style-grid{gap:12px;grid-template-columns:1fr}.digital-human-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.video-grid{gap:16px;grid-template-columns:1fr}.header-right{align-items:flex-end;flex-direction:column;gap:10px}.section-card,.video-list-panel{padding:20px}}@media (max-width:480px){.section-card,.video-list-panel{border-radius:12px;padding:16px}.page-header h1{font-size:22px}.main-content{gap:20px}.digital-human-grid{gap:10px;grid-template-columns:1fr}}










.account-management{display:flex;flex-direction:column;height:100%}.content-area{gap:20px;height:100%;overflow:hidden}.platform-list{background-color: #fff !important;border-radius:12px;box-shadow: 0 2px 12px 0 rgba(0,0,0,.06) !important;display:flex;flex:0 0 280px;flex-direction:column;max-height:100%;overflow:hidden;padding:20px}.list-description{background-color: #f8f9fa !important;border-radius:8px;color: #606266 !important;font-size:14px;line-height:1.5;margin-bottom:10px;padding:10px}.platform-items{flex:1;overflow-y:auto;padding-top:10px}.platform-item{align-items:center;border: 1px solid #e4e7ed !important;border-radius:10px;cursor:pointer;display:flex;margin-bottom:10px;padding:16px 20px;position:relative;transition:all .3s ease}.platform-item:hover{background-color: #f5f7fa !important;box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;transform:translateY(-2px)}.platform-item.active{background-color: rgba(188, 63, 222, .08) !important;border-color: rgba(188, 63, 222, .2) !important}.platform-icon{margin-right:12px}.platform-icon .iconfont{color: #BC3FDE !important;font-size:28px}.platform-name{flex:1;font-weight:600}.account-count{align-items:center;background-color: #BC3FDE !important;border-radius:12px;color: #fff !important;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px}.account-details{background-color: #fff !important;border-radius:12px;box-shadow: 0 2px 12px 0 rgba(0,0,0,.06) !important;padding:24px}.account-details,.account-info-panel{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.panel-header{border-bottom: 1px solid #e4e7ed !important;justify-content:space-between;margin-bottom:10px;padding-bottom:20px}.header-left,.panel-header{align-items:center;display:flex}.header-left{gap:16px}.panel-header h3{color: #303133 !important;font-size:20px;font-weight:600;margin:0}.account-count-text{background: #f5f7fa !important;border-radius:12px;color: #909399 !important;font-size:14px;padding:4px 10px}.add-account-btn{align-items:center;background-color: #BC3FDE !important;border: 1px solid #BC3FDE !important;border-radius:8px;color: #fff !important;display:flex;font-weight:500;gap:6px;padding:10px 20px;transition:all .3s}.add-account-btn:hover{background-color: #aa2dce !important;border-color: #aa2dce !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .3) !important;transform:translateY(-2px)}.add-account-btn.large{font-size:16px;padding:12px 24px}.accounts-list{flex:1;overflow-y:auto;padding-right:8px;padding-top:10px}.account-item{background: #fff !important;border: 1px solid #e4e7ed !important;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s}.account-item:hover{border-color: rgba(188, 63, 222, .2) !important;box-shadow: 0 4px 16px rgba(0,0,0,.1) !important;transform:translateY(-2px)}.account-main{align-items:center;display:flex;justify-content:space-between}.user-avatar-section{align-items:center;display:flex;gap:16px}.avatar-container{height:60px;position:relative;width:60px}.user-avatar{-o-object-fit:cover;object-fit:cover}.default-avatar,.user-avatar{border: 2px solid #e4e7ed !important;border-radius:50%;height:100%;width:100%}.default-avatar{align-items:center;background: linear-gradient(135deg,#667eea,#764ba2) !important;display:flex;justify-content:center}.default-avatar .el-icon-user{color: #fff !important;font-size:28px}.platform-badge{align-items:center;background: #fff !important;border: 2px solid #fff !important;border-radius:50%;bottom:-2px;box-shadow: 0 2px 6px rgba(0,0,0,.1) !important;display:flex;height:24px;justify-content:center;position:absolute;right:-2px;width:24px}.platform-badge .iconfont{color: #BC3FDE !important;font-size:14px}.user-info{display:flex;flex-direction:column;gap:6px}.user-name{color: #303133 !important;font-size:18px;font-weight:600}.user-id{color: #909399 !important;font-size:14px}.account-actions{display:flex;gap:12px}.action-btn{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .3s}.action-btn.primary{background-color: #BC3FDE !important;border-color: #BC3FDE !important;color: #fff !important}.action-btn.primary:hover{background-color: #aa2dce !important;border-color: #aa2dce !important;box-shadow: 0 4px 12px rgba(188, 63, 222, .3) !important;transform:translateY(-2px)}.action-btn.danger{border-color: #f56c6c !important;color: #f56c6c !important}.action-btn.danger:hover{background-color: #fef0f0 !important;box-shadow: 0 4px 12px hsla(0,87%,69%,.2) !important;color: #f56c6c !important;transform:translateY(-2px)}.account-meta{border-top: 1px solid #f0f0f0 !important;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.create-time,.last-login{color: #909399 !important;font-size:13px}.no-account,.no-platform-selected{align-items:center;color: #909399 !important;display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-account-icon,.no-selection-icon{color: #c0c4cc !important;font-size:80px;margin-bottom:24px;opacity: .7 !important}.no-account-text,.no-selection-text{color: #606266 !important;font-size:20px;font-weight:500;margin-bottom:12px}.no-account-desc,.no-selection-desc{font-size:14px;line-height:1.6;margin-bottom:24px;max-width:300px}.platform-selection{display:flex;gap:24px}.platform-option{align-items:center;border: 2px solid transparent !important;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:24px 20px;position:relative;transition:all .3s ease;width:140px}.platform-option:hover{background-color: rgba(188, 63, 222, .05) !important;border-color: rgba(188, 63, 222, .2) !important;box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;transform:translateY(-4px)}.platform-option.disabled{cursor:not-allowed;opacity: .5 !important}.platform-option.disabled:hover{background-color: transparent !important;border-color: transparent !important;box-shadow: none !important;transform:none}.platform-icon-large .iconfont{color: #BC3FDE !important;font-size:64px;margin-bottom:12px}.platform-name{color: #303133 !important;font-size:16px;font-weight:500}.platform-status{background: #ff4d4f !important;border-radius:4px;color: #fff !important;font-size:12px;padding:2px 6px;position:absolute;right:10px;top:10px}.dialog-footer{border-top: 1px solid #e4e7ed !important;padding-top:20px;text-align:center} .add-account-dialog .el-dialog{border-radius:12px;overflow:hidden} .add-account-dialog .el-dialog__header{border-bottom: 1px solid #e4e7ed !important;padding:20px} .add-account-dialog .el-dialog__title{color: #BC3FDE !important;font-size:18px;font-weight:600} .add-account-dialog .el-dialog__body{padding:30px 20px} .el-tag--success{background-color: rgba(103,194,58,.1) !important;border-color: rgba(103,194,58,.2) !important;color: #67c23a !important;font-weight:500} .el-button{border-radius:8px;font-weight:500}.accounts-list::-webkit-scrollbar,.platform-items::-webkit-scrollbar{width:6px}.accounts-list::-webkit-scrollbar-track,.platform-items::-webkit-scrollbar-track{background: #f1f1f1 !important;border-radius:3px}.accounts-list::-webkit-scrollbar-thumb,.platform-items::-webkit-scrollbar-thumb{background: #c1c1c1 !important;border-radius:3px}.accounts-list::-webkit-scrollbar-thumb: hover,.platform-items::-webkit-scrollbar-thumb:hover{background:#a8a8a8 !important}@media (max-width:1200px){.content-area{flex-direction:column;height:auto}.platform-list{flex:none;margin-bottom:20px}.platform-items{display:flex;overflow-x:auto;padding-bottom:10px}.platform-item{flex:0 0 auto;margin-bottom:0;margin-right:12px;width:180px}}




.menu-item.active .menu-icon {
    background: linear-gradient(135deg, #BC3FDE, #BC3FDE)!important;
    box-shadow: 0 6px 20px rgba(67, 74, 249, .4);
}

.menu-icon {
    align-items: center;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(67, 74, 249, .25);
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-size: 20px;
    justify-content: center;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
}


.title-icon {

    background: linear-gradient(135deg, #bc3fde, #bc3fde)!important;

    border-radius: 10px;

    box-shadow: 0 2px 8px rgba(67, 74, 249, .2);

    color: #fff;

    font-size: 16px;

    height: 36px;

    justify-content: center;

    width: 36px;

}




.add-group-btn {

    align-items: center;

    background: linear-gradient(135deg, #bc3fde, #bc3fde) !important;

    border: none !important;

    border-radius: 10px;

    box-shadow: 0 4px 12px rgba(67, 74, 249, .25);

    color: #fff !important;

    display: flex;

    font-size: 14px;

    font-weight: 600;

    gap: 6px;

    padding: 10px 20px;

    transition: all .3s cubic-bezier(.4, 0, .2, 1);

}




.videos-history-section .header-left h3 i {

    align-items: center;

    background: linear-gradient(135deg, #bc3fde, #bc3fde)!important;

    border-radius: 10px;

    box-shadow: 0 2px 8px rgba(67, 74, 249, .2);

    color: #fff;

    display: inline-flex;

    font-size: 18px;

    height: 36px;

    justify-content: center;

    margin-right: 10px;

    width: 36px;

}




.videos-history-section .header-action-btn {

    color: #bc3fde!important;

    font-size: 14px;

    padding: 8px 12px;

}


.video-source-tabs .el-radio-button.is-active .el-radio-button__inner {

    background: linear-gradient(135deg, #bc3fde, #bc3fde)!important;

    border-color: #bc3fde !important;

    box-shadow: 0 4px 12px rgba(67, 74, 249, .35) !important;

    color: #fff;

}

setTimeout(() => {

    const buttons = document.querySelectorAll('.generate-btn');

    buttons.forEach(btn => {

        if (btn.style.background.includes('rgb(67, 74, 249)')) {

            // 移除内联背景样式

            btn.style.removeProperty('background');

            btn.style.removeProperty('background-image');

            btn.style.removeProperty('background-color');

            

            // 添加自定义class

            btn.classList.add('custom-btn-style');

        }

    });

    
 .el-tabs__item:hover {
    color: #bc3fde !important;
}

 .el-tabs__item.is-active {
    color: #bc3fde !important;
}


.action-chip:hover {
    background-color: #fae6ff !important;
    border-color: #ce7fe3 !important;
    box-shadow: 0 2px 8px rgba(64, 158, 255, .15)!important;
    color: #bc3fde!important;
    transform: translateY(-2px)!important;
}

.input-container:focus-within {
    border-color: #bc3fde!important;
    box-shadow: 0 2px 12px rgba(13, 110, 253, .2)!important;

}

.send-button {
    align-items: center!important;
    background-color: #bc3fde!important;
    border: none!important;
    border-radius: 50%!important;
    box-shadow: 0 2px 6px rgba(13, 110, 253, .3)!important;
    color: #fff!important;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    text-align: center;
    transition: all .3s;
    width: 40px;
}

.shortcut-chip :hover {

    background: var(--primary-light)!important;

    border-color: #bc3fde!important;

    color: #bc3fde!important;

}

.sidebar-action-btn :hover {

    background: linear-gradient(135deg, #f9e2ff, #f7daff)!important;

    color: #bc3fde!important;

    transform: translateX(2px)!important;

}

.el-tabs__item:hover {

    color: #bc3fde !important;

}

.sidebar-action-btn :hover {

    background: linear-gradient(135deg, #fae6ff, #f0b6ff)!important;

    color: #bc3fde!important;

    transform: translateX(2px)!important;

}

.shortcut-chip :hover {

    background: var(--primary-light) !important;

    border-color: #bc3fde !important;

    color: #bc3fde !important;

}

.welcome-send-btn {

    background: #bc3fde !important;

    border: none !important;

    border-radius: 10px !important;

    cursor: pointer !important;

    flex-shrink: 0 !important;

    height: 36px !important;

    transition: background-color .2s ease !important;

    width: 36px !important;

}


.add-group-btn  {
    align-items: center !important;
    background: linear-gradient(135deg, #bc3fde, #bc3fde) !important;
    border: none !important;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(67, 74, 249, .25);
    color: #fff !important;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 6px;
    padding: 10px 20px;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
}