@charset "utf-8";
/* 移动端 人才招聘模块样式 —— 750px 设计宽度，配合 public/css/css.css，主题色 #172A6C */

/* ============ 一级 Tab（如需，默认走 _nav.htm 站点栏目导航）============ */
.recruit_tabs{ padding: 0 32px; background:#fff; border-bottom:1px solid #e6e8ef; overflow-x:auto; white-space:nowrap;}
.recruit_tabs_body{ display:inline-flex;}
.recruit_tab{ display:inline-block; height:88px; line-height:88px; padding:0 36px; font-size:30px; color:#333; position:relative;}
.recruit_tab.curr{ color:#172A6C; font-weight:600;}
.recruit_tab.curr::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:60%; height:6px; background:#172A6C; border-radius:3px;}

/* ============ 列表主体（移动端单列）============ */
.recruit_main{ padding: 40px 32px 60px;}

/* 招聘类型筛选：横向 chips */
.recruit_filter{ margin-bottom: 32px;}
.recruit_filter_tit{ font-size:30px; color:#172A6C; font-weight:600; margin-bottom:24px; padding-left:16px; border-left:8px solid #172A6C;}
.recruit_filter_list{ display:flex; flex-wrap:wrap; gap:20px;}
.recruit_filter_li{ display:inline-flex; align-items:center; height:64px; padding:0 28px; font-size:26px; color:#595757; background:#f2f5fc; border:1px solid #e6e8ef; border-radius:32px;}
.recruit_filter_li.curr{ color:#172A6C; border-color:#172A6C; background:#eef2fb; font-weight:600;}
.recruit_filter_li .num{ margin-left:12px; font-size:22px; color:#9FA0A0;}

/* 岗位统计 */
.recruit_list_head{ margin-bottom:28px; font-size:26px; color:#838383;}
.recruit_list_head .total b{ color:#172A6C; font-size:32px; padding:0 8px;}

/* 岗位卡片 */
.job_card{ display: block; padding:36px 30px; border:1px solid #BEBEBF; border-radius:12px; margin-bottom:28px; background:#fff;}
.job_card_top{ display:flex; align-items:flex-start; justify-content:space-between;}
.job_card_name{ font-size:32px; color:#172A6C; font-weight:600; flex:1; margin-right:20px;}
.job_card_salary{ font-size:30px; color:#e6572e; font-weight:600; white-space:nowrap;}
.job_card_tags{ margin-top:24px; display:flex; flex-wrap:wrap; gap:16px;}
.job_tag{ display:inline-flex; align-items:center; height:48px; padding:0 22px; font-size:22px; color:#5a6a99; background:#f2f5fc; border-radius:24px;}
.job_card_bottom{ margin-top:28px; padding-top:24px; border-top:1px dashed #e6e8ef; display:flex; align-items:center; justify-content:space-between;}
.job_card_date{ font-size:22px; color:#9FA0A0;}
.job_card_btn{ height:60px; line-height:60px; padding:0 36px; font-size:26px; color:#172A6C; border:1px solid #172A6C; border-radius:30px;}

.recruit_empty{ padding:120px 0; text-align:center; color:#9FA0A0; font-size:28px;}

/* 分页 */
.recruit_page{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px; padding:50px 0;}
.recruit_page a, .recruit_page span{ min-width:60px; height:60px; line-height:60px; padding:0 16px; text-align:center; border:1px solid #BEBEBF; border-radius:8px; color:#595757; font-size:26px;}
.recruit_page .curr{ background:#172A6C; color:#fff; border-color:#172A6C;}

/* ============ 详情页 ============ */
.detail_wrap{ padding:40px 32px 60px;}
.rec_detail_head{ padding:36px 30px; border-radius:12px; background:#F8FAFC;}
.rec_detail_head_top{ display:flex; align-items:center; justify-content:space-between; margin-bottom: 30px }
.rec_detail_title{ font-size:36px; color:#172A6C; font-weight:700;}
.rec_detail_salary{ margin-top:12px; font-size:32px; color:#e6572e; font-weight:600;}
.rec_apply_btn{
    height:72px; line-height:72px; padding:0 40px; font-size:28px; color:#fff;
    background: linear-gradient( 136deg, #0040A2 0%, #0F2B6F 100%); border:none; border-radius:36px; white-space:nowrap;
}
.rec_detail_meta{ display:grid; grid-template-columns:1fr 1fr; gap:20px 24px;}
.rec_meta_li{ font-size:26px; color:#666;}
.rec_meta_li.full-row {
    grid-column: 1 / -1;
}
.rec_meta_li .label{ color:#9FA0A0;}
.rec_meta_li .val{ color:#333;}
.rec_section{ padding:36px 30px; border-radius:12px; margin-top:28px; line-height: 28px; background:#fff;}
.rec_section_tit{ font-size:30px; color:#172A6C; font-weight:600; padding-left:16px; border-left:8px solid #172A6C; margin-bottom:24px;}
.rec_back{ display:inline-block; margin-top:28px; font-size:26px; color:#172A6C;}

/* ============ 投递简历弹窗 ============ */
.rec_modal_mask{ position:fixed; inset:0; background:rgba(0,0,0,.5); display:none; align-items:center; justify-content:center; z-index:2000;}
.rec_modal_mask.show{ display:flex;}
.rec_modal{ width:640px; max-width:92%; background:#fff; border-radius:16px; overflow:hidden;}
.rec_modal_head{ height:88px; padding:0 32px; background:#172A6C; color:#fff; display:flex; align-items:center; justify-content:space-between;}
.rec_modal_head .t{ font-size:30px; font-weight:600;}
.rec_modal_close{ font-size:44px; color:#fff; line-height:1;}
.rec_modal_body{ padding:32px 36px 12px;}
.rec_form_item{ margin-bottom:28px;}
.rec_form_label{ font-size:26px; color:#333; margin-bottom:14px;}
.rec_form_label .req{ color:#e6572e; margin-right:6px;}
.rec_form_input{ width:100%; height:76px; padding:0 24px; font-size:26px; color:#333; border:1px solid #dfe3ec; border-radius:10px;}
.rec_file_box{ display:flex; align-items:center; gap:20px;}
.rec_file_btn{ height:76px; line-height:76px; padding:0 32px; font-size:26px; color:#172A6C; background:#eef2fb; border:1px dashed #b7c1e0; border-radius:10px; white-space:nowrap;}
.rec_file_name{ flex:1; font-size:24px; color:#888; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rec_file_tip{ margin-top:12px; font-size:22px; color:#9FA0A0;}
.rec_modal_foot{ padding:12px 36px 36px;}
.rec_submit_btn{ width:100%; height:84px; font-size:30px; color:#fff; background:#172A6C; border:none; border-radius:12px;}
.rec_submit_btn:disabled{ background:#9aa5c7;}
.rec_toast{ position:fixed; left:50%; top:60px; transform:translateX(-50%); background:rgba(0,0,0,.8); color:#fff; padding:20px 40px; border-radius:10px; font-size:26px; z-index:3000; display:none;}
.rec_toast.show{ display:block;}