/* ---------- 15. Embodied AI · 具身智能产教融合（2026-10-11 新增） ---------- */

/* 导语：大图在右、文字在左 */
.emb-lead {
  display: grid; grid-template-columns: 1fr 1.08fr; gap: 52px; align-items: center;
  margin-bottom: 72px;
}
.emb-lead .h-2 { margin-top: 14px; }
.emb-lead .lead { margin-top: 20px; }
.emb-lead-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.emb-lead-tags li {
  font-size: 12.8px; font-weight: 600; padding: 6px 14px;
  border-radius: 999px; background: var(--bg-blue); color: var(--brand);
}
.emb-lead-fig {
  position: relative; aspect-ratio: 16 / 10; overflow: hidden;
  border-radius: var(--radius-l); box-shadow: var(--shadow-l);
}
.emb-lead-fig img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* 三图并排：大图 + 简要文字 */
.emb-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px;
  margin-bottom: 78px;
}
.emb-fig {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-l);
  overflow: hidden; position: relative;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
}
.emb-fig:hover { transform: translateY(-6px); box-shadow: var(--shadow-l); border-color: #cfe0f2; }
.emb-fig::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; z-index: 2;
  background: linear-gradient(90deg, var(--brand-light), var(--cyan), var(--brand-light));
  opacity: 0; transition: opacity .35s var(--ease);
}
.emb-fig:hover::before { opacity: 1; }
.emb-fig-media { position: relative; aspect-ratio: 16 / 10; background: var(--bg-soft); overflow: hidden; }
.emb-fig-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.emb-fig figcaption { flex: 1; display: flex; flex-direction: column; padding: 24px 26px 28px; }
.emb-fig figcaption h3 { font-size: 1.16rem; }
.emb-fig figcaption p { margin-top: 12px; font-size: 13.6px; line-height: 1.85; color: var(--body); }

/* 图左文右：真实场景 */
.emb-split {
  display: grid; grid-template-columns: .95fr 1fr; gap: 52px; align-items: center;
  margin-bottom: 78px;
}
.emb-split-media {
  position: relative; aspect-ratio: 16 / 10; overflow: hidden;
  border-radius: var(--radius-l); box-shadow: var(--shadow-l);
}
.emb-split-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.emb-split .h-3 { font-size: 1.6rem; }

/* ===== 岗位矩阵：三条岗位线 ===== */
.emb-jobs { margin-bottom: 78px; padding-top: 8px; }
.emb-jobs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.emb-job {
  display: flex; flex-direction: column; position: relative; overflow: hidden;
  padding: 28px 28px 30px; background: #fff;
  border: 1px solid var(--line); border-radius: var(--radius-l);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
}
.emb-job::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--brand-light), var(--cyan), var(--brand-light));
  opacity: 0; transition: opacity .35s var(--ease);
}
.emb-job:hover { transform: translateY(-5px); box-shadow: var(--shadow-l); border-color: #cfe0f2; }
.emb-job:hover::before { opacity: 1; }
.emb-job header { display: flex; align-items: center; gap: 14px; }
.emb-job h4 { font-size: 1.16rem; }
.emb-job-i {
  flex: none; width: 40px; height: 40px; border-radius: 12px;
  display: grid; place-items: center; background: var(--bg-blue); color: var(--brand);
  font-family: var(--ff-num); font-weight: 800; font-size: 13.5px;
}
.emb-job-d { margin-top: 16px; font-size: 13.7px; line-height: 1.85; color: var(--body); }
.emb-job-list {
  margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line);
  display: grid; gap: 9px;
}
.emb-job-list li {
  position: relative; padding-left: 16px; font-size: 13.2px;
  line-height: 1.6; color: var(--ink-2);
}
.emb-job-list li::before {
  content: ""; position: absolute; left: 0; top: .66em;
  width: 5px; height: 5px; border-radius: 50%; background: var(--brand-light);
}

/* ===== 四门综合实训：2×2 大图卡 ===== */
.emb-courses { margin-bottom: 78px; }
.emb-courses-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.emb-course {
  display: flex; flex-direction: column; margin: 0; overflow: hidden;
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-l);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
}
.emb-course:hover { transform: translateY(-5px); box-shadow: var(--shadow-l); border-color: #cfe0f2; }
.emb-course-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--bg-soft); }
.emb-course-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.emb-course-t {
  position: absolute; left: 0; bottom: 0; z-index: 2;
  padding: 7px 16px 7px 0; background: linear-gradient(90deg, rgba(7, 33, 70, .82), rgba(7, 33, 70, 0));
  color: #fff; font-family: var(--ff-num); font-size: 11.5px;
  font-weight: 700; letter-spacing: .08em; padding-left: 16px;
}
.emb-course-body { flex: 1; display: flex; flex-direction: column; padding: 24px 28px 28px; }
.emb-course-body h4 { font-size: 1.14rem; }
.emb-course-body p { margin-top: 12px; font-size: 13.6px; line-height: 1.85; color: var(--body); }
.emb-course-f {
  margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line);
  font-size: 12.6px; font-weight: 700; color: var(--brand);
  display: flex; align-items: center; gap: 8px;
}
.emb-course-f::before {
  content: ""; width: 16px; height: 2px; background: var(--accent); flex: none;
}

/* ===== 硬件与平台：左图右文 + 规格表 ===== */
.emb-stack {
  display: grid; grid-template-columns: .82fr 1fr; gap: 52px; align-items: center;
  margin-bottom: 78px; padding-top: 52px; border-top: 1px solid var(--line);
}
.emb-stack-media {
  position: relative; aspect-ratio: 4 / 3; overflow: hidden;
  border-radius: var(--radius-l); box-shadow: var(--shadow-l);
}
.emb-stack-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.emb-stack-txt .h-3 { line-height: 1.4; }
.emb-spec { margin-top: 28px; display: grid; gap: 0; }
.emb-spec > div {
  display: grid; grid-template-columns: 108px 1fr; gap: 20px;
  padding: 15px 0; border-top: 1px solid var(--line);
}
.emb-spec > div:last-child { border-bottom: 1px solid var(--line); }
.emb-spec-k {
  font-family: var(--ff-num); font-size: 12.5px; font-weight: 700;
  letter-spacing: .06em; color: var(--brand);
}
.emb-spec-v { font-size: 13.6px; line-height: 1.8; color: var(--body); }

/* ===== 三种落地路径 ===== */
.emb-path { margin-bottom: 66px; }
.emb-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.emb-path-card {
  position: relative; overflow: hidden; padding: 30px 28px 28px;
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-l);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
}
.emb-path-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-l); border-color: #cfe0f2; }
.emb-path-n {
  display: inline-block; font-family: var(--ff-num); font-size: 11.5px;
  font-weight: 800; letter-spacing: .12em; color: var(--muted);
  margin-bottom: 14px;
}
.emb-path-card h4 { font-size: 1.2rem; }
.emb-path-card p { margin-top: 14px; font-size: 13.6px; line-height: 1.85; color: var(--body); }
.emb-path-tag {
  margin-top: 22px; display: inline-block; font-size: 12.2px; font-weight: 700;
  padding: 5px 13px; border-radius: 999px;
  background: var(--bg-blue); color: var(--brand);
}
/* 推荐路径：深底突出 */
.emb-path-card.is-featured {
  background: linear-gradient(158deg, var(--brand-light) 0%, var(--brand) 58%, var(--brand-dark) 100%);
  border-color: transparent;
  box-shadow: 0 24px 54px -26px rgba(20, 73, 143, .55);
}
.emb-path-card.is-featured .emb-path-n { color: rgba(255, 255, 255, .62); }
.emb-path-card.is-featured h4 { color: #fff; }
.emb-path-card.is-featured p { color: rgba(255, 255, 255, .86); }
.emb-path-card.is-featured .emb-path-tag { background: var(--cyan); color: #05304a; }

/* 响应式 */
@media (max-width: 1180px) {
  .emb-lead, .emb-split, .emb-stack { gap: 40px; }
}
@media (max-width: 1080px) {
  /* 3 张卡在窄列下每张不足 300px，配图过小 → 降为单列通栏 */
  .emb-grid { grid-template-columns: 1fr; gap: 24px; }
  .emb-jobs-grid { grid-template-columns: 1fr; gap: 22px; }
  .emb-path-grid { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 980px) {
  .emb-lead { grid-template-columns: 1fr; gap: 32px; }
  .emb-lead-fig { order: -1; }
  .emb-split, .emb-stack { grid-template-columns: 1fr; gap: 30px; }
  .emb-courses-grid { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 640px) {
  .emb-lead-fig, .emb-split-media { aspect-ratio: 4 / 3; }
  .emb-fig figcaption, .emb-course-body, .emb-job, .emb-path-card { padding-left: 22px; padding-right: 22px; }
  .emb-spec > div { grid-template-columns: 1fr; gap: 6px; }
}