.layui-table-header th {
    background-color: #FAFAFA !important; /* 表头单元格背景色 */
    /*color: #000000 !important; !* 表头文字颜色 *!*/
    /*border-color: #009922 !important; !* 表头边框色（可选） *!*/
}
.layui-table-header .layui-table {
    background-color: #FAFAFA !important; /* 表头背景色 */
}

.layui-table-page {
    text-align: right !important; /* 右对齐核心属性 */
    padding-right: 20px !important; /* 右侧内边距，避免贴边（可选） */
    padding-top: 10px !important; /* 顶部内边距，优化间距（可选） */
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #276E42;
}

.table-empty-container {
    display: flex;
    position: relative;
    overflow: hidden;
    height: 210px;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}
.table-empty-icon{
    width: 121px;
    height: 130px;
}

/* 表格空态：通过 class 控制 overlay 显示，不破坏表格内部 DOM 结构
   解决使用 table.reloadData 刷新时，因 empty() 清掉表格 DOM 导致只显示一列的问题 */
.layui-table-main.table-empty-overlay {
    position: relative;
}
.layui-table-main.table-empty-overlay .layui-table {
    visibility: hidden;
}
.layui-table-main.table-empty-overlay::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    width: 121px;
    height: 130px;
    background-image: url('/image/empty-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}
.layui-table-main.table-empty-overlay::after {
    content: '暂无数据';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 60px);
    font-size: 14px;
    color: #999;
    z-index: 10;
}
