.carousel-container {
	top: 25vh;
	width: 100vw;
	/* 容器寬度為視窗寬度的100% */
	height: 50vh;
	/* 容器高度為視窗寬度的50% */
	padding: 50px;
	/* 容器有向內縮50px */
	overflow: hidden;
	/* 隱藏溢出的內容 */
	position: relative;
	/* 設定為相對定位 */
	background: rgb(0 0 0 / 50%);
	/* 添加陰影效果 */
	box-shadow: 0 0 20px 20px rgb(0 0 0 / 50%);
	/* 添加陰影效果 */
	z-index: 99997;
}
.carousel-track {
	display: flex;
	/* 使用彈性盒子布局 */
	width: calc(12 * ((100vw - 100px - 100px) / 3 + 50px));
	/* 12張圖片的總寬度 (10張原圖 + 3張複製圖片) */
	height: 100%;
	/* 高度為父容器的100% */
	transition: transform 0.8s ease-in-out;
	/* 設定變形動畫效果，持續0.8秒 */
	position: relative;
	/* 設定為相對定位 */
}
.carousel-item {
	width: calc((100vw - 100px - 100px) / 3);
	/* 每個項目寬度 = (容器寬度 - 2個間隔 - 左右兩邊) / 3 */
	height: 100%;
	/* 高度為父容器的100% */
	margin-right: 50px;
	/* 右邊距50px作為項目間隔 */
	position: relative;
	/* 設定為相對定位 */
	flex-shrink: 0;
	/* 防止項目縮小 */
	border-radius: 8px;
	/* 圓角邊框8px */
	overflow: hidden;
	/* 隱藏溢出的內容 */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	/* 添加陰影效果 */
	cursor: pointer;
	/* 滑鼠游標變為手指形狀 */
	transition: transform 0.3s ease;
	/* 設定變形動畫效果，持續0.3秒 */
}
.carousel-item:hover {
	transform: scale(1.02);
	/* 滑鼠懸停時放大1.02倍 */
}
.carousel-item:last-child {
	margin-right: 0;
	/* 最後一個項目沒有右邊距 */
}
.carousel-item img {
	width: 100%;
	/* 圖片寬度為父容器的100% */
	height: 100%;
	/* 圖片高度為父容器的100% */
	object-fit: cover;
	/* 圖片覆蓋整個容器，保持比例 */
}
.carousel-item .overlay {
	position: absolute;
	/* 設定為絕對定位 */
	bottom: 0;
	/* 位於容器底部 */
	left: 0;
	/* 位於容器左側 */
	right: 0;
	/* 位於容器右側 */
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	/* 設定漸層背景 */
	color: white;
	/* 文字顏色為白色 */
	padding: 20px;
	/* 內距20px */
	text-align: center;
	/* 文字置中對齊 */
	transition: opacity 0.3s ease;
	/* 設定透明度動畫效果 */
}
.carousel-item:hover .overlay {
	opacity: 0.9;
	/* 滑鼠懸停時透明度變為0.9
*/
}
.carousel-item .overlay h3 {
	margin: 0 0 5px 0;
	/* 標題邊距設定 */
	font-size: 18px;
	/* 標題字體大小18px */
}
.carousel-item .overlay p {
	margin: 0;
	/* 段落沒有邊距 */
	font-size: 14px;
	/* 段落字體大小14px */
	opacity: 0.9;
	/* 段落透明度0.9 */
}
.pause-indicator {
	position: absolute;
	/* 設定為絕對定位 */
	top: 10px;
	/* 距離頂部10px */
	right: 10px;
	/* 距離右側10px */
	background: rgba(255, 255, 255, 0.9);
	/* 白色半透明背景 */
	color: #333;
	/* 文字顏色為深灰色 */
	padding: 5px 10px;
	/* 內距上下5px，左右10px */
	border-radius: 15px;
	/* 圓角邊框15px */
	font-size: 12px;
	/* 字體大小12px
*/
	opacity: 0;
	/* 預設透明度為0（隱藏） */
	transition: opacity 0.3s ease;
	/* 設定透明度動畫效果 */
}
.carousel-container.paused .pause-indicator {
	opacity: 1;
	/* 暫停時顯示指示器 */
}