.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 153px;
  background: #fff;
  display: flex;
  pointer-events: auto;
  // padding-top: 25rpx;
  // padding-bottom: env(safe-area-inset-bottom);
  box-shadow: 0rpx -3rpx 7rpx 1rpx rgba(173, 191, 207, 0.21);
  z-index: -1;
  box-sizing: border-box;
}

// .tab-bar-border {
//   background-color: rgba(0, 0, 0, 0.33);
//   position: absolute;
//   left: 0;
//   top: 0;
//   width: 100%;
//   height: 1px;
//   transform: scaleY(0.5);
// }
.tab-bar-item {
  margin-top: 25rpx;
  flex: 1;
  text-align: center;
  display: flex;
  // justify-content: center;
  align-items: center;
  flex-direction: column;
}

.tab-bar-item cover-image {
  width: 54px !important;
  height: 54px !important;
}

.tab-bar-item cover-view {
  font-size: 20px;
}

.tab-bar-layer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 153px;
  z-index: 1001;
  background-color: var(--overlay-background-color, rgba(0, 0, 0, 0.7));
  // backdrop-filter: blur(7px);
  // position: fixed;
  // bottom: 0;
  // left: 0;
  // right: 0;
  // display: flex;
  // height: 120px;
  // align-items: center;
  // background-color: #fff;
  // padding-bottom: env(safe-area-inset-bottom);
  // &::before {
  //   content: "";
  //   position: absolute;
  //   top: 0;
  //   left: 0;
  //   width: 100%;
  //   height: 100%;
  //   background-color: rgba(0, 0, 0, 0.7);
  //   // opacity: 0.5;
  //   backdrop-filter: blur(7px);
  //   // filter:blur(5px);
  // }
}
