:root {
    /* 状态颜色变量定义 */
    --status-created-bg: #D1E5F0;    /* 浅蓝背景 */
    --status-created-text: #1A4A7A;  /* 深蓝文字 */
    
    --status-in-progress-bg: #FDF5C4; /* 浅黄背景 */
    --status-in-progress-text: #8C7B1A; /* 深黄文字 */
    
    --status-failed-bg: #FFD1D1;     /* 浅红背景 */
    --status-failed-text: #A32B2B;   /* 深红文字 */
    
    --status-success-bg: #D1F0D1;    /* 浅绿背景 */
    --status-success-text: #2E7D32;  /* 深绿文字 */
}

/* 状态标签通用样式 */
.status-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 500;
}

/* 具体状态样式 */
.status-created {
    background-color: var(--status-created-bg);
    color: var(--status-created-text);
}

.status-in-progress {
    background-color: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.status-failed {
    background-color: var(--status-failed-bg);
    color: var(--status-failed-text);
}

.status-success {
    background-color: var(--status-success-bg);
    color: var(--status-success-text);
}