/* Bottom navigation visual refresh. Keep the original uni-app tabbar DOM/events. */
@font-face {
  font-family: "layui-tab-icons";
  src: url("/static/vendor/layui-v2.13.9/layui/font/iconfont.woff2?v=293") format("woff2");
  font-display: swap;
}

uni-tabbar .uni-tabbar {
  height: 66px !important;
  padding: 4px 8px max(4px, env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, .97) !important;
  border-top: 1px solid #e8edf4 !important;
  box-shadow: 0 -6px 18px rgba(31, 52, 80, .055) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

uni-tabbar .uni-tabbar-border {
  display: none !important;
}

uni-tabbar .uni-tabbar__item {
  height: 58px !important;
  padding: 2px 5px !important;
  box-sizing: border-box !important;
}

uni-tabbar .uni-tabbar__bd {
  width: 70px !important;
  height: 52px !important;
  margin: 0 auto !important;
  padding: 4px 8px 3px !important;
  box-sizing: border-box !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease !important;
}

uni-tabbar .uni-tabbar__icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 27px !important;
  height: 27px !important;
  margin: 0 auto !important;
  color: #687386 !important;
  font-size: 0 !important;
  border-radius: 9px !important;
  transition: color .16s ease, background-color .16s ease !important;
}

uni-tabbar .uni-tabbar__icon img {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

uni-tabbar .uni-tabbar__icon::before {
  display: block;
  font-family: "layui-tab-icons" !important;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: currentColor;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

uni-tabbar .uni-tabbar__item:nth-of-type(2) .uni-tabbar__icon::before { content: "\e63a"; }
uni-tabbar .uni-tabbar__item:nth-of-type(3) .uni-tabbar__icon::before { content: "\e612"; }
uni-tabbar .uni-tabbar__item:nth-of-type(4) .uni-tabbar__icon::before { content: "\e600"; }
uni-tabbar .uni-tabbar__item:nth-of-type(5) .uni-tabbar__icon::before { content: "\e770"; }

uni-tabbar .uni-tabbar__label {
  margin-top: 1px !important;
  color: #687386 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 15px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

uni-tabbar .uni-tabbar__bd:has(.uni-tabbar__label[style*="40, 120, 255"]) {
  background: #f2f7ff !important;
  border-color: #dce9fc !important;
}

uni-tabbar .uni-tabbar__bd:has(.uni-tabbar__label[style*="40, 120, 255"]) .uni-tabbar__icon,
uni-tabbar .uni-tabbar__bd:has(.uni-tabbar__label[style*="40, 120, 255"]) .uni-tabbar__label {
  color: #2878f0 !important;
}

uni-tabbar .uni-tabbar__bd:has(.uni-tabbar__label[style*="40, 120, 255"]) .uni-tabbar__label {
  font-weight: 650 !important;
}

uni-tabbar .uni-tabbar__item:active .uni-tabbar__bd {
  transform: scale(.96);
  background: #eef3fa !important;
}

uni-tabbar .uni-placeholder {
  height: 66px !important;
}

@media (max-width: 360px) {
  uni-tabbar .uni-tabbar__bd { width: 64px !important; }
}

@media (prefers-reduced-motion: reduce) {
  uni-tabbar .uni-tabbar__bd,
  uni-tabbar .uni-tabbar__icon { transition: none !important; }
}