# G01 Application Card Spacing Implementation Plan > **For agentic workers:** 本计划在当前会话内执行;用户禁止 worktree、多代理及任何 Git 写操作。 **Goal:** 让 G01“加入申请”组三张独立卷轴卡片之间保持 `12rpx` 间距。 **Architecture:** 保留现有模板和资产,仅使用相邻兄弟选择器为第二张及后续申请卡增加上间距。静态合同锁定精确值,运行烟测与真实截图确认页面未溢出且视觉接缝消失。 **Tech Stack:** Vue 3、uni-app、SCSS、PowerShell 静态合同、Chrome CDP 截图。 ## Global Constraints - 只修改 G01 当前审核区域。 - 不新增或替换资产。 - 不执行 Git 暂存、提交、推送、重置或检出。 - H5 截图只是当前视觉审核证据,Android/HBuilderX 仍待复核。 --- ### Task 1: 锁定并实现申请卡间距 **Files:** - Modify: `tests/g01-visual-contract.ps1` - Modify: `pages/genealogy/g01-my-genealogies.vue` **Interfaces:** - Consumes: 现有 `.application-record` 相邻兄弟结构。 - Produces: `.application-record + .application-record { margin-top: 12rpx; }`。 - [x] 在 `tests/g01-visual-contract.ps1` 增加精确间距断言。 - [x] 运行合同,确认因缺少 `12rpx` 间距而失败。 - [x] 在 G01 样式中加入相邻兄弟选择器,不调整其他样式。 - [x] 重新运行 G01 静态合同与运行烟测并确认通过。 - [x] 捕获并检查 412×915 默认状态,确认三张申请卡之间有小间隔且没有横向溢出。