perf: Tab 容器组件优化

- TabPanelContainer: Loading 颜色改为金色 #D4AF37，与黑金主题一致
- SubTabContainer: 添加 memo 和 displayName
- 子 Tab 组件: StrategyTab/BusinessTab/ValueChainTab/DevelopmentTab 添加 memo 和 displayName
- TabContainer: 移除未使用的 showDivider 参数

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/SubTabContainer/index.tsx

@@ -17,7 +17,7 @@
  * ```
  */
 
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, memo } from 'react';
 import {
   Box,
   Tabs,
@@ -97,7 +97,7 @@ export interface SubTabContainerProps {
   isLazy?: boolean;
 }
 
-const SubTabContainer: React.FC<SubTabContainerProps> = ({
+const SubTabContainer: React.FC<SubTabContainerProps> = memo(({
   tabs,
   componentProps = {},
   defaultIndex = 0,
@@ -190,6 +190,8 @@ const SubTabContainer: React.FC<SubTabContainerProps> = ({
       </Tabs>
     </Box>
   );
-};
+});
+
+SubTabContainer.displayName = 'SubTabContainer';
 
 export default SubTabContainer;

src/components/TabContainer/constants.ts

@@ -49,7 +49,6 @@ export const DEFAULT_CONFIG = {
   themePreset: 'blackGold' as ThemePreset,
   isLazy: true,
   size: 'lg' as const,
-  showDivider: true,
   borderRadius: 'lg',
   shadow: 'lg',
   panelPadding: 0,

src/components/TabContainer/index.tsx

@@ -54,7 +54,6 @@ const TabContainer: React.FC<TabContainerProps> = ({
   themeColors: customThemeColors,
   isLazy = DEFAULT_CONFIG.isLazy,
   size = DEFAULT_CONFIG.size,
-  showDivider = DEFAULT_CONFIG.showDivider,
   borderRadius = DEFAULT_CONFIG.borderRadius,
   shadow = DEFAULT_CONFIG.shadow,
   panelPadding = DEFAULT_CONFIG.panelPadding,

src/components/TabContainer/types.ts

@@ -62,8 +62,6 @@ export interface TabContainerProps {
   isLazy?: boolean;
   /** Tab 尺寸 */
   size?: 'sm' | 'md' | 'lg';
-  /** 是否显示分割线 */
-  showDivider?: boolean;
   /** 容器圆角 */
   borderRadius?: string;
   /** 容器阴影 */

src/components/TabPanelContainer/index.tsx

@@ -49,7 +49,7 @@ const LoadingState: React.FC<{ message: string; height: string }> = ({
 }) => (
   <Center h={height}>
     <VStack spacing={3}>
-      <Spinner size="lg" color="blue.500" thickness="3px" />
+      <Spinner size="lg" color="#D4AF37" thickness="3px" />
       <Text fontSize="sm" color="gray.500">
         {message}
       </Text>