/**
 * huazhitong — 手机底栏主题覆盖（系统注入 _common/Public/mfoot + 本文件）
 */
:root {
  --xy-mfoot-bg: #f7fafb;
  --xy-mfoot-border: #d9e8ef;
  --xy-mfoot-color: #3d5a68;
  --xy-mfoot-hover: var(--xy-skin-primary, #55b4d4);
  --xy-mfoot-hover-bg: rgba(85, 180, 212, 0.12);
  --xy-mfoot-wa: #128C7E;
  --xy-mfoot-wa-bg: rgba(18, 140, 126, 0.1);
  --xy-mfoot-top-bg: #3d5a68;
  --xy-mfoot-top-hover: linear-gradient(135deg, var(--xy-skin-primary, #55b4d4) 0%, #2a9bb8 100%);
  --xy-mfoot-z: 1030;
  --xy-mfoot-height: 52px;
}

.mfoot_box { display: none !important; }

/* 旧 Impreza 黑底 mobi-bar 与系统 mfoot 冲突，强制关掉 */
.mobi-bar {
  display: none !important;
}

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

@media screen and (max-width: 768px) {
  /* 去掉 body/页脚外边距叠出的灰缝；避让高度吃进版权深色条 */
  body,
  .xy-layout,
  .app {
    padding-bottom: 0 !important;
  }
  .footer-bar,
  .l-footer.xy-sync-footer,
  .l-footer.layout_compact {
    margin-bottom: 0 !important;
  }
  .xy-impreza-footer-bottom,
  .color_footer-bottom.xy-impreza-footer-bottom,
  .l-footer .color_footer-bottom,
  .l-footer.layout_compact .xy-impreza-footer-bottom,
  .l-footer.layout_compact .color_footer-bottom.xy-impreza-footer-bottom {
    background: #0b1c24 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .xy-impreza-footer-bottom .l-section-h,
  .color_footer-bottom .l-section-h,
  .l-footer.layout_compact .xy-impreza-footer-bottom .l-section-h,
  .l-footer .xy-impreza-footer-bottom .l-section-h,
  .l-footer .color_footer-bottom .l-section-h {
    padding-bottom: calc(12px + var(--xy-mfoot-height) + env(safe-area-inset-bottom, 0px)) !important;
  }
  .mfoot_box {
    display: block !important;
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--xy-mfoot-bg);
    border-top: 1px solid var(--xy-mfoot-border);
    min-height: var(--xy-mfoot-height);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    z-index: var(--xy-mfoot-z) !important;
    box-shadow: 0 -6px 20px rgba(26, 58, 74, 0.08);
  }
  .mfoot_inner {
    display: flex;
    align-items: stretch;
    height: var(--xy-mfoot-height);
  }
  .mfoot_nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--xy-mfoot-border);
  }
  .mfoot_nav:last-child { border-right: none; }
  .mfoot_nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
    height: 100%;
    color: var(--xy-mfoot-color);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .mfoot_nav .fa,
  .mfoot_nav .xy-iconfont,
  .mfoot_nav .w105-iconfont {
    font-size: 18px;
    line-height: 1;
    margin: 0;
  }
  .mfoot_label {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
  }
  .mfoot_nav:not(.mfoot_nav_top) a:hover,
  .mfoot_nav:not(.mfoot_nav_top) a:focus {
    color: var(--xy-mfoot-hover);
    background: var(--xy-mfoot-hover-bg);
  }
  .mfoot_nav:first-child a:hover,
  .mfoot_nav:first-child a:focus {
    color: var(--xy-mfoot-wa);
    background: var(--xy-mfoot-wa-bg);
  }
  .mfoot_nav_top a { padding: 0; }
  .mfoot_top_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--xy-mfoot-top-bg);
    color: #fff;
  }
  .mfoot_nav_top a:hover .mfoot_top_btn,
  .mfoot_nav_top a:focus .mfoot_top_btn {
    background: var(--xy-mfoot-top-hover);
  }
  .mfoot_top_btn .fa,
  .mfoot_top_btn .xy-iconfont,
  .mfoot_top_btn .w105-iconfont {
    margin: 0;
    font-size: 15px;
    color: #fff;
  }
}