.characteristic-block-collection-card__image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
  border-radius: var(--image-border-radius, var(--border-radius, 20px));
  overflow: hidden;
}

.characteristic-block-collection-card__image-wrapper .carousel__image--mobile {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.characteristic-block-collection-card__image-wrapper .carousel__image--desktop {
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 0;
}

@media screen and (min-width: 960px) {
  .characteristic-block-collection-card__image-wrapper .carousel__image--mobile {
    display: none;
  }
  
  .characteristic-block-collection-card__image-wrapper .carousel__image--desktop {
    display: block;
  }
}

.characteristic-block-collection-card__image-wrapper img,
.characteristic-block-collection-card__image-wrapper svg {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: var(--fit-type, cover);
  z-index: 0;
  display: block;
}

/* 图片遮罩层 - 支持自定义颜色（通过内联样式设置） */
.characteristic-image-overlay {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* background-color 通过内联样式设置，支持自定义颜色 */
  transform: translate(-50%, -50%);
}

.radius-20{
  border-radius: 20px;
  overflow: hidden;
}

/* 文字蒙层样式 */
.characteristic-image-text-mask {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  display: block;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 3;
}

/* 深色蒙层（适合浅色背景） */
.characteristic-image-text-mask-deep {
  background: radial-gradient(
    77.64% 77.64% at 50% 50%,
    rgb(0 0 0 / 30%) 59.64%,
    rgb(0 0 0 / 0%) 100%
  );
  filter: blur(120px);
  border-radius: 50%;
}

/* 浅色蒙层（适合深色背景） */
.characteristic-image-text-mask-light {
  background: radial-gradient(
    77.64% 77.64% at 50% 50%,
    rgb(255 255 255 / 30%) 59.64%,
    rgb(255 255 255 / 0%) 100%
  );
  filter: blur(120px);
  border-radius: 50%;
}