
.reward-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	overflow: visible; /* 改为visible允许内容溢出 */
}
.reward-popup-title {
	width: 100vw;
	height: 30.5556vw;
	outline: none;
	border: none;
	position: absolute;
	top: 13.8889vw;
	background-image: url("./../images/base_h5/reward_title.png");
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}

.reward-popup-container {
	position: relative;
	width: 100%;
	height: 83.3333vw;
	display: flex;
	border-radius: 1.3889vw;
	box-shadow: 0 0 2.7778vw rgba(0,0,0,0.5);
	overflow: visible; /* 改为visible允许内容溢出 */
}

.reward-popup-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
	overflow: visible; /* 改为visible允许内容溢出 */
}

.reward-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, 21.6667vw);
	gap: 5.5556vw;
	justify-content: center;
	width: 100%;
	padding: 4.1667vw;
	margin-bottom: 8.3333vw;
	overflow-y: auto;
	max-height: 70vw;
}

.reward-grid[data-count="1"],
.reward-grid[data-count="2"] {
	grid-template-columns: repeat(auto-fit, minmax(21.6667vw, 1fr));
	max-width: calc(21.6667vw * 2 + 5.5556vw);
	overflow-y: hidden;
}

.reward-grid[data-count="6"] ~ * {
	overflow-y: auto;
}

.reward-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 21.6667vw;
	height: 30.8333vw;
	border-radius: 1.1111vw;
	padding: 1.3889vw;
	box-sizing: border-box;
}
.reward-icon-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20.6944vw;
	height: 23.4722vw;
	background-image: url("./../images/base_h5/reward_item_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	flex-shrink: 0; /* 防止图标被压缩 */
}
.reward-icon {
	width: 19.4444vw;
	height: 19.4444vw;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.reward-count {
	font-size: 3.4722vw;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 1.3889vw 0 0 0;
	line-height: 1.3;
	white-space: nowrap;  /* 强制不换行 */
	overflow: visible;    /* 允许内容溢出 */
	text-overflow: clip;  /* 禁用省略号 */
	min-width: max-content; /* 根据内容自动扩展 */
}
.reward-tips-label {
	/*content: "物品已通過遊戲私信發放，請在遊戲內查收！";*/
	width: 94.4444vw;
	height: 5.5556vw;
	font-size: 3.4722vw;
	/*margin-bottom: 2.7778vw;*/
	color: #FFFF00;
	/*background-color: green;*/
	text-align: center;
	position: absolute;  /* 绝对定位 */
	top: 125vw;          /* 不生效 在js里设置 */
}

.confirm-btn {
	 width: 33.8889vw;
	 height: 11.9444vw;
	 outline: none;
	 border: none;
	 position: absolute;
	 top: 90.2778vw;
	 background-image: url("./../images/base_h5/reward_btn.png");
	 background-repeat: no-repeat;
	 background-size: contain;
	 display: flex;
	 /* 移除模糊滤镜或添加透明背景 */
	 background-color: transparent;
	 color: white;
	 font-size: 1.2rem;
	 cursor: pointer;
	 transition: all 0.3s ease;
	 z-index: 10;
	 justify-content: center;
	 align-items: center;
	/* 新增以下属性 */
	-webkit-tap-highlight-color: transparent;
	/*user-select: none;*/
 }

.confirm-btn:hover {
	/*background: #45a049;*/
}

#swf-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: 1.3889vw;
	overflow: hidden;
}
