/* 自定义样式 */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

/* 导航栏样式 */
.navbar-brand {
    font-size: 1.5rem;
}

/* 卡片样式 */
.card {
    border: none;
    border-radius: 0.5rem;
}

.card-header {
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

/* 脚本编辑器样式 */
.script-line {
    transition: background-color 0.2s;
}

.script-line:hover {
    background-color: #f0f0f0 !important;
}

/* 进度条动画 */
.progress-bar-animated {
    background-image: linear-gradient(
        45deg,
        rgba(255,255,255,.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,255,255,.15) 50%,
        rgba(255,255,255,.15) 75%,
        transparent 75%,
        transparent
    );
    background-size: 1rem 1rem;
    animation: progress-bar-stripes 1s linear infinite;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .script-line .row {
        flex-direction: column;
    }
    
    .script-line .col-3,
    .script-line .col-2 {
        max-width: 100%;
        margin-bottom: 0.5rem;
    }
}

/* 音效标签样式 */
.effect-badge {
    background-color: #6f42c1;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

/* 脚本预览样式 */
.script-preview {
    font-family: 'Courier New', monospace;
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.25rem;
    max-height: 300px;
    overflow-y: auto;
}

/* 任务状态样式 */
.task-status-pending {
    color: #6c757d;
}

.task-status-processing {
    color: #0d6efd;
}

.task-status-completed {
    color: #198754;
}

.task-status-failed {
    color: #dc3545;
}

/* 管理后台统计卡片 */
.card.text-white .card-body {
    padding: 1.5rem;
}

.card.text-white h2 {
    font-size: 2.5rem;
    font-weight: bold;
}

/* 文件下载按钮 */
.btn-download {
    position: relative;
    overflow: hidden;
}

.btn-download:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}