/* 优论官网｜业务成绩与课程服务亮点视觉精修 */

/* 业务主管照片：一致的裁切、克制的边框与稳定尺寸。 */
.business-achievement .teacher-profile {
  border: 1px solid #dfe6e2;
  box-shadow: 0 3px 14px rgba(29, 56, 57, 0.035);
}
.business-achievement .teacher-profile .teacher-avatar {
  flex: 0 0 auto;
  margin: 0;
}
.business-achievement .teacher-profile .teacher-avatar img {
  display: block;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  object-fit: cover;
  object-position: 50% 30%;
  background: #f1f4f1;
  border: 1px solid #e7ece8;
}

/* 课程介绍：从荧光青色改为低饱和的浅色纸面质感。 */
.service-highlights .top-cards {
  gap: 24px;
}
.service-highlights .info-card {
  background: linear-gradient(140deg, #fbfdfb 0%, #eef5f0 100%);
  border: 1px solid #d8e5dc;
  border-radius: 16px;
  box-shadow: 0 5px 22px rgba(30, 56, 53, 0.045);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.service-highlights .info-card:hover {
  transform: translateY(-3px);
  border-color: #b8ccbf;
  box-shadow: 0 11px 26px rgba(30, 56, 53, 0.08);
}
.service-highlights .info-card .card-number {
  color: #2d4a51;
  text-shadow: none;
}
.service-highlights .info-card .card-title {
  color: #263e42;
}
.service-highlights .info-card .card-description {
  color: #5f7777;
  line-height: 1.8;
}

/* 服务亮点：四列保持原结构，统一卡片边界与信息间距。 */
.service-highlights .highlights-grid {
  gap: 20px;
}
.service-highlights .highlight-card {
  background: #fff;
  border: 1px solid #dfe7e1;
  border-radius: 16px;
  padding: 28px 24px 30px;
  box-shadow: 0 3px 14px rgba(30, 56, 53, 0.025);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.service-highlights .highlight-card::before {
  display: none;
}
.service-highlights .highlight-card:hover {
  transform: translateY(-4px);
  border-color: #b7cdc1;
  background: #fff;
  box-shadow: 0 12px 28px rgba(30, 56, 53, 0.075);
}
.service-highlights .highlight-card .highlight-icon {
  margin-bottom: 22px;
}
.service-highlights .highlight-card .highlight-title {
  color: #263d40;
  margin-bottom: 12px;
}
.service-highlights .highlight-card .highlight-subtitle {
  color: #576f71;
  line-height: 1.65;
}
.service-highlights .highlight-card .highlight-description {
  color: #748387;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .service-highlights .top-cards,
  .service-highlights .highlights-grid { gap: 16px; }
  .service-highlights .highlight-card { padding: 24px 22px; }
}
@media (max-width: 480px) {
  .service-highlights .info-card { border-radius: 14px; }
  .service-highlights .highlight-card { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .service-highlights .info-card,
  .service-highlights .highlight-card { transition: none; }
}