.carousel{padding: 20px 0 40px;position: relative;z-index: 1;}
.track{width:100%;margin:0 auto;padding:0;max-width: 1200px;overflow: hidden;}
.carousel-container{
	width: min(100vw - 40px, 1000px); /* 根据视窗宽度实时改变，最大1000px */
	max-width: 1000px;
	/* height: 560px; */
	position: relative;
	margin:0 auto;
	border-radius:16px;
}
.carousel-track{
	display: flex;
	transition: 0.5s ease-in-out;
	height: calc((min(100vw - 40px, 1000px)) * 0.49); /* 保持宽高比 */
	max-height: 490px;
	min-height: 200px;
}
img{
	max-width: 100%;
}
.carousel-item{
	width: calc(100% - 40px); /* 减去左右margin的总宽度 */
	min-width: calc(100% - 40px);
	max-width: calc(100% - 40px);
	flex-shrink: 0;
	flex-grow: 0;
	margin: 0 20px;
	overflow: hidden;
	aspect-ratio: 16/9; /* 固定宽高比，与图片保持一致 */
}
.carousel-track .carousel-item img{
	width: 100%; /* 相对于父元素的宽度，父元素已经考虑了margin */
	height: auto; /* 高度自动适应，保持原始比例 */
	object-fit: cover; /* 保持比例并覆盖整个容器 */
	aspect-ratio: 16/9; /* 设置固定宽高比，确保所有图片比例一致 */
	border-radius: 8px;
}
.carousel-btn{
	border: none;
	padding: 10px;
	cursor: pointer;
	z-index: 1;
	font-size: 24px;
	border-radius: 50%;
}

.carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	z-index: 10;
}

.carousel-btn:hover {
	background-color: white;
	transform: translateY(-50%) scale(1.1);
}

.prev-btn {
	left: 20px;
}

.next-btn {
	right: 20px;
}

/* 指示器 */
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 10;
	padding:15px 0;
}

.indicator {
	width: 12px;
	height: 8px;
	border-radius: 40px;
	background-color: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: all 0.3s ease;
}

.indicator.active {
	background:#0066ff;
	width: 24px;
	height: 8px;
	transform: scale(1.3);
}
/* 响应式布局：窗口960px-1200px及以上 */
@media (min-width: 961px) {
	.carousel-container {
		width: min(100vw, 1000px);
	}
	.carousel-track {
		height: calc((min(100vw, 1000px)) * 0.49);
	}
}

/* 响应式布局：窗口960px以下，只显示主图 */
@media (max-width: 960px) {
	.carousel-container {
		width: min(100vw, 920px);
	}
	.carousel-track {
		height: calc((min(100vw, 920px)) * 0.49);
		max-height: 450px;
		min-height: 180px;
	}
}

/* 移动端优化 */
@media (max-width: 768px) {
	.carousel-container {
		width: min(100vw, 720px);
		border-radius: 12px;
	}
	.carousel-track {
		height: calc((min(100vw, 720px)) * 0.49);
		max-height: 352px;
		min-height: 150px;
	}
	.carousel-btn {
		width: 48px;
		height: 48px;
		font-size: 22px;
	}
}

@media (max-width: 480px) {
	.carousel-container {
		width: calc(100vw - 16px);
		border-radius: 8px;
	}
	.carousel-track {
		height: calc((100vw - 16px) * 0.49);
		max-height: 235px;
		min-height: 120px;
	}
	.carousel-btn {
		width: 36px;
		height: 36px;
		font-size: 20px;
	}
}

/* 区域初始化 */
.selected-section,
.chess-games-section,
.top-charts-section,
.classic-games-section
{padding:20px 0;}
.other2-games-section{margin-bottom: 40px;}
/*  */
.cover-box{ opacity: 0; color: white; gap: 12px; position: absolute;top: 0;left: 0;height:216px;width:384px;overflow: hidden;background: rgba(0,0,0,0.6);border-radius:8px;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all 0.3 ease;}
.cover-box:hover{opacity: 1;}
.game-actions{font-size: 14px;border-radius: 46px;}



/*  */
.game-row {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 12px;margin: 0 auto;}
/* TOP榜单样式 */
.top-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.chart-column{background:#fff;border-radius:8px;padding:20px;}/*box-shadow:0 2px 8px rgba(0,0,0,0.05)}*/
.chart-title{font-size:18px;margin:0 0 16px;color:#121212;font-weight:600;text-align:left}
.chart-list{display:flex;flex-direction:column;border-top: 1px solid #f7f7f7;}
/* 游戏app样式外层2 */
#monthly-charts{background: linear-gradient(15.97deg, #FFF 72.33%, #FFF2E9 116.48%);}
#weekly-charts{background: linear-gradient(15.97deg, #FFF 72.33%, #E9FFF8 116.48%);}
#productivity-charts{background: linear-gradient(15.97deg, #FFF 72.33%, #E9EFFF 116.48%);}
	/***游戏展示区***/
.igame-card {overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: pointer;border-radius: 8px;position: relative;}
.igame-card:hover {transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
	/* 大型游戏展示区样式 */
.games-showcase{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-top:40px}
#large-games-showcase{ display: flex;justify-content: space-between;gap: 12px;align-items: center;}
#large-game{overflow: hidden;transition: all 0.3s ease;cursor: pointer;}
#large-game:hover{transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
#large-game:hover .game-info{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 24%,  rgba(0, 0, 0, 0.7) 70%, #000 100%);}