.xm-navbar {
  position: relative;
  // 默认半透明，用于毛玻璃效果
  background-color: rgba(white, 0.95);

  // 固定顶部
  &.is-fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
  }

  // 如果是white的颜色风格，给后面的scroll增加top padding
  &.xm-navStyle--white {
  }

  // 如果是orange的颜色风格，给后面的scroll增加top padding
  &.xm-navStyle--orange {
    background-color: rgba($c-theme, 0.95);

    & > .bar-item {
      color: white;
    }
    &::before {
      // 下边框
      border-bottom: 1px solid $c-theme-light;
    }
  }

  &.xm-navStyle--trans-orange {
    & > .bar-item {
      color: white;
    }
    &::before {
      // 下边框
      border-bottom: 1px solid $c-theme-light;
    }
  }

  &.xm-navStyle--anniversary {
    background-color: #EE194C;

    & > .bar-item {
      color: white;
    }
  }
  

  /*
  xm-navStyle--white
  xm-navStyle--float-white
  xm-navStyle--trans-white
  xm-navStyle--trans-orange
  */
}

.xm-navbar-status-underlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  width: 100%;
  background-color: #888;
}