style: redesign knowledge graph to light academic theme

Switch from dark p5-style background to light slate theme with softer indigo particles, white label pills, and reduced glow effects for better readability in academic context. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-22 14:25:53 +08:00
parent 90ab913ef9
commit 53a9380d7a
2 changed files with 59 additions and 99 deletions
@@ -150,7 +150,7 @@ export default function CourseContentPage() {
          <>
            {/* 知识图谱视图 */}
            {viewMode === 'graph' && (
-              <div className="w-full h-[calc(100vh-250px)] min-h-[600px] lg:min-h-[700px] rounded-lg border border-white/10 overflow-hidden">
+              <div className="w-full h-[calc(100vh-250px)] min-h-[600px] lg:min-h-[700px] rounded-lg border border-border/40 overflow-hidden bg-slate-50">
                <KnowledgeGraph bookStructure={bookStructure} />
              </div>
            )}