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/app.wxss

@@ -66,6 +66,22 @@ page {
   --gradient-night: linear-gradient(160deg, #172A72 0%, #25104F 100%);
   --gradient-night-soft: linear-gradient(160deg, #3445A1 0%, #172A72 100%);
 
+  /* ---- 首页 4×2 入口宫格图标渐变（参考图 2：高饱和圆角砖 + 白色描画图标） ----
+     白图标的对比度判据是**非文本图形 3:1**（WCAG 1.4.11）。渐变是斜向的、图标又跨在
+     两色之间，所以**较亮的一端也必须达标** —— 下表注释给的是 0% 处实算值，100% 更暗只会更高。
+     色相按业务语义固定（不随 tone 名漂移）：找对象/婚前辅导＝玫瑰粉系、公益红娘/服务站＝暖橙系、
+     公益活动＝紫罗兰、婚恋咨询＝蓝、婚恋课堂＝紫、婚恋反诈＝绿。 */
+  --gradient-entry-rose:   linear-gradient(135deg, #F56287 0%, #F34671 100%); /* 3.01:1 / 3.54:1 */
+  --gradient-entry-orange: linear-gradient(135deg, #F66A06 0%, #D95E06 100%); /* 3.01:1 / 3.78:1 */
+  --gradient-entry-violet: linear-gradient(135deg, #A380F5 0%, #8F64F2 100%); /* 3.02:1 / 3.98:1 */
+  --gradient-entry-blue:   linear-gradient(135deg, #5195F6 0%, #3484F4 100%); /* 3.01:1 / 3.65:1 */
+  --gradient-entry-purple: linear-gradient(135deg, #B27BF0 0%, #A260ED 100%); /* 3.01:1 / 3.87:1 */
+  --gradient-entry-pink:   linear-gradient(135deg, #F2619E 0%, #F0458C 100%); /* 3.01:1 / 3.54:1 */
+  --gradient-entry-green:  linear-gradient(135deg, #18A979 0%, #148F66 100%); /* 3.00:1 / 4.08:1 */
+  --gradient-entry-amber:  linear-gradient(135deg, #E9740C 0%, #CC650B 100%); /* 3.01:1 / 3.86:1 */
+  /* 图标砖落影：比 --mini-shadow 更小，避免 4 列宫格里相邻砖块的投影互相压边 */
+  --mini-entry-shadow: 0 8rpx 18rpx rgba(28, 30, 88, 0.18);
+
   /* ---- 夜间氛围层（v2 新增；参考图有光晕与星点，此前完全没有） ---- */
   --mini-glow-coral: rgba(255, 79, 145, 0.40);
   --mini-glow-indigo: rgba(94, 124, 255, 0.32);