记录首页如何从静态展示头图，升级为带赛事地图、检查点交互和导航激活反馈的实时舞台。
首页第一版能够说明产品方向，但还不能真正传达“这是一个正在运行的地图活动系统”。这次更新把 Hero 重做成了赛事舞台：更宽的地图主视觉、实时排行榜、路线轨迹和动态检查点共同组成了首屏。
重点不只是让页面更会动，而是让用户在进入官网的第一眼，就理解 ColorMap 不是静态地图工具，而是一套面向真实活动运行的产品系统。
检查点现在支持 hover 触发的扫描环、奖励气泡和更强的聚焦状态，小橙色运动点运行到对应位置时也会自动触发同样的反馈。这样即使用户不操作页面，赛事地图也不会显得静止。
同时，站点主导航增加了更明确的激活下划线，让页面在滚动浏览时具备更强的控制感和当前位置反馈。
记录应用场景、产品能力、统计卡片和流光轨迹说明区的结构优化，让首页从信息堆叠变成更完整的产品叙事。
首页中段原本已经有足够的信息，但层次感还不够强。一些卡片区域显得偏空，一些右侧说明块也缺少可以快速扫读的重点，导致页面更像“信息放上去了”，而不是“产品被讲清楚了”。
这次更新围绕这个问题做了内容结构重排：卡片前面补图标、统计区重排成更合理的两层布局、Hover 反馈统一加强、右侧说明面板也增加了指标和更清晰的说明条目。
应用场景和产品能力卡片现在更像真正的产品模块，每个块都有更明确的入口视觉和阅读顺序。统计区改成上四下三并居中之后，数字系统不再像随手排列的 dashboard 残留。
流光轨迹右侧说明区也从一段文案升级成更完整的信息面板，能更直接表达它的视图模式、适用场景和观察重点。
记录官网信息架构为什么从“功能菜单式介绍”转向“以用户任务为中心、以目标为导向”的产品表达方式。
官网过去更像在罗列功能，现在开始强调用户真正要完成的任务：怎么规划路线、怎么组织活动、怎么让参与者进入状态、怎么让现场运行更顺畅。
因此这次更新不只是把某个版块标题改写得更好听，而是把多个区块都改成围绕任务、目标和结果来组织内容。这样学校、团队和活动组织者更容易把产品能力映射到自己的真实场景里。
后续的开发日志不会做成泛内容博客，而会持续记录界面变化、功能推进、实现思路和下一阶段目标。每一篇都应该回答三个问题：这次改了什么、为什么值得改、接下来会继续推进什么。
这样开发日志才能成为对外展示产品演进过程的窗口，而不是一个和产品本身脱节的博客栏目。
