feat(wrapped-ui): 引入多主题系统与切换器（Modern/Game Boy/DOS/VHS）

- 新增 useWrappedTheme：主题状态全局共享、localStorage 持久化，支持 F1-F4 快捷键与循环切换

- 新增主题切换器组件（Modern/Game Boy/DOS/VHS）与主题化年份选择器

- 年度总结页接入 themeClass/currentBg；CRT 叠加层支持 VHS 效果（REC/时间戳/跟踪线）

- 补充主题全局样式与卡片/控制面板主题适配

frontend/components/wrapped/shared/WrappedCRTOverlay.vue

@@ -1,24 +1,62 @@
 <template>
-  <!-- CRT 滤镜叠加层 - 模拟老电视机效果 -->
+  <!-- CRT/VHS 滤镜叠加层 - 根据主题切换效果 -->
   <div class="absolute inset-0 pointer-events-none select-none z-30" aria-hidden="true">
-    <!-- 扫描线层 - 水平条纹带滚动动画 -->
-    <div class="absolute inset-0 crt-scanlines"></div>
+    <!-- Game Boy / DOS: 扫描线层 -->
+    <div v-if="theme !== 'vhs'" class="absolute inset-0 crt-scanlines"></div>
 
-    <!-- RGB 子像素层 - 模拟 CRT 像素结构 -->
-    <div class="absolute inset-0 crt-rgb-pixels"></div>
+    <!-- Game Boy / DOS: RGB 子像素层 -->
+    <div v-if="theme !== 'vhs'" class="absolute inset-0 crt-rgb-pixels"></div>
 
-    <!-- 闪烁层 - 轻微亮度波动 -->
-    <div class="absolute inset-0 crt-flicker"></div>
+    <!-- Game Boy / DOS: 闪烁层 -->
+    <div v-if="theme !== 'vhs'" class="absolute inset-0 crt-flicker"></div>
 
-    <!-- 暗角层 - 边缘渐暗效果 -->
+    <!-- 共享: 暗角层 -->
     <div class="absolute inset-0 crt-vignette"></div>
 
-    <!-- 屏幕曲率层 - 边缘微暗模拟曲面 -->
-    <div class="absolute inset-0 crt-curvature"></div>
+    <!-- Game Boy / DOS: 屏幕曲率层 -->
+    <div v-if="theme !== 'vhs'" class="absolute inset-0 crt-curvature"></div>
+
+    <!-- VHS: 跟踪线效果 -->
+    <div v-if="theme === 'vhs'" class="vhs-tracking"></div>
+
+    <!-- VHS: REC 指示器 -->
+    <div v-if="theme === 'vhs'" class="vhs-rec">REC</div>
+
+    <!-- VHS: 时间戳 -->
+    <div v-if="theme === 'vhs'" class="vhs-timestamp">{{ vhsTimestamp }}</div>
   </div>
 </template>
 
 <script setup>
-// CRT 滤镜叠加层组件
-// 通过多层叠加实现复古显像管效果，不修改原始背景
+// CRT/VHS 滤镜叠加层组件
+// 根据当前主题切换不同的视觉效果
+
+const { theme } = useWrappedTheme()
+
+// VHS 时间戳（实时更新）
+const vhsTimestamp = ref('')
+
+const updateTimestamp = () => {
+  const now = new Date()
+  const month = String(now.getMonth() + 1).padStart(2, '0')
+  const day = String(now.getDate()).padStart(2, '0')
+  const year = now.getFullYear()
+  const hours = String(now.getHours()).padStart(2, '0')
+  const minutes = String(now.getMinutes()).padStart(2, '0')
+  const seconds = String(now.getSeconds()).padStart(2, '0')
+  vhsTimestamp.value = `${month}/${day}/${year}  ${hours}:${minutes}:${seconds}`
+}
+
+let timestampInterval = null
+
+onMounted(() => {
+  updateTimestamp()
+  timestampInterval = setInterval(updateTimestamp, 1000)
+})
+
+onUnmounted(() => {
+  if (timestampInterval) {
+    clearInterval(timestampInterval)
+  }
+})
 </script>