:root {
  --van-tabbar-background: #6e62f0;
  --tabbar-background: #6e62f0;
  --ea-bar: #6e62f0;
}

.van-tabbar,
.van-tabbar--fixed,
footer .van-tabbar {
  background: var(--ea-bar) !important;
  background-color: var(--ea-bar) !important;
  border-top: none !important;
  border-radius: 28px 28px 0 0 !important;
  overflow: visible !important;
  box-shadow: 0 -6px 18px rgba(80, 70, 180, 0.18);
  height: 72px !important;
}

.van-tabbar-item {
  background: transparent !important;
}

.van-tabbar-item,
.van-tabbar-item__text,
.van-tabbar-item span,
.van-tabbar-item .relative {
  color: #fff !important;
  font-weight: 600 !important;
}

.van-tabbar-item--active,
.van-tabbar-item--active .van-tabbar-item__text,
.van-tabbar-item--active span {
  color: #fff !important;
}

.van-tabbar-item:nth-child(1) img,
.van-tabbar-item:nth-child(3) img {
  filter: brightness(0) invert(1) !important;
  height: 28px !important;
  width: auto !important;
  opacity: 0.95;
}

.van-tabbar-item:nth-child(2) {
  overflow: visible !important;
}

.van-tabbar-item:nth-child(2) img {
  width: 58px !important;
  height: 58px !important;
  max-width: 58px !important;
  object-fit: contain;
  background: #fff;
  border-radius: 50%;
  padding: 8px;
  margin-top: -26px !important;
  margin-bottom: 2px !important;
  box-shadow: 0 6px 16px rgba(40, 30, 90, 0.28);
  filter: none !important;
  position: relative;
  z-index: 4;
}