diff --git a/src/views/Company/components/CompanyOverview/BasicInfoTab/components/BusinessInfoPanel.tsx b/src/views/Company/components/CompanyOverview/BasicInfoTab/components/BusinessInfoPanel.tsx
index bc8b99d3..8e4a1b1f 100644
--- a/src/views/Company/components/CompanyOverview/BasicInfoTab/components/BusinessInfoPanel.tsx
+++ b/src/views/Company/components/CompanyOverview/BasicInfoTab/components/BusinessInfoPanel.tsx
@@ -23,6 +23,8 @@ import {
FaFileAlt,
} from "react-icons/fa";
+// 使用统一主题
+import { COLORS, GLASS, glassCardStyle } from "@views/Company/theme";
import { THEME } from "../config";
import { useBasicInfo } from "../../hooks/useBasicInfo";
@@ -30,38 +32,23 @@ interface BusinessInfoPanelProps {
stockCode: string;
}
-// 玻璃态卡片样式
-const glassCardStyle = {
- bg: "rgba(15, 18, 35, 0.6)",
- borderRadius: "12px",
- border: "1px solid rgba(212, 175, 55, 0.2)",
- backdropFilter: "blur(8px)",
- position: "relative" as const,
- overflow: "hidden",
- transition: "all 0.2s ease",
- _hover: {
- borderColor: "rgba(212, 175, 55, 0.4)",
- bg: "rgba(15, 18, 35, 0.7)",
- },
-};
-
// 区块标题组件
const SectionTitle: React.FC<{ icon: React.ElementType; title: string }> = ({
icon,
title,
}) => (
-
+
{title}
-
+
);
@@ -80,12 +67,12 @@ const InfoRow: React.FC<{
py={2}
px={3}
borderRadius="8px"
- bg="rgba(0, 0, 0, 0.2)"
- _hover={{ bg: "rgba(212, 175, 55, 0.05)" }}
+ bg={GLASS.bgDark}
+ _hover={{ bg: GLASS.bgGold }}
transition="all 0.15s ease"
>
- {icon && }
-
+ {icon && }
+
{label}
{isCode ? (
@@ -93,7 +80,7 @@ const InfoRow: React.FC<{
fontSize="12px"
fontFamily="mono"
bg="rgba(212, 175, 55, 0.15)"
- color={THEME.goldLight}
+ color={COLORS.goldLight}
px={2}
py={0.5}
borderRadius="4px"
@@ -104,7 +91,7 @@ const InfoRow: React.FC<{
) : (
-
-
+
+
{label}
-
+
{value || "-"}
@@ -152,7 +139,7 @@ const TextSection: React.FC<{