feat(fe): 其余 8 页 + 三个薄组件套用新设计语言

页面：
- record：3×3 emoji 九宫格（184rpx 高、全站最大的点击块）换成图标 + 4 色分类，
  和首页的 8 宫格合并成同一套 .quick-grid，此前它俩是同一个东西的两个副本
- record/plan/community：三套横向切换全部换成 seg-tabs
- record/plan/community/report/learn：砍掉与 nav-bar 重复的 46rpx 大标题，
  每页白赚约 130rpx 首屏
- 时间轴图标改按 HealthRecord.Type 取（9 值枚举，可靠），老数据里的 emoji
  只作兜底；写库的 icon 字段一个字符没动
- profile：设置行加分类图标 + 右侧箭头换图标
- community/report：主操作改深色 CTA，btn-primary 继续留给弹层的「保存」
- 6 套空态写法统一成 .empty

组件：
- nav-bar 的 ‹ 和 fab 的 "AI" 文字换成图标；fab 从蓝渐变改深色，
  和全站唯一主 CTA 的语义对齐
- pet-switch 的「＋」换图标；宠物自己的 emoji 是用户数据，保留

pt-icon 开了 virtualHost，组件标签上的 class 不生效，需要定位的地方
（profile 行图标、箭头）都用外层 view 包了一层。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

pets-fe/app.wxss

@@ -180,6 +180,16 @@ page{scrollbar-width:none;-ms-overflow-style:none}
 .tone-3{background:var(--blue-soft);color:var(--blue-ink)}
 .tone-4{background:var(--purple-soft);color:var(--purple-ink)}
 
+/* 记录入口宫格。首页(4 列 8 个)和记录页(3 列 9 个)原本是同一个东西的两个副本，
+   高度/圆角/阴影/字号全不一样，这里合成一套。 */
+.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}
+.quick-grid.cols-3{grid-template-columns:repeat(3,1fr)}
+.quick{
+  border-radius:var(--r-md);min-height:128rpx;
+  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);
+  font-weight:var(--fw-b);font-size:var(--fs-sm);
+}
+
 /* 空态。原本有 6 套长得差不多的写法散在各页 */
 .empty{padding:56rpx var(--sp-1);text-align:center;color:var(--muted);font-size:var(--fs-sm)}
 .empty.lg{padding:96rpx 0}
@@ -288,6 +298,8 @@ page{scrollbar-width:none;-ms-overflow-style:none}
 /* 统计格 */
 .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin:var(--sp-4) 0}
 .stat{background:#fff;border:1rpx solid var(--line);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-2);text-align:center}
+.stat-b{display:block;font-size:var(--fs-xl);margin-bottom:6rpx;font-weight:var(--fw-b)}
+.stat-s{font-size:var(--fs-cap);color:var(--muted)}
 
 /* 文章卡 */
 .article-card{