/* --- 提示框 --- */
	.alert-box {
		background: rgba(251, 183, 80, 0.1);
		border-left: 4px solid var(--primary-gold, #fbb750);
		padding: 15px;
		color: #fbb750;
		margin-bottom: 20px;
		border-radius: 0 4px 4px 0;
	}

	.sub-desc {
		color: #aaa;
		font-size: 0.95rem;
		margin-top: 5px;
	}

	.mt-15 {
		margin-top: 15px;
	}

	/* --- 影片網格排版 --- */
	.video-grid {
		display: grid;
		/* ★ 修改這裡：改成 3 欄 */
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
		/* 間距稍微縮小一點，讓三欄不會太擠 */
	}

	.video-item {
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 8px;
		padding: 10px;
		/* 內距縮小一點，節省空間 */
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	/* 讓最後一個影片 (Full Width) 依然跨欄 */
	.video-item.full-width {
		grid-column: 1 / -1;
		/* 自動跨滿所有欄位 */
	}

	/* 標題字體微調 (因為變 3 欄，寬度變窄，字太大多行會不好看) */
	.video-title {
		font-size: 0.95rem;
		margin-bottom: 8px;
		white-space: nowrap;
		/* 不換行 */
		overflow: hidden;
		text-overflow: ellipsis;
		/* 太長顯示... */
	}

	/* --- 響應式影片容器 (強制比例) --- */
	.video-wrapper {
		position: relative;
		width: 100%;
		height: 0;
		overflow: hidden;

		/* ★ 關鍵修改：這裡控制高度比例 ★ */
		/* 56.25% 代表 16:9 的比例 (標準高畫質)，這通常已經夠高了 */
		/* 如果您希望它「非常高」(接近正方形)，可以改成 75% (即 4:3 比例) */
		padding-bottom: 56.25%;

		border-radius: 4px;
		/* 將圓角移到容器上 */
		background: #000;
		/* 背景黑色 */
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
		/* 將陰影移到容器上 */
	}

	/* 讓影片絕對定位填滿容器 */
	.video-wrapper video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		/* ★ 關鍵修改：決定影片如何填滿空間 ★ */
		/* object-fit: cover; -> 強制填滿整個框框，多餘的部分會被裁切掉 (畫面較好看，無黑邊) */
		/* object-fit: contain; -> 完整顯示影片內容，如果比例對不上，上下會出現黑邊 */
		object-fit: cover;
		/* 建議先用 cover，看起來比較滿 */

		border-radius: 0;
		/* 取消影片本身的圓角 */
		box-shadow: none;
		/* 取消影片本身的陰影 */
		display: block;
	}

	.video-desc {
		margin-top: 10px;
		color: #999;
		font-size: 0.9rem;
		text-align: center;
	}

	/* 平板 (1024px 以下)：變回 2 欄 */
	@media (max-width: 1024px) {
		.video-grid {
			grid-template-columns: repeat(2, 1fr);
		}

		.video-title {
			white-space: normal;
			/* 平板空間夠，允許換行 */
		}
	}

	/* 手機 (768px 以下)：變回 1 欄 */
	@media (max-width: 768px) {
		.video-grid {
			grid-template-columns: 1fr;
		}
	}