.junhua-why-choose-section {
  background-color: var(--bg-color-page);
  padding: var(--spacing-9xl) 0;
}

/* 标题区域 */
.junhua-why-choose-header {
  text-align: center;
  margin-bottom: var(--spacing-5xl);
}

.junhua-why-choose-title {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h2);
  line-height: var(--line-height-title);
  color: var(--text-color-strong);
  margin: 0 0 var(--spacing-3xl);
}

.junhua-why-choose-title-highlight {
  color: var(--primary-color);
}

.junhua-why-choose-subtitle {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h5);
  line-height: var(--line-height-subtitle);
  color: var(--text-color-strong);
  margin: 0;
}

/* 卡片容器 */
.junhua-why-choose-cards {
  display: flex;
  justify-content: space-between;
}

/* 单个卡片 */
.junhua-why-choose-card {
  position: relative;
  width: 21%;
  overflow: hidden;
  min-height: 23.7rem;
  background-color: var(--bg-color-white);
  transition: all 0.3s;
}

/* 背景图片 */
.junhua-why-choose-card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

/* 渐变遮罩 */
.junhua-why-choose-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 18.76%,
    rgba(241, 241, 241, 0) 100%
  );
  z-index: 2;
}

/* 高亮卡片（最后一个）特殊样式 */
.junhua-why-choose-card-highlight {
  width: 35%;
  background-color: var(--primary-color);
}

.junhua-why-choose-card-highlight .junhua-why-choose-card-overlay {
  background: linear-gradient(
    180deg,
    rgba(55, 148, 135, 1) 28.05%,
    rgba(55, 148, 135, 0) 100%
  );
}

.junhua-why-choose-card-highlight .junhua-why-choose-card-title,
.junhua-why-choose-card-highlight .junhua-why-choose-card-description {
  color: var(--text-color-white);
}

/* 高亮卡片中的图标变为白色 */
.junhua-why-choose-card-highlight .junhua-why-choose-icon img {
  filter: brightness(0) invert(1);
}

/* 卡片内容 */
.junhua-why-choose-card-content {
  position: relative;
  z-index: 3;
  padding: 1.5rem var(--spacing-2xl);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}

/* 图标 */
.junhua-why-choose-icon {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
}

.junhua-why-choose-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 文本区域 */
.junhua-why-choose-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.junhua-why-choose-card-title {
  font-family: var(--font-family);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-body);
  line-height: var(--line-height-subtitle);
  color: var(--text-color-strong);
  margin: 0;
}

.junhua-why-choose-card-description {
  font-family: var(--font-family);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-small);
  line-height: var(--line-height-subtitle);
  color: var(--text-color-strong);
  margin: 0;
}

/* 平板端适配 (768px - 1024px) */
@media screen and (max-width: 1024px) {
  .junhua-why-choose-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

  .junhua-why-choose-card {
    width: 100%;

  }
  .junhua-why-choose-card-bg{
    height: 50%;
  }
  .junhua-why-choose-card-overlay {
    top: 50%;
  }
  .junhua-why-choose-card-content{
    top: 50%;
  }
  
}
@media screen and (max-width: 768px){
  .junhua-why-choose-card-content{
    padding:var(--spacing-2xl);
  }
   .junhua-why-choose-icon{
   width: 1.75rem;
   height: 1.75rem;
  }
}