/**
 * Lumo 页头：≥768 桌面双行 / ≤767 左滑抽屉 + 问候条；≥1024 完整尺寸参数。
 */

/* -------------------------------------------------------------------------- */
/* 独立顶栏：仅窄屏显示（宽屏并入 header 第一行，避免出现第三行）                 */
/* -------------------------------------------------------------------------- */

@media (min-width: 768px) {
	.leafs-topbar {
		display: none !important;
	}
}

/* -------------------------------------------------------------------------- */
/* 顶栏：薄工具条（仍开启时）                                                   */
/* -------------------------------------------------------------------------- */

.leafs-topbar--slim .leafs-topbar__inner {
	min-height: 30px;
	padding-block: 4px;
	font-size: 0.72rem;
	gap: 6px 12px;
}

.leafs-topbar__greeting {
	margin: 0;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: var(--leafs-muted);
	font-size: 0.78rem;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.leafs-topbar__greeting-icon {
	flex: 0 0 auto;
}

.leafs-topbar__greeting-text {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* -------------------------------------------------------------------------- */
/* Header shell：桌面双行                                                       */
/* -------------------------------------------------------------------------- */

.leafs-header__shell {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: none;
	margin-inline: 0;
	box-sizing: border-box;
}

.leafs-header__row--meta {
	display: none;
}

@media (min-width: 768px) {
	.leafs-header__row--meta {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		min-height: var(--leafs-header-meta-h);
		padding: 0;
		border-bottom: 1px solid var(--leafs-header-border);
		box-sizing: border-box;
		background: var(--leafs-topbar-slab-bg);
		backdrop-filter: blur(var(--leafs-topbar-blur));
		-webkit-backdrop-filter: blur(var(--leafs-topbar-blur));
	}
}

/* 滚动后仅保留主菜单行：向下滚动时隐藏页头薄栏 */
@media (min-width: 768px) {
	.leafs-header--scrolled .leafs-header__row--meta {
		display: none;
	}
}

.leafs-header__meta-cluster {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: min(1280px, 100%);
	margin: 0 auto;
	padding: 0 24px;
	gap: 12px;
	box-sizing: border-box;
}

.leafs-header__meta-start {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	min-width: 0;
	flex: 0 1 auto;
}

.leafs-header__meta-center {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
}

.leafs-header__meta-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex: 0 0 auto;
	position: relative;
	z-index: 12;
}

.leafs-header-thin-greeting {
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.4;
	color: var(--leafs-muted);
	max-width: 52ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.leafs-header-thin-greeting__icon {
	margin-right: 6px;
}

.leafs-header-thin-greeting__text {
	vertical-align: middle;
}

/* 薄栏右侧菜单（外观 → 菜单 → 页头顶部薄栏） */
.leafs-meta-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
}

.leafs-meta-nav__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 4px 14px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.72rem;
	font-weight: 500;
}

.leafs-meta-nav__list > li {
	position: relative;
	margin: 0;
	padding: 0;
}

.leafs-meta-nav__list a {
	display: inline-flex;
	align-items: center;
	color: var(--leafs-muted);
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 0;
	border-radius: 4px;
	transition: color 0.15s ease;
}

.leafs-meta-nav__list a:hover,
.leafs-meta-nav__list .current-menu-item > a {
	color: var(--leafs-brand);
	text-decoration: none;
}

@media (min-width: 768px) {
	.leafs-meta-nav .sub-menu {
		display: none;
		position: absolute;
		right: 0;
		top: calc(100% + 4px);
		min-width: 140px;
		margin: 0;
		padding: 6px 0;
		list-style: none;
		background: var(--leafs-card);
		border: 1px solid var(--leafs-border);
		border-radius: 10px;
		box-shadow: var(--leafs-shadow-card-hover);
		z-index: 140;
	}

	.leafs-meta-nav li:hover > .sub-menu,
	.leafs-meta-nav li:focus-within > .sub-menu {
		display: block;
	}

	.leafs-meta-nav .sub-menu a {
		display: block;
		padding: 8px 14px;
		font-size: 0.8125rem;
		white-space: nowrap;
	}
}

/* 语言：与主题切换同款的圆形图标按钮（CN/EN） */
.leafs-lang-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	min-width: 34px;
	min-height: 34px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var(--leafs-border);
	background: var(--leafs-icon-btn-bg);
	color: var(--leafs-text);
	text-decoration: none;
	font-family: inherit;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	line-height: 1;
	box-sizing: border-box;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.leafs-lang-toggle:hover {
	border-color: var(--leafs-brand);
	background: var(--leafs-icon-btn-bg-hover);
	color: var(--leafs-text);
	text-decoration: none;
}

.leafs-lang-toggle:focus-visible {
	outline: 2px solid var(--leafs-brand);
	outline-offset: 2px;
}

.leafs-lang-toggle__badge {
	display: inline;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-weight: 800;
	letter-spacing: inherit;
	line-height: 1;
}

.leafs-header__meta-contact {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 14px;
	font-size: 0.72rem;
	color: var(--leafs-muted);
	min-width: 0;
}

.leafs-header__meta-contact-item {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: inherit;
	text-decoration: none;
}

a.leafs-header__meta-contact-item:hover {
	color: var(--leafs-link);
	text-decoration: none;
}

.leafs-header__meta-social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
	margin: 0;
	padding: 0;
	font-size: 0.72rem;
	color: var(--leafs-muted);
}

.leafs-header__meta-social-link {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.leafs-header__meta-social-link:hover {
	color: var(--leafs-brand);
	text-decoration: none;
}

/* 文字 Logo：短名 + 字标；过长时用首字图标块 */
.leafs-logo-text {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--leafs-text);
	letter-spacing: -0.02em;
	text-decoration: none;
	min-width: 0;
	max-width: 100%;
}

.leafs-logo-text:hover {
	color: var(--leafs-link);
	text-decoration: none;
}

.leafs-logo-text__glyph {
	display: none;
}

.leafs-logo-text__label {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	max-width: none;
	word-break: break-word;
	line-height: 1.25;
}

@media (min-width: 768px) {
	.leafs-logo-text__label {
		max-width: none;
	}
}

/* -------------------------------------------------------------------------- */
/* 主行：外层全宽（滚动条背景铺满视口），内层 max-width 对齐内容                      */
/* -------------------------------------------------------------------------- */

.leafs-header__row--main {
	width: 100%;
	box-sizing: border-box;
}

.leafs-header__inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	min-height: var(--leafs-header-main-h);
	padding: 0 16px;
	box-sizing: border-box;
	position: relative;
	max-width: min(1280px, 100%);
	margin-inline: auto;
	width: 100%;
}

/* 固定抽屉层在 z:60；顶栏可点区域抬高，避免与抽屉层叠时误挡（尤其 iOS） */
@media (max-width: 767px) {
	.leafs-header__inner > .leafs-header__brand,
	.leafs-header__inner > .leafs-nav-toggle,
	.leafs-header__inner > .leafs-header__toolbar-mobile-user {
		position: relative;
		z-index: 85;
	}
}

@media (min-width: 768px) {
	/* Logo 抬高；主导航译文过长时由每项 max-width+ellipsis 约束，右侧工具条另设 z-index 保证可点 */
	.leafs-header__inner > .leafs-header__brand {
		position: relative;
		z-index: 2;
	}
}

@media (min-width: 768px) {
	.leafs-header__inner {
		padding: 0 24px;
		gap: 16px;
	}
}

.leafs-header__brand {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	flex: 0 1 auto;
}

.leafs-header__brand .custom-logo-link {
	display: flex;
	align-items: center;
}

.leafs-header__brand .custom-logo {
	max-height: 36px;
	width: auto;
}

/* 夜间：页头用页脚同款 Logo（与 header.php 双图 markup 配套；日间仅显示主 Logo） */
.leafs-header__brand-link--theme-logos .leafs-header__brand-logo--dark {
	display: none;
}

html[data-leafs-theme="dark"] .leafs-header__brand-link--theme-logos .leafs-header__brand-logo--light {
	display: none;
}

html[data-leafs-theme="dark"] .leafs-header__brand-link--theme-logos .leafs-header__brand-logo--dark {
	display: block;
	width: auto;
	height: auto;
}

@media (min-width: 768px) {
	.leafs-header__brand .custom-logo {
		max-height: 40px;
	}

	/* 与 main.css 中 Logo 链节 padding 对齐，避免主行内相对菜单「下沉」 */
	.leafs-header__brand .custom-logo-link,
	.leafs-header__brand .leafs-logo-text {
		padding-block: 0;
	}

	.leafs-header__brand .custom-logo-link {
		padding-inline: 0;
	}
}

.leafs-header__toolbar-meta {
	display: none;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	min-width: 0;
}

.leafs-header__toolbar-main {
	display: none;
	align-items: center;
	flex-shrink: 0;
	gap: 6px;
	flex-wrap: nowrap;
}

.leafs-header__toolbar-mobile-user {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

@media (min-width: 768px) {
	.leafs-header__toolbar-meta {
		display: flex;
	}

	.leafs-header__toolbar-main {
		display: flex;
		margin-left: auto;
		padding-inline: 8px 2px;
		align-self: stretch;
		box-sizing: border-box;
	}

	.leafs-header__toolbar-main > * {
		align-self: center;
		position: relative;
		z-index: 1;
	}

	.leafs-header__toolbar-mobile-user {
		display: none !important;
	}
}

/* 桌面：主导航条占满中间区域 */
@media (min-width: 768px) {
	.leafs-header-drawer {
		flex: 1 1 auto;
		min-width: 0;
		order: 3;
		position: relative;
		z-index: 0;
	}

	.leafs-header__brand {
		order: 1;
	}

	.leafs-header__brand-sep {
		order: 2;
		display: inline-flex;
		align-items: center;
		align-self: center;
		line-height: 1;
	}

	.leafs-header__toolbar-main {
		order: 5;
		/* 主导航在独立层内横向滚动，避免译文盖住右侧控件；工具条不再铺独立底色以免与主行色差 */
		position: relative;
		z-index: 32;
	}

	.leafs-nav-toggle {
		order: 4;
		display: none !important;
	}
}

@media (min-width: 768px) {
	body.leafs-client-edge-translate .leafs-header__toolbar-main {
		z-index: 40;
	}
}

@media (max-width: 767px) {
	.leafs-header__brand-sep {
		display: none !important;
	}
}

/* 移动：Logo + 汉堡 + 右侧用户 */
@media (max-width: 767px) {
	.leafs-header__inner {
		justify-content: space-between;
	}

	.leafs-header__brand {
		flex: 1 1 auto;
		min-width: 0;
		order: 2;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		max-width: min(92vw, 560px);
		justify-content: center;
		padding-inline: 6px;
		box-sizing: border-box;
	}

	.leafs-nav-toggle {
		order: 1;
		margin-left: 0;
	}

	.leafs-header__toolbar-mobile-user {
		order: 3;
		margin-left: auto;
	}

	.leafs-header-drawer {
		order: 10;
	}
}

/* -------------------------------------------------------------------------- */
/* 抽屉：移动 + 平板 (<1024)                                                    */
/* -------------------------------------------------------------------------- */

.leafs-header-drawer {
	position: fixed;
	inset: 0;
	top: var(--leafs-header-h);
	z-index: 88;
	pointer-events: none;
	visibility: hidden;
	transition: visibility 0s linear 0.3s;
}

.leafs-header.is-drawer-open .leafs-header-drawer {
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

.leafs-header-drawer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	opacity: 0;
	transition: opacity 0.3s ease;
	cursor: pointer;
	border: 0;
	padding: 0;
}

.leafs-header.is-drawer-open .leafs-header-drawer__backdrop {
	opacity: 1;
}

.leafs-header-drawer__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(80vw, 300px);
	max-width: 300px;
	background: var(--leafs-card);
	border-left: 1px solid var(--leafs-border);
	border-radius: 16px 0 0 16px;
	box-shadow: -12px 0 48px rgba(0, 0, 0, 0.18);
	transform: translateX(100%);
	transition: transform 0.3s ease;
	overflow-y: auto;
	padding: 12px 0 24px;
	display: flex;
	flex-direction: column;
	gap: 0;
	-webkit-overflow-scrolling: touch;
}

.leafs-header-drawer__close {
	display: none;
}

html[data-leafs-theme="dark"] .leafs-header-drawer__panel {
	box-shadow: -12px 0 48px rgba(0, 0, 0, 0.45);
}

.leafs-header.is-drawer-open .leafs-header-drawer__panel {
	transform: translateX(0);
}

@media (min-width: 768px) {
	.leafs-header-drawer {
		position: static;
		inset: auto;
		top: auto;
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		align-items: center;
		visibility: visible;
		pointer-events: auto;
		transition: none;
	}

	.leafs-header-drawer__backdrop {
		display: none !important;
	}

	.leafs-header-drawer__panel {
		position: static;
		inset: auto;
		transform: none;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		flex: 1 1 auto;
		border-radius: 0;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		gap: 8px 24px;
		padding: 0;
		border: 0;
		box-shadow: none;
		overflow: visible;
		background: transparent;
	}

	.leafs-header__drawer-util {
		display: none !important;
	}
}

/* -------------------------------------------------------------------------- */
/* 主导航列表                                                                  */
/* -------------------------------------------------------------------------- */

.leafs-header-drawer__panel .leafs-nav {
	display: block;
	width: 100%;
}

@media (min-width: 768px) {
	.leafs-header-drawer__panel .leafs-nav {
		display: flex;
		align-items: center;
		flex: 1 1 auto;
		min-width: 0;
		max-width: 100%;
	}
}

.leafs-header-drawer__panel .leafs-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
}

.leafs-header-drawer__panel .leafs-nav__list > li {
	border-bottom: 1px solid var(--leafs-border);
	position: relative;
}

.leafs-header-drawer__panel .leafs-nav__list > li:last-child {
	border-bottom: none;
}

@media (min-width: 768px) {
	.leafs-header-drawer__panel .leafs-nav__list {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 0 var(--leafs-nav-item-gap);
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: auto;
		overflow-y: visible;
		scrollbar-width: thin;
		-ms-overflow-style: auto;
	}

	.leafs-header-drawer__panel .leafs-nav__list::-webkit-scrollbar {
		height: 5px;
	}

	.leafs-header-drawer__panel .leafs-nav__list::-webkit-scrollbar-thumb {
		background: color-mix(in srgb, var(--leafs-muted) 45%, transparent);
		border-radius: 999px;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li {
		border-bottom: none;
		flex-shrink: 0;
	}
}

.leafs-header-drawer__panel .leafs-nav__list a {
	display: flex;
	align-items: center;
	gap: 0;
	min-height: 48px;
	padding: 12px 20px;
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--leafs-text);
	text-decoration: none;
	border-radius: 0;
	background: transparent;
	position: relative;
	transition: color 0.2s ease;
}

.leafs-header-drawer__panel .leafs-nav__list a .leafs-menu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	min-width: 22px;
	height: 18px;
	margin-right: 8px;
	color: currentColor;
	line-height: 1;
	flex-shrink: 0;
}

.leafs-header-drawer__panel .leafs-nav__list a .leafs-menu-icon i {
	font-size: 18px;
	line-height: 1;
}

.leafs-header-drawer__panel .leafs-nav__list a .leafs-menu-icon--empty {
	display: none;
	width: 0;
	min-width: 0;
	margin-right: 0;
}

.leafs-header-drawer__panel .leafs-nav__list a .leafs-menu-text {
	display: inline-block;
	min-width: 0;
	opacity: 1;
	visibility: visible;
	color: inherit;
}

.leafs-header-drawer__panel .leafs-nav__list li.menu-item-has-children {
	position: relative;
}

.leafs-header-drawer__panel .leafs-nav__list li.menu-item-has-children > a {
	padding-right: 34px;
}

.leafs-header-drawer__panel .leafs-nav-sub-toggle {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	border: 0;
	background: transparent;
	color: var(--leafs-muted);
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.leafs-header-drawer__panel .leafs-nav-sub-toggle span {
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.leafs-header-drawer__panel .leafs-nav__list li.sub-open > .leafs-nav-sub-toggle span {
	transform: rotate(-135deg);
}

.leafs-header-drawer__panel .leafs-nav-sub-toggle:hover,
.leafs-header-drawer__panel .leafs-nav__list li.sub-open > .leafs-nav-sub-toggle {
	color: var(--leafs-link);
	background: var(--leafs-surface2);
}

@media (min-width: 768px) {
	/* 仅顶级链接下划线，避免与 main.css 的 width 动画冲突导致错位 */
	.leafs-header-drawer__panel .leafs-nav__list > li > a {
		min-height: 50px;
		padding: 9px 0;
		font-size: 0.9rem;
		font-weight: 500;
		white-space: nowrap;
		box-sizing: border-box;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text {
		position: relative;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		vertical-align: middle;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core {
		position: relative;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		overflow: hidden;
		height: 1.15em;
		line-height: 1.15;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__clone,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__clone {
		display: block;
		line-height: 1.15;
		white-space: nowrap;
		will-change: transform;
		transition: transform 0.34s cubic-bezier(0.2, 0.85, 0.25, 1);
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__main {
		transform: translateY(0);
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__clone,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__clone {
		position: absolute;
		left: 0;
		top: 0;
		transform: translateY(100%);
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a:hover .leafs-menu-text__core .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a:focus-visible .leafs-menu-text__core .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a:hover .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a:focus-visible .leafs-menu-text__main {
		transform: translateY(-100%);
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a:hover .leafs-menu-text__core .leafs-menu-text__clone,
	.leafs-header-drawer__panel .leafs-nav__list > li > a:focus-visible .leafs-menu-text__core .leafs-menu-text__clone,
	.leafs-header-drawer__panel .leafs-nav__list > li > a:hover .leafs-menu-text__clone,
	.leafs-header-drawer__panel .leafs-nav__list > li > a:focus-visible .leafs-menu-text__clone {
		transform: translateY(0);
	}

	.leafs-header-drawer__panel .leafs-nav__list li.menu-item-has-children > a {
		padding-right: 26px;
	}

	.leafs-header-drawer__panel .leafs-nav-sub-toggle {
		display: none;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 2px;
		background: var(--leafs-brand);
		transform: scaleX(0);
		transform-origin: 50% 50%;
		transition: transform 0.22s ease;
		pointer-events: none;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text::before {
		display: none;
		content: none;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a:hover::after,
	.leafs-header-drawer__panel .leafs-nav__list > li.current-menu-item > a::after {
		transform: scaleX(1);
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a:hover,
	.leafs-header-drawer__panel .leafs-nav__list > li.current-menu-item > a {
		color: var(--leafs-link);
		background: transparent;
	}

	/* 修复：有子菜单项在 hover/focus 时文字偶发不可见 */
	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children > a:hover .leafs-menu-text,
	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children > a:focus-visible .leafs-menu-text {
		color: var(--leafs-link);
		opacity: 1;
		visibility: visible;
	}

	/* 下拉子菜单项不使用主菜单底划线（避免与 main.css 的 width 动画叠加） */
	.leafs-header-drawer__panel .leafs-nav__list .sub-menu a::after {
		display: none !important;
		content: none !important;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu a .leafs-menu-icon {
		width: 20px;
		min-width: 20px;
		height: 16px;
		margin-right: 8px;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu a .leafs-menu-icon i {
		font-size: 16px;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu a {
		font-size: 0.875rem;
	}

	/* Desktop second-level dropdown */
	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu {
		min-width: 190px;
		padding: 8px 0;
		border-radius: 12px;
		background: var(--leafs-card);
		border: 1px solid var(--leafs-border);
		box-shadow: var(--leafs-shadow-card-hover);
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > a {
		display: flex;
		align-items: center;
		min-height: 40px;
		padding: 8px 14px;
		line-height: 1.25;
		transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > a:hover {
		background: color-mix(in srgb, var(--leafs-brand) 10%, var(--leafs-surface2));
		color: var(--leafs-link);
		transform: translateX(2px);
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu > li > a:focus-visible {
		outline: 2px solid color-mix(in srgb, var(--leafs-brand) 48%, transparent);
		outline-offset: -2px;
		background: color-mix(in srgb, var(--leafs-brand) 12%, var(--leafs-surface2));
		color: var(--leafs-link);
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu .sub-menu {
		margin-left: 6px;
		border-radius: 12px;
	}
}

@media (max-width: 767px) {
	.leafs-header-drawer__panel .leafs-nav__list a:hover,
	.leafs-header-drawer__panel .leafs-nav__list .current-menu-item > a {
		color: var(--leafs-link);
		background: var(--leafs-surface2);
	}
}

@media (prefers-reduced-motion: reduce) and (min-width: 768px) {
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__clone,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__clone {
		transition: none !important;
		transform: none !important;
	}
}

/* 移动抽屉内子菜单 */
@media (max-width: 767px) {
	.leafs-header-drawer__panel .leafs-nav__list .sub-menu {
		display: none;
		position: static;
		visibility: visible;
		opacity: 1;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
		background: transparent;
		width: 100%;
		transform: none !important;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu > li {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.leafs-header-drawer__panel .leafs-nav__list li.menu-item-has-children.sub-open > .sub-menu {
		display: block;
	}

	/* 抽屉链接：顶栏与二级共用 flex；允许多行换行，避免长文案与右侧展开钮横向挤压 */
	.leafs-header-drawer__panel .leafs-nav__list a {
		align-items: flex-start;
		gap: 8px;
		box-sizing: border-box;
	}

	.leafs-header-drawer__panel .leafs-nav__list a .leafs-menu-icon {
		margin-top: 3px;
		flex-shrink: 0;
	}

	.leafs-header-drawer__panel .leafs-nav__list a .leafs-menu-text {
		flex: 1 1 auto;
		min-width: 0;
		max-width: 100%;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
		line-height: 1.45;
	}

	/* 手机端层级布局：按层级向下展开并递进缩进（参考红框） */
	.leafs-header-drawer__panel .leafs-nav__list > li > a {
		padding-left: 16px;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu a {
		min-height: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 0.9rem;
		margin: 0;
		border-radius: 0;
		line-height: 1.45;
	}

	.leafs-header-drawer__panel .leafs-nav__list li.menu-item-has-children > a {
		padding-right: 52px;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu li.menu-item-has-children > a {
		padding-right: 52px;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > a {
		padding-left: 32px;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > .sub-menu > li > a {
		padding-left: 48px;
		font-size: 0.86rem;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu {
		margin-top: 2px;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > .sub-menu {
		margin-top: 2px;
	}

	/* 每一级给轻量引导线，减少视觉错位感 */
	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > a,
	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > .sub-menu > li > a {
		position: relative;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > a::before,
	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > .sub-menu > li > a::before {
		content: "";
		position: absolute;
		left: 16px;
		top: 1.15em;
		width: 8px;
		height: 1px;
		background: color-mix(in srgb, var(--leafs-muted) 40%, transparent);
		transform: none;
		pointer-events: none;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > .sub-menu > li > .sub-menu > li > a::before {
		left: 30px;
		top: 1.1em;
	}

	/* Mobile only: hide desktop pseudo arrows to avoid blank strip/misalignment */
	.leafs-header-drawer__panel .leafs-nav__list li.menu-item-has-children > a::before,
	.leafs-header-drawer__panel .leafs-nav__list li.menu-item-has-children > a .leafs-menu-text::after {
		display: none !important;
		content: none !important;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu .leafs-menu-icon {
		width: 18px;
		min-width: 18px;
		margin-right: 8px;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu .leafs-menu-icon i {
		font-size: 16px;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu .leafs-nav-sub-toggle {
		right: 10px;
	}
}

@media (min-width: 1024px) {
	/* 桌面：JS 注入的展开钮仅用于窄屏，此处强制隐藏避免与文字重叠 */
	.leafs-header-drawer__panel .leafs-nav-sub-toggle {
		display: none !important;
	}

	/* 菜单层级可见性兜底：避免 hover 时子菜单被父容器裁切 */
	.leafs-header,
	.leafs-header__shell,
	.leafs-header__row--main,
	.leafs-header__inner,
	.leafs-header-drawer,
	.leafs-header-drawer__panel,
	.leafs-header-drawer__panel .leafs-nav,
	.leafs-header-drawer__panel .leafs-nav__list,
	.leafs-header-drawer__panel .leafs-nav__list > li {
		overflow: visible !important;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu {
		display: block;
		position: absolute;
		left: 0;
		top: calc(100% + 4px);
		min-width: 186px;
		margin: 0;
		padding: 8px 0;
		list-style: none;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transform: translateY(-8px) scaleY(0.96);
		transform-origin: top center;
		transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s;
		z-index: 120;
	}

	/* 修复：鼠标经过有子菜单文字时，确保二级菜单显式打开 */
	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children:hover > .sub-menu,
	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children:focus-within > .sub-menu {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: translateY(0) scaleY(1) !important;
		z-index: 180;
	}

	.leafs-header-drawer__panel .leafs-nav__list li:hover > .sub-menu,
	.leafs-header-drawer__panel .leafs-nav__list li:focus-within > .sub-menu,
	.leafs-header-drawer__panel .leafs-nav__list li.hover-open > .sub-menu,
	.leafs-header-drawer__panel .leafs-nav__list li.sub-open > .sub-menu {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0) scaleY(1);
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu .sub-menu {
		left: calc(100% + 4px);
		top: -6px;
		transform: translateY(0) scaleY(0.96);
		transform-origin: top left;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu li.leafs-submenu-open-left > .sub-menu {
		left: auto;
		right: calc(100% + 4px);
		transform-origin: top right;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu a {
		position: relative;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu li.menu-item-has-children > a {
		padding-right: 30px;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu li.menu-item-has-children > a::before {
		content: "";
		position: absolute;
		right: 12px;
		top: 50%;
		width: 8px;
		height: 8px;
		border-top: 2px solid currentColor;
		border-right: 2px solid currentColor;
		transform: translateY(-50%) rotate(45deg);
		opacity: 0.7;
		pointer-events: none;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children > a::before {
		content: "";
		position: absolute;
		right: 4px;
		top: 50%;
		width: 7px;
		height: 7px;
		border-right: 1.8px solid currentColor;
		border-bottom: 1.8px solid currentColor;
		background: transparent;
		box-shadow: none;
		transform: translateY(-62%) rotate(45deg);
		pointer-events: none;
		opacity: 0.72;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children > a::after {
		/* keep existing underline animation from previous rule */
	}

	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children:hover > a::before,
	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children.hover-open > a::before,
	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children.sub-open > a::before,
	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children:focus-within > a::before {
		transform: translateY(-40%) rotate(-135deg);
		opacity: 1;
	}
}

/* 上界用 1023：避免视口恰好 1024px 时与 (min-width: 1024px) 叠层，子菜单按钮盖住文案 */
@media (min-width: 768px) and (max-width: 1023px) {
	.leafs-header-drawer__panel .leafs-nav__list .sub-menu {
		display: none;
		position: static;
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translateY(-10px);
		transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	}

	.leafs-header-drawer__panel .leafs-nav__list li.sub-open > .sub-menu {
		display: block;
		transform: translateY(0);
	}

	.leafs-header-drawer__panel .leafs-nav-sub-toggle {
		display: inline-flex;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children > a::before {
		display: none;
	}
}

/* -------------------------------------------------------------------------- */
/* 汉堡按钮 44×44                                                              */
/* -------------------------------------------------------------------------- */

.leafs-nav-toggle {
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	margin-left: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	background: var(--leafs-surface2);
	border: 1px solid var(--leafs-border);
	border-radius: 10px;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.leafs-nav-toggle span {
	transition: transform 0.3s ease, opacity 0.3s ease;
}

@media (min-width: 768px) {
	.leafs-nav-toggle {
		display: none !important;
	}
}

/* -------------------------------------------------------------------------- */
/* 桌面薄栏：语言 + 主题 + 用户                                                 */
/* -------------------------------------------------------------------------- */

.leafs-header__toolbar-main .leafs-theme-toggle {
	width: 34px;
	height: 34px;
	min-width: 34px;
	min-height: 34px;
	flex-shrink: 0;
	font-size: 0.9rem;
}

.leafs-header__toolbar-main .leafs-lang-toggle {
	width: 34px;
	height: 34px;
	min-width: 34px;
	min-height: 34px;
}

.leafs-btn--sm {
	min-height: 32px;
	padding: 4px 12px;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 8px;
}

.leafs-header__toolbar-main .leafs-btn--header-cta {
	border-radius: 999px;
	padding: 5px 14px;
	min-height: 34px;
	font-size: 0.8125rem;
	font-weight: 600;
	box-shadow: 0 2px 12px rgba(45, 106, 79, 0.22);
	gap: 4px;
}

.leafs-header__toolbar-main .leafs-btn--header-cta .leafs-btn--header-cta__icon {
	font-size: 0.85em;
	line-height: 1;
}

.leafs-btn--header-cta {
	border-radius: 40px;
	padding: 8px 20px;
	min-height: 44px;
	font-weight: 600;
	box-shadow: 0 4px 18px rgba(45, 106, 79, 0.28);
}

.leafs-btn--header-cta:hover {
	filter: brightness(1.1);
}

html[data-leafs-theme="dark"] .leafs-btn--header-cta {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
}

.leafs-btn--login {
	min-height: 44px;
	padding: 8px 18px;
}

.leafs-header__toolbar-main .leafs-header__tool-login.leafs-btn--login {
	min-height: 32px;
	padding: 4px 12px;
	font-size: 0.8125rem;
}

/*
 * 右侧工具条：译文变宽时「提交收录」易向左盖住语言/搜索；图标控件叠在 CTA 之上并限制 CTA 最大宽。
 */
@media (min-width: 768px) {
	.leafs-header__toolbar-main .leafs-theme-toggle,
	.leafs-header__toolbar-main .leafs-lang-toggle,
	.leafs-header__toolbar-main .leafs-header-search,
	.leafs-header__toolbar-main .leafs-header-recent,
	.leafs-header__toolbar-main .leafs-user-dropdown--header-toolbar {
		position: relative;
		z-index: 12;
		flex-shrink: 0;
	}

	.leafs-header__toolbar-main .leafs-btn--header-cta {
		position: relative;
		z-index: 1;
		flex: 0 1 auto;
		min-width: 0;
		max-width: min(28vw, 9rem);
		overflow: hidden;
	}

	.leafs-header__toolbar-main .leafs-btn--header-cta .leafs-btn--header-cta__icon {
		flex-shrink: 0;
	}

	.leafs-header__toolbar-main .leafs-btn--header-cta .leafs-btn--header-cta__label {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.leafs-header__toolbar-main .leafs-header__tool-login.leafs-btn--login {
		position: relative;
		z-index: 12;
		flex-shrink: 0;
		max-width: min(24vw, 8.5rem);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* 顶栏：全站搜索（图标在「提交收录」左侧） */
.leafs-header-search {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.leafs-header-search__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-width: 34px;
	min-height: 34px;
	padding: 0;
	margin: 0;
	border-radius: 10px;
	border: 1px solid color-mix(in srgb, var(--leafs-border) 88%, transparent);
	background: color-mix(in srgb, var(--leafs-surface) 92%, transparent);
	color: var(--leafs-text);
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.leafs-header-search__toggle:hover {
	background: color-mix(in srgb, var(--leafs-brand) 12%, var(--leafs-surface));
	border-color: color-mix(in srgb, var(--leafs-brand) 35%, var(--leafs-border));
	color: var(--leafs-brand);
}

.leafs-header-search.is-open .leafs-header-search__toggle {
	border-color: color-mix(in srgb, var(--leafs-brand) 45%, var(--leafs-border));
	color: var(--leafs-brand);
}

.leafs-header-search__icon {
	display: block;
	width: 20px;
	height: 20px;
}

.leafs-header-search__popover {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 500;
	width: min(92vw, 360px);
	padding: 12px;
	border-radius: 12px;
	border: 1px solid color-mix(in srgb, var(--leafs-border) 90%, transparent);
	background: var(--leafs-surface);
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18);
	box-sizing: border-box;
}

html[data-leafs-theme="dark"] .leafs-header-search__popover {
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

.leafs-header-search.is-open .leafs-header-search__popover {
	display: block;
}

.leafs-header-search__close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	color: var(--leafs-muted);
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
	border-radius: 8px;
}

.leafs-header-search__close:hover {
	color: var(--leafs-text);
	background: color-mix(in srgb, var(--leafs-border) 35%, transparent);
}

.leafs-header-search__form {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 8px;
	padding-right: 28px;
}

.leafs-header-search__input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 8px 10px;
	font-size: 0.9375rem;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--leafs-border) 90%, transparent);
	background: var(--leafs-bg, var(--leafs-surface));
	color: var(--leafs-text);
}

.leafs-header-search__input:focus {
	outline: 2px solid color-mix(in srgb, var(--leafs-brand) 55%, transparent);
	outline-offset: 1px;
	border-color: color-mix(in srgb, var(--leafs-brand) 45%, var(--leafs-border));
}

.leafs-header-search__submit {
	flex-shrink: 0;
	white-space: nowrap;
}

/* 顶栏：浏览记录（搜索按钮左侧） */
.leafs-header-recent {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.leafs-header-recent__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-width: 34px;
	min-height: 34px;
	padding: 0;
	margin: 0;
	border-radius: 10px;
	border: 1px solid color-mix(in srgb, var(--leafs-border) 88%, transparent);
	background: color-mix(in srgb, var(--leafs-surface) 92%, transparent);
	color: var(--leafs-text);
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.leafs-header-recent__toggle:hover {
	background: color-mix(in srgb, var(--leafs-brand) 12%, var(--leafs-surface));
	border-color: color-mix(in srgb, var(--leafs-brand) 35%, var(--leafs-border));
	color: var(--leafs-brand);
}

.leafs-header-recent.is-open .leafs-header-recent__toggle {
	border-color: color-mix(in srgb, var(--leafs-brand) 45%, var(--leafs-border));
	color: var(--leafs-brand);
}

.leafs-header-recent__icon {
	display: block;
	width: 20px;
	height: 20px;
}

.leafs-header-recent__popover {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 500;
	width: min(92vw, 320px);
	max-height: min(70vh, 360px);
	overflow: auto;
	padding: 0;
	border-radius: 14px;
	border: 1px solid color-mix(in srgb, var(--leafs-border) 88%, transparent);
	border-left: 3px solid color-mix(in srgb, var(--leafs-brand) 55%, var(--leafs-border));
	background: var(--leafs-surface);
	box-shadow:
		0 14px 42px rgba(15, 23, 42, 0.14),
		0 0 0 1px color-mix(in srgb, var(--leafs-brand) 8%, transparent);
	box-sizing: border-box;
}

.leafs-header-recent__head {
	padding: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--leafs-border) 55%, transparent);
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--leafs-brand) 10%, transparent),
		color-mix(in srgb, var(--leafs-mint) 6%, transparent)
	);
	border-radius: 14px 14px 0 0;
}

.leafs-header-recent__head-line {
	display: flex;
	align-items: baseline;
	gap: 0;
	margin: 0;
	padding: 10px 14px 9px;
	font-size: 0.8125rem;
	line-height: 1.35;
	font-weight: 500;
	color: var(--leafs-muted);
}

.leafs-header-recent__head-title {
	flex-shrink: 0;
	font-size: inherit;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--leafs-brand);
}

.leafs-header-recent__head-sep {
	flex-shrink: 0;
	margin: 0 0.28em;
	opacity: 0.55;
	font-weight: 600;
	color: var(--leafs-muted);
}

.leafs-header-recent__head-tip {
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 500;
	color: var(--leafs-muted);
}

/* 顶栏（桌面）：标题与说明同一行，过长省略（与工具条出现断点 768px 对齐，避免 768–782 区间溢出） */
@media (min-width: 768px) {
	.leafs-header-recent--toolbar .leafs-header-recent__head-line {
		flex-wrap: nowrap;
		white-space: nowrap;
	}

	.leafs-header-recent--toolbar .leafs-header-recent__head-tip {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* 移动抽屉：两行排版，字号略大、易读 */
.leafs-header-recent--drawer .leafs-header-recent__head-line {
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
	padding: 12px 14px 11px;
	white-space: normal;
	font-size: 0.8125rem;
	line-height: 1.45;
}

.leafs-header-recent--drawer .leafs-header-recent__head-title {
	font-size: 0.9375rem;
	font-weight: 800;
}

.leafs-header-recent--drawer .leafs-header-recent__head-sep {
	display: none;
}

.leafs-header-recent--drawer .leafs-header-recent__head-tip {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--leafs-muted);
}

html[data-leafs-theme="dark"] .leafs-header-recent__popover {
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

html[data-leafs-theme="dark"] .leafs-header-recent__head {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--leafs-brand) 14%, transparent),
		color-mix(in srgb, var(--leafs-mint) 10%, transparent)
	);
	border-bottom-color: color-mix(in srgb, var(--leafs-border) 65%, transparent);
}

@media (prefers-reduced-motion: reduce) {
	.leafs-header-recent__link:hover {
		transform: none;
	}
}

.leafs-header-recent__empty {
	margin: 0;
	padding: 14px 14px 12px;
	font-size: 0.875rem;
	color: var(--leafs-muted);
	text-align: center;
}

.leafs-header-recent__list {
	list-style: none;
	margin: 0;
	padding: 6px 10px 11px;
}

.leafs-header-recent__item {
	margin: 0;
	padding: 0;
	min-width: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--leafs-border) 55%, transparent);
}

.leafs-header-recent__item:last-child {
	border-bottom: none;
}

.leafs-header-recent__link {
	display: block;
	padding: 9px 11px;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--leafs-text);
	text-decoration: none;
	border-radius: 10px;
	border: 1px solid transparent;
	overflow-wrap: anywhere;
	word-break: break-word;
	transition:
		background-color 0.18s ease,
		color 0.18s ease,
		transform 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease;
}

.leafs-header-recent__link:hover {
	background: color-mix(in srgb, var(--leafs-brand) 11%, var(--leafs-surface));
	color: var(--leafs-brand);
	border-color: color-mix(in srgb, var(--leafs-brand) 22%, var(--leafs-border));
	box-shadow: 0 2px 10px color-mix(in srgb, var(--leafs-brand) 10%, transparent);
	transform: translateX(2px);
}

.leafs-header__toolbar-main .leafs-header-recent__toggle {
	width: 34px;
	height: 34px;
	min-width: 34px;
	min-height: 34px;
}

/* 移动抽屉内：搜索条占满宽，弹出层改为静态流式 */
.leafs-header__drawer-row--search {
	width: 100%;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}

.leafs-header__drawer-row--search-tools {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px;
}

.leafs-header-recent--drawer {
	flex: 0 0 auto;
	min-width: 0;
}

.leafs-header-recent--drawer .leafs-header-recent__toggle {
	width: auto;
	height: 40px;
	min-height: 40px;
	padding: 0 12px;
	border-radius: 10px;
	justify-content: flex-start;
	gap: 10px;
	font-size: 0.875rem;
	font-weight: 600;
}

.leafs-header-recent--drawer .leafs-header-recent__drawer-label {
	color: var(--leafs-text);
}

.leafs-header-search--drawer {
	flex: 1 1 160px;
	min-width: 0;
	width: 100%;
}

.leafs-header-recent--drawer .leafs-header-recent__popover {
	position: static;
	width: 100%;
	margin-top: 8px;
	box-shadow: none;
	max-height: none;
	border-radius: 12px;
	border-left: 3px solid color-mix(in srgb, var(--leafs-brand) 55%, var(--leafs-border));
}

.leafs-header-recent--drawer .leafs-header-recent__head {
	border-radius: 12px 12px 0 0;
}

.leafs-header-search--drawer .leafs-header-search__popover {
	position: static;
	width: 100%;
	margin-top: 8px;
	box-shadow: none;
	padding-top: 10px;
}

.leafs-header-search--drawer .leafs-header-search__toggle {
	width: 100%;
	height: 40px;
	min-height: 40px;
	border-radius: 10px;
	justify-content: flex-start;
	gap: 10px;
	padding: 0 12px;
	font-size: 0.875rem;
	font-weight: 600;
}

.leafs-header-search--drawer .leafs-header-search__drawer-label {
	margin-left: 2px;
	color: var(--leafs-text);
	font-weight: 600;
	font-size: 0.875rem;
}

/* 手机抽屉：搜索独占一行全宽 */
@media (max-width: 767px) {
	.leafs-header__drawer-row--search-tools {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.leafs-header-search--drawer {
		flex: 1 1 auto;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}
}

/* 桌面主行：避免小头像 + surface2 大圆底形成「灰环」；与首字母头像阴影叠加显脏 */
.leafs-user-dropdown--header-toolbar .leafs-user-dropdown__toggle--avatar-only {
	width: auto;
	min-width: 0;
	height: 40px;
	min-height: 40px;
	padding: 3px 10px 3px 4px;
	gap: 6px;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--leafs-border) 88%, transparent);
	box-shadow: none;
	border-radius: 999px;
}

.leafs-user-dropdown--header-toolbar .leafs-user-dropdown__toggle--avatar-only:hover {
	background: color-mix(in srgb, var(--leafs-surface2) 55%, transparent);
	border-color: color-mix(in srgb, var(--leafs-brand) 35%, var(--leafs-border));
}

.leafs-user-dropdown--header-toolbar .leafs-header__avatar,
.leafs-user-dropdown--header-toolbar .leafs-header__avatar.leafs-avatar-letter {
	width: 32px !important;
	min-width: 32px !important;
	height: 32px !important;
	font-size: 13px !important;
}

.leafs-user-dropdown--header-toolbar .leafs-avatar-letter {
	box-shadow: none !important;
}

.leafs-user-dropdown--header-toolbar .leafs-user-dropdown__menu {
	z-index: 140;
}

/* 语言下拉 */
.leafs-lang-dropdown {
	position: relative;
	flex-shrink: 0;
}

.leafs-lang-dropdown__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	min-height: 40px;
	border-radius: 10px;
	border: 1px solid var(--leafs-border);
	background: var(--leafs-surface2);
	color: var(--leafs-text);
	font-size: 0.88rem;
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.leafs-lang-dropdown__btn:hover {
	border-color: var(--leafs-brand);
}

.leafs-lang-dropdown__caret {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid var(--leafs-muted);
}

.leafs-lang-dropdown__menu {
	position: absolute;
	right: 0;
	top: calc(100% + 6px);
	margin: 0;
	padding: 6px 0;
	list-style: none;
	min-width: 140px;
	background: var(--leafs-card);
	border: 1px solid var(--leafs-border);
	border-radius: 10px;
	box-shadow: var(--leafs-shadow-card-hover);
	z-index: 130;
}

.leafs-header__toolbar-meta .leafs-lang-dropdown__btn {
	padding: 6px 10px;
	min-height: 36px;
	font-size: 0.8125rem;
}

/* 薄栏：登录后仅头像 */
.leafs-header__toolbar-meta .leafs-user-dropdown__name {
	display: none;
}

.leafs-header__toolbar-meta .leafs-user-dropdown__toggle {
	gap: 5px;
	padding: 3px 10px 3px 4px;
	width: auto;
	min-width: 0;
	height: 40px;
	min-height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 999px;
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--leafs-border) 88%, transparent);
	box-shadow: none;
}

.leafs-header__toolbar-meta .leafs-user-dropdown__toggle:hover {
	background: color-mix(in srgb, var(--leafs-surface2) 55%, transparent);
	border-color: color-mix(in srgb, var(--leafs-brand) 35%, var(--leafs-border));
}

.leafs-header__toolbar-meta .leafs-header__avatar,
.leafs-header__toolbar-meta .leafs-header__avatar.leafs-avatar-letter {
	width: 32px !important;
	min-width: 32px !important;
	height: 32px !important;
	font-size: 13px !important;
}

.leafs-header__toolbar-meta .leafs-avatar-letter {
	box-shadow: none !important;
}

/* 用户下拉：淡入淡出 + 层级（position 等继承 main.css） */
.leafs-user-dropdown__menu {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
	pointer-events: none;
	z-index: 130;
}

.leafs-user-dropdown.is-open .leafs-user-dropdown__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.leafs-lang-dropdown__menu[hidden] {
	display: none !important;
}

.leafs-lang-dropdown__opt {
	display: block;
	padding: 10px 14px;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--leafs-text);
	text-decoration: none;
}

.leafs-lang-dropdown__opt:hover,
.leafs-lang-dropdown__opt.is-active {
	background: var(--leafs-surface2);
	color: var(--leafs-link);
	text-decoration: none;
}

/* 抽屉内语言/主题/CTA */
.leafs-header__drawer-util {
	border-top: 1px solid var(--leafs-border);
	margin-top: 8px;
	padding-top: 16px;
	padding-inline: 16px;
}

@media (min-width: 768px) {
	.leafs-header__drawer-util {
		display: none;
	}
}

.leafs-header__drawer-util-inner {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.leafs-header__drawer-row--tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px 12px;
}

.leafs-header__drawer-row--tools .leafs-lang-toggle {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	font-size: 0.6875rem;
}

.leafs-header__drawer-row--tools .leafs-theme-toggle {
	flex-shrink: 0;
}

.leafs-header__drawer-row--cta .leafs-header__drawer-cta {
	display: flex;
	width: 100%;
	justify-content: center;
	box-sizing: border-box;
}

.leafs-header__drawer-account {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-top: 1px solid var(--leafs-border);
	padding-top: 8px;
}

.leafs-header__drawer-account-link {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0 4px;
	font-size: 1rem;
	font-weight: 500;
	color: var(--leafs-text);
	text-decoration: none;
	border-bottom: 1px solid var(--leafs-border);
}

.leafs-header__drawer-account-link:last-child {
	border-bottom: none;
}

.leafs-header__drawer-login {
	width: 100%;
	justify-content: center;
	min-height: 48px;
}

/* 移动端顶栏登录图标 */
.leafs-header__login-fab {
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var(--leafs-border);
	background: var(--leafs-surface2);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.leafs-header__login-fab:hover {
	border-color: var(--leafs-brand);
}

.leafs-header__login-fab-icon {
	width: 22px;
	height: 22px;
	background: var(--leafs-text);
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
}

.leafs-user-dropdown--header-mobile .leafs-user-dropdown__toggle--icon-only {
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	padding: 0;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--leafs-border) 88%, transparent);
	box-shadow: none;
	overflow: hidden;
}

.leafs-user-dropdown--header-mobile .leafs-user-dropdown__toggle--icon-only:hover {
	background: color-mix(in srgb, var(--leafs-surface2) 50%, transparent);
	border-color: color-mix(in srgb, var(--leafs-brand) 35%, var(--leafs-border));
}

.leafs-user-dropdown--header-mobile .leafs-user-dropdown__toggle--icon-only .leafs-header__avatar,
.leafs-user-dropdown--header-mobile .leafs-user-dropdown__toggle--icon-only .leafs-header__avatar.leafs-avatar-letter {
	width: 38px !important;
	min-width: 38px !important;
	height: 38px !important;
	font-size: 15px !important;
}

.leafs-user-dropdown--header-mobile .leafs-user-dropdown__toggle--icon-only .leafs-avatar-letter {
	box-shadow: none !important;
}

/* -------------------------------------------------------------------------- */
/* 桌面子菜单（下拉）仍用 main 中规则；此处收紧层级 z-index                          */
/* -------------------------------------------------------------------------- */

@media (min-width: 768px) {
	.leafs-header-drawer__panel .leafs-nav__list .sub-menu {
		z-index: 70;
	}
}

/* -------------------------------------------------------------------------- */
/* 设计规范：主行纯色 + 滚动毛玻璃；≥1024 字号与 CTA；≤767 左抽屉与问候条          */
/* -------------------------------------------------------------------------- */

@media (min-width: 768px) {
	.leafs-header {
		background: transparent;
		border-bottom: none;
	}

	.leafs-header.is-scrolled {
		background: transparent !important;
		box-shadow: none !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}

	.leafs-header__row--main {
		background: var(--leafs-navbar-solid);
		border-bottom: 1px solid var(--leafs-header-border);
		transition: background 0.2s ease, box-shadow 0.2s ease, backdrop-filter 0.2s ease;
	}

	.leafs-header__row--main .leafs-header__inner {
		background: transparent;
		border-bottom: none;
	}

	.leafs-header.is-scrolled .leafs-header__row--main {
		background: color-mix(in srgb, var(--leafs-navbar-solid) 88%, transparent);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		box-shadow: var(--leafs-shadow-card);
	}
}

@media (min-width: 1024px) {
	.leafs-header-drawer__panel .leafs-nav__list > li > a {
		font-size: 0.95rem;
		padding-left: 0;
		padding-right: 0;
	}

	.leafs-header__brand .leafs-logo-text {
		font-size: 1.375rem;
	}

	.leafs-btn--header-cta {
		padding: 8px 24px;
		box-shadow: 0 4px 18px rgba(45, 106, 79, 0.28);
	}

	.leafs-btn--header-cta:hover {
		box-shadow: 0 6px 22px rgba(45, 106, 79, 0.35);
	}
}

/* i18n: avoid overflow when switched to English */
html[lang^="en"] .leafs-meta-nav__list {
	row-gap: 6px;
}

@media (min-width: 768px) {
	html[lang^="en"] .leafs-header__inner {
		gap: clamp(8px, 1vw, 12px);
		padding-inline: clamp(12px, 1.8vw, 20px);
	}

	html[lang^="en"] .leafs-header-drawer__panel .leafs-nav__list {
		gap: 0 clamp(8px, 1.1vw, 14px) !important;
	}

	html[lang^="en"] .leafs-header-drawer__panel .leafs-nav__list > li > a {
		padding-inline: 0;
		font-size: 0.9rem;
	}

	html[lang^="en"] .leafs-header-drawer__panel .leafs-nav__list > li.menu-item-has-children > a {
		padding-right: 20px;
	}

	html[lang^="en"] .leafs-header__toolbar-main {
		gap: 4px;
	}

	html[lang^="en"] .leafs-header__toolbar-main .leafs-btn--header-cta,
	html[lang^="en"] .leafs-header__toolbar-main .leafs-btn--login {
		padding-inline: 10px;
	}

	html[lang^="en"] .leafs-header__toolbar-main .leafs-btn--header-cta__label,
	html[lang^="en"] .leafs-header__toolbar-main .leafs-btn--login {
		display: inline-block;
		max-width: 16ch;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

html[lang^="en"] .leafs-header__meta-contact-item {
	max-width: 260px;
}

html[lang^="en"] .leafs-header-drawer__panel .leafs-nav__list > li > a {
	letter-spacing: 0;
}

@media (min-width: 768px) {
	html[lang^="en"] .leafs-header-drawer__panel .leafs-nav__list > li > a {
		padding-right: 0;
	}
}

@media (min-width: 768px) and (max-width: 1320px) {
	html[lang^="en"] .leafs-header-thin-greeting {
		display: none;
	}

	html[lang^="en"] .leafs-header__meta-center {
		display: none;
	}

	html[lang^="en"] .leafs-header__meta-end {
		margin-left: auto;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.leafs-btn--header-cta {
		padding: 8px 16px;
	}
}

/*
 * 桌面主导航：服务端英文 html[lang^="en"] 与 Edge 客户端翻译（文档 lang 仍为 zh）都会拉长文案。
 * 每项限制最大宽度并省略，配合列表 overflow-x:auto，避免横向顶破并与右侧工具钮重叠。
 */
@media (min-width: 768px) {
	.leafs-header-drawer__panel .leafs-nav__list > li > a {
		max-width: min(13vw, 10rem);
		min-width: 0;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text {
		max-width: 100%;
		width: 100%;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__clone,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__clone {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.leafs-header-drawer__panel .leafs-nav__list .sub-menu a {
		max-width: min(24vw, 18rem);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.leafs-btn--header-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.leafs-lang-dropdown__dual {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--leafs-muted);
}

.leafs-lang-dropdown__dual .is-current {
	color: var(--leafs-text);
}

.leafs-lang-dropdown__dual-sep {
	opacity: 0.45;
	font-weight: 500;
}

.leafs-user-dropdown__toggle--avatar-only .leafs-user-dropdown__name {
	display: none;
}

.leafs-user-dropdown__toggle--avatar-only {
	position: relative;
	padding-right: 14px;
}

.leafs-user-dropdown__caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid var(--leafs-muted);
	vertical-align: middle;
}

.leafs-user-dropdown.is-open .leafs-user-dropdown__toggle--avatar-only .leafs-user-dropdown__caret {
	transform: rotate(180deg);
}

.leafs-user-dropdown__toggle--avatar-only .leafs-user-dropdown__caret {
	transition: transform 0.2s ease;
}

@media (min-width: 768px) {
	.leafs-user-dropdown__menu {
		padding-top: 10px;
		margin-top: 4px;
	}

	/*
	 * 小三角：必须相对「触发按钮宽度」居中。原先 ::before 画在 menu 上且 right:14px，
	 * 菜单 min-width 远大于按钮，箭头会贴在菜单右上角。改到包裹层 ::after（宽度=按钮）。
	 */
	.leafs-user-dropdown.is-open::after {
		content: "";
		position: absolute;
		z-index: 131;
		left: 50%;
		top: calc(100% + 6px);
		width: 10px;
		height: 10px;
		box-sizing: border-box;
		background: var(--leafs-surface);
		border-right: 1px solid var(--leafs-border);
		border-top: 1px solid var(--leafs-border);
		transform: translate(-50%, -50%) rotate(-45deg);
		pointer-events: none;
	}
}

.leafs-user-dropdown__menu li,
.leafs-user-dropdown__menu a {
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {
	html {
		--leafs-header-greet-h: 0px;
		--leafs-header-h: calc(var(--leafs-header-main-h) + var(--leafs-header-greet-h));
	}

	/* 手机端顶部薄栏仅保留问候文案，不显示联系信息 */
	.leafs-topbar__contact,
	.leafs-topbar__right {
		display: none !important;
	}

	.leafs-topbar--slim .leafs-topbar__inner {
		min-height: 32px;
		padding: 5px 12px;
		justify-content: center;
	}

	.leafs-header__row--meta {
		display: none !important;
	}

	.leafs-header__row--greet-mobile {
		display: none !important;
	}

	.leafs-header-thin-greeting--mobile {
		display: block !important;
		margin: 0;
		width: 100%;
		font-size: 0.8125rem;
		line-height: 1.35;
		color: var(--leafs-muted);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: none;
	}

	/* 刘海屏：sticky 顶栏与系统状态栏对齐，减少下拉回弹时视觉错位 */
	body:not(.admin-bar) .leafs-header {
		top: env(safe-area-inset-top, 0px);
	}

	.leafs-header__inner {
		background: var(--leafs-navbar-solid);
		border-bottom: 1px solid var(--leafs-header-border);
	}

	.leafs-header__brand {
		order: 2;
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		transform: none;
		max-width: none;
		display: flex;
		justify-content: center;
		text-align: center;
		pointer-events: none;
	}

	.leafs-header__brand a,
	.leafs-header__brand .custom-logo-link {
		pointer-events: auto;
	}

	.leafs-header__brand .leafs-logo-text,
	.leafs-header__brand .custom-logo-link {
		margin: 0 auto;
	}

	.leafs-nav-toggle {
		order: 1;
		margin-right: 4px;
	}

	/* 修复手机端菜单按钮图标空白 */
	.leafs-nav-toggle span {
		display: block;
		width: 20px;
		height: 2px;
		border-radius: 2px;
		background: currentColor;
		opacity: 0.95;
	}

	.leafs-header-drawer__panel {
		left: 0;
		right: auto;
		border-left: none;
		border-right: 1px solid var(--leafs-border);
		border-radius: 0 16px 16px 0;
		box-shadow: 12px 0 48px rgba(0, 0, 0, 0.18);
		transform: translateX(-100%);
	}

	/* 全屏抽屉起点；层级由 main.css 与展开时 .leafs-header.is-drawer-open 抬升配合底栏 */
	.leafs-header-drawer {
		top: 0;
	}

	.leafs-header-drawer__panel {
		top: 0;
		bottom: 0;
		height: 100dvh;
		padding-top: calc(var(--leafs-view-header-bottom, var(--leafs-header-h)) + 8px);
		padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
		box-sizing: border-box;
	}

	.leafs-header-drawer__close {
		display: inline-flex;
		position: absolute;
		right: 10px;
		top: calc(var(--leafs-view-header-bottom, var(--leafs-header-h)) + 6px);
		width: 32px;
		height: 32px;
		border: 1px solid var(--leafs-border);
		border-radius: 999px;
		background: var(--leafs-card);
		color: var(--leafs-text);
		align-items: center;
		justify-content: center;
		font-size: 20px;
		line-height: 1;
		padding: 0;
		z-index: 2;
	}

	html[data-leafs-theme="dark"] .leafs-header-drawer__panel {
		box-shadow: 12px 0 48px rgba(0, 0, 0, 0.45);
	}

	.leafs-header.is-drawer-open .leafs-header-drawer__panel {
		transform: translateX(0);
	}

	.leafs-header-drawer__panel .leafs-nav__list > li {
		border-bottom: none;
		margin-bottom: 0;
	}

	.leafs-header-drawer__panel .leafs-nav__list a {
		min-height: 48px;
		padding: 12px 16px;
		margin: 0;
		border-radius: 0;
		background: transparent;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-icon {
		width: 28px;
		min-width: 28px;
		height: 24px;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-icon i {
		font-size: 24px;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a {
		font-size: 0.9375rem;
	}

	/* 桌面 hover 动画会插入 __clone；窄屏隐藏 clone，并让文案可换行（勿用 inline，否则会削弱 flex 子项 min-width:0 换行） */
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text {
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		max-width: 100%;
		height: auto;
		overflow: visible;
		line-height: 1.45;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
		vertical-align: baseline;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core {
		display: block;
		height: auto;
		overflow: visible;
		line-height: 1.45;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__main,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__main {
		display: inline;
		transform: none !important;
	}

	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__core .leafs-menu-text__clone,
	.leafs-header-drawer__panel .leafs-nav__list > li > a .leafs-menu-text__clone {
		display: none !important;
	}

	.leafs-header__drawer-util-inner {
		gap: 16px;
	}

	.leafs-header.is-drawer-open .leafs-nav-toggle span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.leafs-header.is-drawer-open .leafs-nav-toggle span:nth-child(2) {
		opacity: 0;
	}

	.leafs-header.is-drawer-open .leafs-nav-toggle span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}
}

@media (min-width: 768px) {
	.leafs-header__row--greet-mobile {
		display: none !important;
	}
}