style(documentation): 优化文档图节点和样式主题适配

- 根据当前主题判断是否为深色模式，调整节点填充颜色和描边颜色
- 修改背景色和边框颜色以适配浅色和深

Author: wsqstar

src/components/documentation/DocumentGraph.jsx

@@ -95,6 +95,9 @@ export function DocumentGraph({ currentDoc, backlinksMap, allDocuments, onNodeCl
       const isHovered = hoveredNode === node.id;
       const radius = node.isCenter ? 25 : 18;
 
+      // 判断当前主题是否为深色（只有dark主题是深色背景）
+      const isDarkTheme = currentTheme === 'dark';
+      
       // 绘制节点圆圈
       ctx.beginPath();
       ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI);
@@ -104,12 +107,12 @@ export function DocumentGraph({ currentDoc, backlinksMap, allDocuments, onNodeCl
       } else if (isHovered) {
         ctx.fillStyle = '#10b981';
       } else {
-        // 使用浅色背景
-        ctx.fillStyle = bgColor === '#000000' || bgColor === 'rgb(0, 0, 0)' ? '#444' : '#e5e7eb';
+        // 根据主题使用不同的节点背景色
+        ctx.fillStyle = isDarkTheme ? '#444' : '#f3f4f6';
       }
 
       ctx.fill();
-      ctx.strokeStyle = bgColor === '#000000' || bgColor === 'rgb(0, 0, 0)' ? '#666' : '#fff';
+      ctx.strokeStyle = isDarkTheme ? '#666' : '#d1d5db';
       ctx.lineWidth = 2;
       ctx.stroke();
 

src/components/documentation/DocumentGraph.module.css

@@ -12,7 +12,7 @@
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  z-index: 1000;
+  z-index: 9999;
   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
   max-width: 90vw;
   max-height: 90vh;
@@ -123,7 +123,7 @@
   width: 10px;
   height: 10px;
   border-radius: 50%;
-  border: 1px solid white;
+  border: 1px solid var(--border-color);
   flex-shrink: 0;
 }
 
@@ -146,8 +146,8 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: -1;
+  background-color: rgba(0, 0, 0, 0.6);
+  z-index: 9998;
 }
 
 /* 响应式设计 */