.container {
  width: 347px;
  height: 196px;
  background: rgba(77, 107, 178, 0.2);
  // background: rgba(8, 24, 63, 0.8);
  border-radius: 15px;

  .cardTitle {
    color: rgb(189, 206, 233);
    font-family: 'DingTalk JinBuTi';
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    position: relative;
    padding: 0px 0px 0px 20px;
    // padding: 12px 0px 0px 20px;
    margin-top: 12px;

    &::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 10px;
      height: 24px;
      background: linear-gradient(
        135.87deg,
        rgb(86, 167, 255),
        rgb(86, 238, 255) 99.55%
      );
      border-radius: 0px 4px 4px 0px;
    }
  }

  .rightBtn {
    margin-right: 13px;
    margin-top: 12px;
    cursor: pointer;

    &.bindClick {
      opacity: 0;
    }

    &:hover {
      background-color: rgb(28, 192, 255);
      border-radius: 50px;
    }

    &:active {
      opacity: 0.6;
    }
  }
}
.otherSystem {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;

  span {
    color: #fff;
    cursor: pointer;
    &:hover {
      color: #1cc0ff;
    }
  }
}
