refactor: 抽取通用 Tab 容器组件，重构 BasicInfoTab 和 DeepAnalysisTab

新增组件：
- TabPanelContainer: 三级容器，统一 loading 状态 + VStack 布局 + 免责声明
- SubTabContainer: 二级导航容器，支持黑金/默认主题预设

重构：
- BasicInfoTab: 使用 SubTabContainer 替代原有 Tabs 实现
- DeepAnalysisTab: 拆分为 4 个子 Tab（战略分析/业务结构/产业链/发展历程）
- TabContainer: 样式调整，与 SubTabContainer 保持一致

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

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

src/components/TabContainer/TabNavigation.tsx

@@ -15,30 +15,36 @@ const TabNavigation: React.FC<TabNavigationProps> = ({
 }) => {
   return (
     <TabList
-      py={4}
       bg={themeColors.bg}
+      borderBottom="1px solid"
+      borderColor={themeColors.dividerColor}
       borderTopLeftRadius={borderRadius}
       borderTopRightRadius={borderRadius}
+      px={4}
+      py={2}
+      flexWrap="wrap"
+      gap={2}
     >
-      {tabs.map((tab, index) => (
+      {tabs.map((tab) => (
         <Tab
           key={tab.key}
           color={themeColors.unselectedText}
           borderRadius="full"
           px={4}
           py={2}
+          fontSize="sm"
           _selected={{
             bg: themeColors.selectedBg,
             color: themeColors.selectedText,
+            fontWeight: 'bold',
           }}
           _hover={{
-            color: themeColors.selectedText,
+            bg: 'whiteAlpha.100',
           }}
-          mr={index < tabs.length - 1 ? 2 : 0}
         >
           <HStack spacing={2}>
-            {tab.icon && <Icon as={tab.icon} boxSize="18px" />}
-            <Text fontSize="15px">{tab.name}</Text>
+            {tab.icon && <Icon as={tab.icon} boxSize={4} />}
+            <Text>{tab.name}</Text>
           </HStack>
         </Tab>
       ))}