/* 隱藏超出容器的圖片 */
.carousel-track-container {
    overflow: hidden;
    width: 100%;
    /* 允許 touch-action，防止瀏覽器默認行為（如拉動刷新），但我們需要水平滑動 */
    touch-action: pan-y;
    cursor: grab; /* 拖拽游標 */

    /* 強制瀏覽器創建一個更嚴格的裁剪上下文 */
    will-change: transform;
}
.carousel-track-container:active {
    cursor: grabbing;
}
/* 圖片軌道，使用 flex 橫向排列圖片 */
.carousel-track {
    display: flex;
    transition: transform 0.4s ease-in-out;
}
/* 單張圖片容器，必須確保它佔滿整個容器寬度，且不可被縮小 */
.carousel-slide {
    flex-shrink: 0;
    width: 100%;
}
/* 【修正】確保圖片不會攔截觸控事件 */
.carousel-slide img {
    pointer-events: none;
}