R101/A1-A7 收口企业微信移动端体验

client/src/components/mobile/MobileBottomNav.tsx

@@ -65,7 +65,9 @@ export function MobileBottomNav() {
               className={({ isActive }) =>
                 cn(
                   "touch-target flex flex-col items-center justify-center gap-1 rounded-2xl px-2 py-2 text-xs font-medium transition-colors",
-                  isActive ? "bg-zinc-900 text-white shadow-sm" : "text-zinc-500 hover:bg-zinc-50 hover:text-zinc-900",
+                  isActive
+                    ? "bg-primary-50 text-primary ring-1 ring-primary-100"
+                    : "text-zinc-500 hover:bg-zinc-50 hover:text-zinc-900",
                 )
               }
             >
@@ -77,7 +79,7 @@ export function MobileBottomNav() {
                       <span
                         className={cn(
                           "absolute -right-3 -top-2 min-w-5 rounded-full px-1.5 py-0.5 text-[10px] font-semibold leading-none",
-                          isActive ? "bg-white text-zinc-900" : "bg-red-500 text-white",
+                          isActive ? "bg-primary text-white" : "bg-red-500 text-white",
                         )}
                       >
                         {badge}