From f70d8dace906f77d911a0418b1d2ea46a8095de5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Fri, 27 Feb 2026 11:46:07 +0800
Subject: [PATCH] style: remove red focus rings from navigation header

---
 src/components/layout/header.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
index 7ab32fe..1fe0ff3 100644
--- a/src/components/layout/header.tsx
+++ b/src/components/layout/header.tsx
@@ -80,7 +80,7 @@ export function Header() {
           <div className="flex items-center justify-between h-16">
             <Link 
               href="/"
-              className="flex items-center group focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-offset-2 rounded-sm"
+              className="flex items-center group"
             >
               <img 
                 src="/logo.svg" 
@@ -97,7 +97,6 @@ export function Header() {
                   className={`
                     relative px-3 py-1.5 text-sm font-medium
                     transition-all duration-300
-                    focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-offset-2 rounded-sm
                     ${isActive(item)
                       ? 'text-[#1C1C1C]'
                       : 'text-[#3D3D3D] hover:text-[#1C1C1C]'
@@ -109,7 +108,7 @@ export function Header() {
                   {isActive(item) && (
                     <motion.span 
                       layoutId="activeNav"
-                      className="absolute bottom-0 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#C41E3A] rounded-full"
+                      className="absolute bottom-0 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#1C1C1C] rounded-full"
                       transition={{ type: "spring", stiffness: 380, damping: 30 }}
                     />
                   )}
@@ -127,7 +126,7 @@ export function Header() {
             </div>
 
             <button
-              className="md:hidden p-2 -mr-2 text-[#3D3D3D] hover:text-[#1C1C1C] transition-colors focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-offset-2 rounded-sm"
+              className="md:hidden p-2 -mr-2 text-[#3D3D3D] hover:text-[#1C1C1C] transition-colors"
               onClick={() => setIsOpen(!isOpen)}
               onKeyDown={handleKeyDown}
               aria-expanded={isOpen}
@@ -179,9 +178,8 @@ export function Header() {
                         block px-4 py-3 text-base font-medium
                         transition-all duration-300
                         border-l-2
-                        focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-inset
                         ${isActive(item)
-                          ? 'text-[#1C1C1C] border-[#C41E3A] bg-[#FEF2F4]'
+                          ? 'text-[#1C1C1C] border-[#1C1C1C] bg-[#F5F5F5]'
                           : 'text-[#3D3D3D] border-transparent hover:text-[#1C1C1C] hover:bg-[#F5F5F5]'
                         }
                       `}