From ed241bd9c59bc65091608987fc42a17031e6f79f Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Wed, 26 Nov 2025 14:01:58 +0800
Subject: [PATCH] =?UTF-8?q?pref:=20=E5=AF=BC=E8=88=AA=E9=80=89=E4=B8=AD?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Navigation/DesktopNav.js       | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/components/Navbars/components/Navigation/DesktopNav.js b/src/components/Navbars/components/Navigation/DesktopNav.js
index 60eed944..247d2b4a 100644
--- a/src/components/Navbars/components/Navigation/DesktopNav.js
+++ b/src/components/Navbars/components/Navigation/DesktopNav.js
@@ -57,13 +57,14 @@ const DesktopNav = memo(({ isAuthenticated, user }) => {
                 <MenuButton
                     as={Button}
                     variant="ghost"
-                    rightIcon={<ChevronDownIcon />}
-                    bg={isActive(['/community', '/concepts']) ? 'blue.50' : 'transparent'}
-                    color={isActive(['/community', '/concepts']) ? 'blue.600' : 'inherit'}
+                    rightIcon={<ChevronDownIcon color={isActive(['/community', '/concepts']) ? 'white' : 'inherit'} />}
+                    bg={isActive(['/community', '/concepts']) ? 'blue.600' : 'transparent'}
+                    color={isActive(['/community', '/concepts']) ? 'white' : 'inherit'}
                     fontWeight={isActive(['/community', '/concepts']) ? 'bold' : 'normal'}
-                    borderBottom={isActive(['/community', '/concepts']) ? '2px solid' : 'none'}
-                    borderColor="blue.600"
-                    _hover={{ bg: isActive(['/community', '/concepts']) ? 'blue.100' : 'gray.50' }}
+                    borderLeft={isActive(['/community', '/concepts']) ? '3px solid' : 'none'}
+                    borderColor="white"
+                    borderRadius="md"
+                    _hover={{ bg: isActive(['/community', '/concepts']) ? 'blue.700' : 'gray.50' }}
                     onMouseEnter={highFreqMenu.handleMouseEnter}
                     onMouseLeave={highFreqMenu.handleMouseLeave}
                     onClick={highFreqMenu.handleClick}
@@ -123,13 +124,14 @@ const DesktopNav = memo(({ isAuthenticated, user }) => {
                 <MenuButton
                     as={Button}
                     variant="ghost"
-                    rightIcon={<ChevronDownIcon />}
-                    bg={isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? 'blue.50' : 'transparent'}
-                    color={isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? 'blue.600' : 'inherit'}
+                    rightIcon={<ChevronDownIcon color={isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? 'white' : 'inherit'} />}
+                    bg={isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? 'blue.600' : 'transparent'}
+                    color={isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? 'white' : 'inherit'}
                     fontWeight={isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? 'bold' : 'normal'}
-                    borderBottom={isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? '2px solid' : 'none'}
-                    borderColor="blue.600"
-                    _hover={{ bg: isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? 'blue.100' : 'gray.50' }}
+                    borderLeft={isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? '3px solid' : 'none'}
+                    borderColor="white"
+                    borderRadius="md"
+                    _hover={{ bg: isActive(['/limit-analyse', '/stocks', '/trading-simulation']) ? 'blue.700' : 'gray.50' }}
                     onMouseEnter={marketReviewMenu.handleMouseEnter}
                     onMouseLeave={marketReviewMenu.handleMouseLeave}
                     onClick={marketReviewMenu.handleClick}
@@ -198,13 +200,14 @@ const DesktopNav = memo(({ isAuthenticated, user }) => {
                 <MenuButton
                     as={Button}
                     variant="ghost"
-                    rightIcon={<ChevronDownIcon />}
-                    bg={isActive(['/agent-chat']) ? 'blue.50' : 'transparent'}
-                    color={isActive(['/agent-chat']) ? 'blue.600' : 'inherit'}
-                    fontWeight={isActive(['/agent-chat']) ? 'bold' : 'normal'}
-                    borderBottom={isActive(['/agent-chat']) ? '2px solid' : 'none'}
-                    borderColor="blue.600"
-                    _hover={{ bg: isActive(['/agent-chat']) ? 'blue.100' : 'gray.50' }}
+                    rightIcon={<ChevronDownIcon color={isActive(['/agent-chat', '/value-forum']) ? 'white' : 'inherit'} />}
+                    bg={isActive(['/agent-chat', '/value-forum']) ? 'blue.600' : 'transparent'}
+                    color={isActive(['/agent-chat', '/value-forum']) ? 'white' : 'inherit'}
+                    fontWeight={isActive(['/agent-chat', '/value-forum']) ? 'bold' : 'normal'}
+                    borderLeft={isActive(['/agent-chat', '/value-forum']) ? '3px solid' : 'none'}
+                    borderColor="white"
+                    borderRadius="md"
+                    _hover={{ bg: isActive(['/agent-chat', '/value-forum']) ? 'blue.700' : 'gray.50' }}
                     onMouseEnter={agentCommunityMenu.handleMouseEnter}
                     onMouseLeave={agentCommunityMenu.handleMouseLeave}
                     onClick={agentCommunityMenu.handleClick}