diff --git a/.env.production b/.env.production
index f30164f..d441c26 100644
--- a/.env.production
+++ b/.env.production
@@ -1,3 +1,3 @@
 # 生产环境配置
-VITE_API_BASE_URL=https://www.zrbjr.com/api
-VITE_UPLOAD_BASE_URL=https://www.zrbjr.com/api/upload
+VITE_API_BASE_URL=http://114.55.111.44:3001/api
+VITE_UPLOAD_BASE_URL=http://114.55.111.44:3001/api/upload
diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..35410ca
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/UniappTool.xml b/.idea/UniappTool.xml
new file mode 100644
index 0000000..f7328e8
--- /dev/null
+++ b/.idea/UniappTool.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="cn.fjdmy.uniapp.UniappProjectDataService">
+    <option name="generalBasePath" value="$PROJECT_DIR$" />
+    <option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
+    <option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
+    <option name="scanNum" value="1" />
+    <option name="type" value="store" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/frontend.iml b/.idea/frontend.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.idea/frontend.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..f3d93d7
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/frontend.iml" filepath="$PROJECT_DIR$/.idea/frontend.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/index.html b/index.html
index de619c2..37c739c 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
-    <title>易融宝</title>
+    <title>炬融圈</title>
     <style>
       * {
         margin: 0;
diff --git a/package-lock.json b/package-lock.json
index 7ce82c1..2224fbb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,9 @@
         "element-plus": "^2.4.4",
         "nprogress": "^0.2.0",
         "pinia": "^2.1.7",
+        "swiper": "^8.4.7",
         "vue": "^3.3.11",
+        "vue-awesome-swiper": "^5.0.1",
         "vue-router": "^4.2.5"
       },
       "devDependencies": {
@@ -1428,6 +1430,15 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/dom7": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmmirror.com/dom7/-/dom7-4.0.6.tgz",
+      "integrity": "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==",
+      "license": "MIT",
+      "dependencies": {
+        "ssr-window": "^4.0.0"
+      }
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -2395,6 +2406,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ssr-window": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz",
+      "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==",
+      "license": "MIT"
+    },
     "node_modules/supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -2411,6 +2428,30 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
+    "node_modules/swiper": {
+      "version": "8.4.7",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-8.4.7.tgz",
+      "integrity": "sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "dom7": "^4.0.4",
+        "ssr-window": "^4.0.2"
+      },
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
     "node_modules/sync-child-process": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
@@ -2543,6 +2584,16 @@
         }
       }
     },
+    "node_modules/vue-awesome-swiper": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/vue-awesome-swiper/-/vue-awesome-swiper-5.0.1.tgz",
+      "integrity": "sha512-mWjFJzUqA4lG+DmsmibvMpoiBnl+IH2SSeiiQ3i5M0t1y9FknTxnGT0DsMb2YdJLgjYMEK3sYOWzqgLnZMH8Lg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "swiper": "^7.0.0  || ^8.0.0",
+        "vue": "3.x"
+      }
+    },
     "node_modules/vue-demi": {
       "version": "0.14.10",
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
diff --git a/package.json b/package.json
index ff632b7..fe6363e 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,9 @@
     "element-plus": "^2.4.4",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",
+    "swiper": "^8.4.7",
     "vue": "^3.3.11",
+    "vue-awesome-swiper": "^5.0.1",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
diff --git a/ronghuitong-master-v2.rar b/ronghuitong-master-v2.rar
deleted file mode 100644
index 62e8419..0000000
Binary files a/ronghuitong-master-v2.rar and /dev/null differ
diff --git a/ronghuitong-master-v3.rar b/ronghuitong-master-v3.rar
deleted file mode 100644
index 5a6c53e..0000000
Binary files a/ronghuitong-master-v3.rar and /dev/null differ
diff --git a/ronghuitong-master-v4.rar b/ronghuitong-master-v4.rar
deleted file mode 100644
index 40fcbba..0000000
Binary files a/ronghuitong-master-v4.rar and /dev/null differ
diff --git a/src/App.vue b/src/App.vue
index 59c7726..c2e155a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,7 +22,11 @@ const routesWithBottomNav = [
   '/points-history', 
   '/profile',
   '/shop',
-  '/orders'
+  '/orders',
+  '/mainpage',
+  '/myprofile',
+  '/mymatching',
+  '/myshop'
 ]
 
 // 计算是否显示底部导航
diff --git a/src/components/BottomNav.vue b/src/components/BottomNav.vue
index 14552cf..a5056d0 100644
--- a/src/components/BottomNav.vue
+++ b/src/components/BottomNav.vue
@@ -1,5 +1,37 @@
 <template>
   <div class="bottom-nav">
+    <div 
+      class="nav-item" 
+      :class="{ active: isActive('/mainpage') }"
+      @click="handleNavClick('/mainpage')"
+    >
+      <HomeFilled class="nav-icon" />
+      <span class="nav-label">主页</span>
+    </div>
+    <div 
+      class="nav-item" 
+      :class="{ active: isActive('/mymatching') }"
+      @click="handleNavClick('/mymatching')"
+    >
+      <User class="nav-icon" />
+      <span class="nav-label">资金匹配</span>
+    </div>
+    <div 
+      class="nav-item" 
+      :class="{ active: isActive('/myshop') }"
+      @click="handleNavClick('/myshop')"
+    >
+      <User class="nav-icon" />
+      <span class="nav-label">积分商城</span>
+    </div>
+    <div 
+      class="nav-item" 
+      :class="{ active: isActive('/myprofile') }"
+      @click="handleNavClick('/myprofile')"
+    >
+      <User class="nav-icon" />
+      <span class="nav-label">个人中心</span>
+    </div>
     <div 
       class="nav-item" 
       :class="{ active: isActive('/transfers') }"
@@ -8,7 +40,7 @@
       <Money class="nav-icon" />
       <span class="nav-label">转账管理</span>
     </div>
-    <div 
+    <!-- <div 
       class="nav-item" 
       :class="{ active: isActive('/matching') }"
       @click="handleNavClick('/matching')"
@@ -31,14 +63,14 @@
     >
       <User class="nav-icon" />
       <span class="nav-label">个人中心</span>
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script setup>
 import { useRouter, useRoute } from 'vue-router'
 import { useUserStore } from '@/stores/user'
-import { Money, Coin, User, Connection } from '@element-plus/icons-vue'
+import { Money, Coin, User, Connection, HomeFilled } from '@element-plus/icons-vue'
 
 const router = useRouter()
 const route = useRoute()
@@ -50,7 +82,7 @@ const isActive = (path) => {
 
 const handleNavClick = (path) => {
   if (!userStore.isAuthenticated) {
-    router.push('/login')
+    router.push('/mylogin')
     return
   }
   router.push(path)
diff --git a/src/router/index.js b/src/router/index.js
index 139d759..0c6e40c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,6 +11,75 @@ const routes = [
       title: '首页'
     }
   },
+  {
+    path: '/mylogin',
+    name: 'MyLogin',
+    component: () => import('@/views/MyLogin.vue'),
+    meta: {
+      title: '登录',
+      hideForAuth: true
+    }
+  },
+  {
+    path: '/mainpage',
+    name: 'MainPage',
+    component: () => import('@/views/MainPage.vue'),
+    meta: {
+      title: '主页'
+    }
+  },
+  {
+    path: '/mymatching',
+    name: 'MyMatching',
+    component: () => import('@/views/MyMatching.vue'),
+    meta: {
+      title: '资金匹配',
+      requiresAuth: true
+    }
+  },
+  {
+    path: '/myshop',
+    name: 'MyShop',
+    component: () => import('@/views/MyShop.vue'),
+    meta: {
+      title: '积分商城'
+    }
+  },
+  {
+    path: '/myprofile',
+    name: 'MyProfile',
+    component: () => import('@/views/MyProfile.vue'),
+    meta: {
+      title: '个人中心'
+    }
+  },
+  {
+    path: '/mypoints-history',
+    name: 'MyPointsHistory',
+    component: () => import('@/views/MyPointsHistory.vue'),
+    meta: {
+      title: '积分记录',
+      requiresAuth: true
+    }
+  },
+  {
+    path: '/editdetailspage',
+    name: 'EditDetailsPage',
+    component: () => import('@/views/EditDetailsPage.vue'),
+    meta: {
+      title: '编辑信息',
+      requiresAuth: true
+    }
+  },
+  {
+    path: '/editpasswordpage',
+    name: 'EditPasswordPage',
+    component: () => import('@/views/EditPasswordPage.vue'),
+    meta: {
+      title: '编辑密码',
+      requiresAuth: true
+    }
+  },
   {
     path: '/home',
     name: 'HomePage',
@@ -108,6 +177,22 @@ const routes = [
       requiresAuth: true
     }
   },
+  {
+    path: '/agent/login',
+    name: 'AgentLogin',
+    component: () => import('@/views/AgentLogin.vue'),
+    meta: {
+      title: '代理登录'
+    }
+  },
+  {
+    path: '/agent/dashboard',
+    name: 'AgentDashboard',
+    component: () => import('@/views/AgentDashboard.vue'),
+    meta: {
+      title: '代理后台'
+    }
+  },
   {
     path: '/about',
     name: 'About',
@@ -146,7 +231,7 @@ router.beforeEach(async (to, from, next) => {
   
   // 设置页面标题
   if (to.meta.title) {
-    document.title = `${to.meta.title} - 易融宝`
+    document.title = `${to.meta.title} - 炬融圈`
   }
   
   // 检查是否需要认证
@@ -157,7 +242,7 @@ router.beforeEach(async (to, from, next) => {
       
       if (!userStore.isAuthenticated) {
         next({
-          name: 'Login',
+          name: 'MyLogin',
           query: { redirect: to.fullPath }
         })
         return
@@ -165,9 +250,9 @@ router.beforeEach(async (to, from, next) => {
     }
   }
   
-  // 如果已登录用户访问登录/注册页面，重定向到转账管理
+  // 如果已登录用户访问登录/注册页面，重定向到转账管理（改成了主页）
   if (to.meta.hideForAuth && userStore.isAuthenticated) {
-    next({ name: 'Transfers' })
+    next({ name: 'MainPage' })
     return
   }
   
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 557b301..4ba0f40 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -4,7 +4,7 @@
       <div class="login-card">
         <div class="login-header">
           <h2>用户登录</h2>
-          <p>欢迎回到前端H5系统</p>
+          <p>欢迎回到炬融圈</p>
         </div>
         
         <el-form
@@ -76,6 +76,21 @@
             </el-link>
           </p>
         </div>
+        
+        <!-- 备案信息 -->
+        <div class="icp-info">
+          <div class="icp-item">
+            <svg class="icp-icon" viewBox="0 0 1024 1024" width="16" height="16">
+              <path d="M512 85.333333c-23.466667 0-42.666667 19.2-42.666667 42.666667v85.333333c0 23.466667 19.2 42.666667 42.666667 42.666667s42.666667-19.2 42.666667-42.666667V128c0-23.466667-19.2-42.666667-42.666667-42.666667z" fill="#909399"/>
+              <path d="M512 256c-141.226667 0-256 114.773333-256 256 0 70.613333 28.586667 134.4 74.666667 180.48L512 874.666667l181.333333-182.186667C739.413333 646.4 768 582.613333 768 512c0-141.226667-114.773333-256-256-256z m0 341.333333c-47.146667 0-85.333333-38.186667-85.333333-85.333333s38.186667-85.333333 85.333333-85.333333 85.333333 38.186667 85.333333 85.333333-38.186667 85.333333-85.333333 85.333333z" fill="#909399"/>
+              <path d="M170.666667 298.666667c-11.733333-20.48-37.546667-27.306667-58.026667-15.573334-20.48 11.733333-27.306667 37.546667-15.573333 58.026667l42.666666 74.24c11.733333 20.48 37.546667 27.306667 58.026667 15.573333 20.48-11.733333 27.306667-37.546667 15.573333-58.026666l-42.666666-74.24z" fill="#909399"/>
+              <path d="M853.333333 298.666667l-42.666666 74.24c-11.733333 20.48-4.906667 46.293333 15.573333 58.026666 20.48 11.733333 46.293333 4.906667 58.026667-15.573333l42.666666-74.24c11.733333-20.48 4.906667-46.293333-15.573333-58.026667-20.48-11.733333-46.293333-4.906667-58.026667 15.573334z" fill="#909399"/>
+            </svg>
+            <a href="https://beian.miit.gov.cn/" target="_blank" class="icp-link">
+              浙ICP备2025186895号
+            </a>
+          </div>
+        </div>
       
       </div>
     </div>
@@ -286,6 +301,36 @@ const handleRememberMe = () => {
   font-size: 14px;
 }
 
+.icp-info {
+  text-align: center;
+  margin-top: 20px;
+  padding-top: 15px;
+  border-top: 1px solid rgba(224, 224, 230, 0.3);
+}
+
+.icp-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+}
+
+.icp-icon {
+  flex-shrink: 0;
+}
+
+.icp-link {
+  color: #909399;
+  font-size: 12px;
+  text-decoration: none;
+  transition: color 0.3s ease;
+}
+
+.icp-link:hover {
+  color: #409eff;
+  text-decoration: underline;
+}
+
 .quick-login {
   margin-top: 20px;
 }
@@ -365,6 +410,15 @@ const handleRememberMe = () => {
     gap: 10px;
     align-items: flex-start;
   }
+  
+  .icp-info {
+    margin-top: 15px;
+    padding-top: 10px;
+  }
+  
+  .icp-link {
+    font-size: 11px;
+  }
 }
 
 /* Element Plus 组件样式覆盖 */
diff --git a/src/views/Matching.vue b/src/views/Matching.vue
index a416662..37b5a82 100644
--- a/src/views/Matching.vue
+++ b/src/views/Matching.vue
@@ -133,7 +133,7 @@
               <span class="cycle">第{{ allocation.cycle_number }}轮</span>
             </div>
             <div class="allocation-details">
-              <p>转账给: <strong>{{ allocation.to_user_name }}</strong></p>
+              <p>转账给: <strong>{{ allocation.to_user_real_name }}</strong></p>
               <p>金额: <strong class="amount">¥{{ allocation.amount }}</strong></p>
               <p>总金额: ¥{{ allocation.total_amount }}</p>
               <p class="deadline-info">
@@ -158,13 +158,6 @@
             >
               {{ allocation.can_transfer ? '确认转账' : '无法转账' }}
             </button>
-            <button 
-              @click="rejectAllocation(allocation.id)" 
-              class="reject-btn"
-              :disabled="processing"
-            >
-              拒绝
-            </button>
           </div>
         </div>
       </div>
@@ -443,8 +436,32 @@ export default {
      * 创建匹配订单
      */
     async createOrder() {
-      this.creating = true
       try {
+        // 构建确认信息
+        let confirmMessage = ''
+        
+        if (this.matchingType === 'small') {
+          confirmMessage = '确定要开始小额匹配吗？\n\n匹配成功后将生成3笔转账分配。'
+        } else {
+          if (!this.isValidCustomAmount) {
+            this.$message.error('请输入有效的匹配金额（5000-50000元）')
+            return
+          }
+          const amount = parseFloat(this.customAmount)
+          const count = this.getLargeMatchingCount()
+          confirmMessage = `确定要开始大额匹配吗？\n\n匹配金额：${amount}元\n将生成${count}笔转账分配`
+        }
+        
+        // 二次确认对话框
+        await this.$confirm(confirmMessage, '确认匹配', {
+          confirmButtonText: '确认匹配',
+          cancelButtonText: '取消',
+          type: 'warning',
+          dangerouslyUseHTMLString: false
+        })
+        
+        this.creating = true
+        
         // 构建请求参数
         const requestData = {
           matchingType: this.matchingType
@@ -452,10 +469,6 @@ export default {
         
         // 如果是大额匹配，添加自定义金额
         if (this.matchingType === 'large') {
-          if (!this.isValidCustomAmount) {
-            this.$message.error('请输入有效的匹配金额（5000-50000元）')
-            return
-          }
           requestData.customAmount = parseFloat(this.customAmount)
         }
         
@@ -468,6 +481,11 @@ export default {
         this.$message.success(successMessage)
         await this.loadData()
       } catch (error) {
+        // 如果用户取消确认，不显示错误信息
+        if (error === 'cancel') {
+          return
+        }
+        
         console.error('创建匹配订单失败:', error)
         
         const errorMessage = error.response?.data?.message || '匹配失败，请稍后重试'
@@ -527,32 +545,7 @@ export default {
       }
     },
     
-    /**
-     * 拒绝分配
-     * @param {string} allocationId - 分配ID
-     */
-    async rejectAllocation(allocationId) {
-      const reason = prompt('请输入拒绝原因（可选）:')
-      
-      // 用户点击取消时，prompt返回null，此时不执行后续操作
-      if (reason === null) {
-        return
-      }
-      
-      this.processing = true
-      try {
-        await api.post(`/matching/reject-allocation/${allocationId}`, {
-          reason
-        })
-        this.$message.success('已拒绝分配')
-        await this.loadData()
-      } catch (error) {
-        console.error('拒绝分配失败:', error)
-        this.$message.error('拒绝分配失败')
-      } finally {
-        this.processing = false
-      }
-    },
+
     
     async viewOrderDetail(orderId) {
       try {
@@ -577,7 +570,6 @@ export default {
         completed: '已完成',
         cancelled: '已取消',
         confirmed: '已确认',
-        rejected: '已拒绝',
         failed: '匹配失败'
       }
       return statusMap[status] || status
@@ -587,7 +579,6 @@ export default {
       const actionMap = {
         join: '加入',
         confirm: '确认',
-        reject: '拒绝',
         complete: '完成'
       }
       return actionMap[action] || action
@@ -1062,8 +1053,7 @@ export default {
   gap: 10px;
 }
 
-.confirm-btn,
-.reject-btn {
+.confirm-btn {
   padding: 8px 16px;
   border: none;
   border-radius: 5px;
@@ -1080,14 +1070,7 @@ export default {
   background: #229954;
 }
 
-.reject-btn {
-  background: #e74c3c;
-  color: white;
-}
 
-.reject-btn:hover {
-  background: #c0392b;
-}
 
 .order-card {
   padding: 15px;
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index da8419d..0c4039e 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -43,6 +43,7 @@
         </div>
         <div class="user-info">
           <h2 class="username">{{ userInfo?.username }}</h2>
+          <p class="user-email">{{ userInfo?.email }}</p>
           
           <!-- 审核状态显示 -->
           <div class="audit-status">
@@ -91,7 +92,9 @@
             <el-input v-model="form.nickname" placeholder="请输入昵称" />
           </el-form-item>
           
-
+          <el-form-item label="邮箱" prop="email">
+            <el-input v-model="form.email" placeholder="请输入邮箱" />
+          </el-form-item>
           
           <el-form-item label="真实姓名" prop="realName">
             <el-input v-model="form.realName" placeholder="请输入真实姓名" />
@@ -358,7 +361,7 @@ const userInfo = ref({
   id: '',
   username: '',
   nickname: '',
-
+  email: '',
   phone: '',
   realName: '',
   idCard: '',
@@ -378,7 +381,7 @@ const userStats = ref({
 const form = reactive({
   username: '',
   nickname: '',
-
+  email: '',
   phone: '',
   realName: '',
   idCard: '',
@@ -414,7 +417,10 @@ const rules = {
     { required: true, message: '请输入用户名', trigger: 'blur' },
     { min: 3, max: 20, message: '用户名长度在 3 到 20 个字符', trigger: 'blur' }
   ],
-
+  email: [
+    { required: true, message: '请输入邮箱', trigger: 'blur' },
+    { type: 'email', message: '请输入正确的邮箱格式', trigger: 'blur' }
+  ],
   realName: [
     { required: true, message: '请输入真实姓名', trigger: 'blur' },
     { min: 2, max: 10, message: '真实姓名长度在 2 到 10 个字符', trigger: 'blur' }
@@ -937,7 +943,11 @@ onMounted(() => {
   font-weight: 600;
 }
 
-
+.user-email {
+  margin: 0 0 10px 0;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 14px;
+}
 
 .audit-status {
   margin-bottom: 20px;
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 2c51eda..85f7935 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -34,8 +34,7 @@
             />
           </el-form-item>
           
-          <!-- 短信验证码组件 - 已注释 -->
-          <!-- <el-form-item prop="smsCode">
+          <el-form-item prop="smsCode">
             <div class="sms-code-group">
               <el-input
                 v-model="registerForm.smsCode"
@@ -56,7 +55,7 @@
                 {{ smsCountdown > 0 ? `${smsCountdown}s后重发` : '发送验证码' }}
               </el-button>
             </div>
-          </el-form-item> -->
+          </el-form-item>
           
           <el-form-item prop="registrationCode">
             <el-input
@@ -132,7 +131,7 @@
         <div class="register-footer">
           <p>
             已有账号？
-            <el-link type="primary" @click="$router.push('/login')">
+            <el-link type="primary" @click="$router.push('/mylogin')">
               立即登录
             </el-link>
           </p>
@@ -192,17 +191,17 @@ const registerForm = reactive({
   password: '',
   confirmPassword: '',
   captcha: '',
-  // smsCode: '', // 短信验证码字段 - 已注释
+  smsCode: '',
   agreement: false
 })
 
-// 短信验证码相关状态 - 已注释
-// const sendingSMS = ref(false)
-// const smsCountdown = ref(0)
-// const canSendSMS = computed(() => {
-//   const phoneRegex = /^1[3-9]\d{9}$/
-//   return phoneRegex.test(registerForm.phone)
-// })
+// 短信验证码相关状态
+const sendingSMS = ref(false)
+const smsCountdown = ref(0)
+const canSendSMS = computed(() => {
+  const phoneRegex = /^1[3-9]\d{9}$/
+  return phoneRegex.test(registerForm.phone)
+})
 
 // 自定义验证函数
 const validateUsername = (rule, value, callback) => {
@@ -264,14 +263,12 @@ const registerRules = {
   ],
   registrationCode: [
     { required: true, message: '请输入激活码', trigger: 'blur' },
-    { len: 6, message: '激活码长度为6位', trigger: 'blur' },
-    { pattern: /^[A-Z0-9]{6}$/, message: '激活码只能包含大写字母和数字', trigger: 'blur' }
+    { min: 6, message: '激活码长度不能少于6位', trigger: 'blur' }
+  ],
+  smsCode: [
+    { required: true, message: '请输入短信验证码', trigger: 'blur' },
+    { pattern: /^\d{6}$/, message: '短信验证码为6位数字', trigger: 'blur' }
   ],
-  // 短信验证码验证规则 - 已注释
-  // smsCode: [
-  //   { required: true, message: '请输入短信验证码', trigger: 'blur' },
-  //   { pattern: /^\d{6}$/, message: '短信验证码为6位数字', trigger: 'blur' }
-  // ],
 
   password: [{ validator: validatePassword, trigger: 'blur' }],
   confirmPassword: [{ validator: validateConfirmPassword, trigger: 'blur' }],
@@ -282,52 +279,52 @@ const registerRules = {
   agreement: [{ validator: validateAgreement, trigger: 'change' }]
 }
 
-// 发送短信验证码 - 已注释
-// const sendSMSCode = async () => {
-//   if (!canSendSMS.value || sendingSMS.value || smsCountdown.value > 0) {
-//     return
-//   }
-//   
-//   try {
-//     sendingSMS.value = true
-//     
-//     const response = await fetch('/api/sms/send', {
-//       method: 'POST',
-//       headers: {
-//         'Content-Type': 'application/json'
-//       },
-//       body: JSON.stringify({
-//         phone: registerForm.phone
-//       })
-//     })
-//     
-//     const result = await response.json()
-//     
-//     if (result.success) {
-//       ElMessage.success('验证码发送成功，请查收短信')
-//       // 开始倒计时
-//       startCountdown()
-//     } else {
-//       ElMessage.error(result.message || '发送失败，请重试')
-//     }
-//   } catch (error) {
-//     console.error('发送短信验证码失败:', error)
-//     ElMessage.error('发送失败，请检查网络连接')
-//   } finally {
-//     sendingSMS.value = false
-//   }
-// }
+// 发送短信验证码
+const sendSMSCode = async () => {
+  if (!canSendSMS.value || sendingSMS.value || smsCountdown.value > 0) {
+    return
+  }
+  
+  try {
+    sendingSMS.value = true
+    
+    const response = await fetch('/api/sms/send', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        phone: registerForm.phone
+      })
+    })
+    
+    const result = await response.json()
+    
+    if (result.success) {
+      ElMessage.success('验证码发送成功，请查收短信')
+      // 开始倒计时
+      startCountdown()
+    } else {
+      ElMessage.error(result.message || '发送失败，请重试')
+    }
+  } catch (error) {
+    console.error('发送短信验证码失败:', error)
+    ElMessage.error('发送失败，请检查网络连接')
+  } finally {
+    sendingSMS.value = false
+  }
+}
 
-// 开始倒计时 - 已注释
-// const startCountdown = () => {
-//   smsCountdown.value = 60
-//   const timer = setInterval(() => {
-//     smsCountdown.value--
-//     if (smsCountdown.value <= 0) {
-//       clearInterval(timer)
-//     }
-//   }, 1000)
-// }
+// 开始倒计时
+const startCountdown = () => {
+  smsCountdown.value = 60
+  const timer = setInterval(() => {
+    smsCountdown.value--
+    if (smsCountdown.value <= 0) {
+      clearInterval(timer)
+    }
+  }, 1000)
+}
 
 // 处理注册
 const handleRegister = async () => {
@@ -354,7 +351,7 @@ const handleRegister = async () => {
       phone: registerForm.phone,
       registrationCode: registerForm.registrationCode,
       password: registerForm.password,
-      // smsCode: registerForm.smsCode, // 短信验证码 - 已注释
+      smsCode: registerForm.smsCode,
       captchaId: captchaInfo.captchaId,
       captchaText: captchaInfo.captchaText
     }
@@ -432,6 +429,13 @@ onMounted(() => {
     const redirectPath = route.query.redirect || '/'
     router.push(redirectPath)
   }
+  
+  // 从URL参数中获取邀请码并自动填入
+  const inviteCode = route.query.code
+  if (inviteCode) {
+    registerForm.registrationCode = inviteCode
+    ElMessage.success('已自动填入邀请码')
+  }
 })
 </script>
 
diff --git a/src/views/Shop.vue b/src/views/Shop.vue
index d75114f..32b2bfc 100644
--- a/src/views/Shop.vue
+++ b/src/views/Shop.vue
@@ -76,7 +76,7 @@
           @click="goToProduct(product.id)"
         >
           <div class="product-image">
-            <img :src="getImageUrl(product.image)" :alt="product.name" />
+            <img :src="product.image" :alt="product.name" />
             <div v-if="product.discount" class="discount-badge">
               {{ product.discount }}折
             </div>
@@ -138,9 +138,6 @@
       title="购物车"
       direction="rtl"
       size="80%"
-      :z-index="10000"
-      :modal="true"
-      :append-to-body="true"
     >
       <div class="cart-content">
         <div v-if="cartItems.length === 0" class="empty-cart">
@@ -149,7 +146,7 @@
         </div>
         <div v-else>
           <div v-for="item in cartItems" :key="item.id" class="cart-item">
-            <img :src="getImageUrl(item.image)" :alt="item.name" class="item-image" />
+            <img :src="item.image" :alt="item.name" class="item-image" />
             <div class="item-info">
               <h4>{{ item.name }}</h4>
               <p class="item-price">
@@ -208,7 +205,6 @@ import {
 } from '@element-plus/icons-vue'
 import api from '@/utils/api'
 import { debounce } from 'lodash-es'
-import { getImageUrl } from '@/config'
 
 const router = useRouter()
 const userStore = useUserStore()
@@ -241,11 +237,6 @@ const categories = ref([
 
 // 计算属性
 const filteredProducts = computed(() => {
-  // 安全检查：确保products.value是数组
-  if (!products.value || !Array.isArray(products.value)) {
-    return []
-  }
-  
   let result = products.value
   
   // 分类筛选
@@ -256,21 +247,21 @@ const filteredProducts = computed(() => {
   // 搜索筛选
   if (searchKeyword.value) {
     result = result.filter(p => 
-      p.name && p.name.toLowerCase().includes(searchKeyword.value.toLowerCase()) ||
-      p.description && p.description.toLowerCase().includes(searchKeyword.value.toLowerCase())
+      p.name.toLowerCase().includes(searchKeyword.value.toLowerCase()) ||
+      p.description.toLowerCase().includes(searchKeyword.value.toLowerCase())
     )
   }
   
   // 排序
   switch (sortBy.value) {
     case 'price_asc':
-      result.sort((a, b) => (a.points || 0) - (b.points || 0))
+      result.sort((a, b) => a.points - b.points)
       break
     case 'price_desc':
-      result.sort((a, b) => (b.points || 0) - (a.points || 0))
+      result.sort((a, b) => b.points - a.points)
       break
     case 'sales':
-      result.sort((a, b) => (b.sales || 0) - (a.sales || 0))
+      result.sort((a, b) => b.sales - a.sales)
       break
   }
   
@@ -288,19 +279,11 @@ const sortText = computed(() => {
 })
 
 const cartCount = computed(() => {
-  // 安全检查：确保cartItems.value是数组
-  if (!cartItems.value || !Array.isArray(cartItems.value)) {
-    return 0
-  }
-  return cartItems.value.reduce((sum, item) => sum + (item.quantity || 0), 0)
+  return cartItems.value.reduce((sum, item) => sum + item.quantity, 0)
 })
 
 const totalPoints = computed(() => {
-  // 安全检查：确保cartItems.value是数组
-  if (!cartItems.value || !Array.isArray(cartItems.value)) {
-    return 0
-  }
-  return cartItems.value.reduce((sum, item) => sum + ((item.points || 0) * (item.quantity || 0)), 0)
+  return cartItems.value.reduce((sum, item) => sum + (item.points * item.quantity), 0)
 })
 
 // 方法
@@ -399,7 +382,7 @@ const getProducts = async (isLoadMore = false) => {
       loadingMore.value = true
     }
     
-    const {data} = await api.get('/products', {
+    const response = await api.get('/products', {
       params: {
         page: page.value,
         limit: 20,
@@ -409,28 +392,16 @@ const getProducts = async (isLoadMore = false) => {
       }
     })
     
-    // 确保响应数据是有效的数组
-    const responseProducts = data.data?.products || []
-    
     if (isLoadMore) {
-      // 确保products.value是数组
-      if (!Array.isArray(products.value)) {
-        products.value = []
-      }
-      products.value.push(...responseProducts)
+      products.value.push(...response.data.products)
     } else {
-      products.value = responseProducts
+      products.value = response.data.products
     }
     
-    hasMore.value = data.data?.hasMore || false
+    hasMore.value = response.data.hasMore
     page.value++
   } catch (error) {
-    console.error('获取商品列表失败:', error)
     ElMessage.error('获取商品列表失败')
-    // 确保products.value始终是数组
-    if (!isLoadMore && (!products.value || !Array.isArray(products.value))) {
-      products.value = []
-    }
   } finally {
     loading.value = false
     loadingMore.value = false
@@ -444,18 +415,13 @@ const loadMore = () => {
 const getUserPoints = async () => {
   try {
     const response = await api.get('/user/points')
-    userPoints.value = response.data.points || 0
+    userPoints.value = response.data.points
   } catch (error) {
     console.error('获取用户积分失败:', error)
-    userPoints.value = 0
   }
 }
 
 const truncateText = (text, maxLength) => {
-  // 安全检查：确保text是字符串
-  if (!text || typeof text !== 'string') {
-    return ''
-  }
   if (text.length <= maxLength) return text
   return text.substring(0, maxLength) + '...'
 }
@@ -470,33 +436,7 @@ onMounted(() => {
 <style scoped>
 .shop-page {
   min-height: 100vh;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  background-attachment: fixed;
-  padding-bottom: 80px;
-  position: relative;
-  /* 移动端优化 */
-  -webkit-overflow-scrolling: touch;
-  overflow-x: hidden;
-}
-
-.shop-page::before {
-  content: '';
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: 
-    radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
-    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
-    radial-gradient(circle at 40% 40%, rgba(120, 119, 198, 0.2) 0%, transparent 50%);
-  pointer-events: none;
-  z-index: 0;
-}
-
-.shop-page > * {
-  position: relative;
-  z-index: 1;
+  background-color: #f5f5f5;
 }
 
 .navbar {
@@ -505,13 +445,11 @@ onMounted(() => {
   justify-content: space-between;
   padding: 0 16px;
   height: 56px;
-  background: rgba(255, 255, 255, 0.95);
-  backdrop-filter: blur(20px);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+  background: white;
+  border-bottom: 1px solid #eee;
   position: sticky;
   top: 0;
   z-index: 100;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
 }
 
 .nav-left,
@@ -533,21 +471,14 @@ onMounted(() => {
 .nav-title {
   margin: 0;
   font-size: 18px;
-  font-weight: 800;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  font-weight: 500;
+  color: #333;
 }
 
 .search-section {
-  padding: 20px;
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(10px);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-  margin: 20px 16px 0 16px;
-  border-radius: 16px;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  padding: 16px;
+  background: white;
+  border-bottom: 1px solid #eee;
 }
 
 .search-input {
@@ -555,14 +486,9 @@ onMounted(() => {
 }
 
 .category-section {
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(10px);
-  padding: 20px 0;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-  margin: 0 16px;
-  border-radius: 16px;
-  margin-top: 16px;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  background: white;
+  padding: 16px 0;
+  border-bottom: 1px solid #eee;
 }
 
 .category-list {
@@ -576,33 +502,21 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 6px;
-  padding: 12px 16px;
-  border-radius: 16px;
+  gap: 4px;
+  padding: 8px 12px;
+  border-radius: 8px;
   cursor: pointer;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  min-width: 70px;
-  background: rgba(248, 250, 252, 0.8);
-  border: 2px solid transparent;
-  /* 移动端触摸优化 */
-  -webkit-tap-highlight-color: transparent;
-  touch-action: manipulation;
-  user-select: none;
+  transition: all 0.3s;
+  min-width: 60px;
 }
 
 .category-item:hover {
-  background: rgba(139, 92, 246, 0.1);
-  border-color: rgba(139, 92, 246, 0.3);
-  transform: translateY(-2px);
-  box-shadow: 0 4px 15px rgba(139, 92, 246, 0.2);
+  background: #f0f9ff;
 }
 
 .category-item.active {
-  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
+  background: #409eff;
   color: white;
-  border-color: rgba(255, 255, 255, 0.3);
-  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
-  transform: translateY(-3px);
 }
 
 .category-item span {
@@ -610,12 +524,7 @@ onMounted(() => {
 }
 
 .products-section {
-  padding: 20px;
-  background: rgba(255, 255, 255, 0.05);
-  backdrop-filter: blur(10px);
-  margin: 20px;
-  border-radius: 20px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  padding: 16px;
 }
 
 .section-header {
@@ -648,183 +557,98 @@ onMounted(() => {
 }
 
 .product-card {
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);
-  backdrop-filter: blur(20px);
-  border-radius: 16px;
+  background: white;
+  border-radius: 12px;
   overflow: hidden;
-  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.15);
-  border: 1px solid rgba(139, 92, 246, 0.2);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   cursor: pointer;
-  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-  position: relative;
-  /* 移动端触摸优化 */
-  -webkit-tap-highlight-color: transparent;
-  touch-action: manipulation;
-}
-
-.product-card::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(124, 58, 237, 0.06) 100%);
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  pointer-events: none;
+  transition: all 0.3s;
 }
 
 .product-card:hover {
-  transform: translateY(-8px) scale(1.02);
-  box-shadow: 0 16px 48px rgba(139, 92, 246, 0.25);
-  border-color: rgba(139, 92, 246, 0.4);
-}
-
-.product-card:hover::before {
-  opacity: 1;
-}
-
-.product-card:active {
-  transform: translateY(-4px) scale(1.01);
-  transition: all 0.1s;
+  transform: translateY(-4px);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
 }
 
 .product-image {
   position: relative;
   width: 100%;
-  height: 140px;
+  height: 120px;
   overflow: hidden;
-  background: linear-gradient(45deg, #f1f5f9 0%, #e2e8f0 100%);
 }
 
 .product-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
-  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.product-card:hover .product-image img {
-  transform: scale(1.1);
 }
 
 .discount-badge {
   position: absolute;
-  top: 12px;
-  right: 12px;
-  background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
+  top: 8px;
+  right: 8px;
+  background: #ff4757;
   color: white;
-  padding: 4px 8px;
-  border-radius: 12px;
-  font-size: 11px;
-  font-weight: 600;
-  box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
-  backdrop-filter: blur(10px);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 12px;
 }
 
 .product-info {
-  padding: 16px;
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(15px);
+  padding: 12px;
 }
 
 .product-name {
-  margin: 0 0 6px 0;
-  font-size: 15px;
-  font-weight: 600;
-  color: #1e293b;
+  margin: 0 0 4px 0;
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
   line-height: 1.4;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
 
 .product-desc {
-  margin: 0 0 12px 0;
+  margin: 0 0 8px 0;
   font-size: 12px;
-  color: #64748b;
-  line-height: 1.5;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  color: #666;
+  line-height: 1.4;
 }
 
 .product-price {
   display: flex;
   align-items: center;
   gap: 8px;
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 
 .current-price {
   display: flex;
   align-items: center;
-  gap: 4px;
-  color: #f59e0b;
-  font-weight: 700;
-  font-size: 17px;
-  background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  gap: 2px;
+  color: #ff6b35;
+  font-weight: 600;
+  font-size: 16px;
 }
 
 .original-price {
-  color: #94a3b8;
+  color: #999;
   font-size: 12px;
   text-decoration: line-through;
-  font-weight: 500;
 }
 
 .product-stats {
   display: flex;
   justify-content: space-between;
-  font-size: 11px;
-  color: #64748b;
+  font-size: 12px;
+  color: #999;
   margin-bottom: 8px;
-  background: rgba(139, 92, 246, 0.08);
-  padding: 6px 10px;
-  border-radius: 8px;
-  backdrop-filter: blur(5px);
-  border: 1px solid rgba(139, 92, 246, 0.1);
 }
 
 .product-actions {
-  padding: 0 16px 16px;
+  padding: 0 12px 12px;
 }
 
 .product-actions .el-button {
   width: 100%;
-  height: 40px;
-  border-radius: 12px;
-  font-weight: 600;
-  font-size: 14px;
-  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
-  border: none;
-  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.product-actions .el-button:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
-  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
-}
-
-.product-actions .el-button:active {
-  transform: translateY(0);
-}
-
-.product-actions .el-button:disabled {
-  background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
-  color: #64748b;
-  box-shadow: none;
-  transform: none;
 }
 
 .empty-state {
@@ -841,67 +665,18 @@ onMounted(() => {
 .cart-fab {
   position: fixed;
   bottom: 80px;
-  right: 40px;
-  width: 64px;
-  height: 64px;
-  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
+  right: 20px;
+  width: 56px;
+  height: 56px;
+  background: #409eff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
   cursor: pointer;
-  box-shadow: 0 8px 25px rgba(139, 92, 246, 0.4);
-  z-index: 9999;
-  /* 移动端触摸优化 */
-  -webkit-tap-highlight-color: transparent;
-  touch-action: manipulation;
-  user-select: none;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  backdrop-filter: blur(10px);
-  border: 2px solid rgba(255, 255, 255, 0.2);
-}
-
-.cart-badge {
-  position: absolute;
-  top: -6px;
-  right: -6px;
-  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
-  color: white;
-  border-radius: 50%;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 11px;
-  font-weight: 700;
-  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
-  border: 2px solid white;
-  animation: pulse 2s infinite;
-}
-
-@keyframes pulse {
-  0% {
-    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4), 0 0 0 0 rgba(239, 68, 68, 0.7);
-  }
-  70% {
-    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4), 0 0 0 10px rgba(239, 68, 68, 0);
-  }
-  100% {
-    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4), 0 0 0 0 rgba(239, 68, 68, 0);
-  }
-}
-
-.cart-fab:hover {
-  transform: scale(1.1);
-  box-shadow: 0 12px 35px rgba(139, 92, 246, 0.5);
-  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
-}
-
-.cart-fab:active {
-  transform: scale(1.05);
-  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
+  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4);
+  z-index: 1000;
 }
 
 .cart-content {
@@ -977,276 +752,23 @@ onMounted(() => {
 }
 
 /* 响应式设计 */
-@media (max-width: 768px) {
-  .navbar {
-    padding: 0 12px;
-    height: 50px;
-  }
-  
-  .nav-title {
-    font-size: 16px;
-  }
-  
-  .back-btn,
-  .points-btn {
-    font-size: 13px;
-  }
-  
-  .search-section {
-    padding: 16px;
-    margin: 16px 12px 0 12px;
-  }
-  
-  .category-section {
-    padding: 12px 0;
-    margin: 12px;
-  }
-  
-  .category-list {
-    padding: 0 12px;
-    gap: 12px;
-    overflow-x: auto;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-  }
-  
-  .category-list::-webkit-scrollbar {
-    display: none;
-  }
-  
-  .category-item {
-    min-width: 60px;
-    padding: 8px 14px;
-  }
-  
-  .category-item span {
-    font-size: 12px;
-  }
-  
-  .products-section {
-    padding: 16px;
-    margin: 16px 12px;
-  }
-  
-  .section-header {
-    margin-bottom: 12px;
-  }
-  
-  .section-header h3 {
-    font-size: 15px;
-  }
-  
-  .sort-btn {
-    font-size: 13px;
-  }
-  
-  .products-grid {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 12px;
-  }
-  
-  .product-card {
-    border-radius: 12px;
-  }
-  
-  .product-card:hover {
-    transform: none;
-  }
-  
-  .product-image {
-    height: 120px;
-  }
-  
-  .product-info {
-    padding: 12px;
-  }
-  
-  .product-name {
-    font-size: 13px;
-  }
-  
-  .product-desc {
-    font-size: 11px;
-  }
-  
-  .current-price {
-    font-size: 15px;
-  }
-  
-  .cart-fab {
-    bottom: 70px;
-    right: 16px;
-    width: 56px;
-    height: 56px;
-  }
-}
-
 @media (max-width: 480px) {
-  .navbar {
-    padding: 0 10px;
-    height: 48px;
-  }
-  
-  .nav-title {
-    font-size: 15px;
-  }
-  
-  .search-section {
-    margin: 12px 8px 0 8px;
-    padding: 12px;
-  }
-
-  .category-section {
-    margin: 8px;
-    padding: 8px 12px;
-  }
-
-  .products-section {
-    margin: 12px 8px;
-    padding: 12px;
-  }
-  
   .products-grid {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 8px;
+    grid-template-columns: 1fr;
   }
   
   .product-card {
-    border-radius: 10px;
+    display: flex;
   }
   
   .product-image {
-    height: 100px;
+    width: 120px;
+    height: 120px;
+    flex-shrink: 0;
   }
   
   .product-info {
-    padding: 10px;
-  }
-  
-  .product-name {
-    font-size: 12px;
-  }
-  
-  .product-desc {
-    font-size: 10px;
-    margin-bottom: 4px;
-  }
-  
-  .current-price {
-    font-size: 14px;
-  }
-  
-  .product-stats {
-    font-size: 10px;
-    margin-bottom: 4px;
-  }
-  
-  .product-actions {
-    padding: 0 10px 10px;
-  }
-  
-  .product-actions .el-button {
-     font-size: 12px;
-     height: 36px;
-   }
-  
-  .cart-fab {
-    bottom: 60px;
-    right: 12px;
-    width: 52px;
-    height: 52px;
-  }
-  
-  .cart-item {
-    padding: 12px 0;
-  }
-  
-  .item-image {
-    width: 50px;
-    height: 50px;
-  }
-  
-  .item-info h4 {
-    font-size: 13px;
-  }
-  
-  .item-price {
-    font-size: 12px;
-  }
-  
-  .total-points {
-    font-size: 16px;
-  }
-}
-
-@media (max-width: 360px) {
-  .navbar {
-    padding: 0 8px;
-  }
-  
-  .search-section {
-    margin: 8px 6px 0 6px;
-    padding: 10px;
-  }
-  
-  .category-section {
-    margin: 6px;
-    padding: 6px 10px;
-  }
-  
-  .products-section {
-    margin: 8px 6px;
-    padding: 10px;
-  }
-  
-  .category-list {
-    padding: 0 8px;
-    gap: 8px;
-  }
-  
-  .category-item {
-    min-width: 50px;
-    padding: 6px 10px;
-  }
-  
-  .products-grid {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 6px;
-  }
-  
-  .product-card {
-    border-radius: 8px;
-  }
-  
-  .product-image {
-    height: 85px;
-  }
-  
-  .product-info {
-    padding: 8px;
-  }
-  
-  .product-name {
-    font-size: 11px;
-  }
-  
-  .current-price {
-    font-size: 13px;
-  }
-  
-  .product-actions {
-    padding: 0 8px 8px;
-  }
-  
-  .product-actions .el-button {
-    height: 32px;
-    font-size: 11px;
-  }
-  
-  .cart-fab {
-    right: 8px;
-    width: 48px;
-    height: 48px;
+    flex: 1;
   }
 }
 </style>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index cd1c385..bf75d29 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -14,11 +14,11 @@ export default defineConfig({
     port: 5173,
     proxy: {
       '/api': {
-        target: 'http://localhost:3000',
+        target: 'http://114.55.111.44:3001',
         changeOrigin: true
       },
       '/uploads': {
-        target: 'http://localhost:3000',
+        target: 'http://114.55.111.44:3001',
         changeOrigin: true
       }
     }