H5 导览首页精简设计稿
本目录为新版 H5 导览首页的精简设计稿，仅表达功能逻辑和页面结构，不作为最终视觉规范。
文件
01-h5-home-3d-map-focus.png：H5 首页设计稿，重点突出馆内三维地图。01-h5-home-3d-map-focus.svg：用于复查和二次调整的可编辑源稿。
设计逻辑
- 平台定位为纯 H5 页面：无手机状态栏、无微信小程序胶囊、无小程序标题栏。
- 首页核心目标是进入馆内导览，因此三维地图占据首屏主体区域。
- 搜索、地图/列表切换、图例、设施入口、楼层切换、定位和缩放控件均以地图浮层形式出现，减少对地图主区域的挤占。
- 底部只保留主要操作「开始导览」，不加入收藏、推荐、我的等扩展功能。
- 右上角保留「来馆」入口，对应馆外/到馆路线入口。
参考依据
- 用户提供的首页参考图：保留其信息架构，包括标题、来馆、地图/列表、搜索、设施入口、楼层和开始导览。
深圳自然博物馆小程序+设计规范0519：参考背景色、主按钮色、按钮文字色、标签绿色、分割线和基础边距。
本项目落地对应
- 首页入口：
src/pages/index/index.vue - 导览地图容器：
src/components/navigation/GuideMapShell.vue - 地图渲染区域：
src/components/map/SgsMapRenderer.vue - 后续路线规划面板：
src/components/navigation/RoutePlannerPanel.vue
需要确认
- H5 首页是否默认展示地图模式，列表是否作为次级 tab 保留。
- 「开始导览」点击后是进入路线规划、当前位置预览，还是直接进入模拟导览。
- 设施入口是否只保留服务台、电梯、扶梯、洗手间、出入口这 5 类。
- 楼层列表是否固定为
3F / 2F / 1F / B1，或需要从 SDK/后台动态读取。