@charset "utf-8";
/* ==========================================================================
   顶部导航：图片版 → 纯文字版
   --------------------------------------------------------------------------
   原样式（style.css 里 .lanmu 相关）是按 70x36 的导航图片排的，
   手机上图片被缩放后文字看不清，这里改成纯文字：
   中文金色渐变 + 英文斜体副标题，视觉上对齐原来的图片效果。
   引入顺序：style.css → nav.css → mobile.css
   ========================================================================== */

.lanmu {
	width: 728px;
	float: right;
	padding-top: 58px;
}

.lanmu ul {
	display: flex;
	align-items: center;
	width: 728px;
	height: 71px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lanmu ul li {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	flex: 1 1 0;
	text-align: center;
}

.lanmu ul li a {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 61px;
	text-decoration: none;
	background: none;
	outline: none;
}

.lanmu ul li a:hover,
.lanmu ul li a:focus {
	background: none;
	text-decoration: none;
}

/* 中文主标题 */
.lanmu .nav-cn {
	display: block;
	font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 2px;
	color: #e9c886;
	white-space: nowrap;
}

/* 英文副标题 */
.lanmu .nav-en {
	display: block;
	margin-top: 3px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	font-style: italic;
	line-height: 1.3;
	letter-spacing: .6px;
	color: #8d7443;
	white-space: nowrap;
}

/* 悬停 / 当前项：底部金色细线 */
.lanmu ul li a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 2px;
	width: 0;
	height: 2px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, rgba(232, 185, 95, 0), #f0c674, rgba(232, 185, 95, 0));
	transition: width .2s ease;
}

.lanmu ul li a:hover .nav-cn,
.lanmu ul li.cur a .nav-cn {
	color: #ffe9b8;
}

.lanmu ul li a:hover .nav-en,
.lanmu ul li.cur a .nav-en {
	color: #c9a86a;
}

.lanmu ul li a:hover::after,
.lanmu ul li.cur a::after {
	width: 82%;
}

/* 支持渐变文字的浏览器：用金色渐变填充，更接近原图的描金艺术字 */
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
	.lanmu .nav-cn {
		background: linear-gradient(180deg, #fff4d0 0%, #f2ca7c 36%, #c08c2e 70%, #f7dfa4 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
		filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .5));
	}

	.lanmu ul li a:hover .nav-cn,
	.lanmu ul li.cur a .nav-cn {
		background: linear-gradient(180deg, #fffbe8 0%, #ffe0a0 36%, #d9a445 70%, #fff0c4 100%);
		-webkit-background-clip: text;
		background-clip: text;
	}
}