self-media-james/articles/003/mermaid-mindmap.css
邓文兵 76c9a60379 feat(article): 添加 GPT-5.4 深度解析文章及配套图表
- 新增 GPT-5.4 深度解析文章,涵盖六大核心能力详解
- 添加 SVG 格式的 GPT-5.4 能力全景图
- 添加 Mermaid 格式的模型家族关系图
- 添加 GPT-5.4 六大能力思维导图
- 添加 Computer Use 工作流程图
- 添加 OSWorld 桌面操作基准测试图表
- 添加 上下文窗口演进对比图
- 添加 上下文压缩原理图
- 添加 Tool Search 机制对比图
- 添加 可配置推理深度图
- 添加 GDPval 对比图表
- 添加 三方模型对比图
- 添加 API 定价对比图
- 添加 Mermaid 配置文件和样式文件
- 添加模型选择指南 SVG 图片
2026-03-16 16:28:42 +08:00

55 lines
2.1 KiB
CSS

/* Mindmap sci-fi style - force visible node backgrounds */
text, tspan {
fill: #e0f7fa !important;
font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}
/* Root node */
.mindmap-node:first-of-type circle {
fill: #0d2137 !important;
stroke: #00e5ff !important;
stroke-width: 3px !important;
filter: drop-shadow(0 0 12px rgba(0, 229, 255, 0.6)) !important;
}
/* All mindmap section/node shapes */
.mindmap-node rect,
.mindmap-node polygon,
.mindmap-node circle,
.mindmap-node ellipse,
.mindmap-node path {
stroke: #00b8d4 !important;
stroke-width: 2px !important;
filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.35)) !important;
}
/* Force different section colors instead of black */
.section-0 rect, .section-0 path { fill: #0d3b66 !important; stroke: #00e5ff !important; }
.section-1 rect, .section-1 path { fill: #1a3a4a !important; stroke: #26c6da !important; }
.section-2 rect, .section-2 path { fill: #1b3044 !important; stroke: #4dd0e1 !important; }
.section-3 rect, .section-3 path { fill: #14293d !important; stroke: #00bcd4 !important; }
.section-4 rect, .section-4 path { fill: #0f2b3d !important; stroke: #80deea !important; }
.section-5 rect, .section-5 path { fill: #0d3352 !important; stroke: #4fc3f7 !important; }
.section-6 rect, .section-6 path { fill: #102a40 !important; stroke: #29b6f6 !important; }
.section-7 rect, .section-7 path { fill: #0e2d44 !important; stroke: #81d4fa !important; }
.section-8 rect, .section-8 path { fill: #113148 !important; stroke: #b3e5fc !important; }
/* Generic fallback: any rect/path that ends up black */
rect[fill="#000"], rect[fill="#000000"], rect[fill="black"],
path[fill="#000"], path[fill="#000000"], path[fill="black"] {
fill: #0d3b66 !important;
}
/* Catch-all: any element with inline black-ish fill */
[style*="fill: rgb(0, 0, 0)"], [style*="fill:rgb(0,0,0)"],
[style*="fill:#000"], [style*="fill: #000"] {
fill: #0d3b66 !important;
}
/* Lines between nodes */
line, path.edge {
stroke: #00b8d4 !important;
stroke-width: 2px !important;
}