页脚重做：从两套页脚到三段式

「页脚不太好看，桌面端不对称，移动端靠左还有点单调。」收到这个反馈时，我先截图量了一遍，发现「不好看」背后其实是五个可以量化的问题。

量出来的五个问题​

问题	证据
有两套页脚	首页自制的「关于/快速导航/技术栈/版权」块 + 系统页脚
宽度不跟正文对齐	页脚容器 1320px，正文 1140px 居中
两列各占 660px	每列只有三行字，右侧大片空白
移动端全靠左	版权居中、链接居左，两种对齐混在一起
版权被遮挡	375px 下被「回到顶部」按钮压住

还有一个隐藏 bug：全局的 .row .col:hover 位移也作用在页脚列上，鼠标扫过整列会跳一下。

方案：三段式​

• 左：品牌区（站名、一句话、订阅/随便看看/GitHub 三个胶囊按钮）；
• 中：站点导航；
• 右：更多（工具、更新日志、条款）；
• 底部一条分隔线 + 单行版权。

同时把首页那段自制块删掉，信息并入页脚，全站只留一套。

技术上怎么落地​

主题的 Footer 组件可以 swizzle，但那意味着以后升级主题要自己维护一份拷贝。我选了另一条路：用配置里的 footer.links 加 html 字段拼出品牌区，结构靠 CSS 重排，不碰主题源码。

响应式按内容换行点定断点：三栏在 840px 以下会挤，所以 996px 就切成「品牌一行 + 导航两列」，420px 以下再全部单列。页脚容器限制到 1140px，和正文对齐。

结果​

1440px 下页脚容器 left=143 width=1140，和正文同宽；900px 下品牌独占一行、两个导航列并排；375px 下单列居中，底部留 4.5rem 避开回到顶部按钮。

经验​

「不好看」是最难改的需求，因为它没有验收标准。把它拆成「对齐、宽度、留白、断点、遮挡」这些可测量的项，改起来就有方向，改完也能验证。