首页移动端适配调整

最近针对小屏设备优化了首页布局与交互逻辑。当屏幕宽度小于等于 820px 时，原本绝对定位的舞台会折叠为正常的滚动列布局。同时隐藏了装饰性的氛围元素和照片条带，确保内容优先展示。

这次变化

在 src/client/nav-motion.js 中增加了窄屏检测函数，并在交互层禁用了拖拽、滚轮及键盘平移功能，让触摸滑动更自然。CSS 方面通过媒体查询重置了 .stage 的定位属性，改为相对定位并设置固定内边距。

实现与取舍

具体样式调整包括将 profile和hero 元素的圆角设为 36px，padding 调整为 20-48px。桌面端的大气悬浮感被牺牲，换取了小屏下的可读性与操作直觉。装饰性元素在窄屏下不再渲染，减少了不必要的资源消耗和视觉干扰。同时为 body.home-page 设置了垂直滚动溢出控制，避免内容截断问题。

后续计划

目前主要关注不同分辨率下的滚动体验是否流畅。自动化流程生成的草稿内容仍需人工核对代码事实与链接准确性。若发现特定机型存在布局错乱或交互异常，将优先修复样式冲突。继续验证现有功能在移动端的表现，维护好现有的 SQLite 存储结构及会话安全策略。确保生产环境配置符合 Caddy 与服务端要求，定期备份 WAL 模式下的数据目录。