feat(wrapped-ui): 新增年度总结页面与热力图卡片

- 新增 /wrapped PPT 风格滑动浏览（封面 + 卡片页）

- 新增 Card#1 组件与 24×7 周-小时热力图可视化

- 首页新增年度总结入口；useApi 增加 getWrappedAnnual；补充 wrapped 背景纹理

frontend/components/wrapped/cards/Card01CyberSchedule.vue

@@ -0,0 +1,23 @@
+<template>
+  <WrappedCardShell :card-id="card.id" :title="card.title" :narrative="card.narrative" :variant="variant">
+    <template #badge>
+      <span class="inline-flex items-center px-3 py-1 rounded-full text-xs bg-[#07C160]/10 text-[#07C160] border border-[#07C160]/20">
+        作息规律
+      </span>
+    </template>
+
+    <WeekdayHourHeatmap
+      :weekday-labels="card.data?.weekdayLabels"
+      :hour-labels="card.data?.hourLabels"
+      :matrix="card.data?.matrix"
+      :total-messages="card.data?.totalMessages || 0"
+    />
+  </WrappedCardShell>
+</template>
+
+<script setup>
+defineProps({
+  card: { type: Object, required: true },
+  variant: { type: String, default: 'panel' } // 'panel' | 'slide'
+})
+</script>