v0.2.2 · 主屏重心与能力卡统一排版

发布信息

• 日期时间（Asia/Hong_Kong）：2026-06-21 20:32
• 改动前备份标签：backup/20260621-202106-before-hero-balance-capability-cards
• 目标提交：1dda8acbf936ece209e84337da9176c3a97851a8
• 涉及文件：package.json、src/components/SkillGroups.astro、src/data/site.ts、src/pages/index.astro、src/styles/global.css、tests/e2e/site.spec.ts

改动梗概

• 将版本提升至 0.2.2。
• 桌面主屏标题最大字号由约 93px 提升至约 112px，文字容器扩展至约 740px。
• 将整个主屏文字组安全左移最多 64px，并根据视口与内容框外边距自动收回，始终保留至少 20px 视口安全边距。
• 低高度桌面继续使用紧凑字号；980px 以下明确取消左移并保持原有手机标题尺寸。
• 将共享能力名称“软件开发”全站统一改为“编程开发”，首页与简历同步生效。
• 重构能力卡为“编号 → 标题 → 小字说明 → 底部 tag 与证据链接”。
• 移除把标题推向卡片中部的自动空白，编号、标题与说明统一左上对齐。
• 新增能力卡底部容器，桌面三卡等高并让 tag 与“查看能力证据”链接稳定齐底；手机单列保持自然高度。
• 扩充 Playwright 覆盖，验证主屏标题字号、文字左缘、移动端不偏移、能力卡结构顺序、标题顶线、内边距、底部链接基线和全站名称一致性。

验证结果

• pnpm check：34 个文件，0 errors、0 warnings、0 hints。
• pnpm build：12 个静态页面、站点地图与 resume.pdf 生成成功。
• 本地 Playwright E2E：37 passed，5 skipped（按设备适用范围跳过）。
• 1440×900 视觉复核：主屏标题约 112px、文字左缘约 56px；三张能力卡标题与底部链接齐线。
• 390×844 视觉复核：主屏字号和位置保持原有范围，能力卡按自然高度单列。
• 四个视觉样本均无横向溢出或控制台错误；WCAG AA 严重问题扫描通过。
• GitHub Actions：静态检查、构建、PDF、E2E、Pages 产物上传和部署全部通过。
• 部署记录：https://github.com/Uronika/Uronika.github.io/actions/runs/27904357671

残留风险与待办

• 主屏标题与作品拼贴的重叠更强；当前占位文案已验证，未来替换为明显更长的真实标题或介绍后需要重新执行视觉验证。
• GitHub 官方 Actions 仍报告目标 Node.js 20 运行时弃用提示；当前 runner 已强制使用 Node.js 24，不影响构建或部署，后续应随官方 Action 版本升级。
• 真实姓名、职位、邮箱、账号和部分作品素材仍为明确占位内容，正式对外展示前需要继续补齐。