.add-details-banner {
  width: 100%;
  position: relative;
  /* height: 480px; */
}

.add-details-banner-img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.solutions-title-text {
  font-weight: bold;
  font-size: 24px;
  color: #1B1C35;
  padding: 30px 0 56px 17px;
}

.solutions-title {
  padding: 42px 0 61px 0;
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  color: #1B1C35;

}


/* 卡片网格布局 */
.solutions-grid {
  width: 100%;
  display: flex;
  cursor: pointer;
  /* 鼠标悬浮显示手型 */
  transition: transform 0.3s ease;
  /* 添加点击反馈动画 */
  /* margin-bottom: 70px; */

  flex-wrap: wrap;
}



.solutions-grid-last-child {
  padding-bottom: 0px;
}


/* 卡片基础样式 */
.solution-card {
  width: calc(33.333% - 0px);
  /* 关键！3列布局 */
  /* 计算逻辑：33.333%宽度 - (gap总宽度/3)，确保总宽度不溢出 */
  box-sizing: border-box;
  border-radius: 10px;
}

/* 卡片图片 */
.card-img {
  width: 100%;
  height: 221px;
  display: block;
  box-sizing: border-box;
  padding: 0 17px;
  /* 用于百分比标签定位 */
}

.card-img img {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 98;
  /* object-fit: cover; */
  border-radius: 10px;
  overflow: hidden;


}


/* 卡片文字信息 */
.card-info {
  width: 100%;
  box-sizing: border-box;
  padding: 30px 17px 70px 17px;
  font-weight: bold;
  font-size: 20px;
  color: #1B1C35;
  margin: 0;
  line-height: 1.5;
  /* 核心：超出自动换行配置 */
  white-space: normal;
  /* 确保文字正常换行（默认值，显式声明更稳妥） */
  word-wrap: break-word;
  /* 长单词/URL 自动换行，避免溢出 */
}




/* 响应式调整（小屏幕适配） */
@media (max-width: 1200px) {}

/* 响应式调整（小屏幕适配） */
@media (max-width: 1000px) {}

@media (max-width: 768px) {}


@media (max-width: 768px) {

  /* 新增：banner轮播专属样式（仅作用于banner区域） */
  .add-details-banner {
    height: auto;
  }

  /* 卡片基础样式 */
  .solution-card {
    width: 100%;
  }

  .card-img {
    height: calc((100vw - 48px) * 221 / 366);
    padding: 0;
  }




  .card-info {
    bottom: 20px;
    padding: 23px 0 33px 0;
  }

  .card-img img {
    /* object-fit: fill; */
  }

  .solutions-grid {
    grid-template-columns: 1fr;
    padding: 0px;
    margin: 0px;

  }

  .solutions-grid-last-child {
    padding-bottom: 20px !important;
  }

  .solutions-title-text {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #1B1C35;
    margin-bottom: 0px;
    margin-left: 0;
    padding: 30px 0 44px 0;

  }



  .solutions-grid {
    /* padding-bottom: 30px; */
  }

  .card-info {
    bottom: 20px;
    padding: 23px 0 35px 0;
  }



  .add-details-banner-img {

    object-fit: unset;
  }

  /* 卡片基础样式 */
  .solution-card {
    width: 100%;
  }
}