From ddace54a9ddf8bd4275cc410b30e347d55c1671a Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Tue, 30 Dec 2025 15:59:58 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E6=8C=89=E9=92=AE=E4=B8=8E=E6=8A=95=E8=B5=84?=
 =?UTF-8?q?=E6=97=A5=E5=8E=86=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- MenuButton 改为 colorScheme="blue" + variant="solid" + borderRadius="full"
- 移除未使用的 useColorModeValue 和 hoverBg 变量

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../Navbars/components/Navigation/PersonalCenterMenu.js    | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Navbars/components/Navigation/PersonalCenterMenu.js b/src/components/Navbars/components/Navigation/PersonalCenterMenu.js
index 8a84d97b..8817fe0a 100644
--- a/src/components/Navbars/components/Navigation/PersonalCenterMenu.js
+++ b/src/components/Navbars/components/Navigation/PersonalCenterMenu.js
@@ -12,7 +12,6 @@ import {
     Box,
     Text,
     Badge,
-    useColorModeValue,
     useDisclosure
 } from '@chakra-ui/react';
 import { ChevronDown, Home, User, Settings, LogOut, Crown } from 'lucide-react';
@@ -28,7 +27,6 @@ import { useNavigate } from 'react-router-dom';
  */
 const PersonalCenterMenu = memo(({ user, handleLogout }) => {
     const navigate = useNavigate();
-    const hoverBg = useColorModeValue('gray.100', 'gray.700');
 
     // 🎯 为个人中心菜单创建 useDisclosure Hook
     const { isOpen, onOpen, onClose } = useDisclosure();
@@ -47,9 +45,10 @@ const PersonalCenterMenu = memo(({ user, handleLogout }) => {
             <MenuButton
                 as={Button}
                 size="sm"
-                variant="ghost"
+                colorScheme="blue"
+                variant="solid"
+                borderRadius="full"
                 rightIcon={<ChevronDown size={16} />}
-                _hover={{ bg: hoverBg }}
                 onMouseEnter={onOpen}
                 onMouseLeave={onClose}
             >