/* 滚动容器：控制可视范围，隐藏溢出内容 */
            .scroll-container {
                width: 100%; /* 容器宽度（可根据需求调整，如800px） */
                height: 30px; /* 容器高度，适配图片+文字 */
                line-height: 30px; /* 文字垂直居中 */
                overflow: hidden; /* 隐藏超出容器的内容 */
                position: relative;
            }
    
            /* 滚动内容：包含图片和文字 */
            .scroll-content {
                display: inline-block; /* 让内容横向排列不换行 */
                white-space: nowrap; /* 强制文字不换行 */
                position: absolute;
                left: 100%; /* 初始位置：从容器右侧进入 */
                animation: scroll 20s linear infinite; /* 滚动动画：15秒匀速循环 */
            }
    
            /* 滚动动画关键帧 */
            @keyframes scroll {
                0% {
                    left: 100%; /* 开始：在容器右侧外 */
                }
                100% {
                    left: -100%; /* 结束：在容器左侧外（确保内容完全滚出） */
                }
            }
    
            /* 图片样式：保持原尺寸30px，与文字垂直居中 */
            .scroll-content img {
                width: 30px;
                vertical-align: middle; /* 图片与文字垂直居中对齐 */
                margin-right: 8px; /* 图片与文字间留少量间距 */
            }