/**
 * 全站手机竖屏窄栏：大屏浏览器居中模拟手机宽度，真机窄屏时仍为满宽。
 * 需配合在公共模板中引入本文件（include/head、footnav_shell 等）。
 */
:root {
	--mobile-shell-max: 430px;
}

html {
	background: #0f172a;
	-webkit-text-size-adjust: 100%;
}

body {
	max-width: var(--mobile-shell-max);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	overflow-x: hidden;
	box-sizing: border-box;
}

@media (min-width: 431px) {
	body {
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.06),
			0 12px 48px rgba(0, 0, 0, 0.4);
	}
}

/* 固定底栏：与 body 同宽并水平居中（覆盖 left:0;right:0;width:100%） */
@media (min-width: 431px) {
	.footnav,
	.footer,
	.weui-tabbar {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%);
		width: min(100vw, var(--mobile-shell-max)) !important;
		max-width: var(--mobile-shell-max) !important;
	}
}