更新Company页面的UI为FUI风格

src/views/Company/components/CompanyOverview/index.tsx

@@ -7,12 +7,14 @@ import { VStack } from "@chakra-ui/react";
 import type { CompanyOverviewProps } from "./types";
 
 // 子组件
+import StockQuoteCard from "../StockQuoteCard";
 import BasicInfoTab from "./BasicInfoTab";
 
 /**
  * 公司档案组件
  *
  * 功能：
+ * - 显示股票行情卡片（个股详情）
  * - 显示基本信息 Tab（内部懒加载各子 Tab 数据）
  *
  * 懒加载策略：
@@ -22,6 +24,9 @@ import BasicInfoTab from "./BasicInfoTab";
 const CompanyOverview: React.FC<CompanyOverviewProps> = ({ stockCode }) => {
   return (
     <VStack spacing={6} align="stretch">
+      {/* 股票行情卡片 - 个股详情 */}
+      <StockQuoteCard stockCode={stockCode} />
+
       {/* 基本信息内容 - 传入 stockCode，内部懒加载各 Tab 数据 */}
       <BasicInfoTab stockCode={stockCode} />
     </VStack>

src/views/Company/index.tsx

@@ -116,6 +116,28 @@ const CompanyContent = memo<CompanyContentProps>(({ stockCode, onTabChange }) =>
 
 CompanyContent.displayName = 'CompanyContent';
 
+// ============================================
+// 网页标题 Hook
+// ============================================
+
+const useDocumentTitle = (stockCode: string, stockName?: string) => {
+  useEffect(() => {
+    const baseTitle = '价值前沿';
+    if (stockName) {
+      document.title = `${stockName}(${stockCode}) - ${baseTitle}`;
+    } else if (stockCode) {
+      document.title = `${stockCode} - ${baseTitle}`;
+    } else {
+      document.title = baseTitle;
+    }
+
+    // 组件卸载时恢复默认标题
+    return () => {
+      document.title = baseTitle;
+    };
+  }, [stockCode, stockName]);
+};
+
 // ============================================
 // 主页面组件
 // ============================================
@@ -145,6 +167,9 @@ const CompanyIndex: React.FC = () => {
 
   const { trackStockSearched, trackTabChanged, trackWatchlistAdded, trackWatchlistRemoved } = companyEvents;
 
+  // 设置网页标题
+  useDocumentTitle(stockCode, stockInfo?.stock_name);
+
   // 股票代码变化追踪
   useEffect(() => {
     if (stockCode !== prevStockCodeRef.current) {