/* 人才招聘模块 */
.recruit-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.recruit-header input {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.view-btn{
  background-color: #486c8c;
  width: 55px;
  border-radius: 20px;
  border: 0px;
  color: white;
  height: 25px;
}

.search-btn {
  padding: 8px 16px;
  background-color: #486C8C;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.recruit-table-wrap {
  overflow-x: auto; /* 适配小屏幕横向滚动 */
}

.recruit-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.recruit-table th,
.recruit-table td {
  padding: 12px 8px;
  border: 1px solid #ddd;
  text-align: center;
}

.recruit-table th {
  background-color: #486C8C;
  color: white;
}

/* 分页样式 */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  gap: 5px;
  justify-content: right; 
  margin-top: 80px;
}

/* 通用按钮样式，包括上一页、下一页、尾页、页码 */
.pagination button {
  padding: 4px 12px;
  cursor: pointer;
  border-radius: 0px;
  transition: all 0.2s ease;
  background-color: white;
  color: #333; 
  border: 1px solid #999; 
  /* 新增 flex 相关属性 */
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中（可选，让文字在按钮内水平也居中） */
}

/* 页码按钮（非 active 状态） hover 效果 */
.pagination button.page-btn:hover:not(.active) {
  border-color: #486c8c;
  color: #486c8c; 
  border-style: solid;
}

/* 高亮（active）状态的页码按钮样式 */
.pagination button.active {
  background-color: #486c8c;
  color: white; 
  border: 1px solid #486c8c; /* 实线边框 */
}

/* 上一页、下一页、尾页等按钮可单独调整样式（如果需要区别于页码按钮），这里简单示例 */
.pagination button.prev-page,
.pagination button.next-page {
  /* 可以根据需求设置不同的边框、颜色等，比如保持虚线边框 */
  border: 1px solid #999; 
}
.pagination button.prev-page:hover,
.pagination button.next-page:hover {
  border-color: #486c8c;
  color: #486c8c;
  border-style: solid;
}