/**
 * 全站移动端底部导航（前台 footer / 非会员页）
 * - border-box + 图标区固定 52px
 * - 禁止 html/body overflow-x:hidden / backdrop-filter，避免普通滚动时 fixed 跟页下沉
 * - 保留原生下拉刷新（不用 overscroll-behavior:none）
 */
/*======= sanxio site bottom nav mobile start ===========*/
@media (max-width: 1024px) {
	html,
	body {
		overflow-x: visible !important;
	}

	.md3-bottom-nav {
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		justify-content: space-around !important;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		max-width: 100vw !important;
		height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
		min-height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
		max-height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
		padding: 0 !important;
		padding-bottom: env(safe-area-inset-bottom, 0px) !important;
		box-sizing: border-box !important;
		z-index: 1100 !important;
		margin: 0 !important;
		transform: none !important;
		-webkit-transform: none !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		background: var(--md3-color-surface, #fff) !important;
		border-top: 1px solid var(--md3-color-outline-variant, rgba(0, 0, 0, 0.08)) !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		/* 独立合成层，减少跟页橡皮筋错位 */
		will-change: transform;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.md3-bottom-nav__item {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		min-height: 52px !important;
		height: 52px !important;
		max-height: 52px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		pointer-events: auto !important;
		touch-action: manipulation !important;
		-webkit-tap-highlight-color: transparent;
		position: relative !important;
		z-index: 1 !important;
		cursor: pointer !important;
	}

	.md3-bottom-nav__icon-wrapper {
		overflow: visible !important;
	}

	.md3-bottom-nav__icon-wrapper,
	.md3-bottom-nav__label {
		pointer-events: none !important;
	}

	/* badge sits on the item (position:relative), not inside 24px icon box */
	.md3-bottom-nav__badge--count {
		pointer-events: none !important;
		position: absolute !important;
		top: 4px !important;
		left: 50% !important;
		right: auto !important;
		margin-left: 6px !important;
		min-width: 16px !important;
		height: 16px !important;
		padding: 0 4px !important;
		border: none !important;
		border-radius: 8px !important;
		background: #ba1a1a !important;
		color: #fff !important;
		font-size: 10px !important;
		font-weight: 700 !important;
		line-height: 16px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		z-index: 3 !important;
		transform: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.md3-bottom-nav__badge--count[hidden] {
		display: none !important;
		visibility: hidden !important;
	}

	.md3-bottom-nav-spacer {
		display: block !important;
		height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
		pointer-events: none !important;
	}

	body:has(#settingsDrawer.mdc-drawer--open) .md3-bottom-nav,
	body:has(.md3-navigation-drawer.is-open) .md3-bottom-nav,
	body:has(#drawerScrim.mdc-drawer-scrim--visible) .md3-bottom-nav,
	body:has(#js-drawer-scrim:not([style*="display: none"])) .md3-bottom-nav {
		z-index: 990 !important;
	}
}
/*======= sanxio site bottom nav mobile end ===========*/