/* ========== 扩展灰色系 ========== */
.layui-bg-dark-gray {
 background-color: #666666 !important;
 color: #fff !important; /* 深灰配白字 */
}

.layui-bg-cyan1 {
 background-color: #9cbde7 !important;
 color: #fff !important;
}

.layui-bg-light-gray {
 background-color: #DDDDDD !important;
 color: #333 !important; /* 浅灰配深字 */
}

/* ========== 主色扩展 ========== */
.layui-bg-purple {
 background-color: #800080 !important;  /* 标准紫色 */
 color: #fff !important;
}

.layui-bg-indigo {
 background-color: #4B0082 !important;  /* 靛蓝色 */
 color: #fff !important;
}

.layui-bg-dark-green {
 background-color: #006400 !important;  /* 深军绿色 */
 color: #fff !important;
}

/* ========== 辅助色扩展 ========== */
.layui-bg-yellow {
 background-color: #FFD700 !important;  /* 黄金色 */
 color: #333 !important; /* 亮色配深字 */
}

.layui-bg-pink {
 background-color: #FF69B4 !important;  /* 粉红色 */
 color: #fff !important;
}

.layui-bg-maroon {
 background-color: #800000 !important;  /* 栗色 */
 color: #fff !important;
}

/* ========== 状态组合色 ========== */
.layui-bg-status-problem {
 background-color: #FFA500 !important;  /* 橙色 */
 color: #fff !important;
}

.layui-bg-status-arbitration {
 background: linear-gradient(45deg, #FF5722, #FFB800) !important; /* 渐变色 */
 color: #fff !important;
}

/* ========== 透明度控制 ========== */
.layui-bg-opacity-5 {
 opacity: 0.5 !important;
 position: relative; /* 解决子元素继承透明度问题 */
}
.layui-bg-opacity-5 > * {
 opacity: 1 !important; /* 保持子元素不透明 */
}