/* PC端横向下拉菜单 —— 只在 ≥1200px 的桌面布局生效；768–1199 用的是汉堡+侧边栏导航，
   这里若生效会用 overflow:visible 撑开已折叠的 #Nav，让整列导航链接盖在页面上拦截点击 */
@media (min-width: 1200px) {
	#header {
		overflow: visible;
	}

	#Nav {
		overflow: visible;
	}

	#Nav .nav-dropdown {
		position: relative !important;
	}

	/* 下拉面板 */
	.dropdown-panel {
		position: absolute !important;
		top: 100% !important;
		left: 50% !important;
		min-width: 140px;
		background: #fff !important;
		border-radius: 6px;
		box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
		padding: 8px 0 !important;
		opacity: 0;
		visibility: hidden;
		transform: translate(-50%, -10px);
		transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
		z-index: 1000;
		pointer-events: none;
	}

	/* 小三角 */
	.dropdown-panel::before {
		content: '' !important;
		position: absolute !important;
		top: -6px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 0 !important;
		height: 0 !important;
		border-left: 6px solid transparent !important;
		border-right: 6px solid transparent !important;
		border-bottom: 6px solid #fff !important;
	}

	/* hover显示 - 仅当有子菜单时 */
	.nav-dropdown:hover:has(.dropdown-item) .dropdown-panel {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translate(-50%, 0) !important;
		pointer-events: auto !important;
	}

	/* 下拉项 */
	.dropdown-item {
		display: block !important;
		height: auto !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 8px 16px !important;
		font-size: 14px !important;
		color: #333 !important;
		white-space: nowrap;
		transition: background 0.2s ease, color 0.2s ease;
		text-align: left !important;
		line-height: 2 !important;
		position: relative !important;
		float: none !important;
		margin: 0 !important;
	}

	.dropdown-item::after,
	.dropdown-item::before {
		display: none !important;
	}

	.dropdown-item:hover {
		background: #f5f7fa !important;
		color: #0e4081 !important;
	}

	/* 子项依次出现动画 */
	.nav-dropdown:hover:has(.dropdown-item) .dropdown-item:nth-child(1) { transition-delay: 0.05s; }
	.nav-dropdown:hover:has(.dropdown-item) .dropdown-item:nth-child(2) { transition-delay: 0.1s; }
	.nav-dropdown:hover:has(.dropdown-item) .dropdown-item:nth-child(3) { transition-delay: 0.15s; }
	.nav-dropdown:hover:has(.dropdown-item) .dropdown-item:nth-child(4) { transition-delay: 0.2s; }
	.nav-dropdown:hover:has(.dropdown-item) .dropdown-item:nth-child(5) { transition-delay: 0.25s; }
	.nav-dropdown:hover:has(.dropdown-item) .dropdown-item:nth-child(6) { transition-delay: 0.3s; }
}

/* 手机版侧边栏二级菜单 */
.mobile-nav-item {
	position: relative;
}

.mobile-nav-link {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.mobile-nav-arrow {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 24px !important;
	height: 24px !important;
	font-size: 18px !important;
	font-weight: bold;
	transition: transform 0.3s ease;
	flex-shrink: 0;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
}

.mobile-nav-arrow i::before {
	content: '+' !important;
	font-family: Arial, sans-serif !important;
	font-size: 18px;
	font-weight: bold;
}

.mobile-nav-item.active .mobile-nav-arrow {
	background: #0e4081;
	border-color: #0e4081;
	color: #fff;
}

.mobile-nav-item.active .mobile-nav-arrow i::before {
	content: '−' !important;
}

.mobile-sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	background: #f5f7fa;
}

.mobile-nav-item.active .mobile-sub-menu {
	max-height: 500px;
}

.mobile-sub-menu li {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}

.mobile-sub-menu li a {
	display: block !important;
	height: auto !important;
	line-height: 1.6 !important;
	padding: 10px 20px 10px 40px !important;
	font-size: 13px !important;
	color: #666 !important;
	border-bottom: 1px solid #e8e8e8 !important;
	text-align: left !important;
}

.mobile-sub-menu li:last-child a {
	border-bottom: none !important;
}

.mobile-sub-menu li a:active {
	background: #e8edf3 !important;
	color: #0e4081 !important;
}

/* 没有子菜单的项隐藏箭头 */
.mobile-nav-item:not(:has(.mobile-sub-menu li)) .mobile-nav-arrow {
	display: none !important;
}