/* 1.轮播图样式 */
/* 应用商店主横幅 */
.carousel{padding: 20px 0 40px;}
.carousel-container{
	width: min(100vw - 40px, 1200px); /* 根据视窗宽度实时改变，最大1200px */
	overflow: hidden;
	position: relative;
	margin: auto;
	/* border: 3px solid navajowhite; */
	border-radius:16px;
}
.carousel-track{
	display: flex;
	transition: 0.5s ease-in-out;
	height: calc((min(100vw - 40px, 1200px)) * 0.32); /* 保持宽高比 */
	max-height: 360px;
	min-height: 200px;
}
.carousel-slide {
	width: 100%; /* 强制每个slide精确占据容器宽度 */
	min-width: 100%; /* 确保每个slide占满容器宽度 */
	max-width: 100%; /* 防止超出容器宽度 */
	flex-shrink: 0; /* 防止压缩 */
	flex-grow: 0; /* 防止拉伸 */
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}
.carousel-track .carousel-slide img{
	/* margin:0 20px ; */
	width: 100%; /* 统一设置为自适应 */
	height: 100%; /* 统一设置为自适应 */
	object-fit: cover;
	object-position: top center;
	
}
.carousel-btn{
	border: none;
	/* color: white; */
	padding: 10px;
	cursor: pointer;
	z-index: 1;
	font-size: 24px;
	border-radius: 50%;
}
.carousel-indicators{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:15px 0}
.indicator{width:12px;height:8px;border-radius:40px;background:rgba(0,0,0,0.2);cursor:pointer;}
.indicator.active{background:#0066ff;width: 24px;height: 8px;}


/* 区域初始化 */
.top-charts-section,
.hot-games-section,
.popular-games-section,
.featured-section,
.agent-section,
.other1-games-section,
.other2-games-section,
.new-games-section
{padding:20px 0;}
.other2-games-section{margin-bottom: 40px;}

/* 爆款推荐样式 */
/* .featured-section {padding: 20px 0;} */
/* .section-title {font-size: 24px;font-weight: bold;color: #333;margin-bottom: 24px;}板块标题 */
.section-header {display: flex;justify-content: space-between;align-items: center;}
.featured-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));gap: 16px;margin: 0 auto;}
/* 游戏app样式外层1 */
.featured-item {text-align: center;transition: all 0.2s ease;padding: 5px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
/* .featured-item:hover {transform: translateY(-4px);} */
.featured-item h3{font-size: 16px;font-weight: 450;width: 120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-item p{font-size: 12px;font-weight: 300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 120px;}
.featured-item button{visibility: hidden;}
.featured-item:hover p{display: none;}
.featured-item:hover button{visibility: visible;margin-bottom: 8px;}
.featured-item a[rel="noreferrer"]{visibility: hidden;}
.featured-item:hover a[rel="noreferrer"]{visibility: visible;margin-bottom: 8px;}
.featured-item a{display: flex;justify-content: center;align-items: center;flex-direction: column;gap:4px;}



/* 所有的app的样式 */
.minigame-icon{ width: 40px;height: 40px;border-radius: 12px;}

/* 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%);}


/* 热游速递样式 */
.hot-games-grid{height: calc((min(100vw - 62px, 1130px)) * 0.3375);display: flex;justify-content: space-between;align-items: stretch;gap: 15px;max-width:1200px;margin:0 auto}
.charge-game{flex: 1;}
.charge-game img{height: 100%;object-fit: cover;transition: all 0.3s ease;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.charge-game:first-child{flex: 3;}
.charge-game:first-child .download-btn{visibility: visible;}
.charge-game .download-btn{visibility: hidden;}
.charge-game:hover{flex: 3;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);}
.charge-game:hover ~ .charge-game,.charge-game:has(~.charge-game:hover){flex: 1;}
.charge-game:hover ~ .charge-game .download-btn,.charge-game:has(~.charge-game:hover) .download-btn{visibility: hidden;}
.charge-game:hover .download-btn{visibility: visible;}
/* 游戏app样式2 */
	/* 游戏背景图：覆盖卡片，保持比例 */
/* 游戏app样式外层3*/
	/* 跳转内容按钮 */
.container-btn{display: flex;justify-content:space-between;align-items: center;gap: 12px;margin-top: 40px;}
.btn-list{background: #f3f3f3; border: 0; border-radius:8px;padding: 6px 12px;font-size: 14px;font-weight: 200;cursor: pointer;transition: all 0.2s ease;display: flex;justify-content: center; align-items: center; gap: 8px;width: 100%;height: 45px;}
.btn-list:hover{background: rgba(0, 102, 255, 0.2);color: #0066ff;}



/* 大家都爱玩区域样式 */
.popular-games-grid{margin-top:20px}
.game-row {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 12px;margin: 0 auto;}
	/***游戏展示区***/
.igame-card {overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: pointer;border-radius: 8px;}
/* .igame-card img{height: 216px;object-fit: cover;overflow: hidden;} */
.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:grid;grid-template-columns: repeat(2,1fr); gap: 12px;}
/* #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;aspect-ratio: 16/9;}


#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%);}

.hot-games-grid .game-card{
  min-width: auto;
}
.hot-games-grid .game-card .game-bg{
	width: 100%;
}
@keyframes slideIn{
	from{transform:translateX(100%);opacity:0}
	to{transform:translateX(0);opacity:1}
}

@keyframes slideOut{
	from{transform:translateX(0);opacity:1}
	to{transform:translateX(100%);opacity:0}
}

@media screen and (max-width:960px) {
	.hot-games-grid{
		/* height: 306px; */
		height: auto;
		overflow-x: auto;
	}
	.hot-games-grid .game-card{
		min-width: 544px;
		aspect-ratio: 16 / 9;
	}
	.hot-games-grid .game-card .game-bg{
		width: 100%;
	}
	.hot-games-grid .game-card .download-btn{
    	visibility: visible !important;
  	}	
}
/* 移动端轮播图优化 */
@media screen and (max-width: 768px) {
	.carousel-container{
		width: min(100vw - 24px, 720px); /* 移动端更小的边距 */
	}
	.carousel-track{
		height: calc((min(100vw - 24px, 720px)) * 0.5625);
		max-height: 405px;
		min-height: 200px;
	}
	.bg-img{
		display: none;
	}
	.nav-search{background: #f4f4f4;}
}

@media screen and (max-width: 480px) {
	.carousel-container{
		width: calc(100vw - 16px); /* 小屏幕最小边距 */
	}
	.carousel-track{
		height: calc((100vw - 16px) * 0.5625); /* 小屏幕调整比例 */
		max-height: 270px;
		min-height: 200px;
	}
}