css布局

移动端

移动端优先 + 单列流式 + 限宽居中 + 模块内部弹性布局

-- 已有项目
请基于现有页面做布局优化，不重写业务逻辑与组件结构。按“移动端优先 + 单列流式 + 限宽居中 + 模块内部弹性布局”调整首页：外层补安全区与内容限宽居中，整体保持单列滚动节奏，模块内部按内容使用 flex、grid、wrap 或横向滚动优化适配，优先解决小屏拥挤、内容溢出、文本过宽、图片变形和间距不统一问题。

--- 新项目
请实现首页布局方案，采用“移动端优先 + 单列流式 + 限宽居中 + 模块内部弹性布局”。页面整体以移动端单列滚动为主，外层处理安全区并设置最大宽度居中；各模块根据内容使用 flex、grid、wrap 或横向滚动实现自适应，保证在手机、小程序和 H5 场景下层级清晰、节奏稳定、内容不溢出。