/* 导航栏自定义样式 - 提取自index.html */

/* 滚动效果相关样式 */
header.scrolled-past-banner {
	background-color: #ffffff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

header.scrolled-past-banner .menu a {
	color: #333333 !important;
}

header.scrolled-past-banner .menu a:hover,
header.scrolled-past-banner .menu a.active {
	color: #333333 !important;
	border-bottom-color: #333333 !important;
	font-weight: bold;
}

/* 添加滚动后下划线颜色变为黑色的样式 */
header.scrolled-past-banner .menu li a.active::after,
header.scrolled-past-banner .menu li a:hover::after {
	background-color: #333333 !important; /* 滚动后下划线变为黑色 */
	border-radius: 3px !important; /* 确保滚动后也有圆角 */
	bottom: -5px !important; /* 与上面保持一致 */
	height: 4px !important; /* 与上面保持一致 */
}

/* 覆盖style.css中的下划线规则 */
.menu a:hover,
.menu a.active {
	color: #ffffff !important;
	border-bottom: none !important; /* 移除style.css中的白色下划线 */
}

/* 基础菜单链接样式 */
.menu li a {
	color: white;
	text-decoration: none !important; /* 强制无下划线 */
	border-bottom: none !important; /* 确保没有下边框 */
	outline: none !important; /* 移除轮廓 */
	font-weight: normal; /* 默认不加粗 */
	position: relative; /* Needed for pseudo-element positioning */
	padding-bottom: 8px; /* Space for underline */
	box-shadow: none !important; /* 移除可能的阴影效果 */
}

/* 激活状态链接样式 */
.menu li a.active,
.menu li a:hover {
	font-weight: bold; /* 激活时加粗 */
	text-decoration: none !important; /* 确保激活状态也无默认下划线 */
	border-bottom: none !important; /* 确保没有下边框 */
}

/* 清除可能存在的其他伪元素 */
.menu li a::before {
	display: none !important;
	content: none !important;
}

/* 清除非激活菜单的伪元素 */
.menu li a:not(.active)::after {
	display: none !important;
	content: none !important;
}

/* 自定义下划线 - 应用于带active类的菜单项和悬停状态 */
.menu li a.active::after,
.menu li a:hover::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	bottom: -5px; /* 调整下划线与文字的距离 */
	left: 20% !important; /* (100% - 60%) / 2 */
	width: 60% !important; /* 宽度为父元素60% */
	height: 4px !important; /* 增加下划线高度 */
	background-color: white !important; /* 白色 */
	border-radius: 3px !important; /* 圆角 */
	border: none !important; /* 确保没有边框 */
	text-decoration: none !important;
}

/* 语言切换相关样式 */
header.scrolled-past-banner .language-switch a {
	color: #333333 !important;
}

header.scrolled-past-banner .menu-toggle i {
	color: #333333 !important;
}

/* 语言切换基础样式 */
.language-switch a {
	font-size: 26px;
	color: white;
	text-decoration: none !important; /* 强制无下划线 */
	border-bottom: none !important; /* 确保没有下边框 */
}

/* 激活的语言链接样式 */
.language-switch a#lang-zh-CN.active-lang {
	/* Use a class to indicate active language */
	color: #ff6600 !important;
	font-weight: bold;
	text-decoration: none !important; /* 强制无下划线 */
	border-bottom: none !important; /* 确保没有下边框 */
}

/* 添加英文按钮激活样式 */
.language-switch a#lang-en.active-lang {
	/* English active language */
	color: #ff6600 !important;
	font-weight: bold;
	text-decoration: none !important; /* 强制无下划线 */
	border-bottom: none !important; /* 确保没有下边框 */
}

.language-switch span {
	color: #ffffff;
	font-size: 30px;
}

/* 滚动后语言切换器样式 */
header.scrolled-past-banner .language-switch span {
	color: #333333 !important; /* 滚动后分隔符变黑色 */
}

/* 滚动后非活动语言链接样式 */
header.scrolled-past-banner .language-switch a:not(.active-lang) {
	color: #333333 !important; /* 滚动后非活动语言变黑色 */
}

/* 滚动后活动语言链接样式 */
header.scrolled-past-banner .language-switch a.active-lang {
	color: #ff6600 !important; /* 滚动后活动语言保持橙色 */
}

/* 确保导航栏布局 */
.nav-wrapper {
	margin-right: 35px;
}

.menu li {
	position: relative;
}

.menu li:last-child {
	margin-right: 0;
}

.language-switch {
	white-space: nowrap;
}

/* 页脚样式调整 */
footer .container {
	padding-left: 15px !important; /* 恢复合理的左侧内边距，而不是0px */
}

footer .footer-column {
	padding-left: 0 !important; /* 移除额外的左侧内边距，使用grid自然间距 */
}

/* 关于我们栏目特别调整 */
footer .footer-column:first-child {
	padding-left: 0 !important; /* 移除第一列增加的空间，使用统一间距 */
}