feat(ui): 排行榜与首页打卡卡片多项优化

排行榜性能:
- 客户端乐观缓存:进页面/切周期秒显旧数据,后台静默刷新,消除 2-3s 空白
- 云函数实例缓存 TTL 60s -> 5min,降低全表扫描频率

排行榜 UI:
- 空状态重设计:奖杯光环插画(径向光晕 + 闪光漂浮)
- 领奖台 slot 撑满对齐列表、金银铜底座配色、角标与昵称间距修复、底线对齐

首页打卡卡片:
- 火焰光晕脉动 + 72rpx 大数字 + 分段进度格子
- 计划 >10 天时进度退化为里程碑连续条

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

pages/index/index.wxml

@@ -9,28 +9,46 @@
     <text class="greeting-sub">{{todayDone ? '继续保持这个势头' : '今天的平板支撑等着你'}}</text>
   </view>
 
-  <!-- 连续打卡卡片 -->
+  <!-- 连续打卡卡片:火焰连胜 + 分段进度 -->
   <ui-card variant="gradient in" class="{{justCompleted ? 'just-completed' : ''}}">
     <view class="header-card">
-      <view class="streak-section">
-        <image class="streak-icon" src="{{icons.hotWhite}}" mode="aspectFit"></image>
-        <text class="streak-num">{{streakCount}}</text>
-        <text class="streak-label">连续打卡</text>
-      </view>
-      <view class="divider"></view>
-      <view class="plan-info">
+      <!-- 上区:连胜视觉重心 + 计划徽章 -->
+      <view class="streak-row">
+        <view class="streak-section">
+          <view class="streak-icon-wrap">
+            <view class="streak-halo"></view>
+            <image class="streak-icon" src="{{icons.hotWhite}}" mode="aspectFit"></image>
+          </view>
+          <view class="streak-text">
+            <text class="streak-num">{{streakCount}}</text>
+            <text class="streak-label">连续打卡</text>
+          </view>
+        </view>
         <view class="plan-badge">
           <image class="plan-badge-icon" src="{{icons.formWhite}}" mode="aspectFit"></image>
           <text class="plan-badge-text">{{planName}}</text>
         </view>
-        <view class="progress-bar-wrap">
-          <view class="progress-bar">
-            <view class="progress-fill" style="width: {{planProgress}}%;">
-              <view class="progress-glow"></view>
-            </view>
-          </view>
-          <text class="progress-label">第 {{planDay}} / {{planTotal}} 天</text>
+      </view>
+      <!-- 下区:分段格子(<=10天)或里程碑连续条(>10天) -->
+      <view class="segment-progress">
+        <view class="segment-track" wx:if="{{useSegments}}">
+          <view
+            wx:for="{{planDays}}"
+            wx:key="*this"
+            class="segment-cell {{index < planDay - 1 ? 'done' : ''}} {{index === planDay - 1 ? 'current' : ''}}"
+          ></view>
         </view>
+        <view class="milestone-track" wx:else>
+          <view class="milestone-bar">
+            <view class="milestone-fill" style="width: {{planProgress}}%;"></view>
+            <view class="milestone-node" style="left: 0%;"></view>
+            <view class="milestone-node" style="left: 25%;"></view>
+            <view class="milestone-node" style="left: 50%;"></view>
+            <view class="milestone-node" style="left: 75%;"></view>
+            <view class="milestone-node" style="left: 100%;"></view>
+          </view>
+        </view>
+        <text class="progress-label">第 {{planDay}} / {{planTotal}} 天</text>
       </view>
     </view>
   </ui-card>