为什么做这个调整
上线"网站更新记录"页面后，收到反馈："默认的宽度太窄了，包括整站"。
核实后确实如此：
- Header 和 Footer 都用 max-w-7xl（1280px）
- 但 /updates 列表只到 max-w-6xl（1152px），详情页甚至只到 max-w-5xl（1024px）
- 很多练习端的列表和统计页也停在 max-w-5xl 或 max-w-6xl
- 在宽屏显示器上看，左右留白过多，信息密度低
另外列表页的交互只有底部一个"查看更新详情"按钮能点，标题不是链接，对用户太不友好。
具体做了什么
1. 更新记录相关页面
- 网站更新记录列表 /updates：max-w-6xl → max-w-7xl
- 网站更新记录详情 /updates/[slug]：max-w-5xl → max-w-6xl
- 题库更新记录列表 /practice/updates：同步拓宽
- 题库更新记录详情 /practice/updates/[slug]：同步拓宽
2. 数据密集页一起拓宽
- 练习统计 /practice/statistics
- 错题分析 /practice/error-analysis
- 错题列表 /practice/errors
- 成就 /practice/achievements
- 排行榜 /practice/leaderboard
- 个人仪表盘 /user/dashboard
这些页面要么是卡片列表，要么是图表统计，宽屏下加宽后信息密度更合理。
3. 列表卡片整体更"可点"
网站更新记录和题库更新记录的列表卡片里：
- 标题文本本身成为超链接，指向详情页
- 鼠标悬停时标题变主题色，视觉上直接可点
- 底部的"查看更新详情"按钮保留，做明显的二次提示
4. 哪些页面刻意没动
- 博客、教程、服务条款、隐私政策等长文本阅读页面：行宽仍保持 3-4xl，研究上 >800px 的连续行对阅读实际更差
- 意见反馈、登录、支付等表单页：2xl 的宽度反而更聚焦
- 练习答题、题库详情等正在使用的页面：不改动，避免打断用户当前的专注
用户会感受到的变化
- 宽屏更舒展：更新记录、统计、错题分析这些页在大屏上不再挤在中间
- 点得更爽：更新记录列表上，卡片的标题本身就能点，不用去找按钮
- 阅读不被破坏：博客和教程这些需要专注读的页面，行宽没变，阅读体验保持
相关范围
- 官网：核心列表页、数据密集页、更新记录页的卡片
这条记录的发布时间
以相关 git 提交的时间为准：2026-04-23 09:00:00（按本次合并提交的时间）。