/**每个页面的公共样式开始**/
    /* 统一卡片样式 */
.layui-card { margin: 15px; }
.layui-card-header {
    padding: 15px;
    position: relative;
}
.layui-card-header:after {
    content: '';
    display: table;
    clear: both;
}

/* 统一搜索表单样式 */
.search-form { background: #f8f8f8; padding: 15px; border-radius: 4px; margin-bottom: 15px; }
.search-form .layui-form-item { margin-bottom: 10px; }
.filter-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.filter-item { display: flex; align-items: center; }
.filter-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.w-90 { width: 90px; }
.w-100 { width: 100px; }
.w-120 { width: 120px; }
.w-150 { width: 150px; }
.w-170 { width: 170px; }
.w-200 { width: 200px; }

/* 统一表格样式 */
.layui-table th, .layui-table td { text-align: center; vertical-align: middle; padding: 20px 10px; height: auto; line-height: 28px; }
.layui-table-cell { height: auto !important; line-height: 28px !important; }
.layui-table-view .layui-table {
    width: 100%;
}
.table-container {
    overflow-x: auto;
    margin-bottom: 15px;
}
.table-container::-webkit-scrollbar {
    height: 8px;
}
.table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.table-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
.table-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 统一操作按钮样式 */
.operation-btns { white-space: nowrap; }
.operation-btns .layui-btn {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.operation-btns .layui-btn:last-child { margin-right: 0; }

/* 统一分页样式 */
.layui-box.layui-laypage ul li {
    display: inline-block !important;
    margin: 0 5px;
    vertical-align: middle;
}
/* 当前页码高亮样式 */
.layui-laypage li.layui-laypage-curr {
    background-color: #16baaa !important; /* 绿色背景 */
}
.layui-laypage li.layui-laypage-curr a,
.layui-laypage li.layui-laypage-curr em {
    color: #fff !important; /* 白色文字 */
    font-weight: bold;
}
/* 自定义active类样式，确保与现有样式兼容 */
.layui-laypage li.active {
    background-color: #16baaa !important; /* 绿色背景 */
}
.layui-laypage li.active a,
.layui-laypage li.active em {
    color: #fff !important; /* 白色文字 */
    font-weight: bold;
}

/* 工具栏与统计区 */
.toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0 10px; }
.stats-bar { margin: 10px 0 5px; display: flex; flex-wrap: wrap; gap: 8px; }
.stat-badge { margin-right: 6px; }

/* 提高下拉选择器的层级，避免被固定表头挡住 */


/* 表单元素样式 */
.layui-form-item .layui-input-inline {
    min-width: 100px;
}
.form-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

/* 卡片内容区样式 */
.layui-card-body {
    padding: 15px;
}

/* 商品图片样式 */
.attachment-img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px;
    object-fit: cover;
}

/* 响应式布局 */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .layui-inline {
        width: 100% !important;
    }
    .filter-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .filter-item {
        width: 100% !important;
    }
}

/* 表单输入框高度 */
#frmSearch .layui-input, #frmSearch .layui-select {
    height: 30px;
}
#frmSearch .layui-form-label{width: 160px;}
#frmSearch .layui-input-block { margin-left: 190px;}

/* 编辑模态框样式 */
#editModalBody .layui-input, #editModalBody .layui-select, #editModalBody .layui-textarea {
    border-color: #666;
}
#editModalBody .layui-form-checkbox[lay-skin=primary] i {border-color: #666;}
/**每个页面的公共样式结束**/