@charset "utf-8";
/* ============================================================
   振环官网 · 移动端底部操作栏（最终层，2026-11-13）
   交互职责：拨打电话 / 联系我们 / 返回首页 / 返回顶部
   断点约定：≤768px 显示固定栏，≥769px 隐藏（桌面端零影响）
   说明：旧层 zh-unified.css 对 .zh-mobile-bar 有 display:none !important，
        本层为最终加载层，仅在移动端媒体查询内放开。
        电话号码统一复用模板字段 {pboot:companyphone}，不硬编码。
   ============================================================ */

.zh-mobile-bar,
body .zh-mobile-bar{
  /* 桌面/超宽：一律隐藏。选择器带 body 提权（0,1,1），
     与旧层 zh-unified.css 的 body .zh-mobile-bar 隐藏规则同权、后加载者胜 */
  display:none !important;
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:var(--zh-z-bar,300);
  box-sizing:border-box;
  height:calc(56px + env(safe-area-inset-bottom,0px));
  padding-bottom:env(safe-area-inset-bottom,0px);
  background:var(--hf-dark-2,var(--zh-dark,#171d23));
  border-top:1px solid var(--hf-dark-line,#333c45);
  transition:transform .2s ease-out;
}

/* 四个等宽操作位：宽度稳定，不随文字长度变化 */
.zh-mobile-bar a,
.zh-mobile-bar button{
  flex:1 1 0;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#fff;
  font-size:12.5px;
  line-height:1;
  font-family:inherit;
  text-decoration:none;
  background:none;
  border:0;
  padding:0;
  margin:0;
  cursor:pointer;
}
.zh-mobile-bar a + a,
.zh-mobile-bar a + button{
  border-left:1px solid var(--hf-dark-line,#333c45);
}
/* 内联 SVG 图标（currentColor 跟随文字色，零字体依赖） */
.zh-mobile-bar svg{
  width:18px;
  height:18px;
  flex:none;
  fill:currentColor;
  color:#d99a72;
}
.zh-mobile-bar a:hover svg,
.zh-mobile-bar a:focus-visible svg{color:#e0a780;}
.zh-mobile-bar span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.zh-mobile-bar a:hover,
.zh-mobile-bar a:focus-visible{color:#e0a780;}

/* 返回顶部：置灰=不可用（页面顶部），可访问性由真实 button + aria-label 保证 */
.zh-mobile-bar button:disabled{color:#828c96;cursor:default;}
.zh-mobile-bar button:disabled svg{color:#828c96;}
.zh-mobile-bar button:focus-visible,
.zh-mobile-bar a:focus-visible{
  outline:2px solid var(--zh-focus,#1f5fbf);
  outline-offset:-2px;
}

/* 隐藏状态复用旧机制：页脚可见时下滑隐藏；导航抽屉打开时同样隐藏 */
.zh-mobile-bar.is-hidden{
  transform:translateY(100%);
  pointer-events:none;
}

/* ≤768px：显示固定栏，并给内容区等高安全间距，避免遮挡正文/页脚/备案号 */
@media (max-width:768px){
  body .zh-mobile-bar{display:flex !important;}
  body{
    padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));
  }
}