diff --git a/src/views/Concept/components/ForceGraphView.js b/src/views/Concept/components/ForceGraphView.js
index 933089be..9986e75c 100644
--- a/src/views/Concept/components/ForceGraphView.js
+++ b/src/views/Concept/components/ForceGraphView.js
@@ -45,7 +45,7 @@ import {
} from 'react-icons/fa';
import { logger } from '../../../utils/logger';
-// 极光动画
+// 极光动画 - 黑金色主题
const auroraAnimation = keyframes`
0%, 100% {
background-position: 0% 50%;
@@ -53,7 +53,7 @@ const auroraAnimation = keyframes`
}
25% {
background-position: 50% 100%;
- filter: hue-rotate(15deg);
+ filter: hue-rotate(10deg);
}
50% {
background-position: 100% 50%;
@@ -61,7 +61,7 @@ const auroraAnimation = keyframes`
}
75% {
background-position: 50% 0%;
- filter: hue-rotate(-15deg);
+ filter: hue-rotate(-10deg);
}
`;
@@ -71,27 +71,27 @@ const glowPulse = keyframes`
50% { opacity: 0.6; transform: scale(1.05); }
`;
-// 一级分类颜色映射(基础色 - 半透明玻璃态)
+// 一级分类颜色映射(基础色 - 半透明玻璃态 - 黑金主题)
const LV1_COLORS = {
- '人工智能': '#8B5CF6',
- '半导体': '#3B82F6',
- '机器人': '#10B981',
- '消费电子': '#F59E0B',
- '智能驾驶与汽车': '#EF4444',
- '新能源与电力': '#06B6D4',
- '空天经济': '#6366F1',
- '国防军工': '#EC4899',
- '政策与主题': '#14B8A6',
- '周期与材料': '#F97316',
- '大消费': '#A855F7',
- '数字经济与金融科技': '#22D3EE',
- '全球宏观与贸易': '#84CC16',
- '医药健康': '#E879F9',
- '前沿科技': '#38BDF8',
+ '人工智能': '#EAB308', // 金色
+ '半导体': '#F59E0B', // 琥珀色
+ '机器人': '#CA8A04', // 深金色
+ '消费电子': '#FACC15', // 亮金色
+ '智能驾驶与汽车': '#D97706', // 橙金色
+ '新能源与电力': '#FDE047', // 浅金色
+ '空天经济': '#A16207', // 古铜金
+ '国防军工': '#B45309', // 铜色
+ '政策与主题': '#EAB308', // 金色
+ '周期与材料': '#F59E0B', // 琥珀色
+ '大消费': '#FACC15', // 亮金色
+ '数字经济与金融科技': '#CA8A04', // 深金色
+ '全球宏观与贸易': '#D97706', // 橙金色
+ '医药健康': '#FDE047', // 浅金色
+ '前沿科技': '#EAB308', // 金色
};
// 根据涨跌幅获取颜色(涨红跌绿 - 玻璃态半透明)
-const getChangeColor = (value, baseColor = '#64748B') => {
+const getChangeColor = (value, baseColor = '#A16207') => {
if (value === null || value === undefined) return baseColor;
// 涨 - 红色系(调整透明度使其更柔和)
@@ -681,7 +681,7 @@ const ForceGraphView = ({
gapWidth: 4,
borderRadius: 16,
shadowBlur: 20,
- shadowColor: 'rgba(139, 92, 246, 0.3)',
+ shadowColor: 'rgba(234, 179, 8, 0.3)',
},
upperLabel: {
show: true,
@@ -717,7 +717,7 @@ const ForceGraphView = ({
gapWidth: 3,
borderRadius: 12,
shadowBlur: 10,
- shadowColor: 'rgba(139, 92, 246, 0.2)',
+ shadowColor: 'rgba(234, 179, 8, 0.2)',
},
upperLabel: {
show: true,
@@ -810,12 +810,12 @@ const ForceGraphView = ({
backgroundColor: 'transparent',
tooltip: {
trigger: 'item',
- backgroundColor: 'rgba(15, 23, 42, 0.9)',
- borderColor: 'rgba(139, 92, 246, 0.4)',
+ backgroundColor: 'rgba(12, 10, 9, 0.95)',
+ borderColor: 'rgba(234, 179, 8, 0.4)',
borderWidth: 1,
borderRadius: 16,
padding: [14, 18],
- extraCssText: 'backdrop-filter: blur(20px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);',
+ extraCssText: 'backdrop-filter: blur(20px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);',
textStyle: {
color: '#E2E8F0',
fontSize: 13,
@@ -871,11 +871,11 @@ const ForceGraphView = ({
${data.conceptCount ? `📁 ${data.conceptCount} 个概念` : ''}
${data.level === 'concept' ? `
-
+
🔗 点击查看概念详情
` : data.level !== 'concept' ? `
-
+
📂 点击进入查看子分类
` : ''}
@@ -911,7 +911,7 @@ const ForceGraphView = ({
emphasis: {
itemStyle: {
shadowBlur: 30,
- shadowColor: 'rgba(139, 92, 246, 0.5)',
+ shadowColor: 'rgba(234, 179, 8, 0.5)',
borderColor: 'rgba(255, 255, 255, 0.3)',
},
},
@@ -1014,7 +1014,7 @@ const ForceGraphView = ({
return (
-
+
正在构建矩形树图...
@@ -1045,7 +1045,7 @@ const ForceGraphView = ({
return (
加载失败:{error}