.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%;
		}
	}