增加浏览器离线通知功能

src/components/PersonalCenterPanel.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { KeyRound, Mail, Monitor, X } from 'lucide-react';
+import { Bell, KeyRound, Monitor, X } from 'lucide-react';
 import { createPortal } from 'react-dom';
 
 interface PersonalCenterPanelProps {
@@ -88,14 +88,14 @@ export function PersonalCenterPanel({
               className='flex w-full items-center gap-3 rounded-2xl border border-gray-200 bg-gray-50 px-4 py-4 text-left transition-colors hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-750'
             >
               <div className='flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-300'>
-                <Mail className='w-6 h-6' />
+                <Bell className='w-6 h-6' />
               </div>
               <div>
                 <div className='text-base font-semibold text-gray-900 dark:text-gray-100'>
-                  邮件通知设置
+                  通知设置
                 </div>
                 <div className='mt-1 text-sm text-gray-500 dark:text-gray-400'>
-                  管理接收收藏更新通知的邮箱和开关
+                  管理邮件通知和浏览器系统通知
                 </div>
               </div>
             </button>