/* ============================================================
   产品页 · 四类员工区（方案 2：左图右文 + 精确对齐）
   2026-09-30 final
   
   目标：
     ① 图片顶 = kicker 顶（当前差 6px）
     ② 图片底 = 卡片网格底
   ============================================================ */

.team-split{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr) !important;
  gap:34px !important;
  align-items:start !important;
}

/* ===== 左侧图片容器 ===== */
.team-split-img{
  min-width:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid #e9eef7 !important;
  box-shadow:0 6px 22px rgba(16,24,40,.08), 0 18px 50px rgba(16,24,40,.07) !important;
  background:#f5f7fa !important;
  height:481px !important;          /* 图片高度：与卡片网格底对齐 */
  margin-top:0 !important;          /* 容器顶已与 kicker 顶对齐 */
  display:block !important;
}
.team-split-img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 42% !important;
}

/* ===== 右侧文字 ===== */
.team-split-txt{min-width:0 !important}

.team-split-txt .sec-hd{margin-bottom:20px !important}
.team-split-txt .sec-hd h2{font-size:26px !important;margin-bottom:9px !important}
.team-split-txt .sec-hd p{font-size:14px !important;color:#5a6577 !important;line-height:1.75 !important}

/* 四角色 2×2 */
.team-split-txt .team-flow{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:13px !important;
  margin-bottom:16px !important;
}
.team-split-txt .tf-item{padding:15px 13px !important;border-radius:12px !important}
.team-split-txt .tf-av{width:40px !important;height:40px !important;margin-bottom:9px !important}
.team-split-txt .tf-av svg{width:22px !important;height:22px !important}
.team-split-txt .tf-role{font-size:14.5px !important;margin-bottom:4px !important}
.team-split-txt .tf-job{font-size:12px !important;line-height:1.65 !important}
.team-split-txt .tf-arrow{display:none !important}

.team-split-txt .team-note{
  font-size:12.5px !important;
  color:#4b5563 !important;
  line-height:1.7 !important;
  text-align:left !important;
  margin:0 !important;
}

/* ========== 移动端 ========== */
@media (max-width:900px){
  .team-split{
    grid-template-columns:minmax(0,1fr) !important;
    gap:20px !important;
  }
  .team-split-img{
    height:auto !important;
    margin-top:0 !important;
    aspect-ratio:16/9 !important;
    border-radius:14px !important;
  }
  .team-split-txt .sec-hd{margin-bottom:15px !important}
  .team-split-txt .sec-hd h2{font-size:23px !important}
  .team-split-txt .sec-hd p{font-size:13px !important}
  .team-split-txt .team-flow{gap:11px !important}
  .team-split-txt .tf-item{padding:13px 11px !important}
  .team-split-txt .tf-role{font-size:13px !important}
  .team-split-txt .tf-job{font-size:11.5px !important}
  .team-split-txt .team-note{text-align:center !important;font-size:12px !important}
}
@media (max-width:420px){
  .team-split-txt .team-flow{gap:9px !important}
  .team-split-txt .tf-item{padding:11px 9px !important}
  .team-split-txt .tf-av{width:34px !important;height:34px !important}
  .team-split-txt .tf-av svg{width:19px !important;height:19px !important}
}


/* ============================================================
   说明文字居中（2026-09-30）
   实测：textAlign left，文字宽 430 / 容器 542 → 右侧空 112px
        容器中心 908 vs 文字中心 852 → 偏左 56px
   ============================================================ */

html body .team-split-txt .team-note,
html body .team-note{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 移动端保持居中（原本就是 center） */
@media (max-width:900px){
  html body .team-split-txt .team-note{
    text-align:center !important;
  }
}