.hidden {display: none;}
	body,html {margin: 0;padding: 0;height: auto;overflow: auto;}
	iframe {width: 100%;height: 100%;border: none;}
	/* 自适应布局 */
	.image-container {width: 70%;display: flex;flex-wrap: wrap;gap: 10px;margin: 1.5% 0 0 5%;}
	.image-container img {width: calc(50% - 10px);}
	@media (max-width: 768px) {.image-container img {	width: 100%;}}
	.tupiansimg {width: 80%;margin: 2% 0 0 10%;}
	/*滚动条 */
	::-webkit-scrollbar {width: 8px;}
	::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}
	::-webkit-scrollbar-thumb {background: #888;border-radius: 4px;}
	::-webkit-scrollbar-thumb:hover {background: #555;}
	.text-with-underline {margin: 0 0 2% 0;font-size: 48px;font-weight: bold;color: white;width: max-content;position: relative;padding: 0; /* 移除 padding */display: inline-block;}
	.text-with-underline::after {content: '';position: absolute;left: 25%;bottom: 0;height: 2px;width: 50%;background: white;}
	.image-container {display: flex;flex-wrap: wrap;gap: 10px;}
	.image-item {flex: 1 1 calc(50% - 10px);box-sizing: border-box;position: relative;padding: 10px;background-color: white;}
	.image-item:hover {cursor: pointer;background-color: #dbaa51;}
	#imaes {margin: 0 0 5% 10%;width: 80%;margin-top: 12vh;display: flex;justify-content: center;}
	.imgFontCenter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;color: white;font-size: 2.5vw;font-weight: bold;text-align: center;display: flex;align-items: center;justify-content: center;padding: 0; /* 移除 padding */}
	/* 蒙版样式 */
	.image-item .overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);/* width: calc(40% + 40px); 比文字宽出两圈 *//* height: calc(14% + 40px); 比文字高出两圈 */background-color: rgba(0, 0, 0, 0.5); /* 默认半透明黑色 */z-index: 5;border-radius: 10px; /* 圆角 */padding: 3vw 7vw;}
	/* 不同蒙版颜色 */
	.image-item:nth-child(1) .overlay {/* background-color: rgba(144, 238, 144, 0.5); 浅绿 */background-color: rgb(0 0 0 / 50%);}
	.image-item:nth-child(2) .overlay {/* background-color: rgba(255, 165, 0, 0.5); 浅橙 */background-color: rgb(0 0 0 / 50%);}
	.image-item:nth-child(3) .overlay {/* background-color: rgba(255, 182, 193, 0.5); 浅粉 */background-color: rgb(0 0 0 / 50%);}
	.image-item:nth-child(4) .overlay {/* background-color: rgba(173, 216, 230, 0.5); 浅蓝 */background-color: rgb(0 0 0 / 50%);}
	@media (max-width: 768px) {.image-item {	flex: auto;}
.image-container {	width: 90%;}}