/* bomao_pic_text1 - 样式隔离 */
.bomao-pic-text1 {
  position: relative;
  z-index: 3;
  padding-top: 3.75rem;
  padding-bottom: 5.75rem;
  /* border-radius: 1.5625rem 1.5625rem 0 0; */
  background-color: #e4e4e4;
}

.bomao-pic-text1-content {
  position: relative;
}

/* 背景图片容器 */
.bomao-pic-text1-bg {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1.5625rem; /* 50px / 2 = 25px = 1.5625rem */
  overflow: hidden;
  height: 15rem;
  transition: all 0.3s ease;
}

/* 鼠标悬浮时背景图片放大效果 */
.bomao-pic-text1-bg:hover img{
  transform:scale(1.1);
}

/* 蒙版层 */
.bomao-pic-text1-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

/* 内容区域 */
.bomao-pic-text1-inner {
  /* position: relative; */
  z-index: 2;
  /* padding: 2rem; */
  height: 100%;
  /* min-height: 25rem; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.88rem;
}

/* Logo区域 */
.bomao-pic-text1-logo {
  align-self: flex-start;
  margin-bottom: 1rem;
}

.bomao-pic-text1-logo img {
  height: 3rem;
  width: auto;
  object-fit: contain;
}

/* 文字内容区域 */
.bomao-pic-text1-text {
  text-align: center;
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* margin: 2rem 0; */
}

.bomao-pic-text1-title {
  font-family: var(--title-font-family), Montserrat, sans-serif;
  font-weight: 700;
  font-size: 1.5rem; /* 48px / 2 = 24px = 1.5rem */
  line-height: 1.22;
  color: #FFFFFF;
  margin: 0 0 1rem 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.bomao-pic-text1-description {
  font-family: var(--font-family), Montserrat, sans-serif;
  font-weight: 500;
  font-size: 0.625rem; /* 20px / 2 = 10px = 0.625rem */
  line-height: 1.22;
  color: #FFFFFF;
  margin: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* 按钮区域 */
.bomao-pic-text1-action {
  /* align-self: flex-end; */
  /* text-align: right; */
}

.bomao-pic-text1-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFF100;
  color: #7E69CA;
  padding: 0.625rem 1.25rem; /* 10px 20px -> 0.625rem 1.25rem */
  border-radius: 2.5rem; /* 80px / 2 = 40px = 2.5rem */
  text-decoration: none;
  font-family: var(--title-font-family), Montserrat, sans-serif;
  font-weight: 700;
  font-size: 0.625rem; /* 20px / 2 = 10px = 0.625rem */
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 241, 0, 0.3);
  min-width: 8.5625rem; /* 273px / 2 = 136.5px = 8.5625rem */
  height: 1.875rem; /* 60px / 2 = 30px = 1.875rem */
}



/* 平板端适配 */
@media (max-width: 992px) {
  .bomao-pic-text1-bg {
    min-height: 20rem;
  }
  
  .bomao-pic-text1-inner {
    min-height: 20rem;
    padding: 1.5rem;
  }
  
  .bomao-pic-text1-title {
    font-size: 1.25rem;
  }
  
  .bomao-pic-text1-description {
    font-size: 0.875rem;
  }
  
  .bomao-pic-text1-btn {
    font-size: 0.875rem;
    min-width: 8rem;
    height: 2.5rem;
    padding: 0.75rem 1.5rem;
  }
  
  .bomao-pic-text1-logo img {
    height: 2.5rem;
  }
}

/* 手机端适配 */
@media (max-width: 768px) {
  .bomao-pic-text1-bg {
    min-height: 18rem;
    border-radius: 1rem;
  }
  
  .bomao-pic-text1-inner {
    min-height: 18rem;
    padding: 1.25rem;
    justify-content: center;
    gap: 1rem;
  }
  
  .bomao-pic-text1-text {
    margin: 1rem 0;
  }
  
  .bomao-pic-text1-title {
    /* font-size: 1rem; */
    margin-bottom: 0.75rem;
  }
  
  .bomao-pic-text1-description {
    font-size: 0.75rem;
    line-height: 1.4;
  }
  
  .bomao-pic-text1-action {
    align-self: center;
    text-align: center;
    /* margin-top: 1rem; */
  }
  
  .bomao-pic-text1-btn {
    font-size: 0.75rem;
    min-width: 7rem;
    height: 2.25rem;
    padding: 0.625rem 1.25rem;
    border-radius: 1.125rem;
  }
  
  .bomao-pic-text1-logo {
    align-self: center;
    margin-bottom: 0.75rem;
  }
  
  .bomao-pic-text1-logo img {
    height: 2rem;
  }
  .bomao-pic-text1{
    padding-top:2rem;
    padding-bottom:3.5rem;
  }
}

/* 超小屏幕适配 */
@media (max-width: 480px) {
  .bomao-pic-text1-bg {
    min-height: 16rem;
  }
  
  .bomao-pic-text1-inner {
    min-height: 16rem;
    padding: 1rem;
  }
  
  .bomao-pic-text1-title {
    /* font-size: 0.875rem; */
  }
  
  .bomao-pic-text1-description {
    /* font-size: 0.625rem; */
  }
  
  .bomao-pic-text1-btn {
    font-size: 0.625rem;
    min-width: 6rem;
    height: 2rem;
    padding: 0.5rem 1rem;
  }
}

/* 确保在所有屏幕下背景图片悬浮效果正常 */
@media (hover: none) {
  .bomao-pic-text1-bg:hover {
    background-size: cover;
  }
}

.bomao-pic-text1 .bomao-pic-text1-bg-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
  z-index: -1;
}