body, h1, p { margin: 0; padding: 0; box-sizing: border-box; }
    
    /* 图片容器比例 */
    .aspect-4-3 { padding-top: 75%; position: relative; }
    .aspect-4-3 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; }
    
    .carousel-track-container { width: 100%; max-width: 100%; overflow: hidden; }
    
    /* 轨道样式：设为100%宽度，去除位移逻辑 */
    .carousel-track { 
        display: flex; 
        width: 100%; 
        /* 桌面端不需要滚动，直接平铺 */
    }
    
    /* 桌面端：5个项目平分 100% 宽度，即每个 20% */
    .carousel-item { 
        flex: 0 0 20%; 
        box-sizing: border-box; 
        padding: 0 8px; 
    }

    /* 移动端优化：屏幕小于768px时 */
    @media (max-width: 768px) {
        .carousel-track { 
            overflow-x: auto; /* 允许横向滑动 */
            padding-bottom: 10px; /* 给滚动条留点位置 */
            -webkit-overflow-scrolling: touch; /* 顺滑滚动 */
        }
        /* 手机上每个占 40%，这样能看清图片，用户可以滑着看 */
        .carousel-item { 
            flex: 0 0 40%; 
        }
    }