.custom-tabbar .tabbar-item .tabbar-icon {
  transition: filter 0.2s ease, opacity 0.2s ease;
}

.custom-tabbar .tabbar-item:not(.active) .tabbar-icon {
  filter: grayscale(1);
  opacity: 0.48;
}

.custom-tabbar .tabbar-item.active .tabbar-icon {
  filter: none;
  opacity: 1;
}

/* 老板端底部导航降低背景不透明度 */
.custom-tabbar-wrap .custom-tabbar {
  background: rgba(255, 255, 255, .62) !important;
}

@media (prefers-reduced-motion: reduce) {
  .custom-tabbar .tabbar-item .tabbar-icon {
    transition: none;
  }
}