html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; /* 防止滚动条 */
}

body {
/* 	background: url('/img/bg.png') no-repeat center center;
	background-size: cover; */
}

#app {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* align-items: center; */
	/* border: 2px #ffaa00 solid; */
}
.mainPng {
	position: relative;
	width: 1080px;
	height: 1920px; 
	border: 2px solid #44ff44;
	background: transparent;

	display: flex;
	flex-direction: column;      /* 垂直排列 */
	align-items: center;         /* 水平居中 */
	justify-content:space-around; /* 子元素纵向均匀分布，第一个在顶部，最后一个在底部，中间均匀 */
	
}
.imgItem0{
	/* border: 2px #ffaa00 solid; */
	color:#fff;
	font-size: 40px;
	width: 400px;
	margin-left: 30px;
	/* line-height: 25px; */
	/* opacity: 0.9; */
	padding: 10px;
	animation-fill-mode: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.imgItem1{
	/* border: 2px #ffaa00 solid; */
	color:#fff;
	font-size: 70px;
	width: 780px;
	margin-left: 60px;
	/* line-height: 25px; */
	/* opacity: 0.9; */
	animation-fill-mode: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.imgItem2{
	/* border: 2px #ffaa00 solid; */
	color:#fff;
	font-size: 70px;
	width: 780px;
	margin-left: 60px;
	/* line-height: 25px; */
	/* opacity: 0.9; */
	padding: 10px;
	animation-fill-mode: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.imgItemBut{
	border: 2px #ffaa00 solid;
	background-color: #25D366;
	width: 60%;
}
.imgItemImg{
	/* border: 2px #ffaa00 solid; */
	width: 100px;       /* 固定宽度 */
	height: auto;       /* 高度按图片原始比例自适应 */
	display: block;     /* 去掉底部空白间距 */
	object-fit: contain; /* 保持原始比例完整显示 */
	padding: 20px;
}
.imgItemText {
  color: #fff; /* 文字颜色 */
  font-weight: bold;
  font-size: 40px;
  text-align: center;  
  /* 多重阴影模拟描边 */
  text-shadow: 
    2px 5px 0 #000,
   -1px -1px 0 #000,
    1px -1px 0 #000,
   -1px 1px 0 #000,
    2px 2px 4px rgba(0,0,0,0.5); /* 可选模糊阴影 */
}

.imgItemText1 {
	color: #ffaa00;
	font-size:60px;
	line-height: 0.8;
	transform: rotate(-5deg) scale(1.1);
	text-shadow: 2px 4px 0 #000, -2px -4px 0 #000;
	font-weight: bold;
}

/* loader */
.loader {
	width: 180px;
	height: 180px;
	border: 6px solid rgba(255,255,255,0.3);
	border-top: 6px solid #25D366;
	border-radius: 50%;
	animation: spin 1s linear infinite;

	/* 固定在页面中央 */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* 可选：在 z-index 上面，保证不被覆盖 */
	z-index: 9999;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* WhatsApp 按钮 */
.whatsapp {
	/* width: 300px; */
	cursor: pointer;
	border-radius: 26px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.35);
	/* margin-left: 120px; */
}