/* 波浪容器 */
.main-hero-waves-area {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 5;
    height: 10vh; /* 波浪高度 */
    min-height: 50px;
    max-height: 150px;

    pointer-events: none !important;
}
/* 波浪颜色配置 */
.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; fill: rgba(255,255,255,0.7); }
.parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; fill: rgba(255,255,255,0.5); }
.parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; fill: rgba(255,255,255,0.3); }
.parallax > use:nth-child(4) { fill: #fff; } /* 这里的 fill 用了主题变量，适配深色模式 */

/* 动画关键帧 */
@keyframes move-forever {
    0% { transform: translate3d(-90px,0,0); }
    100% { transform: translate3d(85px,0,0); }
}
/* 移动端适配 */
@media (max-width: 768px) {
    .main-hero-waves-area { height: 40px; min-height: 40px; }
}