/* ==========================================================================
   VIP 招聘列表样式（recruit.css）
   适用于：Recruit.html
   结构：表格形式展示职位列表
   ========================================================================== */

/* ==================== 容器 ==================== */
.recruit_block {
    background-color: var(--vip-bg);
    width: 100%;
    height: 100%;
    padding: 24px 0;
}

.recruit_block_main {
    margin: 0 auto;
    padding: 0 20px;
    min-height: 700px;
    width: 100%;
    max-width: var(--vip-container);
}

/* ==================== 招聘表格 ==================== */
.recruit_main {
    width: 100%;
    height: auto;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    box-shadow: var(--vip-shadow-sm);
    overflow: hidden;
}

.recruit_main_begin {
    border-bottom: 1px solid var(--vip-border-light);
}

.recruit_main_info {
    height: 46px;
    padding: 16px 0;
}

.recruit_recommend {
    border-bottom: 1px solid var(--vip-border-light);
}

.recruit_recommend_title {
    height: auto;
    padding: 16px 0 16px 0;
    color: var(--vip-text);
}

.recruit_hot {
    width: 100%;
    height: auto;
    background-color: #fff;
}

.recruit_hot_title {
    border-bottom: 1px solid var(--vip-border-light);
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--vip-text);
}

.recruit_hot_list {
    font-size: 14px;
}

.recruit_hot_ul {
    padding: 0;
}

.recruit_hot_li {
    list-style: none;
    line-height: 24px;
    padding: 10px 20px;
    border-bottom: 1px dashed var(--vip-border);
    transition: var(--vip-transition);
}

.recruit_hot_li:hover {
    background-color: var(--vip-bg-alt);
    color: var(--vip-primary);
}

/* ---- 表格行 hover ---- */
.table tbody tr {
    transition: var(--vip-transition);
}

.table tbody tr:hover {
    background-color: var(--vip-bg-alt) !important;
}

/* ==================== 响应式（≤800px） ==================== */
@media (max-width: 800px) {
    .recruit_block_main {
        margin: 0 10px;
        padding: 0 0;
        width: auto;
    }

    .recruit_hot {
        margin-top: 20px;
    }

    .recruit_recommend_title {
        height: auto;
        padding: 16px 0 16px 0;
        color: var(--vip-text);
    }

    .dis-mb {
        display: none;
    }
}