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}
             >