/* css/recruit_list.css */

/* 页面整体背景 */
.recruit-section {
    padding: 3rem 0 6rem 0;
    background-color: #fff;
    min-height: 600px;
}

/* --- 表格容器 (适配移动端左右滑动) --- */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    background: #fff;
    /* 给一个最小高度防止没数据时塌陷 */
    min-height: 300px;
}

/* --- 表格核心样式 --- */
.recruit-table {
    width: 100%;
    border-collapse: collapse; /* 合并边框 */
    border-spacing: 0;
    font-size: 0.95rem;
    min-width: 800px; /* 防止在手机上过度挤压，强制出现滚动条 */
}

/* 表头样式 - 仿图风格：蓝色文字 */
.recruit-table thead th {
    color: #3f8fe6; /* 核心颜色：医院蓝 */
    font-weight: bold;
    font-size: 1.05rem;
    text-align: left; /* 大部分左对齐 */
    padding: 1.5rem 1rem;
    border-bottom: 2px solid #f0f0f0; /* 表头下有一条稍粗的线 */
    white-space: nowrap; /* 表头文字不换行 */
}

/* 表格内容行样式 */
.recruit-table tbody td {
    color: #555;
    padding: 1.5rem 1rem; /* 宽敞的内边距，仿图 */
    border-bottom: 1px solid #f5f5f5; /* 极细的分割线 */
    vertical-align: middle;
}

/* 第一列（职位名称）特殊处理 */
.recruit-table tbody td.job-title {
    font-size: 1.05rem;
    color: #333;
    max-width: 400px; /* 限制标题最大宽度 */
}

.recruit-table tbody td.job-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
    display: block;
    /* 超出省略号 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 交互效果 Hover */
.recruit-table tbody tr:hover {
    background-color: #f9fbff; /* 悬停时出现极淡的蓝色背景 */
}

.recruit-table tbody tr:hover td.job-title a {
    color: #3f8fe6; /* 标题变蓝 */
}

/* --- 分页样式 (复用并微调) --- */
.pagination-wrapper {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
}

.pagination {
    display: flex;
    gap: 0.6rem;
}

.pagination li a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.5rem;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #666;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: all 0.3s;
}

.pagination li.active a,
.pagination li a:hover {
    background-color: #3f8fe6;
    border-color: #3f8fe6;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(63, 143, 230, 0.3);
}

.pagination li.disabled a {
    background-color: #f5f5f5;
    color: #ccc;
    border-color: #eee;
    cursor: not-allowed;
    box-shadow: none;
}