/* 基础重置 */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* 滚动容器 */
        .scroll-container {
            max-width: 1200px;
            margin: 20px auto;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch; /* 移动端滚动优化 */
            padding: 15px 0;
        }

        /* 内容包裹层 */
        .card-wrapper {
            display: flex;
            gap: 20px;
            padding: 0 20px;
            /* min-width: min-content; /* 保持内容不换行 */
        }

        /* 单个卡片样式 */
        .card {
            flex: 0 0 150px; /* 固定宽度 */
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            overflow: hidden;
        }

        /* 图片容器 */
        .card-img {
            aspect-ratio: 1/1; /* 保持正方形 */
            overflow: hidden;
        }

        .card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 文字容器 */
        .card-text {
            padding: 6px;
            text-align: center;
            font-family: Arial, sans-serif;
            white-space: nowrap;      /* 强制不换行 */
            overflow: hidden;         /* 隐藏超出部分 */
            display: inline-block;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .card {
                flex: 0 0 160px; /* 移动端缩小卡片尺寸 */
            }
            .card-text {
                font-size: 14px;
                padding: 8px;
            }
        }