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/views/Company/components/CompanyOverview/DeepAnalysisTab/index.tsx

@@ -1,23 +1,36 @@
 /**
  * 深度分析 Tab 主组件
  *
- * 组合所有子组件，显示公司深度分析内容
+ * 使用 SubTabContainer 二级导航组件，分为 4 个子 Tab：
+ * 1. 战略分析 - 核心定位 + 战略分析 + 竞争地位
+ * 2. 业务结构 - 业务结构树 + 业务板块详情
+ * 3. 产业链 - 产业链分析（独立，含 Sankey 图）
+ * 4. 发展历程 - 关键因素 + 时间线
  */
 
 import React from 'react';
-import { VStack, Center, Text, Spinner, Grid, GridItem } from '@chakra-ui/react';
-import {
-  CorePositioningCard,
-  CompetitiveAnalysisCard,
-  BusinessStructureCard,
-  ValueChainCard,
-  KeyFactorsCard,
-  TimelineCard,
-  BusinessSegmentsCard,
-  StrategyAnalysisCard,
-} from './components';
+import { Card, CardBody, Center, VStack, Spinner, Text } from '@chakra-ui/react';
+import { FaBrain, FaBuilding, FaLink, FaHistory } from 'react-icons/fa';
+import SubTabContainer, { type SubTabConfig } from '@components/SubTabContainer';
+import { StrategyTab, BusinessTab, ValueChainTab, DevelopmentTab } from './tabs';
 import type { DeepAnalysisTabProps } from './types';
 
+// 主题配置（与 BasicInfoTab 保持一致）
+const THEME = {
+  cardBg: 'gray.900',
+  border: 'rgba(212, 175, 55, 0.3)',
+};
+
+/**
+ * Tab 配置
+ */
+const DEEP_ANALYSIS_TABS: SubTabConfig[] = [
+  { key: 'strategy', name: '战略分析', icon: FaBrain, component: StrategyTab },
+  { key: 'business', name: '业务结构', icon: FaBuilding, component: BusinessTab },
+  { key: 'valueChain', name: '产业链', icon: FaLink, component: ValueChainTab },
+  { key: 'development', name: '发展历程', icon: FaHistory, component: DevelopmentTab },
+];
+
 const DeepAnalysisTab: React.FC<DeepAnalysisTabProps> = ({
   comprehensiveData,
   valueChainData,
@@ -40,74 +53,22 @@ const DeepAnalysisTab: React.FC<DeepAnalysisTabProps> = ({
   }
 
   return (
-    <VStack spacing={6} align="stretch">
-      {/* 核心定位卡片 */}
-      {comprehensiveData?.qualitative_analysis && (
-        <CorePositioningCard
-          qualitativeAnalysis={comprehensiveData.qualitative_analysis}
-          cardBg={cardBg}
+    <Card bg={THEME.cardBg} shadow="md" border="1px solid" borderColor={THEME.border}>
+      <CardBody p={0}>
+        <SubTabContainer
+          tabs={DEEP_ANALYSIS_TABS}
+          componentProps={{
+            comprehensiveData,
+            valueChainData,
+            keyFactorsData,
+            cardBg,
+            expandedSegments,
+            onToggleSegment,
+          }}
+          themePreset="blackGold"
         />
-      )}
-
-      {/* 战略分析 */}
-      {comprehensiveData?.qualitative_analysis?.strategy && (
-        <StrategyAnalysisCard
-          strategy={comprehensiveData.qualitative_analysis.strategy}
-          cardBg={cardBg}
-        />
-      )}
-
-      {/* 竞争地位分析 */}
-      {comprehensiveData?.competitive_position && (
-        <CompetitiveAnalysisCard comprehensiveData={comprehensiveData} />
-      )}
-
-      {/* 业务结构分析 */}
-      {comprehensiveData?.business_structure &&
-        comprehensiveData.business_structure.length > 0 && (
-          <BusinessStructureCard
-            businessStructure={comprehensiveData.business_structure}
-            cardBg={cardBg}
-          />
-        )}
-
-      {/* 业务板块详情 */}
-      {comprehensiveData?.business_segments &&
-        comprehensiveData.business_segments.length > 0 && (
-          <BusinessSegmentsCard
-            businessSegments={comprehensiveData.business_segments}
-            expandedSegments={expandedSegments}
-            onToggleSegment={onToggleSegment}
-            cardBg={cardBg}
-          />
-        )}
-
-      {/* 产业链分析 */}
-      {valueChainData && (
-        <ValueChainCard valueChainData={valueChainData} cardBg={cardBg} />
-      )}
-
-      {/* 关键因素与发展时间线 */}
-      <Grid templateColumns="repeat(2, 1fr)" gap={6}>
-        <GridItem colSpan={{ base: 2, lg: 1 }}>
-          {keyFactorsData?.key_factors && (
-            <KeyFactorsCard
-              keyFactors={keyFactorsData.key_factors}
-              cardBg={cardBg}
-            />
-          )}
-        </GridItem>
-
-        <GridItem colSpan={{ base: 2, lg: 1 }}>
-          {keyFactorsData?.development_timeline && (
-            <TimelineCard
-              developmentTimeline={keyFactorsData.development_timeline}
-              cardBg={cardBg}
-            />
-          )}
-        </GridItem>
-      </Grid> 
-    </VStack>
+      </CardBody>
+    </Card>
   );
 };