更新Company页面的UI为FUI风格

src/components/SubTabContainer/index.tsx

@@ -56,16 +56,16 @@ export interface SubTabTheme {
 }
 
 /**
- * 预设主题
+ * 预设主题 - FUI 风格优化
  */
 const THEME_PRESETS: Record<string, SubTabTheme> = {
   blackGold: {
-    bg: 'gray.900',
-    borderColor: 'rgba(212, 175, 55, 0.3)',
-    tabSelectedBg: '#D4AF37',
-    tabSelectedColor: 'gray.900',
-    tabUnselectedColor: '#D4AF37',
-    tabHoverBg: 'gray.600',
+    bg: 'transparent',
+    borderColor: 'rgba(212, 175, 55, 0.2)',
+    tabSelectedBg: 'linear-gradient(135deg, #D4AF37 0%, #B8960C 100%)',
+    tabSelectedColor: '#0A0A14',
+    tabUnselectedColor: 'rgba(212, 175, 55, 0.8)',
+    tabHoverBg: 'rgba(212, 175, 55, 0.1)',
   },
   default: {
     bg: 'white',
@@ -179,23 +179,28 @@ const SubTabContainer: React.FC<SubTabContainerProps> = memo(({
               key={tab.key}
               color={theme.tabUnselectedColor}
               borderRadius="full"
-              px={2.5}
+              px={3}
               py={1.5}
               fontSize="xs"
               whiteSpace="nowrap"
               flexShrink={0}
+              border="1px solid transparent"
+              transition="all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
               _selected={{
                 bg: theme.tabSelectedBg,
                 color: theme.tabSelectedColor,
                 fontWeight: 'bold',
+                boxShadow: '0 0 12px rgba(212, 175, 55, 0.4)',
+                border: '1px solid rgba(212, 175, 55, 0.5)',
               }}
               _hover={{
                 bg: theme.tabHoverBg,
+                border: '1px solid rgba(212, 175, 55, 0.3)',
               }}
             >
-              <HStack spacing={1}>
-                {tab.icon && <Icon as={tab.icon} boxSize={3} />}
-                <Text>{tab.name}</Text>
+              <HStack spacing={1.5}>
+                {tab.icon && <Icon as={tab.icon} boxSize={3.5} />}
+                <Text letterSpacing="wide">{tab.name}</Text>
               </HStack>
             </Tab>
           ))}