猪窝 v1.9.0：美食地图 - UI/UX 与字段体系

猪窝美食地图完成一次完整的视觉和交互收束：从早期的多栏信息堆叠，整理为桌面端地图与觅食目录的二分视图，并同步补齐移动端布局、搜索筛选、分页、地图联动和记录字段。当前地图共维护 20 家记录，覆盖南宁与西安两座城市。

桌面端布局重构

• 地图和目录改为左右二分容器，地图占约 66%，右侧目录占约 34%，两侧固定为一致高度。
• 初始视图改为“全部”记录，目录支持分页，不再默认落在某一个夜市区域。
• 移除重复的餐厅详情顶栏、冗余说明和大段空白，把主要信息集中到觅食目录与记录详情中。
• 地图工具栏将 CITY MAP · 城市地图 与南宁、西安按钮并排放置；“恢复默认视图”保留在地图右上角。
• 目录标题、地图容器和移动端下方容器统一为暖色圆角体系，边框、阴影和高亮竖条保持一致。

搜索、筛选与地图联动

• 左侧搜索框移除，右侧搜索框成为唯一搜索入口，桌面端和移动端统一占位文案为“食品、菜品或评价”。
• 搜索框旁增加美食图标确认按钮，回车和点击按钮都执行同一搜索动作。
• 横向区域按钮改为筛选浮窗，筛选条件不再占据目录的固定横向空间。
• 搜索结果数量、分页和卡片内容同步更新；搜索只命中一家时，地图使用与点击卡片/地图标记一致的聚焦逻辑。
• 卡片名称、地址做移动端友好的截断和省略，地址最多展示 10 个字符；日期、地址和“查看详情”保持在同一行。
• 移动端保留有意义的分类与状态信息，隐藏“已标注”等低价值辅助标签，避免卡片出现额外换行。

地图标记与本地资源

地图标记不再全部使用同一种图标，而是按类别区分颜色和图形：烧烤烤肉、特色火锅、粉面简餐、夜市商圈、酒吧和家常炒菜各自使用对应的标记样式。图标从 Material Design Icons 资源中选取后下载到 home/public/icons/foodmap/，运行时不再依赖 Iconify 外部 API，国内访问时更稳定；高德地图 JS API 仍按原有配置加载。

美食记录与字段整理

• 将南铁夜市、水街夜市的类型统一为“夜市商圈”，保留夜市作为便于实际觅食的聚合区域。
• 按街道和场景整理 region，补充民生街道、福建园街道、中山街道、新竹街道、北湖街道等记录归属，并保留夜市和住处附近等有实际使用价值的特殊区域。
• 新增朱六荔枝柴烧鸡、老三篇、柒不柒螺蛳粉、新实惠牛肉牛杂火锅和周记鲜牛思贤店，补齐 category、dishes、评价、地址、日期、状态及坐标字段。
• 保留菜品价格、口味评价和推荐状态，让卡片预览与详情浮层都能从同一套字段生成。

发布验证

• Home 版本由 1.8.0 升至 1.9.0。
• git diff --check 通过，npm run build 成功构建 19 个页面。
• 发布提交：1286098 feat(v1.9.0): 美食地图视觉与字段升级。
• 已推送到 thebear617/pig-home 的 main 分支；本次没有进行真实浏览器点击验证，交互结论来自源码契约、静态构建和页面产物检查。

UI 设计图留档

以下图片作为本次美食地图 UI 设计与成品界面的视觉留档。

以下截图根据猪窝 v1.9.0 commit 1286098 在本地打开「美食地图」路由重建，用于记录桌面端地图 / 目录二分视图与搜索筛选收束后的页面状态。

交互态 UI 留档

补充美食地图打开筛选面板，以及选择“粉面简餐”后的结果状态，记录地图目录视图中筛选器的展开与选中反馈。