删除不再使用的文件和配置，优化项目结构以提升可维护性；新增环境变量配置示例，更新 Docker 和部署相关文件以支持灵活的端口设置；重构数据库连接逻辑，增强错误处理和配置管理，确保更好的兼容性和稳定性。

miniprogram/pages/purchases/purchases.wxml

@@ -1,35 +1,66 @@
-<!--订单页-->
 <view class="page">
-  <view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
-    <view class="nav-back" bindtap="goBack">←</view>
-    <text class="nav-title">我的订单</text>
-    <view class="nav-placeholder"></view>
+  <view class="nav-placeholder" style="height: {{navBarHeight || (statusBarHeight + 44)}}px;"></view>
+  <view class="header safe-header-right">
+    <view class="nav-back" bindtap="goBack">← 返回</view>
+    <text class="header-title">我的订单</text>
   </view>
-  <view style="height: {{statusBarHeight + 44}}px;"></view>
 
-  <view class="content">
-    <view class="loading" wx:if="{{loading}}">
-      <view class="skeleton"></view>
-      <view class="skeleton"></view>
-      <view class="skeleton"></view>
+  <block wx:if="{{!isLoggedIn}}">
+    <view class="empty-wrap">
+      <text class="empty-desc">请先登录</text>
+      <view class="btn-primary" bindtap="goBack">返回我的</view>
     </view>
+  </block>
 
-    <view class="orders-list" wx:elif="{{orders.length > 0}}">
-      <view class="order-item" wx:for="{{orders}}" wx:key="id" bindtap="goToRead" data-id="{{item.sectionId}}">
-        <view class="order-info">
-          <text class="order-title">{{item.title}}</text>
-          <text class="order-time">{{item.createTime}}</text>
-        </view>
-        <view class="order-right">
-          <text class="order-amount">¥{{item.amount}}</text>
-          <text class="order-status">已完成</text>
-        </view>
+  <block wx:elif="{{loading}}">
+    <view class="empty-wrap">
+      <text class="empty-desc">加载中...</text>
+    </view>
+  </block>
+
+  <block wx:else>
+    <view class="stats-card">
+      <view class="stat-item">
+        <text class="stat-value">{{purchasedCount}}</text>
+        <text class="stat-label">已购买章节</text>
+      </view>
+      <view class="stat-item">
+        <text class="stat-value brand">{{hasFullBook ? '全书' : (purchasedCount + '/' + totalSections)}}</text>
+        <text class="stat-label">{{hasFullBook ? '已解锁' : '进度'}}</text>
       </view>
     </view>
 
-    <view class="empty" wx:else>
-      <text class="empty-icon">📦</text>
-      <text class="empty-text">暂无订单</text>
-    </view>
-  </view>
+    <block wx:if="{{hasFullBook}}">
+      <view class="fullbook-card">
+        <text class="fullbook-icon">✓</text>
+        <text class="fullbook-title">您已购买整本书</text>
+        <text class="fullbook-desc">全部内容已解锁，可随时阅读</text>
+      </view>
+    </block>
+
+    <block wx:elif="{{purchasedCount === 0}}">
+      <view class="empty-wrap">
+        <text class="empty-icon">📖</text>
+        <text class="empty-desc">您还没有购买任何章节</text>
+        <view class="btn-primary" bindtap="goChapters">去浏览章节</view>
+      </view>
+    </block>
+
+    <block wx:else>
+      <view class="section-header">已购买的章节</view>
+      <view class="section-list">
+        <view
+          class="section-row"
+          wx:for="{{purchasedSectionList}}"
+          wx:key="id"
+          data-id="{{item.id}}"
+          bindtap="goToRead"
+        >
+          <text class="section-check">✓</text>
+          <text class="section-id">{{item.id}}</text>
+          <text class="section-title">{{item.title}}</text>
+        </view>
+      </view>
+    </block>
+  </block>
 </view>