#footer {
    background: linear-gradient(
        90deg,
        #87c1af 0%,
        #87c1af 33.33%,
        #eca93b 33.33%,
        #eca93b 66.66%,
        #9a2d28 66.66%,
        #9a2d28 100%
    );
    background-repeat: repeat-x;
    background-size: 300% 100%; /* 3倍宽度用于无缝滚动 */
    animation: footerScroll 90s linear infinite; /* 改为20秒，更慢的速度 */
    width: 100%;
}

@keyframes footerScroll {
    0% {
        background-position: 0% 0;
    }
    100% {
        background-position: 300% 0; /* 从左向右移动 */
    }
}