improvement(wrapped-ui): 下线 DOS 主题并优化 Wrapped 多主题体验

- 移除 DOS 主题入口、切换器组件与相关样式逻辑，统一主题为 Modern / GameBoy / Win98。

- 新增 WrappedGameboyDither 组件，并在背景与 CRT 叠加层中引入 GameBoy 噪点效果。

- 优化 wrapped 页面视口高度与背景同步逻辑（含 ResizeObserver 与 100dvh 适配），提升桌面容器显示稳定性。

- 调整封面标题与预览位移、回复速度卡片滚动行为等细节，提升主题下视觉与交互一致性。

frontend/components/wrapped/shared/WrappedHero.vue

@@ -35,7 +35,7 @@
               </div>
 
               <div class="mt-10 sm:mt-14">
-                <h1 class="wrapped-title text-4xl sm:text-6xl text-[#000000e6] leading-[1.05]">
+                <h1 class="wrapped-title text-3xl sm:text-5xl text-[#000000e6] leading-[1.05]">
                   {{ randomTitle.main }}
                   <span class="block mt-3 win98-hero-highlight">
                     {{ randomTitle.highlight }}
@@ -70,7 +70,7 @@
           </div>
 
           <div class="mt-10 sm:mt-14">
-            <h1 class="wrapped-title text-4xl sm:text-6xl text-[#000000e6] leading-[1.05]">
+            <h1 class="wrapped-title text-3xl sm:text-5xl text-[#000000e6] leading-[1.05]">
               {{ randomTitle.main }}
               <span class="block mt-3 text-[#07C160]">
                 {{ randomTitle.highlight }}
@@ -404,8 +404,8 @@ const modernPreviewItems = computed(() => {
 
 const previewStageClass = computed(() => (
   isGameboy.value
-    ? 'w-[500px] h-[360px] translate-x-12 -translate-y-8'
-    : 'w-[620px] h-[420px] translate-x-20 -translate-y-10'
+    ? 'w-[500px] h-[360px] translate-x-24 -translate-y-8'
+    : 'w-[620px] h-[420px] translate-x-32 -translate-y-10'
 ))
 
 const previewViewportClass = computed(() => (