/* 动态主题颜色 */
:root {
    --primary: #002fff;
    --secondary: #1100ff;
    --success: #00ad28;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --gray: #6c757d;
    --light-gray: #e9ecef;
}

/* 更新按钮样式 */
.btn-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
    color: white !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.btn-success {
    background: var(--success) !important;
    color: white !important;
}

.btn-success:hover {
    background: color-mix(in srgb, var(--success) 85%, black) !important;
}

.btn-danger {
    background: var(--danger) !important;
    color: white !important;
}

.btn-danger:hover {
    background: color-mix(in srgb, var(--danger) 85%, black) !important;
}

.btn-warning {
    background: var(--warning) !important;
    color: #000 !important;
}

.btn-warning:hover {
    background: color-mix(in srgb, var(--warning) 85%, black) !important;
}

/* 更新头部样式 */
.header {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

/* 更新导航链接 */
.nav-links a {
    color: var(--primary) !important;
}

.nav-links a:hover,
.nav-links a.active {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
    color: white !important;
}

/* 更新统计卡片 */
.stat-value {
    color: var(--primary) !important;
}

/* 更新表格悬停效果 */
tr:hover {
    background-color: color-mix(in srgb, var(--primary) 3%, transparent) !important;
}

/* 更新输入框焦点样式 */
input:focus, select:focus, textarea:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent) !important;
}

/* 更新进度条 */
.progress {
    background: var(--success) !important;
}

/* 更新状态标签 */
.status-qualified {
    background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
    color: var(--success) !important;
}

.status-unqualified {
    background-color: color-mix(in srgb, var(--danger) 15%, transparent) !important;
    color: var(--danger) !important;
}

/* 更新警告消息 */
.alert-success {
    background: color-mix(in srgb, var(--success) 15%, transparent) !important;
    color: color-mix(in srgb, var(--success) 85%, black) !important;
    border-left: 4px solid var(--success) !important;
}

.alert-error {
    background: color-mix(in srgb, var(--danger) 15%, transparent) !important;
    color: color-mix(in srgb, var(--danger) 85%, black) !important;
    border-left: 4px solid var(--danger) !important;
}

.alert-warning {
    background: color-mix(in srgb, var(--warning) 15%, transparent) !important;
    color: color-mix(in srgb, var(--warning) 85%, black) !important;
    border-left: 4px solid var(--warning) !important;
}

/* 更新上传区域 */
.upload-area {
    border: 2px dashed var(--primary) !important;
    background: color-mix(in srgb, var(--primary) 3%, transparent) !important;
}

.upload-area:hover {
    background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}

.upload-area i {
    color: var(--primary) !important;
}

.upload-area.active {
    border-color: var(--success) !important;
    background: color-mix(in srgb, var(--success) 10%, transparent) !important;
}

/* 更新每日图表 */
.day-item.qualified {
    background: linear-gradient(135deg, color-mix(in srgb, var(--success) 20%, white) 0%, color-mix(in srgb, var(--success) 15%, white) 100%) !important;
    border: 2px solid var(--success) !important;
}

.day-item.unqualified {
    background: linear-gradient(135deg, color-mix(in srgb, var(--danger) 20%, white) 0%, color-mix(in srgb, var(--danger) 15%, white) 100%) !important;
    border: 2px solid var(--danger) !important;
}

/* 更新链接颜色 */
a {
    color:  !important;
}

a:hover {
    color: var(--secondary) !important;
}

/* 更新表单部分标题 */
.form-section h3 {
    border-bottom: 2px solid var(--primary) !important;
}

/* 更新设置页面标题渐变 */
.dashboard-header h1 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* 兼容性回退 */
@supports not (color: color-mix(in srgb, red 50%, blue)) {
    .btn-success:hover {
        background: #218838 !important;
    }
    
    .btn-danger:hover {
        background: #c82333 !important;
    }
    
    .btn-warning:hover {
        background: #e0a800 !important;
    }
    
    tr:hover {
        background-color: rgba(102, 126, 234, 0.03) !important;
    }
    
    input:focus, select:focus, textarea:focus {
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2) !important;
    }
    
    .upload-area {
        background: rgba(102, 126, 234, 0.03) !important;
    }
    
    .upload-area:hover {
        background: rgba(102, 126, 234, 0.08) !important;
    }
}