/*  */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.content{ 
	padding: 22px;
	margin: 24px auto;
	border-radius: 8px;
	background: #fafafa;
}
.section-title{
	font-style: Bold;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 2%;
	margin-bottom: 10px;
}
/* 面包屑导航 */
.breadcrumb {margin: 20px 0;font-size: 14px;color: #888;display: flex;align-items: center;}
.breadcrumb a {color: #666;text-decoration: none;transition: color 0.3s;}
.breadcrumb a img {vertical-align: middle;margin-right: 4px;}
.breadcrumb a:hover {color: #333;}
.breadcrumb span {margin: 0 5px;}

/* 游戏头（其他样式在chart-item） */
.game-header{font-size: 16px;padding:12px 0;overflow-x: hidden;}
.game-header:hover{background: #fff;}
.app-info{flex: 1;}
.app-info .app-title{font-size:32px;margin:0;margin-bottom: 8px; color:#333;font-weight:520;line-height: 35px; display:inline-flex;align-items:center;width: 100%; max-width: 420px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.app-info span.app-category{font-size: 16px; width: 420px;}
.bottom-box{display: flex;align-items: center;justify-content: center;}
.game-downloads{display:flex;align-items:center;justify-content: center;gap:4px;color:#333;margin-right: 18px;}
.game-actions{font-size: 16px;border-radius: 46px;text-align: center;}
/* 游戏预览 */
.scroll-container{position: relative;margin-top: 20px;overflow: hidden;}
.app-screenshots{display: flex;gap: 12px;padding-bottom: 12px;margin-bottom: 12px;transition: transform .5s ease-in-out;}
.app-screenshots img.verticalscreen{height: 440px;border-radius: 12px;object-fit: cover;}
.app-screenshots img.screenshot{width: 500px; border-radius: 12px;object-fit: cover;}
.arrow-btn{width: 40px;height: 40px;position: absolute;top: 47%;right: 10px;transform: translateY(-50%);background: rgba(255,255,255,0.8);border: none;padding: 8px;border-radius: 50%;cursor: pointer;}
#left-btn{left: 10px;right: 0;transform: rotate(180deg);top: calc(40%);display: none;}
.arrow-btn img{margin-left: 8px;}
/* 游戏描述 */
.app-moreinfo{position: relative;padding-bottom: 16px;}
  /* 隐藏复选框（用于状态切换） */
.expand-checkbox {position: absolute;opacity: 0;width: 0;height: 0;}
.app-description{ font-size: 14px;line-height: 24px;color:#333;margin-top: 16px;max-height: 80px;overflow: hidden;white-space: pre-wrap; transition: max-height 0.3s ease;/* 底部渐变遮罩，优化文字截断视觉效果 */mask-image: linear-gradient(to bottom, #000 40%, transparent 100%);-webkit-mask-image: linear-gradient(to bottom, #000 40%, transparent 100%);}
.expand-btn{transition: all .5s ease; position: absolute;bottom: 0px;right: -55px;transform: translateX(-50%);background: rgba(255,255,255,0);border: none;padding: 6px 12px;border-radius: 20px;cursor: pointer;font-size: 14px;display: flex;align-items: center;gap: 4px;}

/* 展开状态：取消高度限制和遮罩 */
.expand-checkbox:checked + .app-description {
	max-height: 2000px; /* 足够大的高度容纳全部文本 */
	mask-image: none;
	-webkit-mask-image: none;
	padding-bottom:12px ;
}
/* 展开状态：切换图标方向 */
.expand-checkbox:checked ~ .expand-btn img {
	transform: rotate(180deg);
}
/* 按钮hover效果 */
.expand-btn:hover {
	color: #2980b9;
}

/* 按钮聚焦样式（无障碍优化） */
.expand-btn:focus {
	outline: 2px solid #3498db;
	outline-offset: 4px;
	border-radius: 2px;
}
/* 版本信息 */
.version-title,.version-num{font-size:14px;margin:0 0 8px 0;display: flex;justify-content: space-between;align-items: end;}
.version-title .version-history{font-size:14px;color:#666;}
.version-num h3{font-size:14px;color:#666;font-weight: 330;}
.version-date{font-size:14px;color:#999;font-weight: 330;}
.version-changes{font-size:14px;color:#333;}
/* 详细信息 */
.info-list{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px;margin: auto;}
.info-list .info-item{display: flex;flex-direction:column;justify-content: flex-start; padding: 12px 0;}
.info-list .info-item strong{font-weight: 330;color:#666;font-size: 14px;}
.info-list .info-item span{font-size: 16px;}
/* 猜你喜欢 */
.game-row {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));margin: 0 auto;}
/*  */
/* 点击预览，图片放大查看 */
/* 预览器 */
.cover-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);justify-content: center;align-items: center;z-index: 1000;display: none;}
.cover-box img{max-width: 90%;max-height: 90%;border-radius: 12px;}
.cover-box .switch{position: absolute;bottom: 10px;display: flex;align-items: center;gap: 24px;}
.cover-box .switch-num{font-size: 14px;color: #fff;}
.cover-box .switch-btn{border: none;cursor: pointer;background: rgba(255,255,255,0.08);padding: 8px;border-radius: 50%;width: 40px;height: 40px;}
.cover-box .switch-btn img{width: 10px;height: 15px;margin-left: 7px;}
.cover-box .switch-btn#prev img {transform: rotate(180deg);}
.cover-box .close-btn{position: absolute;top: 20px;right: 20px;font-size: 24px;color: #fff;cursor: pointer;}
.cover-box .currentnum,.cover-box .imgnum{font-size: 14px;color: #fff;margin: 2px;width: 8px;display: inline-block;}

@media  screen and (max-width: 768px) {
	.bottom-box{position: fixed;bottom: 0;left: 0;background: #fff;padding: 24px 16px;width: 100%;z-index: 1000;}
	.bottom-box .game-downloads{margin-right: 10px;}
	.bottom-box .game-actions{margin-left: 10px;flex: 1;display: flex;justify-content: center;padding: 16px;}
	.info-list .info-item span{font-size: 14px;}
	
}