@charset "utf-8";
/* bn-nav-tpl.css — 全站统一导航/头部尺寸（2026-10-17）
   原则：
     1. 只改尺寸与选中态，不改结构、不改配色主题。
     2. 选中项 = 白色文字 + 底部 2px 高亮细线；宽度按文字内容自适应，
        简体/繁体/英文三种语言下宽度都不再出现「首页窄、其他宽」的差。
     3. 所有规则带 !important，用于压过各页残留的内联 <style>。
   加载顺序：必须排在 style.css 与 bn-head-fix.css、bn-lang-layout.css 之后。
*/

/* ---------- 导航项：宽度按内容，不再靠 padding 凑 ---------- */
.tx-head-nav .menu > li {
	margin: 0 20px !important;
	padding: 0 !important;
	box-sizing: border-box;
}

.tx-head-nav .menu > li > a {
	display: block !important;
	position: relative;
	padding: 0 0 8px 0 !important;
	font-size: 18px !important;
	line-height: 22px !important;
	color: #fff !important;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s;
}

/* ---------- 选中 / 悬停：白色 + 底部高亮线 ---------- */
.tx-head-nav .menu > li.current-menu-item > a,
.tx-head-nav .menu > li.current_page_item > a,
.tx-head-nav .menu > li.current-menu-parent > a,
.tx-head-nav .menu > li > a:hover {
	color: #fff !important;
}

.tx-head-nav .menu > li.current-menu-item > a::after,
.tx-head-nav .menu > li.current_page_item > a::after,
.tx-head-nav .menu > li.current-menu-parent > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #00c0ff;
	border-radius: 1px;
}

.tx-head-nav .menu > li > a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: rgba(0,192,255,.55);
	border-radius: 1px;
}

/* ---------- 滚动吸顶后：高度收窄，底部线贴边 ---------- */
.tx-header.fixer .tx-head-nav .menu > li > a {
	line-height: 60px !important;
	padding-bottom: 0 !important;
}

.tx-header.fixer .tx-head-nav .menu > li.current-menu-item > a::after,
.tx-header.fixer .tx-head-nav .menu > li.current_page_item > a::after,
.tx-header.fixer .tx-head-nav .menu > li.current-menu-parent > a::after {
	bottom: 12px;
}

/* ---------- 登录按钮：与首页项同窄，不再单独撑宽 ---------- */
.tx-head-nav .menu > li.menu-item-bn-login > a,
.tx-head-nav .menu > li.menu-item-jz-login > a,
.tx-head-nav .menu > li.menu-item-jz-reg > a {
	padding: 1px 12px !important;
	border: 1px solid rgba(0,192,255,.75) !important;
	border-radius: 3px;
	line-height: 22px !important;
	color: #00c0ff !important;
}

.tx-head-nav .menu > li.menu-item-bn-login > a:hover,
.tx-head-nav .menu > li.menu-item-jz-login > a:hover,
.tx-head-nav .menu > li.menu-item-jz-reg > a:hover {
	background: #00c0ff !important;
	color: #06121b !important;
}

.tx-head-nav .menu > li.menu-item-bn-login > a::after,
.tx-head-nav .menu > li.menu-item-jz-login > a::after,
.tx-head-nav .menu > li.menu-item-jz-reg > a::after {
	display: none !important;
}

/* ============================================================
   ★ 桌面断点还原（关键）
   media.min.css 的 @media (max-width:1230px) 把导航改成竖排抽屉：
       .tx-head-nav .menu > li { width:100%; padding:5px 10px; margin:0 }
   这条规则对本站（1200px 容器）在笔记本/小窗下会命中，
   导致每个 nav li 都变成 100% 宽、叠成一条竖线。
   这里在「非手机」区间把它按原意还原为横排；手机端交给主题抽屉。
   ============================================================ */
@media only screen and (min-width: 1231px) {
	.tx-head-nav .menu > li {
		width: auto !important;
		padding: 0 !important;
		margin: 0 20px !important;
		text-align: left;
	}
	.tx-head-nav .menu > li > a {
		line-height: 22px !important;
		background-size: auto;
	}
}

/* 1200~1230 这段是主题容器临界区（包括被缩放/窄窗命中的情况）。
   ★ 不能只在 1025~1230 写规则：Windows 125%/150% 缩放下 CSS 视口会被压到 1230 以下，
   而 @media(min-width:1231px) 不生效，两层都空，导航就会抱回主题的徽章/抽屉样式。
   所以把「拆徽章 + 横排」写成 481px 以上全域生效，手机（<=480）仍给主题抽屉。 */
@media only screen and (min-width: 481px) {
	/* 关键：把 media.min.css(<=1230px) 的抽屉样式整体拆掉。
	   它给了 position:fixed / left:100% / opacity:0 / padding:50px 20px / z-index:99999，
	   只改 position 不够，padding 与 left 仍会把导航顶到下面去。 */
	.tx-header .tx-head-nav {
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		padding: 0 !important;
		background: transparent !important;
		opacity: 1 !important;
		visibility: visible !important;
		z-index: auto !important;
		text-align: right !important;
		overflow: visible !important;
	}
	.tx-header .tx-head-nav .menu {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: flex-end;
		margin-top: 20px !important;
		/* 主题在窄断点把 .menu 设为 block，宽度由父容器决定；
		   这里让它包含浮动li（兼容老内核），不要再抱回原来的 0 高度。 */
		overflow: hidden;
	}
	.tx-header .tx-head-nav .menu::after {
		content: "";
		display: table;
		clear: both;
	}
	.tx-header .tx-head-nav .menu > li {
		width: auto !important;
		padding: 0 !important;
		margin: 4px 0 0 16px !important;
		text-align: left;
	}
	.tx-header .tx-head-nav .menu > li > a {
		line-height: 22px !important;
		font-size: 16px !important;
		padding: 0 0 4px 0 !important;
		background-size: auto;
	}
	.tx-header .tx-head-nav > i,
	.tx-header .tx-nav-button { display: none !important; }
}

/* ---------- 英文模式微调（bn-lang-layout.css 已做主要适配） ---------- */
html[lang="en"] .tx-head-nav .menu > li {
	margin: 0 0 0 14px !important;
}