feat(benefits): 增加权益中心

frontend/src/layouts/AppLayout.css

@@ -101,6 +101,7 @@
 .pc-nav-link {
   position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
   gap: 6px;
   padding: 8px 16px;
@@ -109,6 +110,7 @@
   font-size: 14px;
   font-weight: 700;
   text-decoration: none;
+  white-space: nowrap;
   transition: all 0.18s ease;
 }
 
@@ -801,3 +803,29 @@
     display: none;
   }
 }
+
+@media (max-width: 1500px) {
+  .pc-topbar {
+    gap: 14px;
+    padding: 0 20px;
+  }
+
+  .pc-nav {
+    gap: 2px;
+    margin-left: 0;
+  }
+
+  .pc-nav-link {
+    padding: 8px 10px;
+    font-size: 13px;
+  }
+
+  .pc-nav-link .el-icon {
+    display: none;
+  }
+
+  .pc-search {
+    min-width: 160px;
+    padding: 0 12px;
+  }
+}

frontend/src/layouts/AppLayout.vue

@@ -11,6 +11,7 @@ import {
   DocumentChecked,
   EditPen,
   Finished,
+  GoldMedal,
   House,
   Search,
   Service,
@@ -41,6 +42,7 @@ const navItems = [
   { label: '消息', to: '/messages', icon: ChatDotRound },
   { label: '钱包', to: '/wallet', icon: Wallet },
   { label: '邀请返利', to: '/invitations', icon: Coin },
+  { label: '权益中心', to: '/benefits', icon: GoldMedal },
   { label: '公告', to: '/announcements', icon: Bell },
 ]
 const buyerServiceItems = [
@@ -329,6 +331,14 @@ async function handleSupportClick() {
                       <el-icon><Coin /></el-icon>
                       <span>邀请返利</span>
                     </RouterLink>
+                    <RouterLink
+                      class="dropdown-basic-item"
+                      to="/benefits"
+                      @click="showUserDropdown = false"
+                    >
+                      <el-icon><GoldMedal /></el-icon>
+                      <span>权益中心</span>
+                    </RouterLink>
                   </div>
 
                   <div class="dropdown-divider"></div>