/*
 * 无限循环轮播组件 - LoopCarousel
 * 一屏3张图：中间完整显示，左右各露出部分
 * 外层 overflow:hidden 裁切超出部分
 */

.loop-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* 轨道：实际宽度 > 视口，通过 JS 动态设置 */
.loop-carousel__track {
  display: flex;
  align-items: center;
  will-change: transform;
  /* 默认无动画，JS 切换时添加 */
  transition: none;
}

/* 切换时的平滑过渡 */
.loop-carousel__track--animating {
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 每张幻灯片 */
.loop-carousel__slide {
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
}

/* 幻灯片内的图片 */
.loop-carousel__slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}