/**
 * eurping：手机底栏刚好让出内容，不留大片空白
 */
:root{
	--xy-mfoot-hover:var(--xy-skin-primary,#d80006);
	--xy-mfoot-top-bg:#333;
	--xy-mfoot-top-hover:linear-gradient(135deg,#d80006 0%,#b50005 100%);
	--xy-mfoot-height:52px;
	/* 仅略高于底栏，避免大块空白 */
	--xy-mfoot-clear:calc(var(--xy-mfoot-height) + env(safe-area-inset-bottom, 0px) + 8px);
}

@media screen and (max-width:768px){
	html,body{
		position:static !important;
		left:auto !important;
		top:auto !important;
		height:auto !important;
		min-height:100%;
		overflow-x:hidden;
	}
	/* 只用一处占位，不要 body + container 叠两层 */
	body{
		padding-bottom:0 !important;
	}
	.container{
		padding-bottom:0 !important;
		margin-bottom:0 !important;
		position:relative;
	}
	.container:after{
		content:"" !important;
		display:block !important;
		width:100% !important;
		height:var(--xy-mfoot-clear) !important;
		pointer-events:none;
		clear:both;
	}
	.web_footer{
		overflow:visible !important;
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}
	.mfoot_box{
		padding-bottom:env(safe-area-inset-bottom, 0px);
		box-sizing:content-box;
		z-index:1030;
	}
	/* 侧滑菜单打开时隐藏底栏，菜单内不必再垫很高 */
	body:has(.mobile-body-mask) .mfoot_box{
		display:none !important;
	}
	.mobile-head-items{
		z-index:1100 !important;
	}
	.mobile-body-mask{
		z-index:1090 !important;
	}
	.mobile-head-item .side-content-wrap,
	.mobile-head-item .main-content-wrap{
		z-index:1101 !important;
	}
	.mobile-head-item .content-wrap{
		padding-bottom:12px !important;
		box-sizing:border-box;
	}
	.mobile-head-item.mobile-head-nav .content-wrap{
		padding-bottom:16px !important;
	}
}