[en] Add leopard pages

docs/zh/docs/en/leopard/bills.md

@@ -0,0 +1,32 @@
+---
+hide:
+  - toc
+---
+
+# Bill Management
+
+The **Detailed Bill** records the user's consumption of purchased products in detail, including the usage of each resource and the specific costs.
+
+## Steps
+
+Enter the **Bills** page to view the **Bill Details** currently on d.run.
+
+- Click the search box to select filtering criteria, supporting search or filtering by bill ID, order ID, resource ID, product name, and billing type.
+- Click the date picker to query detailed bills within a specific time range.
+
+![bills](../leopard/images/bills.png){width=900px}
+
+## Explanation of Fields in the Bill List
+
+| Display Field | Description |
+| --- | --- |
+| Bill ID | A unique identifier for each bill record. |
+| Billing Cycle | Indicates the time range for this bill's settlement. |
+| Billing Month | Indicates the month range to which the bill belongs. |
+| Product Name | The name of the product involved in the bill. |
+| Resource Name/ID | The name or unique identifier of the specific resource related to the consumption. |
+| Billing Type | The billing model for the resource, such as annual/monthly subscription or pay-as-you-go. |
+| Usage | The actual usage of the resource, displayed in the unit of resource usage, such as hours, GB, etc. |
+| Order ID | The order ID associated with this bill, facilitating tracing back to the specific source of consumption. |
+| Order Price | The cost of the resource before any discounts or promotions are applied. |
+| Amount Due | The actual cash portion paid by the user, the amount payable after discounts. |

docs/zh/docs/en/leopard/index.md

@@ -0,0 +1,26 @@
+---
+hide:
+  - toc
+---
+
+# Wallet
+
+The expense center serves as a one-stop financial platform, providing functions such as top-up, expense viewing, and bill details. Users can monitor the consumption of various resources in real-time, clearly understand bill details, usage, and payment status, helping enterprises optimize resource allocation, control costs, and improve financial transparency.
+
+You can top-up your account online in the **Wallet** , and the top-up amount can be used to purchase various products on the platform.
+
+!!! note
+
+    1. The top-up amount can only be invoiced after consumption.
+    2. If you need an invoice, please contact customer service on the official website.
+
+## Steps
+
+1. Go to **Wallet**, enter the top-up amount. The amount must be greater than 0 and can have a maximum of two decimal places. Then select the payment method.
+
+2. Click the **Top-up Now** button to be redirected to a third-party payment channel to complete the payment.
+
+    ![charge](images/charge.png){width=900px}
+
+3. After the top-up is completed, check the total balance of your account in **Balance** ,
+   and you can view the top-up records in **Transactions**.

docs/zh/docs/en/leopard/orders.md

@@ -0,0 +1,38 @@
+---
+hide:
+  - toc
+---
+
+# Orders
+
+**Orders** allows users to view records generated when purchasing or using resources on the platform, including detailed information about the products purchased, resource information, resource specifications, amounts, and more.
+
+## Steps
+
+1. In the **Orders**, you can view detailed records of the user's purchases or resource operations.
+
+    Filtering: Click on the search box to select filtering criteria, supporting search or filtering by order ID, resource ID, type, product name, and status.
+
+    ![orderlist](../leopard/images/orderlist.png){width=900px}
+
+    !!! note
+
+        Pay-as-you-go resources are billed in real-time based on actual usage, rather than having a specific amount determined at the time the order is generated.
+        Therefore, the **Order Price** and **Amount Due** for orders generated from pay-as-you-go resources will both be 0.
+
+2. Click the icon in the action column to view detailed specification information and billing type for the resources purchased or operated in the order, as well as the billing information generated from the resource consumption.
+
+    <!-- ![orderdetail](../leopard/images/orderdetail.png){width=900px} -->
+
+## Explanation of Fields
+
+| **Display Field Name** | **Description** |
+| --- | --- |
+| Order ID | A unique identifier for each order, used to query or manage order records. |
+| Create Time | The time point when the order was generated, indicating the specific time of purchase or operation. |
+| Order Type | The category of the order, such as new purchase, renewal, upgrade, or downgrade. |
+| Product Name | The name of the product involved in the order, such as container instances, model services, etc. |
+| Resource Name/ID | The specific resource identifier associated with the order, such as container instance name or unique resource ID. |
+| Status | The current processing progress or result status of the order, such as paid, refunded, or canceled. |
+| Order Price | The total amount of the order, indicating the cost before any discounts or promotions are applied. |
+| Amount Due | The actual amount the user needs to pay. |

docs/zh/docs/en/leopard/transactions.md

@@ -0,0 +1,29 @@
+---
+hide:
+  - toc
+---
+
+# Transactions
+
+**Transactions** records the spending and income situation of the cash balance in the wallet in detail.
+
+## Operation Steps
+
+On the Transactions page, you can view the detailed changes in the cash balance.
+
+- Click the search box to select filtering criteria, supporting search or filtering by transaction ID, associated bill ID, income/expense, transaction type, and transaction channel.
+- Click the date picker to query detailed bills within a specific time range.
+
+![transaction.png](../leopard/images/transaction.png){width=900px}
+
+## Detailed Fields in Transactions
+
+| **Display Field Name** | **Description** |
+| --- | --- |
+| Serial Number | A unique identifier for a single transaction in the Transactions. |
+| Transaction Time | The specific time of the transaction. |
+| Income/Expense | Types include: income, expenditure. |
+| Transaction Type | The type of transaction, categorized as: recharge, consumption. |
+| Transaction Channel | The channel of the transaction, categorized as: Alipay, balance. |
+| Bill ID | The bill number associated with the transaction; if none, it displays -. |
+| Balance | The remaining cash balance after this transaction occurs. |