.wallet-rechargeableCard {
  // 充值选项容器
  &-options {
    // 卡片项
    .pisell-card-item {
      margin-bottom: 16px;
      cursor: pointer;

      .card-content {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .card-content-left {
          flex: 1;
          display: flex;
          flex-direction: column;

          .pisell-card-amount-item-name {
            color: var(--Gray-900, #101828);

            /* Paragraph/Semi Bold */
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            margin-bottom: 8px;
            margin-top: 0;
            /* 142.857% */
          }

          .pisell-card-amount-item-value {
            overflow: hidden;
            color: var(--Gray-900, #101828);
            text-overflow: ellipsis;

            /* Small/Regular */
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            /* 150% */
            &::before {
              content: 'Get ';
            }
          }
        }

        .pisell-card-amount-item-value {
          max-width: 200px;
          overflow: hidden;
          color: var(--Gray-900, #101828);
          text-overflow: ellipsis;

          /* Text md/Semibold */
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 24px;
          /* 150% */
        }
      }
    }

    .pisell-card-selected {
      border: 1px solid var(--theme-color, #7f56d9);
      background: var(--Primary-50, #f9f5ff);
    }

    .pisell-card-item:last-child {
      margin-bottom: 0;
    }
  }

  // 充值卡标题
  &-title {
    color: var(--Gray-900, #101828);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 24px;
  }

  // 钱包卡片样式
  &-card {
    margin-bottom: 10px;
  }
}

// 添加RecordView下卡片列表的底部外边距
.pisell-lowcode-record-view .pisell-lowcode-record-view-double-list-item {
  margin-bottom: 24px;
}

// 充值选项样式
.recharge-options {
  .pisell-card-item {
    margin-bottom: 16px;
    cursor: pointer;
  }

  .pisell-card-selected {
    border: 1px solid var(--theme-color, #7f56d9);
    background: var(--Primary-50, #f9f5ff);
  }
}
