/* ========================= 首页背景图片加载动画效果 =========================== */
/* 图片从模糊到清晰动画（慢速） */
.background-image-index .el-image.my-el-image .el-image__inner {
  animation: blurToClear 4s ease forwards;
}

@keyframes blurToClear {
  0% {
    filter: blur(20px);
    -webkit-filter: blur(20px);
    transform: scale(1.05);
  }
  100% {
    filter: blur(0);
    -webkit-filter: blur(0);
    transform: scale(1);
  }
}


/* ===================== 修改背景图的波浪高度 ==================== */
/* 波浪缩放 - 修复缝隙和重叠问题 */
/* #bannerWave1[data-v-9f856834] {
  transform: scaleY(0.5);
  transform-origin: bottom;
  bottom: -56px !important; 
  z-index: 10;
}

#bannerWave2[data-v-9f856834] {
  transform: scaleY(0.5);
  transform-origin: bottom;
  bottom: -10px !important;  
  z-index: 5;
} */