Fix capsule-aligned navigation and refresh mini program typography

pets-fe/pages/home/home.wxml

@@ -1,16 +1,10 @@
-<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
+<page-layout id="page-layout" title="早安，{{name}}">
 <view class="screen">
-  <safe-top />
-  <view class="eyebrow">你好，今天也一起好好生活</view>
-  <view class="row top">
-    <view class="title">早安，{{name}}</view>
-    <image src="/assets/logo-corgi-v2.png" class="avatar" />
-  </view>
   <view class="hero">
     <view class="hero-copy">
       <text class="hero-small">今日的主角</text>
-      <text class="hero-title">小短腿，出发吧!</text>
-      <text class="hero-meta">多只狗狗 · 每一天都是好日子</text>
+      <text class="hero-title">出门走走吧</text>
+      <text class="hero-meta">一起出发，收集今天的小快乐</text>
       <view class="hero-caption">● 陪伴它们的每一天，都值得记录</view>
     </view>
     <image src="/assets/corgi-family-five.png" mode="aspectFit" />
@@ -21,7 +15,7 @@
   </view>
   <view class="card walk-card">
     <view class="walk-intro">
-      <view class="dog-emoji">🐕</view>
+      <view class="walk-art"><app-icon size="74" /></view>
       <view>
         <view class="walk-title">今天的风刚刚好</view>
         <view class="muted">选择同行的狗狗，一起出门转转。</view>
@@ -70,7 +64,7 @@
         {{item.completed?'✓':''}}
       </view>
       <view class="task-icon">
-        {{item.category==='water'?'💧':item.category==='food'?'🥣':'🐾'}}
+        <app-icon kind="{{item.category}}" size="36" />
       </view>
       <view class="task-main">
         <text class="task-name">{{item.title}}</text>
@@ -78,9 +72,9 @@
       </view>
     </view>
     <view wx:if="{{!tasks.length}}" class="empty">
-      今天还没有任务，给狗狗安排一件小事吧 🐾
+      今天还没有任务，给狗狗安排一件小事吧
     </view>
   </view>
 </view>
-</scroll-view>
+</page-layout>
 <tab-bar current="/pages/home/home" />