// .graphG6Root {
//   width: 100%;
//   height: 100%;
//   overflow: hidden;
//   position: relative;

//   .graphContainer {
//     width: 100%;
//     height: 100%;
//     position: relative;
//     border: 1px solid var(--kw-line-color);
//   }
// }

.detail-graphG6Root {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;

  .loading {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .graphHeader {
    top: 0px;
    left: 0px;
    z-index: 999;
    position: absolute;
    .select {
      width: 200px;
    }
  }
  .graphContainer {
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid var(--kw-line-color);

    .g6-tooltip {
      padding: 5px;
      max-width: 340px;
      height: auto;
      font-size: 14px;
      color: white;
      word-wrap: break-word;
      background: rgba(0, 0, 0, 0.75);
      box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
        0px 3px 6px -4px rgba(0, 0, 0, 0.12);
      user-select: none;
      border-radius: 4px;

      .name {
        margin: 8px 16px 0 16px;
      }

      .nick-name {
        margin: 8px 16px 0 16px;
        padding: 14px 0 0 0;
        border-top: 1px dashed rgba(255, 255, 255, 1);
      }

      .des {
        word-break: break-all;
        margin: 8px 16px 14px 16px;
        color: rgba(255, 255, 255, 0.9);
      }
    }
  }
}
