.page-employment {
  overflow: hidden;
  background: #fff;
}

/* Employment hero */
.employment-hero {
  position: relative;
  min-height: 460px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: url("../../assets/images/employment-banner.jpg") center 46% / cover no-repeat;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.employment-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: none;
}
.employment-hero-inner { position: relative; z-index: 1; }
.employment-hero-copy { max-width: 620px; padding: 62px 0; }
.employment-hero-copy .section-kicker { color: #1769ff; }
.employment-hero-copy h1 {
  margin: 14px 0 18px;
  color: #172437;
  font-size: clamp(40px, 4.5vw, 58px);
  line-height: 1.18;
  letter-spacing: -.045em;
}
.employment-hero-copy p {
  max-width: 560px;
  margin: 0 0 34px;
  color: #5f6e82;
  font-size: 14px;
  line-height: 1.85;
}
.employment-hero-copy .button { min-width: 165px; justify-content: center; }

/* Shared headings */
.employment-module-heading {
  max-width: 920px;
  margin: 0 auto 54px;
  text-align: center;
}
.employment-module-heading .section-kicker { color: #1769ff; }
.employment-module-heading h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 8px 0 12px;
  font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
  font-weight: bold;
  font-size: 32px;
  color: #333333;
  line-height: 1.2;
}
.employment-module-heading h2::before,
.employment-module-heading h2::after {
  width: 144px;
  height: 26px;
  flex: 0 0 auto;
  content: "";
  border-radius: 100px 0 0 100px;
  background:
    linear-gradient(180deg, #fff 0%, #fff 53.8%, transparent 53.8%),
    linear-gradient(90deg, transparent, #B9D3FF);
  background-blend-mode: multiply;
  box-shadow: 0 12px 0 0 rgba(185,211,255,0.55);
}
.employment-module-heading h2::after { transform: scaleX(-1); }
.employment-module-heading p {
  margin: 0;
  color: #6e7d91;
  font-size: 13px;
  line-height: 1.8;
}

/* Suitable learners */
.suitable-section { padding: 80px 0 80px; }
.suitable-shell {
  position: relative;
  overflow: hidden;
  padding: 20px 16px;
  border: 0;
  border-radius: 24px;
  background: #ECF2FF;
  box-shadow: 0 20px 55px rgba(57, 84, 150, .09);
}
.suitable-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}
.suitable-card:last-child { display: none; }
.suitable-card {
  min-width: 0;
  min-height: 200px;
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 10px;
  padding: 24px 20px 20px;
  border: 0;
  border-right: 1px solid rgba(177, 195, 232, .52);
  border-radius: 0;
  background: transparent;
  text-align: center;
}
.suitable-card:nth-child(3) { border-right: 0; }
.suitable-icon {
  width: 98px;
  height: 98px;
  display: grid;
  place-items: center;
}
.suitable-icon img {
  width: 98px;
  height: 98px;
  object-fit: contain;
  display: block;
}
.suitable-card h3 { margin: 2px 0 0; color: #263550; font-size: 17px; }
.suitable-card p { max-width: 220px; margin: 0; color: #647389; font-size: 12px; line-height: 1.7; }

/* Ten employment services */
.career-services-section {
  padding: 80px 0 118px;
  background:
    radial-gradient(circle at 50% 50%, rgba(102, 221, 225, .12), transparent 32%),
    #fff;
}
.service-radial {
  position: relative;
  min-height: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-ring {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
/* 服务节点：以图标为定位锚点，直接用圆环坐标定位 */
.service-node {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: auto;
}
.service-node > div {
  position: absolute;
  top: 50%;
  width: 230px;
  transform: translateY(-50%);
}
.service-node strong { display: block; margin-bottom: 6px; color: #29364d; font-size: 14px; white-space: nowrap; }
.service-node p { margin: 0; color: #79869a; font-size: 10px; line-height: 1.65; }
.service-node-dot {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 7px solid rgba(223, 244, 255, .92);
  border-radius: 50%;
  background: linear-gradient(145deg, #35c6ef, #3476fa);
  box-shadow: 0 11px 27px rgba(45, 125, 230, .2);
  transform: translate(-50%, -50%);
}
.service-node-dot svg {
  display: block;
  width: 24px;
  height: 24px;
}
/* 左侧5个服务：文字在图标左侧（外侧）*/
.service-node:nth-child(-n+5) > div {
  right: 64px;
  text-align: right;
}
/* 右侧5个服务：文字在图标右侧（外侧）*/
.service-node:nth-child(n+6) > div {
  left: 64px;
  text-align: left;
}
/* 圆环半径310px，角度定位（x向右为正，y向下为正，节点中心即图标中心）*/
/* 左侧 108°: x=-96,y=-295 */
.service-node:nth-child(1) { left: calc(50% - 96px); top: calc(50% - 295px); }
/* 左侧 144°: x=-251,y=-182 */
.service-node:nth-child(2) { left: calc(50% - 251px); top: calc(50% - 182px); }
/* 左侧 180°: x=-310,y=0 */
.service-node:nth-child(3) { left: calc(50% - 310px); top: 50%; }
/* 左侧 216°: x=-251,y=182 */
.service-node:nth-child(4) { left: calc(50% - 251px); top: calc(50% + 182px); }
/* 左侧 252°: x=-96,y=295 */
.service-node:nth-child(5) { left: calc(50% - 96px); top: calc(50% + 295px); }
/* 右侧 72°: x=96,y=-295 */
.service-node:nth-child(6) { left: calc(50% + 96px); top: calc(50% - 295px); }
/* 右侧 36°: x=251,y=-182 */
.service-node:nth-child(7) { left: calc(50% + 251px); top: calc(50% - 182px); }
/* 右侧 0°: x=310,y=0 */
.service-node:nth-child(8) { left: calc(50% + 310px); top: 50%; }
/* 右侧 -36°: x=251,y=182 */
.service-node:nth-child(9) { left: calc(50% + 251px); top: calc(50% + 182px); }
/* 右侧 -72°: x=96,y=295 */
.service-node:nth-child(10) { left: calc(50% + 96px); top: calc(50% + 295px); }
.service-wheel {
  position: relative;
  z-index: 1;
  width: 620px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: url("../../assets/images/service-ring.png") center/contain no-repeat;
}
.service-wheel::before,
.service-wheel::after { display: none; }
.service-wheel-arc { display: none; }
.service-wheel strong {
  position: relative;
  z-index: 4;
  width: 176px;
  height: 176px;
  display: grid;
  place-items: center;
  color: #202a39;
  border-radius: 50%;
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 18px 42px rgba(59, 125, 194, .12);
  font-size: 24px;
}
.enterprise-mosaic {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 205px;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 22px 58px rgba(31, 75, 140, .14);
}
.enterprise-copy,
.enterprise-photo { position: relative; min-width: 0; overflow: hidden; }
.enterprise-copy {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 28px 25px;
  color: #fff;
  background: linear-gradient(145deg, #2588f7, #1b64df);
}
.enterprise-copy:nth-child(3n) { background: linear-gradient(145deg, #279df5, #3473ee); }
.enterprise-copy > span { position: absolute; top: 16px; right: 18px; color: rgba(255, 255, 255, .3); font-size: 25px; font-weight: 900; }
.enterprise-copy h3 { margin: 0 0 12px; color: #fff; font-size: 18px; }
.enterprise-copy p { margin: 0; color: rgba(255, 255, 255, .82); font-size: 11px; line-height: 1.75; }
.enterprise-photo { margin: 0; background: #fff; display: grid; place-items: center; padding: 20px; }
.enterprise-photo img { width: 100%; height: 100%; display: block; object-fit: contain; transition: transform .45s ease; }
.enterprise-photo:hover img { transform: scale(1.045); }
.enterprise-photo > span { position: absolute; right: 12px; bottom: 10px; color: rgba(255, 255, 255, .78); text-shadow: 0 2px 8px rgba(0, 0, 0, .32); font-size: 10px; font-weight: 900; }

/* Alumni offers and testimonials */
.alumni-section {
  position: relative;
  padding: 80px 0 126px;
  background:
    radial-gradient(circle at 11% 10%, rgba(99, 183, 255, .2), transparent 28%),
    radial-gradient(circle at 92% 82%, rgba(105, 112, 255, .16), transparent 31%),
    linear-gradient(165deg, #f4f9ff 0%, #eef5ff 48%, #e4f2ff 100%);
}
.offer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.offer-card {
  min-width: 0;
  min-height: 175px;
  padding: 22px 23px;
  border: 1px solid rgba(206, 219, 241, .9);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(240, 246, 255, .9));
  box-shadow: 0 13px 31px rgba(46, 84, 143, .08);
}
.offer-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.offer-card-top > span {
  padding: 6px 9px;
  color: #6657df;
  border-radius: 8px;
  background: #eeeaff;
  font-size: 9px;
  font-weight: 800;
}
.offer-card[data-tone="orange"] .offer-card-top > span { color: #ef7b43; background: #fff0e7; }
.offer-card-top small { color: #a3adbd; font-size: 8px; font-weight: 800; }
.offer-card h3 { margin: 17px 0 7px; color: #323d50; font-size: 14px; }
.offer-card > strong { display: block; color: #1d2940; font-size: 23px; line-height: 1.25; }
.offer-card > p { margin: 14px 0 0; color: #748195; font-size: 10px; }
.testimonial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 54px; margin-top: 70px; }
.testimonial-card { min-width: 0; display: flex; align-items: center; gap: 16px; }
.testimonial-card:nth-child(4n+2),
.testimonial-card:nth-child(4n+3) { flex-direction: row-reverse; }
.testimonial-avatar {
  width: 78px;
  height: 78px;
  flex: 0 0 auto;
  border: 5px solid #fff;
  border-radius: 50%;
  background-image: url("../../assets/images/employment-alumni-avatars.jpg");
  background-repeat: no-repeat;
  background-size: 300% 200%;
  box-shadow: 0 14px 30px rgba(44, 90, 155, .18);
}
.testimonial-avatar[data-avatar="1"] { background-position: 0 0; }
.testimonial-avatar[data-avatar="2"] { background-position: 50% 0; }
.testimonial-avatar[data-avatar="3"] { background-position: 100% 0; }
.testimonial-avatar[data-avatar="4"] { background-position: 0 100%; }
.testimonial-avatar[data-avatar="5"] { background-position: 50% 100%; }
.testimonial-avatar[data-avatar="6"] { background-position: 100% 100%; }
.testimonial-card blockquote {
  position: relative;
  min-width: 0;
  flex: 1;
  margin: 0;
  padding: 20px 22px;
  border: 1px solid rgba(201, 219, 245, .9);
  border-radius: 22px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 14px 30px rgba(47, 83, 139, .07);
}
.testimonial-card:nth-child(odd) blockquote { color: #fff; border-color: transparent; background: linear-gradient(135deg, #3b8df7, #7397f5); }
.testimonial-card blockquote::before {
  position: absolute;
  top: 29px;
  left: -9px;
  width: 17px;
  height: 17px;
  content: "";
  border-bottom: 1px solid rgba(201, 219, 245, .9);
  border-left: 1px solid rgba(201, 219, 245, .9);
  background: inherit;
  transform: rotate(45deg);
}
.testimonial-card:nth-child(4n+2) blockquote::before,
.testimonial-card:nth-child(4n+3) blockquote::before { right: -9px; left: auto; border: 0; border-top: 1px solid rgba(201, 219, 245, .9); border-right: 1px solid rgba(201, 219, 245, .9); }
.testimonial-card blockquote p { margin: 0; color: #56657b; font-size: 11px; line-height: 1.8; }
.testimonial-card:nth-child(odd) blockquote p { color: rgba(255, 255, 255, .9); }
.testimonial-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.testimonial-card footer strong { color: #303d52; font-size: 11px; }
.testimonial-card footer span { color: #7d8ba0; font-size: 9px; }
.testimonial-card:nth-child(odd) footer strong,
.testimonial-card:nth-child(odd) footer span { color: #fff; }

@media (max-width: 1100px) {
  .service-radial { grid-template-columns: minmax(0, 1fr) 350px minmax(0, 1fr); gap: 14px; }
  .service-wheel { width: 350px; }
  .service-wheel-arc { inset: 58px; }
  .service-wheel strong { width: 145px; height: 145px; font-size: 20px; }
  .service-node { grid-template-columns: minmax(0, 1fr) 50px; gap: 10px; }
  .service-side-right .service-node { grid-template-columns: 50px minmax(0, 1fr); }
  .service-node-dot { width: 50px; height: 50px; border-width: 6px; }
  .service-node strong { font-size: 12px; }
  .service-node p { font-size: 9px; }
  .enterprise-mosaic { grid-auto-rows: 190px; }
}

@media (max-width: 900px) {
  .suitable-grid { grid-template-columns: 1fr 1fr; }
  .suitable-card:nth-child(2) { border-right: 0; }
  .suitable-card:nth-child(-n+2) { border-bottom: 1px solid rgba(177, 195, 232, .52); }
  .service-radial { min-height: 0; grid-template-columns: 1fr; gap: 26px; }
  .service-wheel { order: 1; justify-self: center; }
  .service-side { grid-template-columns: 1fr 1fr; }
  .service-side-left { order: 2; }
  .service-side-right { order: 3; }
  .service-node,
  .service-side-right .service-node {
    min-height: 112px;
    grid-template-columns: 50px minmax(0, 1fr);
    padding: 16px;
    border: 1px solid #dfe9f7;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 11px 25px rgba(49, 84, 137, .06);
    text-align: left;
  }
  .service-side-left .service-node-dot,
  .service-side-right .service-node-dot { order: -1; }
  .service-side-left .service-node::after,
  .service-side-right .service-node::before { display: none; }
  .enterprise-mosaic { grid-template-columns: 1fr 1fr; grid-auto-rows: 200px; }
  .offer-grid { grid-template-columns: 1fr 1fr; }
  .testimonial-grid { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 680px) {
  .employment-hero { min-height: 530px !important; align-items: flex-start; background: url("../../assets/images/employment-banner-mobile.png") center center / cover no-repeat !important; }
  .employment-hero::before { background: none !important; }
  .employment-hero-copy { max-width: 100%; padding: 68px 0 80px; }
  .employment-hero-copy h1 { font-size: 35px; }
  .employment-hero-copy p { font-size: 12px; }
  .suitable-section,
  .career-services-section,
  .enterprise-section,
  .alumni-section { padding: 80px 0 90px; }
  .employment-module-heading { margin-bottom: 38px; }
  .employment-module-heading h2 { gap: 11px; font-size: 31px; }
  .employment-module-heading h2::before,
  .employment-module-heading h2::after { width: 39px; height: 11px; }
  .employment-module-heading p { font-size: 11px; }
  .suitable-shell { padding: 14px 20px; border-radius: 22px; }
  .suitable-grid { grid-template-columns: 1fr; }
  .suitable-card,
  .suitable-card:nth-child(2) {
    min-height: 0;
    grid-template-columns: 64px 1fr;
    justify-items: start;
    gap: 4px 15px;
    padding: 22px 4px;
    border-right: 0;
    border-bottom: 1px solid rgba(177, 195, 232, .52);
    text-align: left;
  }
  .suitable-card:nth-child(3) { border-bottom: 0; }
  .suitable-icon { width: 64px; height: 64px; grid-row: 1 / 3; }
  .suitable-icon img { width: 52px; height: 52px; }
  .suitable-card h3 { align-self: end; margin: 0; font-size: 16px; }
  .suitable-card p { align-self: start; max-width: none; font-size: 11px; }
  .service-wheel { width: min(320px, 88vw); }
  .service-wheel::before { inset: 23px; }
  .service-wheel::after { inset: 58px; }
  .service-wheel-arc { inset: 50px; }
  .service-wheel strong { width: 132px; height: 132px; font-size: 19px; }
  .service-side { grid-template-columns: 1fr; gap: 12px; }
  .service-node,
  .service-side-right .service-node { min-height: 100px; }
  .service-node strong { font-size: 13px; }
  .service-node p { font-size: 10px; }
  /* 案例卡：文案半区 + logo 半区左右各半拼成一张卡，奇偶卡左右交替 */
  .enterprise-mosaic {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 150px;
    column-gap: 0;
    row-gap: 18px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }
  .enterprise-mosaic > * { box-shadow: 0 10px 26px rgba(42, 96, 176, .1); }
  .enterprise-mosaic > :nth-child(4n+1) { grid-column: 1; border-radius: 18px 0 0 18px; }
  .enterprise-mosaic > :nth-child(4n+2) { grid-column: 2; border-radius: 0 18px 18px 0; }
  .enterprise-mosaic > :nth-child(4n+3) { grid-column: 2; border-radius: 0 18px 18px 0; }
  .enterprise-mosaic > :nth-child(4n+4) { grid-column: 1; border-radius: 18px 0 0 18px; }
  /* 显式行号：grid 自动放置游标不回退，会让第 2 张卡错位到下一行 */
  .enterprise-mosaic > :nth-child(-n+2) { grid-row: 1; }
  .enterprise-mosaic > :nth-child(n+3):nth-child(-n+4) { grid-row: 2; }
  .enterprise-mosaic > :nth-child(n+5):nth-child(-n+6) { grid-row: 3; }
  .enterprise-mosaic > :nth-child(n+7):nth-child(-n+8) { grid-row: 4; }
  .enterprise-mosaic > :nth-child(n+9):nth-child(-n+10) { grid-row: 5; }
  .enterprise-copy {
    align-items: center;
    justify-content: center;
    padding: 18px 14px;
    text-align: center;
    background: #47a1fa;
  }
  .enterprise-copy:nth-child(3n) { background: #47a1fa; }
  .enterprise-copy h3 { margin: 0 0 10px; font-size: 17px; }
  .enterprise-copy p { font-size: 12px; line-height: 1.7; }
  .enterprise-copy > span,
  .enterprise-photo > span { display: none; }
  .enterprise-photo { padding: 14px; }
  .offer-grid { grid-template-columns: 1fr; gap: 12px; }
  .offer-card { min-height: 160px; }
  .testimonial-grid { margin-top: 52px; }
  .testimonial-card,
  .testimonial-card:nth-child(4n+2),
  .testimonial-card:nth-child(4n+3) { align-items: flex-start; flex-direction: row; gap: 11px; }
  .testimonial-avatar { width: 62px; height: 62px; border-width: 4px; }
  .testimonial-card blockquote { padding: 17px 16px; border-radius: 18px; }
  .testimonial-card:nth-child(4n+2) blockquote::before,
  .testimonial-card:nth-child(4n+3) blockquote::before { top: 23px; right: auto; left: -8px; border: 0; border-bottom: 1px solid rgba(201, 219, 245, .9); border-left: 1px solid rgba(201, 219, 245, .9); }
  .testimonial-card blockquote p { font-size: 10px; }
  .testimonial-card footer { align-items: flex-start; flex-direction: column; gap: 3px; }
}

@media (prefers-reduced-motion: reduce) {
  .enterprise-photo img { transition: none; }
}



/* ===== 就业成果展示 ===== */
.employment-result-section {
  padding: 80px 0 110px;
  background: #fff;
}
.result-video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.result-video-item {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
  background: #f0f2f5;
  aspect-ratio: 776 / 424;
}
.result-video-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.result-video-item:hover > img {
  transform: scale(1.05);
}
.result-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: transform .25s ease, opacity .25s ease;
  z-index: 2;
}
.result-play-btn img {
  width: 100%;
  height: 100%;
  display: block;
}
.result-video-item:hover .result-play-btn {
  transform: translate(-50%, -50%) scale(1.12);
}

@media (max-width: 980px) {
  .result-video-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 640px) {
  .employment-result-section { padding: 80px 0 80px; }
  .result-video-grid { grid-template-columns: 1fr; gap: 16px; }
  .result-play-btn { width: 55px; height: 55px; }
}


/* ===== 视频播放模态框 ===== */
.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.video-modal.show {
  display: flex;
}
.video-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .75);
  backdrop-filter: blur(4px);
}
.video-modal-content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 960px;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
.video-modal-close {
  position: absolute;
  top: -44px;
  right: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .15);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: background .2s ease;
  z-index: 2;
}
.video-modal-close:hover {
  background: rgba(255, 255, 255, .3);
}
.video-modal-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.video-modal-player video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

@media (max-width: 768px) {
  .video-modal { padding: 20px; }
  .video-modal-close { top: -40px; width: 32px; height: 32px; font-size: 20px; }
}






/* ===== 移动端十大就业服务卡片式布局 ===== */
@media (max-width: 600px) {
  /* 外层容器重置 */
  .service-radial {
    display: block !important;
    min-height: auto !important;
  }

  /* 隐藏中心圆形标题 */
  .service-wheel,
  .service-wheel-arc {
    display: none !important;
  }

  /* 环形容器改成整块浅蓝圆角容器，所有条目与查看更多都在其中 */
  .service-ring {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 26px !important;
    padding: 26px 20px 0 !important;
    background: #f6f9ff !important;
    border-radius: 16px !important;
    pointer-events: auto !important;
  }

  /* 每个服务项：去掉独立卡片描边阴影，仅保留图标+文字行 */
  .service-node,
  .service-side-left .service-node,
  .service-side-right .service-node {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-align: left !important;
  }

  /* 清除所有nth-child的绝对定位 */
  .service-node:nth-child(1),
  .service-node:nth-child(2),
  .service-node:nth-child(3),
  .service-node:nth-child(4),
  .service-node:nth-child(5),
  .service-node:nth-child(6),
  .service-node:nth-child(7),
  .service-node:nth-child(8),
  .service-node:nth-child(9),
  .service-node:nth-child(10) {
    left: auto !important;
    top: auto !important;
  }

  /* 左侧蓝色小圆图标，与标题行垂直居中 */
  .service-node-dot {
    order: -1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 28px !important;
    height: 28px !important;
    flex-shrink: 0 !important;
    background: linear-gradient(180deg, #68a1fc 0%, #4f8df9 100%) !important;
    border-radius: 50% !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: -1px 0 0 !important;
  }
  .service-node-dot svg {
    width: 15px !important;
    height: 15px !important;
  }

  /* 右侧文字区域：标题与图标同行，描述缩进与标题左对齐 */
  .service-node > div {
    order: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    flex: 1 !important;
    text-align: left !important;
    min-width: 0 !important;
  }
  .service-node strong {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #16181d !important;
    line-height: 26px !important;
    margin: 0 !important;
    white-space: normal !important;
  }
  .service-node p {
    font-size: 13px !important;
    color: #6c717c !important;
    line-height: 1.75 !important;
    margin: 8px 0 0 !important;
  }

  /* 隐藏连接线 */
  .service-node::before,
  .service-node::after {
    display: none !important;
  }

  /* 折叠：默认只显示前4个 */
  .service-ring.is-collapsed .service-node:nth-child(n+5) {
    display: none !important;
  }

  /* 查看更多：容器内分隔线（与内容对齐内缩）+ 纯文字样式 */
  .service-more-btn {
    display: block !important;
    width: 100% !important;
    margin: 26px 0 0 !important;
    padding: 15px 0 19px !important;
    border: 0 !important;
    border-top: 1px solid #e8ecf3 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #6e747d !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer !important;
  }
}

@media (min-width: 601px) {
  .service-more-btn {
    display: none !important;
  }
}


/* 移动端所有模块上下间距统一40px */
@media (max-width: 680px) {
  .suitable-section,
  .career-services-section,
  .enterprise-section,
  .alumni-section,
  .employment-result-section {
    padding: 40px 0 !important;
    margin-top: 0 !important;
  }
  .employment-module-heading {
    margin-top: 0 !important;
  }
}


/* 移动端学员头像雪碧图使用压缩版 */
@media (max-width: 680px) {
  .testimonial-avatar {
    background-image: url("../../assets/images/mobile/employment-alumni-avatars.jpg") !important;
  }
}