.panel-controls-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  .panel-btn-box {
    margin-top: 12px;
    width: 40px;
    height: 392px;
    background: #565656;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    .panel-btn {
      position: relative;
      width: 100%;
      height: 32px;
      background: #565656;
      color: white;
      border: none; /* 可选：移除边框 */
      margin-left: 0;
      padding: 5px 8px;
      .panel-icon {
        width: 24px;
        height: 24px !important;
      }
      // 三角角标
      &::after {
        content: '';
        position: absolute;
        right: 4px; // 右下角定位
        bottom: 4px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 4px 4px; // 控制三角大小
        border-color: transparent transparent #fff transparent; // 三角颜色
      }
      &:hover {
        background: #121212;
      }
    }
  }
}
.panel-controls-menu-box {
  // background-color: red;
  .panel-controls-menu {
    background-color: transparent !important;
    .node-content {
      .node-icon {
        width: 24px;
        height: 24px !important;
      }
    }
  }
}
