/* =========================================================
   阿尔泰科技 · recruit.css
   人才招聘页面专属样式（按 1920 设计稿精确还原）
   ========================================================= */

/* ===== Logo 高清版 + 双 logo 切换 ===== */
.art-header-logo img { width: auto; height: 50px;}
.art-header-logo_white { display: none;}
.art-header-logo_dark  { display: block;}
.art-header-trans .art-header-logo_dark  { display: none;}
.art-header-trans .art-header-logo_white { display: block;}
.art-header-trans.fxd .art-header-logo_dark  { display: block;}
.art-header-trans.fxd .art-header-logo_white { display: none;}
.art-footer_logo img { display: block; width: auto; height: 50px;}

/* recruit 页容器宽度覆盖：原始设计稿更窄（≈1400px） */
.recruit-page .container-width { width: 1400px !important;}

/* =========================================================
   WELCOME 欢迎文案区
   设计稿：tab nav 下方 → white 背景，标题两行 ≈ 44px × 2
   ========================================================= */
.art-recruit-welcome {
  background-color: #fff;
  padding: 56px 0 72px;
}
.art-recruit-welcome-container {
  display: -webkit-flex; display: flex;
  -webkit-align-items: flex-start; align-items: flex-start;
  gap: 166px;
}
.art-recruit-welcome_left {
  -webkit-flex: 0 0 auto; flex: 0 0 auto;
  display: -webkit-flex; display: flex;
  -webkit-align-items: flex-start; align-items: flex-start;
  gap: 16px;
}
/* 左侧蓝色装饰 —— 设计稿：细短竖条，只跟第一行标题等高 */
.art-recruit-welcome_bar {
  width: 4px; height: 42px;
  -webkit-flex: 0 0 4px; flex: 0 0 4px;
  background-color: #005BAC;
  border-radius: 0;
  margin-top: 2px;
}
.art-recruit-welcome_title {
  font-size: 44px; font-weight: bold;
  font-family: 'Microsoft Yahei', 'PingFang SC', sans-serif;
  color: #1A1A1A; line-height: 1.35; letter-spacing: 1px;
}
.art-recruit-welcome_right {
  -webkit-flex: 1; flex: 1;
  padding-top: 8px;  /* 和标题第一行垂直对齐 */
}
.art-recruit-welcome_desc {
  font-size: 16px; color: #8D8D8D; line-height: 2;
}

/* =========================================================
   BODY 整体大灰底（sub-tab + job list 共用 #F1F4F9）
   ========================================================= */
.art-recruit-body {
  background-color: #F1F4F9;
  padding: 24px 0 64px;
}

/* =========================================================
   SUB-TAB 社会招聘 / 校园招聘
   设计稿：灰底上居中两个圆角胶囊，active 蓝底白字
   ========================================================= */
.art-recruit-tab {
  display: -webkit-flex; display: flex;
  -webkit-justify-content: center; justify-content: center;
  margin-bottom: 32px;
}
.art-recruit-tab_list {
  display: -webkit-flex; display: flex;
  gap: 24px;
}
.art-recruit-tab_list>li {
  display: -webkit-flex; display: flex;
  -webkit-align-items: center; align-items: center;
  -webkit-justify-content: center; justify-content: center;
  gap: 10px;
  min-width: 240px; height: 64px;
  padding: 0 32px;
  background-color: #fff;
  border-radius: 8px;
  font-size: 20px; color: #333;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  border: 1px solid transparent;
}
.art-recruit-tab_list>li svg { width: 22px; height: 22px;}
.art-recruit-tab_list>li:hover { color: #1E62AC;}
.art-recruit-tab_list>li.active {
  background-color: #1E62AC;
  color: #fff;
  border-color: #1E62AC;
  box-shadow: 0 4px 14px rgba(30, 98, 172, 0.22);
}

/* =========================================================
   JOB LIST 职位卡片列表
   设计稿：白底卡片（容器外灰底 #F1F4F9），卡片间有间隙
   卡片：head（标题+折叠箭头） → info（灰色信息条） → detail（详情区）
   默认第一个展开，点击互斥
   ========================================================= */
.art-recruit-list {
  display: -webkit-flex; display: flex;
  -webkit-flex-direction: column; flex-direction: column;
  gap: 16px;
}

/* 单个卡片 */
.art-recruit-card {
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.25s ease;
  -webkit-transition: box-shadow 0.25s ease;
}
.art-recruit-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
}
/* 不匹配当前 tab 的卡片隐藏 */
.art-recruit-card[data-tab]:not([data-active="true"]) {
  display: none;
}

/* 卡片头部（可点击） */
.art-recruit-card_head {
  display: -webkit-flex; display: flex;
  -webkit-align-items: center; align-items: center;
  -webkit-justify-content: space-between; justify-content: space-between;
  padding: 32px 40px;
  cursor: pointer;
  -webkit-user-select: none; user-select: none;
}
.art-recruit-card_title {
  display: -webkit-flex; display: flex;
  -webkit-align-items: center; align-items: center;
  gap: 12px;
  font-size: 30px; font-weight: bold;
  color: #1E62AC;
  font-family: 'Microsoft Yahei', sans-serif;
  -webkit-flex: 1; flex: 1;
}
.art-recruit-card_bar {
  width: 4px; height: 32px;
  -webkit-flex: 0 0 4px; flex: 0 0 4px;
  background-color: #1E62AC;
  border-radius: 2px;
}

/* 折叠/展开箭头按钮 */
.art-recruit-card_toggle {
  display: -webkit-flex; display: flex;
  -webkit-align-items: center; align-items: center;
  -webkit-justify-content: center; justify-content: center;
  width: 40px; height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #F1F4F9;
  color: #666;
  cursor: pointer;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -webkit-appearance: none; appearance: none;
  -webkit-user-select: none; user-select: none;
}
.art-recruit-card_toggle svg { width: 16px; height: 16px;}
.art-recruit-card_toggle .icon-up { display: none;}
.art-recruit-card_toggle .icon-down { display: block;}
.art-recruit-card_toggle:hover {
  background-color: #1E62AC;
  color: #fff;
}
/* open 状态：箭头向上 */
.art-recruit-card.open .art-recruit-card_toggle .icon-up { display: block;}
.art-recruit-card.open .art-recruit-card_toggle .icon-down { display: none;}
.art-recruit-card.open .art-recruit-card_toggle {
  background-color: #1E62AC;
  color: #fff;
}

/* 卡片 body（折叠容器）——高度由 JS 精确驱动，CSS 只给基础过渡 */
.art-recruit-card_body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
}
/* open 状态由 JS 内联 style 设置精确 max-height，CSS 不设固定值 */
.art-recruit-card.open .art-recruit-card_body {
  /* 仅作为 fallback，实际值由 JS 内联 style 驱动 */
}

/* 灰色信息条 —— 从 body 移出后，是始终可见的独立块 */
.art-recruit-card_info {
  background-color: #F1F5F8;
  margin: 0 40px;
  padding: 18px 28px;
  border-radius: 4px;
  border: 1px solid #E4EAF0;
}
/* head 后面紧跟 info 时，加顶部间距 */
.art-recruit-card_head + .art-recruit-card_info {
  margin-top: 0;
}
/* info 后面紧跟 body（detail 折叠区）时，加顶部间距 */
.art-recruit-card_info + .art-recruit-card_body {
  margin-top: 16px;
}
.art-recruit-card_info-row {
  display: -webkit-flex; display: flex;
  gap: 40px;
}
.art-recruit-card_info-row + .art-recruit-card_info-row { margin-top: 10px;}
.art-recruit-card_info-cell {
  font-size: 15px; color: #333;
  line-height: 1.8;
}
.art-recruit-card_info-cell .label {
  color: #999;
}

/* 详情区 */
.art-recruit-card_detail {
  padding: 24px 40px 36px;
}
.art-recruit-card_sub {
  font-size: 17px; font-weight: bold;
  color: #1A1A1A;
  margin-bottom: 12px;
  font-family: 'Microsoft Yahei', sans-serif;
}
.art-recruit-card_sub + .art-recruit-card_olist { margin-top: 0;}
.art-recruit-card_olist {
  list-style: decimal inside;
  font-size: 15px; color: #555;
  line-height: 2;
  padding: 0;
  margin: 0 0 24px;
}
.art-recruit-card_olist:last-of-type { margin-bottom: 28px;}

/* 立即投递按钮 */
.art-recruit-card_btn {
  display: -webkit-inline-flex; display: inline-flex;
  -webkit-align-items: center; align-items: center;
  -webkit-justify-content: center; justify-content: center;
  width: 136px; height: 44px;
  border: 1px solid #1E62AC;
  border-radius: 22px;
  font-size: 16px; color: #1E62AC;
  background-color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -webkit-appearance: none; appearance: none;
}
.art-recruit-card_btn:hover {
  background-color: #1E62AC;
  color: #fff;
}

/* ============ 响应式 ============ */
@media (max-width: 1680px) {
  .art-recruit-welcome_title { font-size: 38px;}
  .art-recruit-welcome-container { gap: 52px;}
  .art-recruit-card_head { padding: 28px 36px;}
  .art-recruit-card_title { font-size: 28px;}
  .art-recruit-card_info { margin: 0 36px; padding: 18px 24px;}
  .art-recruit-card_detail { padding: 20px 36px 32px;}
}
@media (max-width: 1440px) {
  .art-recruit-welcome { padding: 40px 0 48px;}
  .art-recruit-welcome_title { font-size: 34px; letter-spacing: 1px;}
  .art-recruit-tab_list>li { min-width: 210px; height: 58px; font-size: 18px; padding: 0 28px;}
  .art-recruit-card_title { font-size: 26px;}
  .art-recruit-card_info-row { gap: 32px;}
  .art-recruit-card_info-cell, .art-recruit-card_olist { font-size: 14px;}
  .art-recruit-card_sub { font-size: 16px;}
}
@media (max-width: 1280px) {
  .art-recruit-welcome-container { gap: 40px;}
  .art-recruit-welcome_title { font-size: 30px;}
  .art-recruit-welcome_desc { font-size: 15px;}
  .art-recruit-tab { margin-bottom: 24px;}
  .art-recruit-card_head { padding: 24px 28px;}
  .art-recruit-card_title { font-size: 24px; gap: 10px;}
  .art-recruit-card_bar { height: 26px;}
  .art-recruit-card_info { margin: 0 28px; padding: 16px 22px;}
  .art-recruit-card_info-row { gap: 24px;}
  .art-recruit-card_detail { padding: 18px 28px 28px;}
  .art-recruit-card_btn { width: 120px; height: 40px; font-size: 15px; border-radius: 20px;}
}
@media (max-width: 1080px) {
  .art-recruit-welcome-container { -webkit-flex-direction: column; flex-direction: column; gap: 24px;}
  .art-recruit-welcome_title { font-size: 26px; letter-spacing: 0;}
  .art-recruit-welcome_right { max-width: none;}
  .art-recruit-welcome_desc { font-size: 15px; line-height: 1.8;}
  .art-recruit-tab_list { gap: 16px;}
  .art-recruit-tab_list>li { min-width: 180px; height: 52px; font-size: 16px; padding: 0 20px; gap: 8px;}
  .art-recruit-card_head { padding: 20px 24px;}
  .art-recruit-card_title { font-size: 22px;}
  .art-recruit-card_toggle { width: 36px; height: 36px;}
  .art-recruit-card_info { margin: 0 24px; padding: 14px 18px;}
  .art-recruit-card_info-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 16px 24px;}
  .art-recruit-card_detail { padding: 16px 24px 24px;}
  .art-recruit-card_btn { width: 108px; height: 36px; font-size: 14px; border-radius: 18px;}
}
@media (max-width: 767px) {
  .art-recruit-welcome { padding: 28px 0 32px;}
  .art-recruit-welcome_title { font-size: 22px;}
  .art-recruit-welcome_bar { height: 36px;}
  .art-recruit-body { padding: 16px 0 40px;}
  .art-recruit-tab_list { width: 100%;}
  .art-recruit-tab_list>li { -webkit-flex: 1; flex: 1; min-width: auto; height: 48px; font-size: 15px;}
  .art-recruit-list { gap: 12px;}
  .art-recruit-card_head { padding: 16px 16px;}
  .art-recruit-card_title { font-size: 19px; gap: 8px;}
  .art-recruit-card_bar { height: 22px; width: 3px;}
  .art-recruit-card_toggle { width: 32px; height: 32px;}
  .art-recruit-card_info { margin: 0 16px; padding: 12px 14px;}
  .art-recruit-card_info-cell { font-size: 13px;}
  .art-recruit-card_detail { padding: 14px 16px 20px;}
  .art-recruit-card_sub { font-size: 15px;}
  .art-recruit-card_olist { font-size: 13px; line-height: 1.8;}
  .art-recruit-card_btn { width: 100px; height: 34px; font-size: 13px; border-radius: 17px;}
}