body {
    max-width: 100vw;
    overflow-x: hidden;
    /* 可选，以防止任何内部元素超出 */
}

/* 滚动 */
.scroll-container {
    width: 100vw;
    overflow: hidden;
    position: relative;
    top: -32vw;
    left: 0vw;
}

.scroll-wrapper {
    display: flex;
    white-space: nowrap;
    animation: scroll 300s linear infinite;
}

.scroll-wrapper img {
    width: auto;
    height: 30vw;
    margin-right: 0vw;
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-1000%);
    }
}

.scroll-container:hover .scroll-wrapper {
    animation-play-state: paused;
    /* 鼠标悬停时停止动画 */
}


/* 吸顶颜色跟随 */
.active {
    color: rgb(0, 0, 0);
}

.nav-link.active {
    color: rgb(0, 0, 0);
    /* 激活时变成黑色 */
}

.nav-link {
    position: fixed;
    top: 16.7vw;
    font-size: 2.5vw;
    color: rgba(173, 22, 22, 0);
    text-decoration: none;
}

section {
    display: flex;
}

section:nth-child(even) {
    background-color: #f0f0f0;
}

/* 调试增加透明度 */
.nav-link1 {
    position: absolute;
    top: 16.7vw;
    font-size: 2.5vw;
    font-weight: 600;
    color: rgba(173, 22, 22, 0);
    text-decoration: none;
}

#bottom {
    position: relative;
    top: 0vw;
}