feat(fe): 肉垫 FAB + 冷启动闪屏；顶部筛选改纯文字对齐

- FAB 重设计成肉垫造型（呼应「肉垫计划」），修 fab.js 漏声明
  icon 属性导致的兜底文档图标；社区发帖 FAB 保持图标
- onboarding 加冷启动闪屏，登录+拉宠物在闪屏期完成再进首页，
  不再闪一下建档向导；欢迎屏 logo 换肉垫、去掉过时 AI 文案
- 顶部宠物筛选去掉头像改纯文字（带图/emoji 时高度对不齐），
  固定高度 + vertical-align:middle 彻底对齐，添加用「＋」文字

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

pets-fe/pages/onboarding/onboarding.js

@@ -44,6 +44,7 @@ function ageFromBirthday(bdayStr) {
 
 Page({
   data: {
+    booting: true, // 冷启动先显示闪屏，静默登录 + 拉宠物期间不闪建档向导
     step: 0,
     petType: '猫猫',
     petEmoji: '🐱',
@@ -68,15 +69,19 @@ Page({
   },
   onLoad() {
     this.setData({ today: today(), arrivedAt: today() });
-    // 已有宠物则直接进首页
+    // 闪屏期间就把登录 + 宠物拉完，保证进首页时数据已经到位。
+    // 有宠物直接进首页；没有才落到建档向导。登录失败也别卡在闪屏，
+    // 放用户进向导（提交时会再 store.ready 重试）
     store
       .ready()
       .then(() => {
         if (store.getPets().length > 0) {
           wx.switchTab({ url: '/pages/home/home' });
+        } else {
+          this.setData({ booting: false });
         }
       })
-      .catch(() => {});
+      .catch(() => this.setData({ booting: false }));
   },
   nextStep() {
     this.setData({ step: Math.min(this.data.step + 1, 5) });

pets-fe/pages/onboarding/onboarding.wxml

@@ -1,3 +1,17 @@
+<!-- 冷启动闪屏：登录 + 拉宠物期间显示，不再闪一下建档向导 -->
+<view wx:if="{{booting}}" class="boot">
+  <view class="boot-badge">
+    <view class="paw">
+      <view class="bean bean-1"></view><view class="bean bean-2"></view>
+      <view class="bean bean-3"></view><view class="bean bean-4"></view>
+      <view class="pad"></view>
+    </view>
+  </view>
+  <view class="boot-name">肉垫计划</view>
+  <view class="boot-tip">正在准备今天的养护计划…</view>
+</view>
+
+<block wx:else>
 <nav-bar title="肉垫计划"></nav-bar>
 
 <scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
@@ -5,14 +19,20 @@
   <!-- step 0 欢迎 -->
   <view wx:if="{{step === 0}}" class="step">
     <view class="hero">
-      <view class="pet-logo"><pt-icon name="community" size="{{88}}" color="#fff"></pt-icon></view>
+      <view class="pet-logo">
+        <view class="paw">
+          <view class="bean bean-1"></view><view class="bean bean-2"></view>
+          <view class="bean bean-3"></view><view class="bean bean-4"></view>
+          <view class="pad"></view>
+        </view>
+      </view>
       <view class="hero-h1">肉垫计划</view>
       <view class="hero-sub">新手养宠的养护日历、健康记录和成长报告。先生成计划，再每天照着做。</view>
     </view>
     <view class="proof-row">
       <view class="proof"><text class="proof-b">30天</text><text class="proof-s">新手计划</text></view>
-      <view class="proof"><text class="proof-b">8类</text><text class="proof-s">快速记录</text></view>
-      <view class="proof"><text class="proof-b">AI</text><text class="proof-s">观察建议</text></view>
+      <view class="proof"><text class="proof-b">24类</text><text class="proof-s">快速记录</text></view>
+      <view class="proof"><text class="proof-b">成长</text><text class="proof-s">报告卡片</text></view>
     </view>
     <button class="btn btn-primary btn-block" bindtap="nextStep">开始建档，生成计划</button>
     <view class="skip-link" bindtap="skipBrowse">先随便看看</view>
@@ -104,3 +124,4 @@
   </view>
 </view>
 </scroll-view>
+</block>

pets-fe/pages/onboarding/onboarding.wxss

@@ -9,13 +9,46 @@
 .skip-link{text-align:center;margin-top:var(--sp-4);color:var(--muted);font-size:var(--fs-md);padding:var(--sp-2)}
 @keyframes fade{from{opacity:0;transform:translateY(16rpx)}to{opacity:1;transform:none}}
 
+/* 冷启动闪屏 */
+.boot{
+  position:fixed;inset:0;z-index:200;
+  display:flex;flex-direction:column;align-items:center;justify-content:center;
+  background:
+    radial-gradient(circle at 50% 32%, rgba(253,179,92,.28), transparent 55%),
+    var(--bg);
+}
+.boot-badge{
+  width:184rpx;height:184rpx;border-radius:44rpx;
+  background:linear-gradient(150deg,#FFB865,#F5943E);
+  display:flex;align-items:center;justify-content:center;
+  box-shadow:0 18rpx 42rpx rgba(214,138,52,.4);
+  animation:boot-pop .5s ease both, boot-breathe 2.4s ease-in-out .5s infinite;
+}
+.boot-name{margin-top:var(--sp-5);font-size:var(--fs-2xl);font-weight:var(--fw-b);letter-spacing:-1rpx}
+.boot-tip{margin-top:var(--sp-2);color:var(--muted);font-size:var(--fs-md)}
+@keyframes boot-pop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
+@keyframes boot-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-10rpx)}}
+
 .hero{text-align:center;padding:60rpx 0 var(--sp-5)}
 .pet-logo{
   width:176rpx;height:176rpx;margin:0 auto var(--sp-5);border-radius:var(--r-lg);
-  background:linear-gradient(135deg,#FFE0AB,#FDB35C);
-  display:flex;align-items:center;justify-content:center;font-size:88rpx;
+  background:linear-gradient(135deg,#FFB865,#F5943E);
+  display:flex;align-items:center;justify-content:center;
   box-shadow:var(--sd-2);
 }
+
+/* 肉垫（呼应「肉垫计划」）——奶白掌垫 + 四趾垫，闪屏和欢迎屏共用 */
+.paw{position:relative;width:100rpx;height:92rpx}
+.paw .pad{
+  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
+  width:66rpx;height:54rpx;background:#FFF7EC;
+  border-radius:48% 48% 44% 44%/62% 62% 40% 40%;
+}
+.paw .bean{position:absolute;background:#FFF7EC;border-radius:50%}
+.paw .bean-1{width:22rpx;height:30rpx;left:0;top:30rpx;transform:rotate(-20deg)}
+.paw .bean-2{width:24rpx;height:33rpx;left:27rpx;top:6rpx;transform:rotate(-7deg)}
+.paw .bean-3{width:24rpx;height:33rpx;right:27rpx;top:6rpx;transform:rotate(7deg)}
+.paw .bean-4{width:22rpx;height:30rpx;right:0;top:30rpx;transform:rotate(20deg)}
 .hero-h1{font-size:var(--fs-2xl);letter-spacing:-1.2rpx;font-weight:var(--fw-b)}
 .hero-sub{margin-top:var(--sp-3);line-height:1.65;color:var(--muted);font-size:var(--fs-md)}