.node-tooltips {
  position: absolute;
  z-index: 10;
  width: 300px;
  padding: 10px;
  background: white;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(146, 146, 146, 0.09);

  &::after {
    position: absolute;
    bottom: -8px; /* 让三角形紧贴 div 底部 */
    left: 12px; /* 控制三角形相对 div 的位置 */
    width: 0;
    height: 0;
    border-top: 8px solid white; /* 主要颜色 */
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: '';
  }

  &::before {
    position: absolute;
    bottom: -10px; /* 边框略大，形成描边效果 */
    left: 10px; /* 调整边框的偏移量，使其覆盖白色三角形 */
    width: 0;
    height: 0;
    border-top: 10px solid #eaeaea; /* 这是边框颜色 */
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: '';
  }

  &__title {
    margin: 10px 0;
    color: @text-color;
    font-weight: 500;
    font-size: @font-size-content;
  }

  &__row {
    display: flex;
    align-items: flex-start;
    margin: 4px 0;
    color: @text-color;
    font-size: 14px;

    &:first-child {
      margin-top: 0;
    }

    &:last-child {
      margin-bottom: 10px;
    }

    &__title {
      display: inline-block;
      width: 100px;
      color: @text-color-secondary;
      text-align: right;
    }

    &__value {
      flex: 1;
      min-width: 0;
      color: @text-color;
      font-weight: 500;
      word-break: break-all;
    }

    &__link {
      flex: 1;
      min-width: 0;
      font-weight: 500;
      word-break: break-all;

      &:hover {
        text-decoration: underline @underline-color;
      }
    }
  }
}

.node-tooltips.node-tooltips--right {
  &::after {
    position: absolute;
    right: 12px; /* 控制三角形相对 div 的位置 */
    bottom: -8px; /* 让三角形紧贴 div 底部 */
    left: auto;
    width: 0;
    height: 0;
    border-top: 8px solid white; /* 主要颜色 */
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: '';
  }

  &::before {
    position: absolute;
    right: 10px; /* 调整边框的偏移量，使其覆盖白色三角形 */
    bottom: -10px; /* 边框略大，形成描边效果 */
    left: auto;
    width: 0;
    height: 0;
    border-top: 10px solid #eaeaea; /* 这是边框颜色 */
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: '';
  }
}
