/* 顶栏青底：会员 / 购物车 / 翻译 跟在社交图标右侧，只改外观 */
.top_lang .xy-header-extra-nav{
	--xy-member-nav-avatar-bg: #fff;
	--xy-member-nav-avatar-color: #02b9f6;
	--xy-member-nav-icon-size: 16px;
	--xy-member-nav-font-size: 12px;
	--xy-basket-nav-icon-size: 16px;
	--xy-basket-badge-bg: #fe8101;
	color: #fff;
}
.top_lang .xy-header-extra-nav a,
.top_lang .xy-member-nav,
.top_lang .xy-basket-nav,
.top_lang .xy-header-lang{
	color: #fff;
}
.top_lang .xy-member-nav-login,
.top_lang .xy-basket-nav-toggle{
	color: #fff;
	width: 26px !important;
	height: 26px !important;
	border-radius: 50%;
}
.top_lang .xy-member-nav-login:hover,
.top_lang .xy-basket-nav-toggle:hover{
	color: #fff;
	opacity: 1;
	background: rgba(255,255,255,.16);
}

/* 空篮也露出入口（压过系统 xy-mini-cart.css 的 display:none !important） */
header .top_menu .top_lang ul.xy-header-extra-nav > li.xy-basket-nav.is-empty,
header .top_menu .top_lang ul.xy-header-extra-nav > li.xy-basket-nav[hidden],
header .top_menu .top_lang ul.xy-header-extra-nav > li.xy-basket-nav.is-empty[hidden]{
	display: inline-flex !important;
	visibility: visible !important;
	pointer-events: auto !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 2px !important;
	overflow: visible !important;
}

/* GTranslate：顶栏触发 + 三列国旗下拉（对齐系统默认主题） */
.top_lang .xy-header-lang,
.top_lang .xy-header-lang-switcher,
.top_lang .w105-header-lang-switcher{
	display: inline-flex !important;
	align-items: center;
	line-height: 1;
	position: relative;
	overflow: visible !important;
}
.top_lang #gt_float_wrapper,
.top_lang .gt_float_switcher,
.top_lang .gt_switcher,
.top_lang .gt_selector{
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	font-size: 14px !important;
}
.top_lang .gt_float_switcher .gt-selected{
	background: transparent !important;
	float: none !important;
	cursor: pointer !important;
}
.top_lang .gt_float_switcher .gt-current-lang{
	display: flex !important;
	align-items: center;
	gap: 6px;
	width: auto !important;
	height: 26px;
	padding: 0 8px !important;
	background: #fff !important;
	border-radius: 4px;
	color: #333 !important;
	font: 400 13px/1 Arial, sans-serif !important;
	cursor: pointer;
}
.top_lang .gt_float_switcher .gt-current-lang:hover{
	color: #02b9f6 !important;
}
.top_lang .gt_float_switcher .gt-lang-code{
	display: inline-block !important;
	position: static !important;
	top: auto !important;
	color: inherit !important;
	font: inherit !important;
	text-transform: uppercase;
	letter-spacing: .02em;
}
.top_lang .gt_float_switcher .gt_float_switcher-arrow{
	display: inline-block !important;
	width: 14px !important;
	height: 14px !important;
	flex-shrink: 0;
	background-size: 10px !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 .gt_float_switcher img{
	width: 22px !important;
	height: 15px !important;
	max-width: 22px !important;
	max-height: 15px !important;
	margin: 0 !important;
	border-radius: 2px !important;
	object-fit: cover !important;
	flex-shrink: 0 !important;
	background: #e8eef1 !important;
}
.top_lang .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;
	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: 10060 !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;
	text-align: left !important;
	box-sizing: border-box !important;
	opacity: 1 !important;
	transform: none !important;
}
.top_lang .gt_float_switcher .gt_options.gt-open{
	display: grid !important;
}
.top_lang .gt_float_switcher .gt_options a,
.top_lang .gt_float_switcher .gt_options a.gt-current{
	display: flex !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 6px !important;
	width: 100% !important;
	min-width: 0 !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;
	text-decoration: none !important;
	float: none !important;
	background: transparent !important;
}
.top_lang .gt_float_switcher .gt_options a:hover{
	background: #f5f8fa !important;
	color: #222 !important;
}
.top_lang .gt_float_switcher .gt_options a img{
	width: 18px !important;
	height: 13px !important;
	margin: 1px 0 0 !important;
}
.top_lang .gt_float_switcher .gt_options.gt-expanded{
	width: 560px !important;
	max-width: min(560px, calc(100vw - 24px)) !important;
}
.top_lang .gt_float_switcher .gt_options a.gt-lang-extra{
	display: none !important;
}
.top_lang .gt_float_switcher .gt_options.gt-expanded a.gt-lang-extra{
	display: flex !important;
}
.top_lang .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: #02b9f6 !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	border-top: 1px solid #eee !important;
	margin-top: 6px !important;
	padding: 10px 12px 4px !important;
	background: transparent !important;
}
.top_lang .gt_float_switcher .gt_options a.gt-lang-more:hover{
	background: transparent !important;
	color: #333 !important;
}
@media screen and (max-width: 768px){
	.top_lang .gt_float_switcher .gt_options,
	.top_lang .gt_float_switcher .gt_options.gt-expanded{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
.top_lang .xy-member-nav-panel{
	color: #333;
	z-index: 10050;
}