/* 电脑端：居中窄屏壳，手机端保持全宽 */
html,
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	background: #ebe6e2;
}

#app {
	min-height: 100vh;
	background: #f6f1ef;
}

@media (min-width: 481px) {
	html,
	body {
		background: #d9d2cc;
	}

	#app {
		width: 480px;
		max-width: 480px;
		margin: 0 auto;
		min-height: 100vh;
		box-shadow: 0 0 0 1px rgba(28, 25, 24, 0.06), 0 12px 40px rgba(28, 25, 24, 0.12);
		position: relative;
		overflow: hidden;
	}

	/* 固定顶栏 / 底栏限制在窄屏内 */
	.uni-page-head,
	.uni-placeholder,
	.uni-tabbar,
	.uni-tabbar-bottom,
	uni-tabbar {
		max-width: 480px !important;
		left: 50% !important;
		right: auto !important;
		width: 480px !important;
		margin-left: -240px !important;
		box-sizing: border-box;
	}

	.uni-tabbar {
		transform: none !important;
	}
}