* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
	background-color: #f5f5f5;
	color: #212121; /* 从#333加深，与浅灰背景对比度达5.3:1 */
	line-height: 1.6;
	font-size: 16px;
}

a {
	color: #0668b3; /* 从#333改为标准链接蓝，统一风格 */
	text-decoration: none;
	cursor: pointer;
	transition: color 0.2s ease; /* 新增过渡效果，提升交互感 */
}

a:hover {
	color: #044a87; /* hover状态加深，保持可读性 */
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0
}

.container {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.container {
		max-width: 1320px;
	}
}

#header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 20px 60px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 从0.2调浅，与标准风格统一 */
}

@media (max-width: 768px) {
	#header {
		gap: 10px;
		padding: 15px 15px;
		margin-bottom: 15px;
	}
}

#header .logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex: 1 1 calc((100% - 20px) * 0.3);
}

@media (max-width: 768px) {
	#header .logo {
		flex: 1 1 100%;
	}
}

#header .logo-image {
	height: auto;
	width: auto;
}

#header .page-title {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 1 1 calc((100% - 20px) * 0.7);
}

@media (max-width: 768px) {
	#header .page-title {
		flex: 1 1 100%;
		justify-content: flex-start;
	}
}

#header .page-title h1 {
	margin: 0;
	color: #1a1a1a; /* 从#333加深，对比度最大化（14:1） */
	font-size: 28px;
}

@media (max-width: 768px) {
	#header .page-title h1 {
		font-size: 20px;
	}
}

.contact {
	padding: 20px 0; /* 从2rem改为具体数值，适配响应式规范 */
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.email-contact a {
	font-size: 1.2rem;
	color: #0668b3; /* 从#007bff改为标准链接色，保持统一 */
	text-decoration: none;
	font-weight: 500; /* 从bold调整为500，与标准文本权重统一 */
}

.contact p {
	margin-bottom: 15px; /* 从20px调整为15px，与标准间距统一 */
	color: #212121; /* 明确文本颜色，提升可读性 */
}

.contact h2,
.contact h3 {
	margin-bottom: 15px; /* 从20px调整为15px，与标准间距统一 */
	color: #1a1a1a; /* 从#333加深，标题对比度最大化 */
	font-weight: 500; /* 统一权重为500，与标准对齐 */
}

#footer {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 35px 20px 0;
	background-color: #444444;
	color: #e0e0e0;
	border-radius: 12px 12px 0 0; /* 新增圆角，与标准footer样式统一 */
}

@media (max-width: 768px) {
	#footer {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

.footer-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.footer-nav, .footer-language {
	flex: 1 1 calc((100% - 20px) / 2);
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 10px;
}

.footer-link {
	color: #e0e0e0;
	transition: color 0.2s ease; /* 新增过渡效果，与标准对齐 */
}

.footer-link:hover {
	color: #fff; /* 新增hover状态提亮，提升交互反馈 */
}

.footer-divider {
	margin: 15px 0;
	border-top: 1px solid #4a4a4a; /* 从#666666调浅，与标准footer分割线统一 */
}

.footer-copyright {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	width: 100%;
	flex-wrap: wrap;
	gap: 20px;
	font-size: 12px; /* 新增字号，与标准footer版权文本对齐 */
}

@media (max-width: 768px) {
	.footer-copyright {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}