feat: 添加 VitePress 配置文件，更新文档以支持多语言和 SEO 优化，同时增强用户自助服务功能的介绍

docs/en/guide/index.md

@@ -1,10 +1,15 @@
 # Introduction
 
-License Manager is an independent software licensing management system that provides license code generation, distribution, validation, and management services for software systems. It supports both online and offline licensing modes, with hardware-based binding mechanisms ensuring security.
+License Manager is an independent software licensing management system that provides license code generation, distribution, validation, and management services for software systems. The system supports both enterprise-level management backend and user-end self-service, supporting both online and offline licensing modes, with hardware-based binding mechanisms ensuring security.
 
 ## System Overview
 
-License Manager is an enterprise-grade software licensing management solution that helps software vendors achieve a complete lifecycle management cycle from license generation, distribution, validation to full lifecycle management. The system adopts a frontend-backend separation architecture, providing an intuitive management interface and rich API interfaces, supporting multiple deployment modes to meet licensing management needs in different scenarios.
+License Manager is an enterprise-grade software licensing management solution that provides dual-end service modes:
+
+- **Enterprise End**: Helps software vendors achieve a complete lifecycle management cycle from license generation, distribution, validation to full lifecycle management
+- **User End**: Provides end users with convenient self-service for purchasing, activating, and managing licenses, supporting mobile phone registration, online payment, device binding and other functions
+
+The system adopts a frontend-backend separation architecture, providing an intuitive management interface and rich API interfaces, supporting multiple deployment modes to meet licensing management needs in different scenarios.
 
 ## Core Features
 
@@ -28,6 +33,14 @@ License Manager is an enterprise-grade software licensing management solution th
 - **Status Monitoring**: Real-time license status viewing, usage statistics
 - **Operation Auditing**: Complete operation log records for traceability and auditing
 
+### 👤 User Self-Service
+
+- **Self-Service Purchase**: Users register and log in via mobile phone, select packages and device quantities, pay via Alipay
+- **One-Click Activation**: After obtaining license code, open the software product and enter the license code, system automatically binds device and activates
+- **Order Management**: Support viewing order history, applying for invoices and other services
+- **Device Management**: Support viewing bound devices, unbinding unnecessary devices
+- **Auto Renewal**: Support heartbeat monitoring and automatic renewal reminders
+
 ### 🚀 Easy Integration
 
 - **RESTful API**: Standardized API interfaces, easy to integrate with existing systems
@@ -104,6 +117,8 @@ sequenceDiagram
 - **Embedded Systems**: Require offline verification without network dependency
 - **API Services**: Need to control usage limits such as call counts, concurrency, etc.
 - **Software Trials**: Provide trial period licenses with automatic feature restrictions upon expiration
+- **Individual User Software**: Support user self-service purchase, online payment, device binding activation
+- **Multi-Device Management**: Support single user using on multiple devices, support device unbinding and reallocation
 
 
 ## Next Steps

docs/en/guide/operating_guide.md

@@ -13,9 +13,13 @@ This guide walks through the complete lifecycle of License Manager: “create li
 
 ## End-to-End Flow
 
+License Manager supports two operation flows: traditional B2B flow (for enterprise customers) and user-end self-service flow (for individual users).
+
+### Traditional B2B Flow
+
 ```mermaid
 graph TD
-    A[Create License Policy] --> B[Generate License Code]
+    A[Admin creates license policy] --> B[Generate License Code]
     B --> C{Deployment Mode?}
     C -->|Online/Hybrid| D[Customer enters code<br/>+ auto activation]
     C -->|Offline| E[Collect fingerprint<br/>Generate license]
@@ -30,6 +34,33 @@ graph TD
 3. **Customer activation**: The client bundles license code + fingerprint to exchange for a license, or loads an offline license directly.
 4. **In-life management**: Monitor heartbeats, enforce revocations, trigger renewals, or increase capacity as needed.
 
+### User-End Self-Service Flow
+
+```mermaid
+graph TD
+    A[User mobile login] --> B[Select package & device count]
+    B --> C[Alipay payment]
+    C --> D[Order management]
+    D --> E{Action needed?}
+    E -->|Apply invoice| F[Apply for invoice]
+    E -->|Get license code| G[Get license code]
+    F --> G
+    G --> H[Open product & enter code<br/>Auto device binding activation]
+    H --> I[Device management]
+    I --> J{Action needed?}
+    J -->|Unbind device| K[Remove device]
+    K --> I
+    I --> L[Heartbeat monitoring & auto renewal]
+```
+
+1. **User registration**: Users register and log in via mobile phone number.
+2. **Package selection**: Browse available packages and select required feature modules and device quantities.
+3. **Payment**: Complete online payment via Alipay.
+4. **Order management**: Apply for invoices and obtain corresponding license codes in order management.
+5. **Product activation**: Users open the software product, enter the license code, and the system automatically binds the current device fingerprint for activation.
+6. **Device management**: View bound devices and unbind unnecessary devices.
+7. **Monitoring**: System monitors device status through heartbeat mechanism and supports automatic renewal.
+
 ## Business Scenarios
 
 ### Scenario 1: 7-day trial, customer deploys 100 servers (online mode)

docs/en/index.md

@@ -73,6 +73,16 @@ hero:
     </div>
   </article>
 
+  <article class="lm-feature-card" style="--accent-from:#a855f7; --accent-to:#ec4899;">
+    <div class="lm-feature-icon">
+      <iconify-icon icon="solar:user-hand-up-bold-duotone"></iconify-icon>
+    </div>
+    <div>
+      <h3>User Self-Service</h3>
+      <p>Mobile registration, online purchase & payment, device binding activation, order & invoice management.</p>
+    </div>
+  </article>
+
   <article class="lm-feature-card" style="--accent-from:#f43f5e; --accent-to:#fb7185;">
     <div class="lm-feature-icon">
       <iconify-icon icon="solar:rocket-bold-duotone"></iconify-icon>
@@ -163,9 +173,10 @@ Check out the [Getting Started Guide](/en/guide/getting-started) for detailed de
 This project is licensed under the [GPL-3.0](https://www.gnu.org/licenses/gpl-3.0.html) license
 
 - ✅ Free to use, study, modify, and distribute
-- ✅ Commercial use allowed
+- ✅ Personal and commercial use allowed
+- ⚠️ Logo, trademarks and other brand elements may not be modified when used under open source license
 - ⚠️ Derivative works must also be open source
-- ℹ️ For proprietary licenses or commercial support, please contact the maintainers
+- ℹ️ For proprietary licenses, brand customization, or commercial support, please contact the maintainers
 
 ## Join Community