“力学”为根节点的发散型思维导图
玩法与设计解析
这个页面是一个以“力学”为根节点的发散型思维导图。它的核心机制是“逐层展开”，让复杂的知识体系变得直观可见。
操作与反馈
探索机制：您可以直接点击任意一个彩色的一级分支节点（如“牛顿定律”、“运动学”）。被点击的分支会向外展开，显示其下的二级知识点（如“F=ma”），同时节点和连线会有流畅的动画效果。
全局控制：页面底部提供了“全部展开”和“全部折叠”按钮，方便您一次性查看所有知识点或恢复简洁视图。您也可以使用键盘快捷键（E键展开全部，C键折叠全部，数字键1-6切换对应分支）来快速操作。
视觉反馈：点击二级知识点时，它会有一个高亮闪烁的反馈动画。中心节点带有呼吸光晕，背景有动态粒子效果，这些都增强了操作的确认感和页面的科技感。
视觉风格与布局
布局结构：采用了经典的中心辐射式布局。中心“力学”节点周围分布着6个一级分支，二级知识点以弧形排列在对应分支的外侧。这种结构直观地展示了知识点的层级和关联。
色彩与氛围：每个知识点分支（牛顿定律、运动学等）都有一套独特的渐变色系，从深色背景中凸显出来。搭配动态的星空粒子背景和发光的连线，营造出一种深邃、专注的学术探索氛围。
优化建议： 您可以在代码开头的<style>标签中修改CSS变量（如--bg背景色）来调整主题。思维导图的数据结构在<script>标签内的mindMapData对象中，您可以自由增删或修改分支与知识点内容。