/**
 * 移动顶栏辅助（#js-mobile-top-nav / MD3 chip）
 * 旧 .sanxio-mobile-top-nav 皮已退役；汉堡已清除。
 * rev=20261112nav1
 */

/*======= sanxio 移动顶栏：语种归头像菜单；鉴权页藏消息入口 start ===========*/
@media (max-width: 1024px) {
	#js-mobile-top-nav #js-translate-btn-mobile,
	#js-mobile-top-nav:has(.md3-mobile-top-nav__title-text[data-i18n^="login."]) a[href*="message.php"],
	#js-mobile-top-nav:has(.md3-mobile-top-nav__title-text[data-i18n^="register."]) a[href*="message.php"] {
		display: none !important;
	}
}
/*======= sanxio 移动顶栏：语种归头像菜单 end ===========*/

/*======= sanxio 稳定导航字形（字体加载前后同向量） start ===========*/
@media (max-width: 1024px) {
	#js-mobile-top-nav #js-mobile-back-btn .material-symbols-outlined,
	#js-mobile-top-nav #js-mobile-settings-toggle .mdc-top-app-bar__user-avatar-fallback,
	#js-mobile-top-nav a[href*="message.php"] .material-symbols-outlined,
	#js-mobile-top-nav #sanxioMobileSearchBarToggleIcon {
		font-size: 0 !important;
		line-height: 0 !important;
		width: 24px !important;
		height: 24px !important;
		flex-shrink: 0;
		overflow: hidden;
	}
	#js-mobile-top-nav #js-mobile-back-btn .material-symbols-outlined > svg,
	#js-mobile-top-nav #js-mobile-settings-toggle .mdc-top-app-bar__user-avatar-fallback > svg,
	#js-mobile-top-nav a[href*="message.php"] .material-symbols-outlined > svg,
	#js-mobile-top-nav #sanxioMobileSearchBarToggleIcon > svg {
		display: none !important;
	}
	#js-mobile-top-nav #js-mobile-back-btn .material-symbols-outlined::before,
	#js-mobile-top-nav #js-mobile-settings-toggle .mdc-top-app-bar__user-avatar-fallback::before,
	#js-mobile-top-nav a[href*="message.php"] .material-symbols-outlined::before,
	#js-mobile-top-nav #sanxioMobileSearchBarToggleIcon::before {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background-color: currentColor;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 24px 24px;
		mask-size: 24px 24px;
		-webkit-mask-position: center;
		mask-position: center;
	}
	#js-mobile-top-nav #js-mobile-back-btn .material-symbols-outlined::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012H4M11%205l-7%207%207%207%22%2F%3E%3C%2Fsvg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012H4M11%205l-7%207%207%207%22%2F%3E%3C%2Fsvg%3E");
	}
	#js-mobile-top-nav #js-mobile-settings-toggle .mdc-top-app-bar__user-avatar-fallback::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200%20M15%209a3%203%200%201%201-6%200%203%203%200%200%201%206%200%20M6%2019a6%206%200%200%201%2012%200%22%2F%3E%3C%2Fsvg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200%20M15%209a3%203%200%201%201-6%200%203%203%200%200%201%206%200%20M6%2019a6%206%200%200%201%2012%200%22%2F%3E%3C%2Fsvg%3E");
	}
	#js-mobile-top-nav a[href*="message.php"] .material-symbols-outlined::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18v14H3z%20M3%206l9%207%209-7%22%2F%3E%3C%2Fsvg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18v14H3z%20M3%206l9%207%209-7%22%2F%3E%3C%2Fsvg%3E");
	}
	#js-mobile-top-nav #sanxioMobileSearchBarToggleIcon::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2010a6%206%200%201%201-12%200%206%206%200%200%201%2012%200%20M14.5%2014.5L21%2021%22%2F%3E%3C%2Fsvg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2010a6%206%200%201%201-12%200%206%206%200%200%201%2012%200%20M14.5%2014.5L21%2021%22%2F%3E%3C%2Fsvg%3E");
	}
	#js-mobile-top-nav #js-mobile-settings-toggle .mdc-top-app-bar__user-avatar-fallback {
		position: absolute !important;
		inset: 0 !important;
		margin: auto !important;
		transform: none !important;
	}
}
/*======= sanxio 稳定导航字形 end ===========*/