/**
 * 顶栏会员 / 询盘篮 / 语言切换（系统默认见 _common；gtranslate 样式仿 default 主题）
 */
:root {
	--xy-member-nav-avatar-bg: var(--xy-primary, #1ca8e8);
	--xy-member-nav-avatar-color: #fff;
	--xy-basket-badge-bg: var(--xy-primary, #1ca8e8);
	--xy-basket-badge-color: #fff;
	--xy-header-extra-fallback-bg: rgba(28, 168, 232, .92);
	--xy-header-extra-fallback-fg: #fff;
}

.top_menu,
.top_menu .container,
.top_lang,
.top_lang_tools,
.top_lang_account,
.top_lang .xy-header-extra-nav,
.top_lang_account > .top-lang-item,
.top_lang_account > .w105-header-lang {
	overflow: visible !important;
}

.top_menu:has(.gt_options.gt-open) {
	position: relative;
	z-index: 1001;
	overflow: visible !important;
}

/* —— 顶栏整行对齐（34px 中线）—— */
.top_menu {
	height: 34px;
	line-height: 34px;
}

.top_menu .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 34px;
	line-height: 34px;
}

.top_menu .top_name {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0 !important;
	line-height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.top_lang {
	float: none !important;
	flex: 0 0 auto;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end;
	height: 34px !important;
	padding: 0 !important;
	margin: 0;
	line-height: 1;
}

.top_lang_tools {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 0;
	height: 34px;
	line-height: 1;
}

.top_lang .nav_icons {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	height: 34px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.top_lang .nav_icons a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px;
	height: 26px;
	padding: 0 !important;
	margin: 0;
	line-height: 1 !important;
	border-radius: 50%;
	color: #666;
}

.top_lang .nav_icons .fa,
.top_lang .nav_icons .nav_icon_svg {
	display: block;
	font-size: 14px;
	line-height: 1;
	width: 14px;
	height: 14px;
	fill: currentColor;
	flex-shrink: 0;
}

.top_lang .nav_icons a:hover {
	color: var(--xy-primary, #1ca8e8);
}

.top_lang .nav_icons:empty {
	display: none;
}

.top_lang .nav_icons:not(:empty)::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 14px;
	margin: 0 8px;
	background: #ddd;
	vertical-align: middle;
	flex-shrink: 0;
}

.top_lang_account {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 10px;
	height: 34px;
	line-height: 1;
}

.top_lang .xy-header-extra-nav {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 10px;
	height: 34px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.top_lang .xy-header-extra-nav > li {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center;
	height: 34px;
	margin: 0 !important;
	padding: 0 4px !important;
	line-height: 1 !important;
}

.top_lang .xy-header-extra-nav > li.xy-basket-nav {
	padding-right: 10px !important;
	margin-right: 2px !important;
}

.top_lang_account > .top-lang-item,
.top_lang_account > .w105-header-lang {
	flex: 0 0 auto;
	height: 34px;
	margin: 0 0 0 4px;
	padding: 0 0 0 14px;
	border-left: 1px solid #ddd;
}

.top_lang .xy-member-nav,
.top_lang .xy-basket-nav,
.top_lang .xy-member-nav > a,
.top_lang .xy-basket-nav > a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center;
	height: 26px;
	line-height: 1 !important;
}

.top_lang .xy-basket-nav .xy-basket-badge {
	top: -4px;
	right: -2px;
}

.top_lang .w105-header-lang-switcher {
	display: inline-flex;
	align-items: center;
	height: 34px;
	line-height: 1 !important;
	overflow: visible !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher {
	line-height: 1 !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	height: 26px;
	padding: 0 4px 0 0 !important;
	line-height: 1 !important;
	font-size: 12px !important;
	color: #333 !important;
	font-weight: 400 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	text-transform: uppercase;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang:hover {
	color: var(--xy-primary, #1ca8e8) !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
	position: static !important;
	top: auto !important;
	line-height: 1 !important;
}

.top_lang .xy-member-nav,
.top_lang .xy-basket-nav {
	color: #666;
}

.top_lang .xy-member-nav a:hover,
.top_lang .xy-basket-nav a:hover {
	color: var(--xy-primary, #1ca8e8);
}

/* 询盘篮为空时也显示图标（系统默认 hidden） */
.top_lang .xy-basket-nav[hidden],
.top_lang .xy-basket-nav.is-empty {
	display: inline-flex !important;
}

/* —— gtranslate 三列下拉（与 default / 截图一致）—— */
.top_lang .w105-header-lang-switcher #gt_float_wrapper {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	height: auto !important;
	z-index: 20 !important;
	display: block !important;
	overflow: visible !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher {
	position: relative !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 14px !important;
	border-radius: 0 !important;
	overflow: visible !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected {
	background: transparent !important;
	float: none !important;
	cursor: pointer !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher img {
	width: 20px !important;
	height: 14px !important;
	max-width: 20px !important;
	max-height: 14px !important;
	margin: 0 !important;
	border-radius: 2px !important;
	vertical-align: middle !important;
	object-fit: cover !important;
	object-position: center !important;
	display: inline-block !important;
	flex-shrink: 0 !important;
	background: #e8eef1 !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
	height: 12px !important;
	width: 12px !important;
	background-size: 9px !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666666'/></svg>") !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	right: 0 !important;
	left: auto !important;
	width: 420px !important;
	max-width: min(420px, calc(100vw - 24px)) !important;
	max-height: min(70vh, calc(100vh - 110px)) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	-webkit-overflow-scrolling: touch !important;
	padding: 10px 8px !important;
	margin: 0 !important;
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14) !important;
	z-index: 9999 !important;
	float: none !important;
	white-space: normal !important;
	display: none !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	grid-auto-rows: min-content !important;
	align-content: start !important;
	justify-items: stretch !important;
	text-align: left !important;
	box-sizing: border-box !important;
	transform: none !important;
	opacity: 1 !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options.gt-open {
	display: grid !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	text-align: left !important;
	gap: 6px !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 7px 8px !important;
	margin: 0 !important;
	color: #444 !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
	text-decoration: none !important;
	float: none !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a:hover {
	background: #f0f8fc !important;
	color: var(--xy-primary, #1ca8e8) !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a img {
	flex-shrink: 0 !important;
	width: 18px !important;
	height: 12px !important;
	margin: 1px 0 0 !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options.gt-expanded {
	width: 560px !important;
	max-width: min(560px, calc(100vw - 24px)) !important;
	max-height: min(78vh, calc(100vh - 96px)) !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a.gt-lang-extra {
	display: none !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options.gt-expanded a.gt-lang-extra {
	display: flex !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a.gt-lang-more {
	grid-column: 1 / -1 !important;
	justify-content: center !important;
	align-items: center !important;
	display: flex !important;
	gap: 6px !important;
	color: var(--xy-primary, #1ca8e8) !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	border-top: 1px solid #eee !important;
	margin-top: 6px !important;
	padding: 10px 12px 4px !important;
	text-decoration: none !important;
	word-break: normal !important;
}

.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a.gt-lang-more:hover {
	background: transparent !important;
	color: #333 !important;
}

@media screen and (max-width: 767px) {
	.top_menu .top_name {
		display: none !important;
	}

	.top_menu .container {
		justify-content: flex-end;
	}

	.top_lang {
		margin-left: auto !important;
		width: 100%;
		justify-content: flex-end !important;
	}

	.top_lang_tools {
		width: 100%;
		justify-content: flex-end;
	}

	.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang {
		padding-left: 4px !important;
		font-size: 12px !important;
	}

	.top_lang .w105-header-lang-switcher .gt_float_switcher img {
		width: 18px !important;
		height: 12px !important;
		max-width: 18px !important;
		max-height: 12px !important;
	}

	.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options,
	.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options.gt-expanded {
		position: fixed !important;
		left: 12px !important;
		right: 12px !important;
		width: auto !important;
		max-width: none !important;
		top: 72px !important;
		max-height: calc(100vh - 96px) !important;
		z-index: 10050 !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a {
		padding: 8px 6px !important;
		font-size: 12px !important;
	}
}