/* ==========================================
   蔚蓝自定义图文 - 标题 + 大图
   ========================================== */

.weilan-custom-pictext {
  width: 100%;
  position: relative;
  margin-bottom: -6.125rem;
}

.weilan-custom-pictext-bg {
  position: absolute;
  top: -6.125rem;
  left: 0px;
  width: 100%;
  height: 100%;
}

.weilan-custom-pictext-inner {
  transform: translateY(-12rem);
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: var(--container-width, 1200px);
  margin: 0 auto;
  padding: 0 var(--container-spacing, 1.5rem);
}

.weilan-custom-pictext-title {
  /* font-family: var(--font-family); */
  /* font-weight: 700; */
  /* font-size: 2.5rem; */
  /* line-height: 1.3; */
  color: var(--text-color, #202538);
  text-align: center;
}

.weilan-custom-pictext-image-wrap {
  width: 100%;
  overflow: hidden;
  border-radius: 1.25rem;
  padding: 6.125rem 1.875rem 1.875rem 1.875rem;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 8%,
    #fff 100%
  );
}

.weilan-custom-pictext-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  vertical-align: middle;
}

/* ==========================================
   响应式
   ========================================== */
@media screen and (max-width: 1200px) {
  .weilan-custom-pictext-inner {
    transform: none;
  }
  .weilan-custom-pictext {
    margin: 0px;
  }

  .weilan-custom-pictext-bg {
    top: 0px;
  }
}

@media screen and (max-width: 1024px) {
  .weilan-custom-pictext {
    padding: var(--spacing-6xl, 3rem) 0;
  }
  .weilan-custom-pictext-title {
    /* font-size: 2rem; */
    margin-bottom: var(--spacing-xl, 1.5rem);
  }
}

@media screen and (max-width: 768px) {
  .weilan-custom-pictext {
    padding: var(--spacing-4xl, 2rem) 0;
  }
  .weilan-custom-pictext-title {
    /* font-size: 1.75rem; */
    margin-bottom: var(--spacing-lg, 1.25rem);
  }
}

@media screen and (max-width: 576px) {
  .weilan-custom-pictext-title {
    /* font-size: 1.5rem; */
  }
}