feat: 支持分享邀请好友功能

packages/app/src/components/ProfileMenu.vue

@@ -49,6 +49,7 @@ const props = defineProps<{
   requireAuth?: boolean
   activeMembershipCount?: number
   upcomingBookingCount?: number
+  inviteShareEligible?: boolean
 }>()
 
 const emit = defineEmits<{
@@ -81,6 +82,15 @@ const menuItems = computed<MenuItem[]>(() => {
       badge: bookingBadge,
       requireAuth: true,
     },
+    ...(props.inviteShareEligible
+      ? [{
+        key: 'invite',
+        type: 'item' as const,
+        title: '邀请好友',
+        path: '/pages/profile/invite',
+        requireAuth: true,
+      }]
+      : []),
     {
       key: 'info',
       type: 'item',
@@ -226,6 +236,34 @@ function handleTap(item: MenuItem) {
       }
     }
 
+    &--invite {
+      background: rgba(255, 122, 69, 0.12);
+      &::before {
+        content: '';
+        width: 20rpx;
+        height: 20rpx;
+        border: 2.5rpx solid #ff7a45;
+        border-radius: 50%;
+        position: absolute;
+        top: 12rpx;
+        left: 14rpx;
+        box-sizing: border-box;
+        box-shadow: 16rpx 8rpx 0 -2rpx rgba(255, 122, 69, 0.95);
+      }
+      &::after {
+        content: '';
+        position: absolute;
+        width: 22rpx;
+        height: 12rpx;
+        border: 2.5rpx solid #ff7a45;
+        border-top: none;
+        border-radius: 0 0 14rpx 14rpx;
+        left: 17rpx;
+        bottom: 13rpx;
+        box-sizing: border-box;
+      }
+    }
+
     // 个人信息 — 人形（圆 + 肩弧）
     &--info {
       background: rgba($brand-color, 0.06);