/* tabs.page.scss */
.custom-tab-bar {
    --background: #ffffff;
    --color: #6d6d6d; // 未选中状态颜色
    --color-selected: #3880ff; // 选中状态颜色
    border-top: 1px solid #f0f0f0;
    height: 56px;
    padding-top: 6px;
    padding-bottom: env(safe-area-inset-bottom);
  
    ion-tab-button {
      position: relative;
      transition: transform 0.2s ease;
  
      ion-icon {
        font-size: 22px;
        margin-bottom: 4px;
        transition: all 0.2s ease;
      }
  
      ion-label {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.2px;
      }
  
      &.tab-selected {
        ion-icon {
          transform: translateY(-2px);
        }
      }
    }
  
    .badge {
      position: absolute;
      top: 2px;
      right: 20%;
      font-size: 10px;
      min-width: 16px;
      height: 16px;
      line-height: 16px;
    }
  }