feat(miniapp): 首页 4×2 入口宫格图标改版为参考图 2 的渐变砖 + 白色图形

参考图 2 的视觉语言是「高饱和渐变圆角砖 + 白色描画图形 + 主标题/副标题双层文字」，
原实现是「浅色底砖 + 彩色线性 PNG + 单行标题」，两者差异较大，本轮按参考图重做。

- app.wxss：新增 8 个 --gradient-entry-* 渐变 token 与 --mini-entry-shadow。
  白图形的判据取**非文本图形 3:1**（WCAG 1.4.11）；渐变是斜向的、图形又跨在两色之间，
  故以「较亮端」为准逐色实算（3.00~3.02:1，较暗端 3.54~4.08:1），实算值写在 token 注释里。
- index.wxss：.entry-icon 由 72rpx 浅色砖改为 96rpx 渐变砖（radius 28rpx + 落影）；
  图形改用 data-uri SVG 背景层（几何图形统一 24×24 viewBox），砖面走 --gradient-entry-*；
  新增 .entry-sub（12px muted 副标题）；删除已无用的 .entry-icon-image。
  小屏 @media(≤340px) 同步收紧，副标题不降到 micro —— micro 在本项目是「仅角标/装饰」档位，
  这行字承载语义，不属于装饰。
- index.wxml：宫格项去掉 <image>，图标改为纯 CSS 砖；补 aria-label 承接图形语义。
- index.ts：tone 名与色相语义对齐（rose/orange/violet/blue/purple/pink/green/amber），
  并补 subtitle；entry 不再持有 iconAsset（图标不再是图片资源）。
- preview-miniapp.mjs：首页 mock 同步 tone/subtitle，预览才能看到真实砖面与副标题。

渲染态实测（无头浏览器 + CDP，非真机渲染）：
- 8 个 .entry-item 均渲染出 label + subtitle；.entry-icon 计算样式 48×48px / radius 14px /
  background-image 含 svg 且为两层（图形 26px + 渐变铺满）；label 14px/600；sub 12px #7D839B。
- 证据截图：artifacts/ui-redesign/miniapp/home-entries-page.png 与 home-entries-grid-zoom.png。

门禁：UI 契约 23/23；语种审计 0 命中；tsc --noEmit 通过；wcc/wcsc 真编译 88 WXSS + 86 WXML / 0 失败。

未改（需产品确认）：第 8 项业务名仍是「善缘服务站」（参考图 2 写作「万善缘地」），
副标题自拟为「就在身边」；渐变整体比参考图略深，以保证白图形对比度达标。

miniapp/pages/index/index.ts

@@ -7,15 +7,19 @@ const api = require('../../utils/api')
 // 顶部安全区：实测右上角胶囊按钮矩形，避免品牌栏「消息」入口被胶囊压住（见 utils/nav-metrics.js）
 const { navSafeData } = require('../../utils/nav-metrics')
 
+// 4×2 宫格的视觉映射（tone → index.wxss 的 .tone-* 渐变砖；subtitle → 主标题下的说明行）。
+// 图标不再走图片资源：改成「CSS 渐变砖 + 白色矢量图形」（见 index.wxss .tone-* 的 data-uri 背景层），
+// 所以这里没有 iconAsset。tone 名与色相语义一一对应（app.wxss --gradient-entry-* 注释里有实算对比度）：
+// 3.01:1 是「白图形 vs 渐变较亮端」的实算值，7 个色相均 ≥3:1（WCAG 1.4.11 非文本图形）。
 const ENTRY_VISUALS = {
-  find_object: { tone: 'rose', iconAsset: '/assets/icons/home/find-object.png' },
-  matchmaker: { tone: 'purple', iconAsset: '/assets/icons/home/matchmaker.png' },
-  activities: { tone: 'blue', iconAsset: '/assets/icons/home/activity.png' },
-  counseling: { tone: 'pink', iconAsset: '/assets/icons/home/counseling.png' },
-  classroom: { tone: 'amber', iconAsset: '/assets/icons/home/classroom.png' },
-  premarital: { tone: 'indigo', iconAsset: '/assets/icons/home/premarital.png' },
-  anti_fraud: { tone: 'red', iconAsset: '/assets/icons/home/anti-fraud.png' },
-  service_station: { tone: 'green', iconAsset: '/assets/icons/home/service-station.png' },
+  find_object: { tone: 'rose', subtitle: '真实邂逅' },
+  matchmaker: { tone: 'orange', subtitle: '官方牵线' },
+  activities: { tone: 'violet', subtitle: '线下联谊' },
+  counseling: { tone: 'blue', subtitle: '专业指导' },
+  classroom: { tone: 'purple', subtitle: '提升自我' },
+  premarital: { tone: 'pink', subtitle: '幸福起航' },
+  anti_fraud: { tone: 'green', subtitle: '守护真爱' },
+  service_station: { tone: 'amber', subtitle: '就在身边' },
 }
 
 const QUICK_ENTRIES = [