/* 1. 全局边框统一样式 */
table,
th,
td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}

/* 2. 表格容器 */
.table-wrap {
  overflow-x: auto;
}

/* 3. 表格基本设置 */
table {
  width: 100%;
  min-width: 100px;
  table-layout: auto;
}

/* 4. 表头和表体通用单元格样式 */
th,
td {
  font-size: 11px;
  padding: 2px 4px;
  line-height: 1.2;
  vertical-align: middle;
}

/* 5. 表头专属样式 */
thead th {
  position: sticky;
  top: 0;
  font-size: 13px;
  background: var(--thead-bg, #f5f5f5);
  text-align: left;
  padding: 6px 12px;
}

tbody th {
  position: sticky;
  top: 0;
  font-size: 13px;
  background: var(--thead-bg, #f5f5f5);
  text-align: left;
  padding: 6px 12px;
}

tbody td {
  padding: 4px 8px;
  font-size: 12px;
  border-top: 1px solid var(--border, #eee);
}

td.no-border{
  border: none !important;
}

/* 7. 可调列宽的拖拽条（可选） */
.resizer {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  user-select: none;
}