refactor(FinancialPanorama): 重构为 7+3 Tab 架构

- 财务指标拆分为 7 个分类 Tab（盈利/每股/成长/运营/偿债/费用/现金流）
- 保留 3 大报表 Tab（资产负债表/利润表/现金流量表）
- 新增 KeyMetricsOverview 关键指标速览组件
- 新增 FinancialTable 通用表格组件
- Hook 支持按 Tab 独立刷新数据
- PeriodSelector 整合到 SubTabContainer 右侧
- 删除废弃的 OverviewTab/MainBusinessTab

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

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

src/views/Company/components/FinancialPanorama/tabs/CashflowTab.tsx

@@ -3,16 +3,7 @@
  */
 
 import React from 'react';
-import {
-  Card,
-  CardBody,
-  CardHeader,
-  VStack,
-  HStack,
-  Heading,
-  Badge,
-  Text,
-} from '@chakra-ui/react';
+import { Box, VStack, HStack, Heading, Badge, Text } from '@chakra-ui/react';
 import { CashflowTable } from '../components';
 import type { CashflowData } from '../types';
 
@@ -48,29 +39,25 @@ const CashflowTab: React.FC<CashflowTabProps> = ({
   };
 
   return (
-    <Card>
-      <CardHeader>
-        <VStack align="stretch" spacing={2}>
-          <HStack justify="space-between">
-            <Heading size="md">现金流量表</Heading>
-            <HStack spacing={2}>
-              <Badge colorScheme="blue">
-                显示最近{Math.min(cashflow.length, 8)}期
-              </Badge>
-              <Text fontSize="sm" color="gray.500">
-                红涨绿跌 | 同比变化
-              </Text>
-            </HStack>
+    <Box>
+      <VStack align="stretch" spacing={2} mb={4}>
+        <HStack justify="space-between">
+          <Heading size="md" color="#D4AF37">现金流量表</Heading>
+          <HStack spacing={2}>
+            <Badge bg="rgba(212, 175, 55, 0.2)" color="#D4AF37">
+              显示最近{Math.min(cashflow.length, 8)}期
+            </Badge>
+            <Text fontSize="sm" color="gray.400">
+              红涨绿跌 | 同比变化
+            </Text>
           </HStack>
-          <Text fontSize="xs" color="gray.500">
-            提示：现金流数据为累计值，正值红色表示现金流入，负值绿色表示现金流出
-          </Text>
-        </VStack>
-      </CardHeader>
-      <CardBody>
-        <CashflowTable data={cashflow} {...tableProps} />
-      </CardBody>
-    </Card>
+        </HStack>
+        <Text fontSize="xs" color="gray.500">
+          提示：现金流数据为累计值，正值红色表示现金流入，负值绿色表示现金流出
+        </Text>
+      </VStack>
+      <CashflowTable data={cashflow} {...tableProps} />
+    </Box>
   );
 };