sync: 新增视觉对比快速入口检测，保留完整检查规则

.claude/skills/d8d-dev/visual-diff-mode-pencil.md

@@ -225,16 +225,18 @@ PVD-1 PER-PAGE LOOP:
   1. 从 Pencil MCP batch_get 获取当前设计帧的完整节点树
   2. 提取所有顶层命名节点（name 属性存在的节点）→ 得到"必须存在的组件列表"
      示例: availableCard / amountInput / amountActions / withdrawMethod / recentWithdrawals / confirmBtn
-  3. 读取实际页面源码（app/mini-program/src/pages/{page}/index.vue），检查每个组件是否存在:
-     - 节点存在（源码中对应区块存在）→ 继续
-     - 节点整个区块缺失 → 直接判定为 🔴 严重差异 → critical_count += 1
+  3. 读取实际页面源码（app/mini-program/src/pages/{page}/index.vue），双向检查:
+     - **必需组件检查**: 节点整个区块缺失 → 直接判定为 🔴 严重差异 → critical_count += 1
+     - **多余组件检查**: 实际页面存在设计稿中没有的顶层区块 → 🟡 中等差异 → moderate_count += 1
+     - **组件类型一致性检查**: 设计是 `icon_font` 但实现用纯文本字符 → 🟡 中等差异 → moderate_count += 1
   4. 结构校验通过后，使用 Read 工具分别查看设计截图和实际截图，AI 综合分析视觉差异:
-     - 布局结构（网格/弹性/定位）
+     - 布局结构（网格/弹性/定位、对齐方式）
      - 组件排列（导航栏、卡片、按钮、图标）
      - 颜色（Neon Pulse 规范：#000000 背景、#ffb3b5 粉色、#e8b3ff 紫色、#00dce5 青色）
      - 间距（内边距、外边距、元素间距）
-     - 字体（大小、粗细、颜色）
+     - 字体（大小、粗细、颜色、对齐方式）
      - 图标（是否存在、形状是否正确、是否 emoji 替代）
+     - 设计规范（是否违反 Neon Pulse 原则：如存在不必要的 1px 边框）
 ```
 
 **优势**:
@@ -247,7 +249,7 @@ PVD-1 PER-PAGE LOOP:
 | 级别 | 标准 | 示例 |
 |------|------|------|
 | 🔴 严重 | 布局结构不同、关键组件缺失 | 原型有两列布局实际一列；整个设计区块在源码中缺失 |
-| 🟡 中等 | 颜色/间距偏差、图标不一致 | 卡片圆角不一致；图标形状与设计不符 |
+| 🟡 中等 | 颜色/间距偏差、图标不一致、文本对齐方式不符、圆角尺寸差异、多余顶层区块、违反设计规范、组件类型不匹配 | 卡片圆角不一致；图标形状与设计不符；设计左对齐实际居中；设计稿没有的多余提示文字；存在不必要的1px边框违反无边界线原则；设计是icon-font实际用纯文本 |
 | 🟢 轻微 | 微小像素差异 | 1-2px 偏移 |
 
 ### 强制执行清单（必须严格遵守，不得跳过）
@@ -258,7 +260,7 @@ PVD-1 PER-PAGE LOOP:
 | 情况 | 级别 | 是否计数 |
 |------|------|----------|
 | 布局结构不同、关键组件缺失 | 🔴 严重 | `critical_count += 1` |
-| 颜色/间距偏差、**图标不一致** | 🟡 中等 | `moderate_count += 1` |
+| 颜色/间距偏差、图标不一致、文本对齐方式不符、圆角尺寸差异、多余顶层区块、违反Neon Pulse设计规范、组件类型不匹配 | 🟡 中等 | `moderate_count += 1` |
 | 微小像素差异 (1-2px 偏移) | 🟢 轻微 | `minor_count += 1` |
 
 **门禁规则再强调**：