.me-main-menu {
  position: relative;
  z-index: 10000;
  user-select: none;
  background-size: cover;
  height: 100%;

  .divider {
    position: relative;
    padding-top: 12px;
  }
  // item-container 的下一个兄弟元素为 divider 时，设置 item-container 的 padding-bottom
  .item-container:has(+ .divider) {
    padding-bottom: 12px;
  }
  .divider::after {
    content: "";
    position: absolute;
    top: 0;
    left: 12px; /* 左边距 */
    right: 12px; /* 右边距 */
    height: 1px; /* 边框粗细 */
    background: #e5e7eb; /* 边框颜色 */
  }
  .item-content {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 12px;
  }
  .item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50px;
    color: white;
    display: flex;
    align-items: center;
    font-size: var(--el-font-size-base);
    font-weight: 500;
    cursor: pointer;

    .item-content {
      height: 100%;
      display: flex;
      align-items: center;
      width: 100%;
      margin: 0 12px;
    }

    .item-content__border {
    }

    .space {
      // width: 16px;
      // margin-left: 10px;
      margin-top: 1px;
    }

    .label {
      white-space: nowrap;
      margin-left: 3px;
    }

    i {
      font-size: 16px;
    }
  }
  .item:active {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .active {
    background-color: rgba(0, 0, 0, 0.5);
  }

  //右边箭头
  .active::after {
    position: absolute;
    right: 0px;
    width: 0;
    height: 0;
    overflow: hidden;
    content: "";
    border-color: transparent var(--el-color-white) transparent transparent;
    border-style: solid dashed dashed;
    border-width: 8px;
  }
}
