1 · 图标全集（38 个）
来源 Tabler Icons (MIT)。mask-image + currentColor，不是字体——Tabler 是描边图标，转字体要先展开轮廓，漏了会生成空字形。
weight
poop
food
symptom
medicine
cost
vaccine
deworm
photo
home
plan
record
report
community
back
next
plus
check
close
trash
edit
share
comment
like
like-on
more
bell
settings
ai
warn
doc
note
book
trend
cat
dog
user
clock
2 · 尺寸可读性
32rpx(16px) 是正文里最常用的尺寸，重点看这一档描边够不够清楚。
16px / 32rpx
20px / 40rpx
24px / 48rpx
28px / 56rpx
3 · tabBar
4 · 圆角 5 档
xs 12
sm 20
md 28
lg 40
full
5 · 字号 6 档 / 字重只留两档
2xl 48 · 页面大标题
xl 40 · 卡片主数值
lg 32 · 小标题与按钮
md 28 · 正文
sm 24 · 辅助说明
cap 22 · 角标
6 · 按钮
主按钮保持暖橙：它有 36 处使用、绝大多数是弹层里的「保存」，改成深色会让全站主色消失。深色只给页面级首要 CTA。
7 · 标签 / 状态 chip / 4 色分类块
已完成待处理
异常经验精选
体重稳定
任务全清
驱虫将到期
8 · 卡片 / 任务 / 统计 / 进度
本周完成度72%
疫苗进度3/4 已完成
驱虫状态12 天后到期
9 · 表单族（弹层里 28 种 type 全靠这几个类）
10 · 其它公共块
风险中 · 建议观察 24 小时
小橘最近体重稳定，继续保持现在的喂食量就好。
那驱虫呢？
还没有记录，来记第一笔吧