/* nav.css — H5 四页共用底部导航样式（首页 / 商城 / 台账 / 我的）
 * 零外链资源；配合 nav.js 使用。引入本样式的页面统一使用 4-tab 底部导航，
 * 并隐藏商城旧版 4-tab 底部栏（#bottomBar），避免出现双层底栏。 */
body { padding-bottom: 64px; }

.h5nav {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
  display: flex; background: #fff; border-top: 1px solid #e8ebf1;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, .05);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.h5nav-item {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 8px 0 6px; color: #8a8f99; text-decoration: none; font-size: 11px;
  line-height: 1.15; -webkit-tap-highlight-color: transparent;
}
.h5nav-item .h5nav-ic { font-size: 20px; line-height: 1.1; }
.h5nav-item .h5nav-lb { font-size: 11px; }
.h5nav-item.on { color: #1E6FFF; }

/* 商城旧版底部栏（4 tab）：在引入本导航的页面统一隐藏，避免双层底栏 */
#bottomBar { display: none !important; }

/* 首页左下/右下悬浮入口上移，避免被底部导航遮挡 */
.complaint, .mybind { bottom: 78px; }