/*
 * adi-casting 手机底栏 — brand dock
 * 覆盖系统 Homes/Tpl/_common/Public/xy_mfoot.css
 */
:root{
	--xy-mfoot-bg:#ffffff;
	--xy-mfoot-border:rgba(11,28,51,.08);
	--xy-mfoot-color:#5b6573;
	--xy-mfoot-ink:#0b1c33;
	--xy-mfoot-hover:#0c4d89;
	--xy-mfoot-hover-bg:rgba(12,77,137,.08);
	--xy-mfoot-wa:#25d366;
	--xy-mfoot-wa-bg:rgba(37,211,102,.1);
	--xy-mfoot-accent:#ff9e16;
	--xy-mfoot-top-bg:#0b1c33;
	--xy-mfoot-top-hover:linear-gradient(145deg,#ff9e16 0%,#e88a0a 100%);
	--xy-mfoot-z:1030;
	--xy-mfoot-height:58px;
}

.mfoot_box{display:none;}

.footer-bar,
.xy-footer,
.xy-footer.footer-bar{
	margin-bottom:0 !important;
}

@media screen and (max-width:768px){
	/* 用页脚深色 padding 占位，避免 margin 露出白缝 */
	body{
		padding-bottom:0 !important;
	}
	.footer-bar,
	.xy-footer,
	.xy-footer.footer-bar{
		margin-bottom:0 !important;
		padding-bottom:calc(var(--xy-mfoot-height) + env(safe-area-inset-bottom, 0px) + 10px) !important;
	}

	.mfoot_box{
		display:block;
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		margin:0;
		padding:0 0 env(safe-area-inset-bottom, 0px);
		background:var(--xy-mfoot-bg);
		border:0;
		border-radius:0;
		min-height:var(--xy-mfoot-height);
		box-shadow:0 -8px 28px rgba(11,28,51,.12);
		z-index:var(--xy-mfoot-z);
	}
	.mfoot_box::before{
		content:'';
		position:absolute;
		left:0;
		right:0;
		top:0;
		height:2px;
		background:linear-gradient(90deg, #0c4d89 0%, #ff9e16 50%, #0c4d89 100%);
	}
	.mfoot_box .navbar-collapse{display:none;}

	.mfoot_inner{
		display:flex;
		align-items:stretch;
		width:100%;
		height:var(--xy-mfoot-height);
		max-width:560px;
		margin:0 auto;
		padding:0 4px;
		box-sizing:border-box;
	}

	.mfoot_nav{
		flex:1 1 0;
		display:flex;
		align-items:stretch;
		justify-content:center;
		position:relative;
		margin:0;
		border-right:0;
		list-style:none;
		text-align:center;
		min-width:0;
	}
	.mfoot_nav:not(.mfoot_nav_top):not(:last-child)::after{
		content:'';
		position:absolute;
		right:0;
		top:16px;
		bottom:16px;
		width:1px;
		background:var(--xy-mfoot-border);
		pointer-events:none;
	}
	.mfoot_nav:nth-child(2)::after{display:none;} /* before top btn */

	.mfoot_nav a{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:4px;
		width:100%;
		color:var(--xy-mfoot-color);
		text-decoration:none;
		font-size:10px;
		line-height:1.15;
		padding:8px 2px;
		border-radius:10px;
		transition:color .22s ease, background .22s ease, transform .22s ease;
		-webkit-tap-highlight-color:transparent;
	}
	.mfoot_box.navbar-default .mfoot_nav a{
		color:var(--xy-mfoot-color);
		background:transparent;
	}

	.mfoot_nav .fa,
	.mfoot_nav .xy-iconfont{
		display:flex;
		align-items:center;
		justify-content:center;
		width:28px;
		height:28px;
		margin:0;
		font-size:18px;
		line-height:1;
		border-radius:50%;
		background:rgba(11,28,51,.04);
		color:var(--xy-mfoot-ink);
		transition:background .22s ease, color .22s ease, transform .22s ease;
	}
	.mfoot_nav:first-child .fa{
		background:var(--xy-mfoot-wa-bg);
		color:var(--xy-mfoot-wa);
	}
	.mfoot_nav:last-child .fa{
		background:rgba(255,158,22,.14);
		color:#d8890a;
	}

	.mfoot_label{
		display:block;
		font-size:10px;
		font-weight:600;
		letter-spacing:.02em;
		line-height:1.2;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		max-width:100%;
		color:inherit;
	}

	.mfoot_nav:not(.mfoot_nav_top) a:hover,
	.mfoot_nav:not(.mfoot_nav_top) a:focus,
	.mfoot_nav:not(.mfoot_nav_top) a:active,
	.mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:hover,
	.mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:focus,
	.mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:active{
		color:var(--xy-mfoot-hover);
		background:var(--xy-mfoot-hover-bg);
		text-decoration:none;
	}
	.mfoot_nav:not(.mfoot_nav_top) a:hover .fa,
	.mfoot_nav:not(.mfoot_nav_top) a:focus .fa,
	.mfoot_nav:not(.mfoot_nav_top) a:active .fa,
	.mfoot_nav:not(.mfoot_nav_top) a:hover .xy-iconfont,
	.mfoot_nav:not(.mfoot_nav_top) a:focus .xy-iconfont{
		transform:translateY(-2px);
		background:rgba(12,77,137,.12);
		color:var(--xy-mfoot-hover);
	}

	.mfoot_nav:first-child a:hover,
	.mfoot_nav:first-child a:focus,
	.mfoot_nav:first-child a:active,
	.mfoot_box.navbar-default .mfoot_nav:first-child a:hover,
	.mfoot_box.navbar-default .mfoot_nav:first-child a:focus,
	.mfoot_box.navbar-default .mfoot_nav:first-child a:active{
		color:var(--xy-mfoot-wa);
		background:var(--xy-mfoot-wa-bg);
	}
	.mfoot_nav:first-child a:hover .fa,
	.mfoot_nav:first-child a:focus .fa,
	.mfoot_nav:first-child a:active .fa{
		color:#fff;
		background:var(--xy-mfoot-wa);
	}

	.mfoot_nav:last-child a:hover,
	.mfoot_nav:last-child a:focus,
	.mfoot_nav:last-child a:active,
	.mfoot_box.navbar-default .mfoot_nav:last-child a:hover,
	.mfoot_box.navbar-default .mfoot_nav:last-child a:focus,
	.mfoot_box.navbar-default .mfoot_nav:last-child a:active{
		color:#c47a08;
		background:rgba(255,158,22,.12);
	}
	.mfoot_nav:last-child a:hover .fa,
	.mfoot_nav:last-child a:focus .fa,
	.mfoot_nav:last-child a:active .fa{
		color:#fff;
		background:var(--xy-mfoot-accent);
	}

	/* 中间置顶：圆形凸起 */
	.mfoot_nav_top{
		flex:0 0 64px;
		position:relative;
		z-index:2;
	}
	.mfoot_nav_top a{
		padding:0;
		height:100%;
	}
	.mfoot_box.navbar-default .mfoot_nav_top a{
		background:transparent;
	}
	.mfoot_top_btn{
		display:flex;
		align-items:center;
		justify-content:center;
		width:48px;
		height:48px;
		margin:-10px auto 0;
		border-radius:50%;
		color:#fff;
		background:var(--xy-mfoot-top-bg);
		border:3px solid #fff;
		box-shadow:0 6px 16px rgba(11,28,51,.28);
		transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
	}
	.mfoot_nav_top a:hover .mfoot_top_btn,
	.mfoot_nav_top a:focus .mfoot_top_btn,
	.mfoot_nav_top a:active .mfoot_top_btn{
		background:var(--xy-mfoot-top-hover);
		color:#fff;
		transform:translateY(-3px);
		box-shadow:0 10px 20px rgba(255,158,22,.35);
	}
	.mfoot_top_btn .fa,
	.mfoot_top_btn .xy-iconfont{
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		border-radius:0;
		background:transparent !important;
		font-size:18px;
		color:#fff !important;
		transform:none !important;
	}
}