.ai-chat-card-container {
  /* px-to-viewport-ignore-next */
  border-radius: 20px;

  /* px-to-viewport-ignore-next */
  padding: 15px 15px 14px 10px;
  width: 100%;
  box-sizing: border-box;
}

.ai-chat-card-container-cardinfo {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;

  /* px-to-viewport-ignore-next */
  height: 47px;
  flex-direction: row;
}

.ai-chat-card-container-cardinfo-img {
  /* px-to-viewport-ignore-next */
  border-radius: 2px;
  /* px-to-viewport-ignore-next */
  width: 57px;

  /* px-to-viewport-ignore-next */
  height: 38px;
}

.ai-chat-card-container-cardinfo-acct {
  display: flex;
  justify-content: space-between;

  /* px-to-viewport-ignore-next */
  margin-left: 10px;
  height: 48px;
  flex-direction: column;

  &-header {
    display: inline-block;
    overflow: hidden;

    /* px-to-viewport-ignore-next */
    width: calc(100vw - 30px - 10px - 60px - 30px);
    font-size: var(--font-size-heading);
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #001849;
  }

  &-cardNumBtn {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    /* px-to-viewport-ignore-next */
    height: var(--font-size-subhead);

    &-num {
      font-size: var(--font-size-subhead);
      color: rgb(0 24 73 / 80%);
      text-align: center;
    }

    &-btn {
      /* px-to-viewport-ignore-next */
      margin-left: 7px;
      border-radius: 2px;

      /* px-to-viewport-ignore-next */
      padding-right: 5px;

      /* px-to-viewport-ignore-next */
      padding-left: 5px;

      /* px-to-viewport-ignore-next */
      // height: 20px;
      font-size: var(--font-size-xxs);
      font-family: PingFangSC-Regular, "PingFang SC";
      font-weight: 400;
      text-align: center;
      color: #2F6FED;
      background: #DDE9FF;
      opacity: 1;

      /* px-to-viewport-ignore-next */
      // line-height: 20px;
    }
  }
}

.ai-chat-card-container-cardbalance {
  transition: max-height 1s ease; /* 添加过渡效果 */
}

.ai-chat-card-container-cardbalance-num {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  width: 100%;
  flex-direction: row;

  &:last-child {
    margin-bottom: 0;
  }

  &-money-title {
    overflow: hidden;

    /* px-to-viewport-ignore-next */
    width: calc(40vw - 30px);
    font-size: var(--font-size-s);
    font-family: PingFang-SC-Medium, PingFang-SC;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #001849;
  }

  &-money-value {
    overflow: hidden;

    /* px-to-viewport-ignore-next */
    width: calc(60vw - 30px);
    font-size: var(--font-size-l);
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: 600;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #001849;

    /* px-to-viewport-ignore-next */
    // line-height: 25px;
  }
}

.expand-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

  /* px-to-viewport-ignore-next */
  height: 25px;
  flex-direction: row;

  &-span {
    font-size: var(--font-size-xxs);
    font-family: PingFangSC-Regular, "PingFang SC";
    font-weight: 400;
    color: #2F6FED;
  }

  &-icon-img {
    /* px-to-viewport-ignore-next */
    width: 15px;

    /* px-to-viewport-ignore-next */
    height: 15px;
    transition: transform .3s ease;
  }
}