Fix capsule-aligned navigation and refresh mini program typography

pets-fe/pages/home/home.json

@@ -1 +1,7 @@
-{ "disableScroll": true, "usingComponents": { "tab-bar": "/components/tab-bar/index", "pet-picker": "/components/pet-picker/index" } }
+{
+  "disableScroll": true,
+  "usingComponents": {
+    "tab-bar": "/components/tab-bar/index",
+    "pet-picker": "/components/pet-picker/index"
+  }
+}

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" />

pets-fe/pages/home/home.wxss

@@ -1,20 +1,3 @@
-.top {
-  margin-top: 10rpx;
-}
-.top .title {
-  flex: 1;
-  min-width: 0;
-  margin-right: 16rpx;
-  overflow-wrap: anywhere;
-}
-.avatar {
-  width: 70rpx;
-  height: 70rpx;
-  flex-shrink: 0;
-  border-radius: 50%;
-  border: 6rpx solid white;
-  box-shadow: 0 5rpx 22rpx #174b3520;
-}
 .hero {
   min-height: 330rpx;
   background: #194f42;
@@ -34,11 +17,11 @@
 .hero-small {
   color: #abd9b8;
   font-size: 23rpx;
-  font-weight: 700;
+  font-weight: 600;
 }
 .hero-title {
-  font-size: 43rpx;
-  font-weight: 800;
+  font-size: 38rpx;
+  font-weight: 600;
   margin: 16rpx 0;
 }
 .hero-meta {
@@ -61,7 +44,7 @@
 .link {
   font-size: 24rpx;
   color: #398668;
-  font-weight: 700;
+  font-weight: 600;
 }
 .walk-card {
   padding: 26rpx;
@@ -71,7 +54,7 @@
   gap: 22rpx;
   align-items: center;
 }
-.dog-emoji {
+.walk-art {
   width: 145rpx;
   height: 145rpx;
   border-radius: 26rpx;
@@ -82,7 +65,7 @@
 }
 .walk-title {
   font-size: 31rpx;
-  font-weight: 800;
+  font-weight: 600;
   margin-bottom: 12rpx;
 }
 .walk-intro .muted {
@@ -169,7 +152,7 @@
   gap: 6rpx;
 }
 .task-name {
-  font-weight: 700;
+  font-weight: 600;
 }
 .task-main .muted {
   font-size: 22rpx;