/* 外部容器，包含所有輪播 */
.carousel-block {
  margin: 40px auto;
  max-width: 600px;
}

/* 輪播主容器 */
.photo-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  background: #eee;
  padding:0;
}

/* 讓所有圖片水平排列 */
.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  height: 100%;
}

/* 每張圖片設定為 100% 寬高，自動填滿格子 */
.carousel-track img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  flex-shrink: 0;
}

/* 左右箭頭區塊 */
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 10%;
  cursor: pointer;
  user-select: none;
  z-index: 10;
}

/* 左箭頭位置 */
.carousel-arrow.left {
  left: 0px;
}

/* 右箭頭位置 */
.carousel-arrow.right {
  right: 0px;
}

/* 畫面下方的圖片索引提示 */
.carousel-indicator {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 14px;
}