diff --git a/clientarea/home/hgcloud_home/css/home.css b/clientarea/home/hgcloud_home/css/home.css
index 9e077c1..abff0c2 100644
--- a/clientarea/home/hgcloud_home/css/home.css
+++ b/clientarea/home/hgcloud_home/css/home.css
@@ -180,6 +180,7 @@
 .stat-purple i { background: #F3F0FF; color: #7C3AED; }
 .stat-blue i { background: #EFF6FF; color: #2563EB; }
 .stat-amber i { background: #FFF7ED; color: #D97706; }
+.stat-red i { background: #FEF2F2; color: #DC2626; }
 
 /* ====== ROW 2 — 余额 + 侧边 ====== */
 .row-2 {
diff --git a/clientarea/home/hgcloud_home/home.php b/clientarea/home/hgcloud_home/home.php
index 181b604..bd94f6c 100644
--- a/clientarea/home/hgcloud_home/home.php
+++ b/clientarea/home/hgcloud_home/home.php
@@ -35,10 +35,10 @@
                   <div class="stat-value">{{account.host_num}}</div>
                   <div class="stat-label">{{lang.index_text7}}</div>
                 </div>
-                <div class="stat-item stat-amber" @click="goOrderList('Unpaid')">
-                  <i class="ph ph-receipt"></i>
-                  <div class="stat-value">{{account.unpaid_order}}</div>
-                  <div class="stat-label">{{lang.index_text8}}</div>
+                <div class="stat-item stat-red" @click="goProductList()">
+                  <i class="ph ph-clock-countdown"></i>
+                  <div class="stat-value">{{expiringCount}}</div>
+                  <div class="stat-label">即将到期</div>
                 </div>
               </div>
             </div>
diff --git a/clientarea/home/hgcloud_home/js/home.js b/clientarea/home/hgcloud_home/js/home.js
index 01286e5..31ef1b2 100644
--- a/clientarea/home/hgcloud_home/js/home.js
+++ b/clientarea/home/hgcloud_home/js/home.js
@@ -93,6 +93,11 @@
           coinRecharge: [],
         };
       },
+      computed: {
+        expiringCount() {
+          return this.productList.filter(item => item.isOverdue).length;
+        },
+      },
       filters: {
         formateTime(time) {
           if (time && time !== 0) {