/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
#myCarousel img{width: 100%;}
.carousel-control-next, .carousel-control-prev{width: 6%;}
/* 促销 */
#gameCardsContainer .card{padding: 11px 5px;}
#gameCardsContainer .cardimg{background: #323233;border-radius: 8px;}
#gameCardsContainer .alert{margin-bottom:0;padding: 10px;border-radius: 8px;display: flex;align-items: center;}
#gameCardsContainer .card-body span{float: right;}
.titles{font-size: 12px;padding-left: 15px;flex: 1;display: flex;align-items: center;justify-content: left;text-align: left;height: 54px;word-break: break-word;overflow-wrap: break-word;}
.rounded-lg{border-radius: 8px!important;}
.alert-01{background: #ababab;}
.alert-02{background: #585886;}
.alert-03{background: #38818c;}
.alert-04{background: #6e574b;}
.alert-05{background: #803d25;}
.alert-06{background: #803d25;}
.alert-07{background: #5f5541;}
.alert-08{background: #6e684b;}
.alert-09{background: #457869;}
.alert-10{background: #8f6829;}
.alert-11{background: #17171a;}
/*------------------ 轮播图 ----------------*/
.carousel {margin-bottom: 2rem;}
.carousel-caption {bottom: 3rem;z-index: 10;}
.carousel-inner {border-radius: 8px;}
.carousel-item {height: 320px;}
.carousel-item>img {position: absolute;top: 0;left: 0;min-width: 100%;height: 320px;}
/* 查看更多 */
.about{display: flow-root;}
.about h3 { line-height: 11px; padding: 15px 0; float: left; }
.about h3 p{padding-top: 20px;font-size: 12px;color: #ddd;margin-bottom: 0;}
.about .btn { float: right; padding: 4px 11px; color: white; }
.about .btn a{text-decoration: none;}
.btn-outline-secondary:hover{background-color: #ffc107;border-color: #ffc107;}
h3 {font-size: 24px;font-weight: bold;}
.badge{font-weight: 100;border-radius: 100px;width: 48px;}
/* 热门游戏 */
.hotgame {display: grid;}
.hotgame .hot {padding: 11px 0;}
/* 热销 */
.card {background: none;border:none}
.hotgame .card-hot{background-position: center;background-size: 100% 100%;position: absolute;width: 88%;bottom: 0;left: 0px;height: 44px;}
.hotgame .card-hot img{width: 100%;}
.hotgame .card-hot h5{text-align: center;position: absolute;bottom: 5px;margin: auto;width: 100%;font-size: 16px;}
.hotgame .card.col-md-2{padding: 0;}
.hotgame .card-body{font-size: 14px;width: 100%;padding: 8px 15px;}

/* 添加以下样式到你的 <style> 标签中 */
.card .cardimg{transition: transform 0.3s ease;overflow: hidden;position: relative;}
.card .cardimg:hover {transform: scale(1.05);z-index: 10;}
/* 热门充值 */
.Midasbuy { display: grid; }
.Midasbuy .hot { padding: 11px 0; }
.Midasbuy h5 { font-size: 48px; padding-right: 25%; }
/* 卡片样式 */
#HotPay .card,#lag .card,#live .card{
	background: #17171a;
	padding: 0;
	overflow: hidden; /* 关键：防止图片放大时超出边框 */
	border-radius: 8px; /* 可选：保持圆角 */
	margin: 0 11px;
}

#HotPay .card-body,#lag .card-body,#live .card-body { padding: 15px 11px 0px 11px; }
#HotPay h6,#lag h6,#live h6{ font-size: 12px; }
#HotPay h4,#lag h4,#live h4 { font-size: 18px; padding-top: 16px; }
#HotPay del,#lag del,#live del { padding-right: 11px; font-size: 12px; }

/* 图片放大效果 */
#HotPay .card img,#lag .card img,#live .card img{
	width: 100%; /* 确保图片宽度填满卡片 */
	height: auto; /* 高度自适应 */
	transition: transform 0.3s ease; /* 平滑过渡 */
	display: block; /* 防止图片底部留白 */
	height: 285px;
}
#HotPay .card:hover img,.Mobile .card .col-md-6:hover img, #lag .card:hover img, #live .card:hover img{
	transform: scale(1.05); /* 放大 5%，但不会超出卡片 */
}

/* 手游代充/直充 */
.Mobile .btn:hover{color: #ffc107;}
.Mobile .card{margin: 0 11px;flex: 0 0 48.43%;max-width: 48.43%;border-radius: 8px;}
.Mobile .card .col-md-6{margin-top: 20px;}
.Mobile .card img{
	width: 60px; /* 确保图片宽度填满卡片 */
	height: auto; /* 高度自适应 */
	transition: transform 0.3s ease; /* 平滑过渡 */
	display: block; /* 防止图片底部留白 */
	float: left;
}
/* 新闻&促销 */
#News .card{padding-bottom: 15px;}
.newtext{font-size: 12px;line-height: 20px;text-align: left;padding: 11px 15px;}