From 6e170c579c66c494187f2e04726b8b4d2b426389 Mon Sep 17 00:00:00 2001
From: AdingApkgg <AdingApkgg@outlook.com>
Date: Sun, 21 Dec 2025 10:45:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E9=99=A4=20Quicklink=20?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E4=B8=8E=E7=9B=B8=E5=85=B3=E4=BE=9D=E8=B5=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 从 `.env.example` 和 `env.d.ts` 中移除 `VITE_QUICKLINK_DELAY` 和 `VITE_QUICKLINK_LIMIT` 配置，简化性能设置。
* 更新 `README.md` 和相关文档，删除 Quicklink 相关的使用示例和说明。
* 在 `package.json` 中移除 `quicklink` 依赖，确保项目依赖的整洁性。
* 优化 `vite.config.ts` 和其他组件，调整性能配置以适应新的加载策略。
---
 .env.example                            |   2 -
 CLAUDE.md                               | 312 +++++++++
 README.md                               |   7 +-
 docs/ENV_CONFIG.md                      |   2 -
 docs/ENV_GUIDE.md                       |   2 -
 docs/ENV_USAGE_EXAMPLES.md              |  18 +-
 env.d.ts                                |   2 -
 index.html                              | 122 +---
 package.json                            |  28 +-
 pnpm-lock.yaml                          | 814 +++++++++++-------------
 public/feed.xml                         |  69 --
 public/llms.txt                         |  73 +--
 public/sitemap.xml                      |  35 +-
 public/sw.js                            | 328 +++++-----
 src/App.vue                             | 211 +++---
 src/components/AnimatedBackground.vue   |  44 ++
 src/components/CommentsModal.vue        | 192 ++++--
 src/components/FloatingButtons.vue      |  56 +-
 src/components/SearchHeader.vue         |  99 +--
 src/components/SearchHistoryModal.vue   |  16 +-
 src/components/SearchResults.vue        |   4 +-
 src/components/SettingsModal.vue        | 435 +++++++++----
 src/components/StatsCorner.vue          | 111 +++-
 src/components/TopToolbar.vue           |  12 +-
 src/components/UpdateToast.vue          |   8 +-
 src/components/VndbPanel.vue            | 186 ++++--
 src/components/WindowResizeHandles.vue  |  60 ++
 src/composables/useAnime.ts             | 332 ++++++++++
 src/composables/useFancybox.ts          | 182 ++++++
 src/composables/useKeyboardShortcuts.ts |  24 +-
 src/composables/useLazyLoad.ts          | 169 -----
 src/composables/useSound.ts             | 425 +++++++------
 src/composables/useTextScroll.ts        | 129 ++++
 src/composables/useWindowManager.ts     | 215 +++++++
 src/config/env.ts                       |   2 -
 src/config/index.ts                     |   4 -
 src/main.ts                             | 107 +---
 src/styles/base.css                     | 112 +++-
 src/types/lozad.d.ts                    |  38 --
 src/vite-env.d.ts                       |   2 -
 tsconfig.node.tsbuildinfo               |   1 +
 vite.config.ts                          | 125 +++-
 42 files changed, 3275 insertions(+), 1840 deletions(-)
 create mode 100644 CLAUDE.md
 delete mode 100644 public/feed.xml
 create mode 100644 src/components/AnimatedBackground.vue
 create mode 100644 src/components/WindowResizeHandles.vue
 create mode 100644 src/composables/useAnime.ts
 create mode 100644 src/composables/useFancybox.ts
 delete mode 100644 src/composables/useLazyLoad.ts
 create mode 100644 src/composables/useTextScroll.ts
 create mode 100644 src/composables/useWindowManager.ts
 delete mode 100644 src/types/lozad.d.ts
 create mode 100644 tsconfig.node.tsbuildinfo

diff --git a/.env.example b/.env.example
index 1629a95..826f362 100644
--- a/.env.example
+++ b/.env.example
@@ -66,8 +66,6 @@ VITE_THEME_BACKGROUND_DARK=#1e293b
 # ============================================
 # 性能配置
 # ============================================
-VITE_QUICKLINK_DELAY=500
-VITE_QUICKLINK_LIMIT=10
 VITE_LAZY_LOAD_THRESHOLD=0.5
 
 # ============================================
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..4e5c9d1
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,312 @@
+# SearchGal Frontend - AI 项目上下文
+
+> 本文件帮助 AI 助手理解和管理此项目。请在每次对话开始时参考此文件。
+
+## 项目概述
+
+SearchGal 是一个 Galgame 聚合搜索前端，使用现代 Web 技术构建。
+
+- **主题色**: 艳粉色 `#ff1493`
+- **设计风格**: 液态玻璃拟态 (Liquid Glass / Glassmorphism)
+- **目标用户**: Galgame 玩家
+
+## 技术栈
+
+| 类别 | 技术 | 版本 |
+|------|------|------|
+| 框架 | Vue 3 (Composition API) | 3.5 |
+| 语言 | TypeScript | 5.9 |
+| 构建 | Vite | 7.2 |
+| 状态管理 | Pinia | 3.0 |
+| 样式 | Tailwind CSS | 4.1 |
+| 动画 | motion-v | 1.7 |
+| 图标 | lucide-vue-next | 0.561 |
+| 音效 | snd-lib | 1.2 |
+| 评论 | Artalk | 2.9 |
+| 图片预览 | @fancyapps/ui | 6.1 |
+| 代码编辑 | vue-prism-editor + prismjs | - |
+
+## 项目结构
+
+```
+src/
+├── api/              # API 请求
+│   └── search.ts     # SSE 流式搜索、VNDB、AI 翻译
+├── components/       # Vue 组件
+│   ├── SearchHeader.vue      # 搜索框 + 模式切换
+│   ├── SearchResults.vue     # 搜索结果列表
+│   ├── VndbPanel.vue         # VNDB 游戏信息面板
+│   ├── SettingsModal.vue     # 设置面板
+│   ├── CommentsModal.vue     # Artalk 评论
+│   ├── SearchHistoryModal.vue # 搜索历史
+│   ├── FloatingButtons.vue   # 浮动按钮 + 站点导航
+│   ├── TopToolbar.vue        # 顶部工具栏
+│   ├── StatsCorner.vue       # 统计角标
+│   ├── UpdateToast.vue       # SW 更新提示
+│   └── LiquidGlass.vue       # 液态玻璃组件
+├── composables/      # 组合式函数
+│   ├── useSound.ts           # snd-lib 音效封装
+│   ├── useKeyboardShortcuts.ts # 全局快捷键
+│   ├── usePerformance.ts     # 性能工具
+│   ├── useProgress.ts        # 进度条
+│   ├── useScrollLock.ts      # 滚动锁定
+│   ├── useDebounce.ts        # 防抖
+│   └── useClickEffect.ts     # 点击涟漪效果
+├── stores/           # Pinia 状态管理
+│   ├── search.ts     # 搜索状态
+│   ├── ui.ts         # UI 状态 (模态框、暗色模式)
+│   ├── settings.ts   # 用户设置
+│   ├── history.ts    # 搜索历史
+│   └── cache.ts      # 缓存管理
+├── styles/           # 全局样式
+│   ├── base.css      # 基础样式 + 性能工具类
+│   ├── glassmorphism.css # 液态玻璃效果
+│   ├── theme.css     # 主题变量
+│   └── nprogress.css # 进度条样式
+├── utils/            # 工具函数
+│   ├── imageDB.ts    # IndexedDB 图片缓存
+│   ├── persistence.ts # LocalStorage 持久化
+│   ├── theme.ts      # 主题管理
+│   ├── icons.ts      # 图标集中管理
+│   └── urlParams.ts  # URL 参数处理
+├── config/           # 配置
+│   ├── index.ts      # 统一配置入口
+│   └── env.ts        # 环境变量
+├── App.vue           # 根组件
+└── main.ts           # 入口文件
+```
+
+## 代码规范
+
+### Vue 组件
+
+```vue
+<script setup lang="ts">
+// 1. 导入
+import { ref, computed, watch, onMounted } from 'vue'
+import { useSearchStore } from '@/stores/search'
+import { playTap } from '@/composables/useSound'
+
+// 2. Props & Emits
+const props = defineProps<{ ... }>()
+const emit = defineEmits<{ ... }>()
+
+// 3. Stores
+const searchStore = useSearchStore()
+
+// 4. 响应式状态
+const isLoading = ref(false)
+
+// 5. 计算属性
+const hasResults = computed(() => searchStore.results.length > 0)
+
+// 6. 方法
+function handleClick() {
+  playTap()
+  // ...
+}
+
+// 7. 生命周期
+onMounted(() => { ... })
+</script>
+
+<template>
+  <!-- 使用 Tailwind CSS 类 -->
+</template>
+
+<style scoped>
+/* 组件特定样式 */
+</style>
+```
+
+### 音效使用
+
+```typescript
+import { playTap, playButton, playToggle, playSwipe, playNotification, playCelebration, playCaution, playTransitionUp, playTransitionDown, playType, playSelect } from '@/composables/useSound'
+
+// 点击普通按钮
+playTap()
+
+// 重要按钮/功能按钮
+playButton()
+
+// 开关切换
+playToggle()
+
+// 滑动/刷新操作
+playSwipe()
+
+// 面板打开
+playTransitionUp()
+
+// 面板关闭
+playTransitionDown()
+
+// 成功操作
+playCelebration()
+
+// 警告/错误
+playCaution()
+
+// 通知
+playNotification()
+
+// 输入文字 (需节流 80ms)
+playType()
+
+// 选择列表项
+playSelect()
+```
+
+### 液态玻璃效果
+
+```html
+<!-- 使用 CSS 类 -->
+<div class="liquid-glass">
+  <div class="liquid-glass-effect"></div>
+  <div class="liquid-glass-tint"></div>
+  <div class="liquid-glass-content">
+    <!-- 内容 -->
+  </div>
+</div>
+
+<!-- 或使用伪元素方式 (推荐用于简单元素) -->
+<button class="liquid-glass-btn">按钮</button>
+```
+
+### 动画
+
+```vue
+<script setup>
+import { Motion, AnimatePresence } from 'motion-v'
+</script>
+
+<template>
+  <!-- 淡入动画 -->
+  <Motion
+    :initial="{ opacity: 0, y: 20 }"
+    :animate="{ opacity: 1, y: 0 }"
+    :transition="{ duration: 0.3 }"
+  >
+    内容
+  </Motion>
+
+  <!-- 条件渲染动画 -->
+  <AnimatePresence>
+    <Motion
+      v-if="visible"
+      :initial="{ opacity: 0 }"
+      :animate="{ opacity: 1 }"
+      :exit="{ opacity: 0 }"
+    >
+      内容
+    </Motion>
+  </AnimatePresence>
+</template>
+```
+
+## 常用操作
+
+### 添加新组件
+
+1. 在 `src/components/` 创建 `.vue` 文件
+2. 使用 `<script setup lang="ts">` 语法
+3. 导入必要的音效函数
+4. 使用 Tailwind CSS + 液态玻璃样式
+
+### 添加新 Store
+
+```typescript
+// src/stores/example.ts
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+
+export const useExampleStore = defineStore('example', () => {
+  // 状态
+  const items = ref<string[]>([])
+  
+  // 计算属性
+  const count = computed(() => items.value.length)
+  
+  // 方法
+  function addItem(item: string) {
+    items.value.push(item)
+  }
+  
+  return { items, count, addItem }
+})
+```
+
+### 添加模态框
+
+1. 在 `src/stores/ui.ts` 添加状态
+2. 创建组件，使用 `<Teleport to="body">`
+3. 使用 `playTransitionUp()` / `playTransitionDown()` 音效
+4. 移动端全屏显示 (`@media (max-width: 768px)`)
+
+### 添加快捷键
+
+编辑 `src/composables/useKeyboardShortcuts.ts`:
+
+```typescript
+case 'x':
+  if (!hasModifier) {
+    e.preventDefault()
+    playButton()
+    // 执行操作
+  }
+  break
+```
+
+## 环境变量
+
+主要配置在 `.env` 文件:
+
+```bash
+# API 端点
+VITE_API_BASE_URL=https://api.example.com
+
+# VNDB
+VITE_VNDB_API_URL=https://api.vndb.org/kana
+
+# Artalk 评论
+VITE_ARTALK_SERVER=https://artalk.example.com
+VITE_ARTALK_SITE=SearchGal
+```
+
+## 注意事项
+
+1. **不要使用 `position: fixed` 在有 `transform` 的父元素内** - 使用 `<Teleport to="body">`
+2. **打字音效需要节流** - 使用 80ms 间隔
+3. **模态框滚动锁定** - 使用 `useScrollLock()` composable
+4. **图片懒加载** - 使用原生 `loading="lazy"` 属性
+5. **暗色模式** - 使用 `dark:` Tailwind 前缀
+6. **移动端适配** - 使用 `md:` 断点 (768px)
+
+## 常见问题
+
+### Q: 模态框位置异常？
+A: 检查父元素是否有 `transform`，改用 `<Teleport to="body">`
+
+### Q: 动画不流畅？
+A: 使用 CSS `will-change` 或 `transform: translate3d(0,0,0)` 启用 GPU 加速
+
+### Q: 音效不播放？
+A: 确保导入了正确的音效函数，检查浏览器是否允许自动播放
+
+### Q: 样式被覆盖？
+A: 使用 `!important` 或增加选择器特异性，检查 CSS 加载顺序
+
+## 文件快速参考
+
+| 需求 | 文件 |
+|------|------|
+| 搜索逻辑 | `src/stores/search.ts`, `src/api/search.ts` |
+| UI 状态 | `src/stores/ui.ts` |
+| 音效 | `src/composables/useSound.ts` |
+| 快捷键 | `src/composables/useKeyboardShortcuts.ts` |
+| 液态玻璃 | `src/styles/glassmorphism.css` |
+| 主题色 | `src/styles/theme.css` |
+| 全局样式 | `src/styles/base.css` |
+| Vite 配置 | `vite.config.ts` |
+| 入口文件 | `index.html`, `src/main.ts` |
diff --git a/README.md b/README.md
index 7109c09..dbdbcb4 100644
--- a/README.md
+++ b/README.md
@@ -19,9 +19,8 @@
 - 💬 **评论系统** - 基于 Artalk 的评论功能
 - 🖼️ **随机背景** - IndexedDB 缓存的随机背景图片系统
 - 📱 **响应式设计** - 完美适配桌面和移动设备
-- ⚡ **性能优化** - Pace.js 加载进度、Fancybox 图片预览、Lazysizes 懒加载、Quicklink 预加载
+- ⚡ **性能优化** - NProgress 进度条、Fancybox 图片预览
 - 📲 **PWA 支持** - 可安装为桌面/移动应用，支持离线访问
-- 📡 **RSS 订阅** - 订阅更新动态
 
 ## 🛠️ 技术栈
 
@@ -38,9 +37,7 @@
 ### 功能库
 - **Artalk 2.9** - 评论系统
 - **Fancybox 6** - 图片和内容预览
-- **Pace.js 1.2** - 页面加载进度条
-- **Lazysizes 5.3** - 高性能图片懒加载
-- **Quicklink 2.3** - 智能预加载
+- **NProgress** - 页面加载进度条
 
 ### API 集成
 - **Cloudflare Workers API** - 搜索聚合后端
diff --git a/docs/ENV_CONFIG.md b/docs/ENV_CONFIG.md
index 9b77646..6c0535d 100644
--- a/docs/ENV_CONFIG.md
+++ b/docs/ENV_CONFIG.md
@@ -141,8 +141,6 @@ THIRD_PARTY_CONFIG.busuanziEnabled // 不蒜子统计
 ### 8. 性能配置 (`PERFORMANCE_CONFIG`)
 
 ```typescript
-PERFORMANCE_CONFIG.quicklinkDelay       // Quicklink 预加载延迟（毫秒）
-PERFORMANCE_CONFIG.quicklinkLimit       // Quicklink 预加载限制
 PERFORMANCE_CONFIG.statusCheckInterval  // 状态检查间隔（毫秒）
 PERFORMANCE_CONFIG.statusCheckTimeout   // 状态检查超时（毫秒）
 ```
diff --git a/docs/ENV_GUIDE.md b/docs/ENV_GUIDE.md
index a65cdf7..9ca7af5 100644
--- a/docs/ENV_GUIDE.md
+++ b/docs/ENV_GUIDE.md
@@ -99,8 +99,6 @@ pnpm dev
 
 | 变量名 | 说明 | 默认值 |
 |--------|------|--------|
-| `VITE_QUICKLINK_DELAY` | Quicklink 延迟（毫秒） | 500 |
-| `VITE_QUICKLINK_LIMIT` | Quicklink 限制数 | 10 |
 | `VITE_LAZY_LOAD_THRESHOLD` | 懒加载阈值 | 0.5 |
 
 ### 开发配置
diff --git a/docs/ENV_USAGE_EXAMPLES.md b/docs/ENV_USAGE_EXAMPLES.md
index a06b914..e8708a1 100644
--- a/docs/ENV_USAGE_EXAMPLES.md
+++ b/docs/ENV_USAGE_EXAMPLES.md
@@ -89,23 +89,7 @@ function initArtalk() {
 }
 ```
 
-### 5. Quicklink 配置
-
-**在 main.ts 中：**
-```typescript
-import { listen } from 'quicklink'
-import { config } from '@/config'
-
-window.addEventListener('load', () => {
-  listen({
-    delay: config.performance.quicklinkDelay,
-    limit: config.performance.quicklinkLimit,
-    ignores: [/\/api\//, /artalk/],
-  })
-})
-```
-
-### 6. 状态检查
+### 5. 状态检查
 
 **在 SearchHeader.vue 中：**
 ```typescript
diff --git a/env.d.ts b/env.d.ts
index af85660..dc97d37 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -73,8 +73,6 @@ interface ImportMetaEnv {
   readonly VITE_BUSUANZI_ENABLED: string
   
   // 性能配置
-  readonly VITE_QUICKLINK_DELAY: string
-  readonly VITE_QUICKLINK_LIMIT: string
   readonly VITE_STATUS_CHECK_INTERVAL: string
   readonly VITE_STATUS_CHECK_TIMEOUT: string
   
diff --git a/index.html b/index.html
index 4153e01..be0a364 100644
--- a/index.html
+++ b/index.html
@@ -4,28 +4,40 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-  <!-- 防止 FOUC: 在 CSS 加载前隐藏内容，并同步检测主题 -->
+  <!-- 初始背景色和主题检测 - 必须在最前面防止白屏闪烁 -->
+  <style>
+    /* 初始背景 - 立即生效防止白屏，使用渐变提升视觉体验 */
+    html {
+      background: 
+        radial-gradient(ellipse at 20% 30%, rgba(236, 72, 153, 0.08) 0%, transparent 50%),
+        radial-gradient(ellipse at 80% 70%, rgba(168, 85, 247, 0.06) 0%, transparent 50%),
+        linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
+      background-attachment: fixed;
+    }
+    html:not(.dark) {
+      background: 
+        radial-gradient(ellipse at 20% 30%, rgba(236, 72, 153, 0.15) 0%, transparent 50%),
+        radial-gradient(ellipse at 80% 70%, rgba(168, 85, 247, 0.12) 0%, transparent 50%),
+        linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+      background-attachment: fixed;
+    }
+    /* 防止 FOUC: 内容隐藏直到样式加载完成 */
+    html.no-fouc { visibility: hidden; }
+  </style>
   <script>
-    // 同步检测暗色模式，防止主题闪烁
+    // 同步检测暗色模式，防止主题闪烁（必须同步执行）
     (function() {
+      var d = document.documentElement;
       try {
         var saved = localStorage.getItem('ui-state');
         var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
         var isDark = saved ? JSON.parse(saved).isDarkMode : prefersDark;
-        if (isDark) {
-          document.documentElement.classList.add('dark');
-        }
-      } catch (e) {
-        // 静默处理
-      }
+        if (isDark) d.classList.add('dark');
+      } catch (e) {}
       // 移除 no-fouc 类以显示内容
-      document.documentElement.classList.remove('no-fouc');
+      d.classList.remove('no-fouc');
     })();
   </script>
-  <style>
-    /* 防止 FOUC: 初始隐藏 */
-    html.no-fouc { visibility: hidden; }
-  </style>
 
     <!-- Primary Meta Tags -->
   <title>SearchGal - Galgame 聚合搜索</title>
@@ -84,19 +96,13 @@
     <meta name="msapplication-TileColor" content="#ff1493" />
     <meta name="msapplication-config" content="/browserconfig.xml" />
     
-    <!-- RSS Feed -->
-    <link rel="alternate" type="application/rss+xml" title="SearchGal RSS Feed" href="/feed.xml" />
-    
     <!-- Canonical URL -->
     <link rel="canonical" href="https://searchgal.homes/" />
 
-    <!-- Canonical URL -->
-    <link rel="canonical" href="https://searchgal.homes/" />
-
-    <!-- Priority Hints - 预加载关键资源 -->
-    <link rel="preconnect" href="https://api.illlights.com" fetchpriority="high" />
-    <link rel="preconnect" href="https://api.vndb.org" fetchpriority="high" />
-    <link rel="preconnect" href="https://registry.npmmirror.com" fetchpriority="low" />
+    <!-- 预连接关键资源 -->
+    <link rel="preconnect" href="https://api.illlights.com" />
+    <link rel="preconnect" href="https://api.vndb.org" />
+    <link rel="preconnect" href="https://registry.npmmirror.com" />
     <link rel="dns-prefetch" href="https://artalk.saop.cc" />
     <link rel="dns-prefetch" href="https://status.searchgal.homes" />
 
@@ -193,10 +199,9 @@
     }
   </style>
 
-    <!-- 不蒜子统计 - 低优先级 -->
+    <!-- 不蒜子统计 -->
     <script
       async
-      fetchpriority="low"
       src="https://registry.npmmirror.com/js-asuna/latest/files/js/bsz.pure.mini.js"
     ></script>
 </head>
@@ -204,6 +209,8 @@
     <!-- 禁止无 JavaScript 用户访问 -->
     <noscript>
       <style>
+        /* 禁用 JS 时移除 FOUC 隐藏 */
+        html.no-fouc { visibility: visible !important; }
         #app { display: none !important; }
         .noscript-warning {
           position: fixed;
@@ -266,70 +273,7 @@
     </noscript>
 
     <!-- 禁止 IE 浏览器访问 -->
-    <script>
-      (function() {
-        // 检测 IE 浏览器
-        var isIE = /*@cc_on!@*/false || !!document.documentMode;
-        // 检测 IE 11 及更早版本
-        var isOldIE = typeof window.MSInputMethodContext !== 'undefined' && typeof document.documentMode !== 'undefined';
-        // 检测 Edge Legacy (EdgeHTML)
-        var isEdgeLegacy = !isIE && !!window.StyleMedia;
-        
-        if (isIE || isOldIE || isEdgeLegacy) {
-          document.body.innerHTML = '\
-            <div style="\
-              position: fixed;\
-              inset: 0;\
-              display: flex;\
-              flex-direction: column;\
-              align-items: center;\
-              justify-content: center;\
-              background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);\
-              color: white;\
-              font-family: system-ui, -apple-system, sans-serif;\
-              text-align: center;\
-              padding: 2rem;\
-              z-index: 99999;\
-            ">\
-              <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#ff1493" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 1.5rem;">\
-                <circle cx="12" cy="12" r="10"/>\
-                <path d="m4.9 4.9 14.2 14.2"/>\
-              </svg>\
-              <h1 style="\
-                font-size: 1.75rem;\
-                font-weight: 700;\
-                margin-bottom: 1rem;\
-                background: linear-gradient(135deg, #ff1493, #d946ef);\
-                -webkit-background-clip: text;\
-                -webkit-text-fill-color: transparent;\
-              ">不支持的浏览器</h1>\
-              <p style="color: #94a3b8; max-width: 400px; line-height: 1.6; margin-bottom: 0.5rem;">\
-                您正在使用 Internet Explorer 或旧版 Edge 浏览器。\
-              </p>\
-              <p style="color: #94a3b8; max-width: 400px; line-height: 1.6;">\
-                SearchGal 使用了现代 Web 技术，不支持这些旧版浏览器。\
-              </p>\
-              <div style="\
-                font-size: 0.875rem;\
-                color: #64748b;\
-                margin-top: 1.5rem;\
-                padding: 1rem;\
-                background: rgba(255, 20, 147, 0.1);\
-                border-radius: 0.75rem;\
-                border: 1px solid rgba(255, 20, 147, 0.2);\
-              ">\
-                🌐 推荐使用以下现代浏览器：<br>\
-                <a href="https://www.google.com/chrome/" style="color: #ff69b4; text-decoration: underline;">Chrome</a> · \
-                <a href="https://www.mozilla.org/firefox/" style="color: #ff69b4; text-decoration: underline;">Firefox</a> · \
-                <a href="https://www.microsoft.com/edge" style="color: #ff69b4; text-decoration: underline;">Edge (Chromium)</a> · \
-                <a href="https://www.apple.com/safari/" style="color: #ff69b4; text-decoration: underline;">Safari</a>\
-              </div>\
-            </div>\
-          ';
-          throw new Error('不支持的浏览器');
-        }
-      })();
-    </script>
+    <script>/MSIE|Trident/.test(window.navigator.userAgent)&&(alert("抱歉，本站不支持 IE 浏览器，请用 Chrome 访问。"),window.location.href="https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href))</script>
 
     <!-- WWDC 2025 液态玻璃 SVG 滤镜 -->
     <!-- 参考: https://github.com/lucasromerodb/liquid-glass-effect-macos -->
diff --git a/package.json b/package.json
index 5372b89..f20fb33 100644
--- a/package.json
+++ b/package.json
@@ -13,29 +13,33 @@
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@tailwindcss/vite": "^4.1.18",
-    "@types/node": "^25.0.2",
+    "@types/node": "^25.0.3",
     "@types/nprogress": "^0.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.49.0",
-    "@typescript-eslint/parser": "^8.49.0",
+    "@types/prismjs": "^1.26.5",
+    "@typescript-eslint/eslint-plugin": "^8.50.0",
+    "@typescript-eslint/parser": "^8.50.0",
     "@vitejs/plugin-vue": "^6.0.3",
     "eslint": "^9.39.2",
     "eslint-plugin-vue": "^10.6.2",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.49.0",
-    "vite": "^7.2.7",
-    "vue-tsc": "^3.1.8"
+    "typescript-eslint": "^8.50.0",
+    "vite": "^7.3.0",
+    "vue-tsc": "^3.2.0"
   },
   "dependencies": {
     "@fancyapps/ui": "^6.1.7",
     "@fontsource/noto-sans-sc": "^5.2.8",
+    "@types/animejs": "^3.1.13",
+    "animejs": "^4.2.2",
     "artalk": "^2.9.1",
-    "lozad": "^1.16.0",
-    "lucide-vue-next": "^0.561.0",
-    "motion-v": "^1.7.4",
+    "lucide-vue-next": "^0.562.0",
     "nprogress": "^0.2.0",
     "pinia": "^3.0.4",
-    "quicklink": "^3.0.1",
-    "vue": "^3.5.25"
-  }
+    "prismjs": "^1.30.0",
+    "snd-lib": "^1.2.4",
+    "vue": "^3.5.26",
+    "vue-prism-editor": "2.0.0-alpha.2"
+  },
+  "packageManager": "pnpm@10.26.1+sha512.664074abc367d2c9324fdc18037097ce0a8f126034160f709928e9e9f95d98714347044e5c3164d65bd5da6c59c6be362b107546292a8eecb7999196e5ce58fa"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1fd57fa..c660fe3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,58 +14,67 @@ importers:
       '@fontsource/noto-sans-sc':
         specifier: ^5.2.8
         version: 5.2.8
+      '@types/animejs':
+        specifier: ^3.1.13
+        version: 3.1.13
+      animejs:
+        specifier: ^4.2.2
+        version: 4.2.2
       artalk:
         specifier: ^2.9.1
         version: 2.9.1(marked@14.1.4)
-      lozad:
-        specifier: ^1.16.0
-        version: 1.16.0
       lucide-vue-next:
-        specifier: ^0.561.0
-        version: 0.561.0(vue@3.5.25(typescript@5.9.3))
-      motion-v:
-        specifier: ^1.7.4
-        version: 1.7.4(@vueuse/core@14.1.0(vue@3.5.25(typescript@5.9.3)))(vue@3.5.25(typescript@5.9.3))
+        specifier: ^0.562.0
+        version: 0.562.0(vue@3.5.26(typescript@5.9.3))
       nprogress:
         specifier: ^0.2.0
         version: 0.2.0
       pinia:
         specifier: ^3.0.4
-        version: 3.0.4(typescript@5.9.3)(vue@3.5.25(typescript@5.9.3))
-      quicklink:
-        specifier: ^3.0.1
-        version: 3.0.1
+        version: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+      prismjs:
+        specifier: ^1.30.0
+        version: 1.30.0
+      snd-lib:
+        specifier: ^1.2.4
+        version: 1.2.4
       vue:
-        specifier: ^3.5.25
-        version: 3.5.25(typescript@5.9.3)
+        specifier: ^3.5.26
+        version: 3.5.26(typescript@5.9.3)
+      vue-prism-editor:
+        specifier: 2.0.0-alpha.2
+        version: 2.0.0-alpha.2(vue@3.5.26(typescript@5.9.3))
     devDependencies:
       '@eslint/js':
         specifier: ^9.39.2
         version: 9.39.2
       '@tailwindcss/vite':
         specifier: ^4.1.18
-        version: 4.1.18(vite@7.2.7(@types/node@25.0.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))
+        version: 4.1.18(vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))
       '@types/node':
-        specifier: ^25.0.2
-        version: 25.0.2
+        specifier: ^25.0.3
+        version: 25.0.3
       '@types/nprogress':
         specifier: ^0.2.3
         version: 0.2.3
+      '@types/prismjs':
+        specifier: ^1.26.5
+        version: 1.26.5
       '@typescript-eslint/eslint-plugin':
-        specifier: ^8.49.0
-        version: 8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.50.0
+        version: 8.50.0(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser':
-        specifier: ^8.49.0
-        version: 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.50.0
+        version: 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@vitejs/plugin-vue':
         specifier: ^6.0.3
-        version: 6.0.3(vite@7.2.7(@types/node@25.0.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))(vue@3.5.25(typescript@5.9.3))
+        version: 6.0.3(vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))
       eslint:
         specifier: ^9.39.2
         version: 9.39.2(jiti@2.6.1)
       eslint-plugin-vue:
         specifier: ^10.6.2
-        version: 10.6.2(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)))
+        version: 10.6.2(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)))
       tailwindcss:
         specifier: ^4.1.18
         version: 4.1.18
@@ -73,14 +82,14 @@ importers:
         specifier: ^5.9.3
         version: 5.9.3
       typescript-eslint:
-        specifier: ^8.49.0
-        version: 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.50.0
+        version: 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       vite:
-        specifier: ^7.2.7
-        version: 7.2.7(@types/node@25.0.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)
+        specifier: ^7.3.0
+        version: 7.3.0(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)
       vue-tsc:
-        specifier: ^3.1.8
-        version: 3.1.8(typescript@5.9.3)
+        specifier: ^3.2.0
+        version: 3.2.0(typescript@5.9.3)
 
 packages:
 
@@ -101,158 +110,158 @@ packages:
     resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
     engines: {node: '>=6.9.0'}
 
-  '@esbuild/aix-ppc64@0.25.12':
-    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
+  '@esbuild/aix-ppc64@0.27.2':
+    resolution: {integrity: sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.25.12':
-    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
+  '@esbuild/android-arm64@0.27.2':
+    resolution: {integrity: sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.25.12':
-    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
+  '@esbuild/android-arm@0.27.2':
+    resolution: {integrity: sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.25.12':
-    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
+  '@esbuild/android-x64@0.27.2':
+    resolution: {integrity: sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.25.12':
-    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
+  '@esbuild/darwin-arm64@0.27.2':
+    resolution: {integrity: sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.25.12':
-    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
+  '@esbuild/darwin-x64@0.27.2':
+    resolution: {integrity: sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.25.12':
-    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
+  '@esbuild/freebsd-arm64@0.27.2':
+    resolution: {integrity: sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.25.12':
-    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
+  '@esbuild/freebsd-x64@0.27.2':
+    resolution: {integrity: sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.25.12':
-    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
+  '@esbuild/linux-arm64@0.27.2':
+    resolution: {integrity: sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.25.12':
-    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
+  '@esbuild/linux-arm@0.27.2':
+    resolution: {integrity: sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.25.12':
-    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
+  '@esbuild/linux-ia32@0.27.2':
+    resolution: {integrity: sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.25.12':
-    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
+  '@esbuild/linux-loong64@0.27.2':
+    resolution: {integrity: sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.25.12':
-    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
+  '@esbuild/linux-mips64el@0.27.2':
+    resolution: {integrity: sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.25.12':
-    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
+  '@esbuild/linux-ppc64@0.27.2':
+    resolution: {integrity: sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.25.12':
-    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
+  '@esbuild/linux-riscv64@0.27.2':
+    resolution: {integrity: sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.25.12':
-    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
+  '@esbuild/linux-s390x@0.27.2':
+    resolution: {integrity: sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.25.12':
-    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
+  '@esbuild/linux-x64@0.27.2':
+    resolution: {integrity: sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/netbsd-arm64@0.25.12':
-    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
+  '@esbuild/netbsd-arm64@0.27.2':
+    resolution: {integrity: sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.25.12':
-    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
+  '@esbuild/netbsd-x64@0.27.2':
+    resolution: {integrity: sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/openbsd-arm64@0.25.12':
-    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
+  '@esbuild/openbsd-arm64@0.27.2':
+    resolution: {integrity: sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.25.12':
-    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
+  '@esbuild/openbsd-x64@0.27.2':
+    resolution: {integrity: sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openharmony-arm64@0.25.12':
-    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
+  '@esbuild/openharmony-arm64@0.27.2':
+    resolution: {integrity: sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openharmony]
 
-  '@esbuild/sunos-x64@0.25.12':
-    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
+  '@esbuild/sunos-x64@0.27.2':
+    resolution: {integrity: sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.25.12':
-    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
+  '@esbuild/win32-arm64@0.27.2':
+    resolution: {integrity: sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.25.12':
-    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
+  '@esbuild/win32-ia32@0.27.2':
+    resolution: {integrity: sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.25.12':
-    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
+  '@esbuild/win32-x64@0.27.2':
+    resolution: {integrity: sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
@@ -539,78 +548,81 @@ packages:
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7
 
+  '@types/animejs@3.1.13':
+    resolution: {integrity: sha512-yWg9l1z7CAv/TKpty4/vupEh24jDGUZXv4r26StRkpUPQm04ztJaftgpto8vwdFs8SiTq6XfaPKCSI+wjzNMvQ==}
+
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  '@types/node@25.0.2':
-    resolution: {integrity: sha512-gWEkeiyYE4vqjON/+Obqcoeffmk0NF15WSBwSs7zwVA2bAbTaE0SJ7P0WNGoJn8uE7fiaV5a7dKYIJriEqOrmA==}
+  '@types/node@25.0.3':
+    resolution: {integrity: sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA==}
 
   '@types/nprogress@0.2.3':
     resolution: {integrity: sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==}
 
-  '@types/web-bluetooth@0.0.21':
-    resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
+  '@types/prismjs@1.26.5':
+    resolution: {integrity: sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==}
 
-  '@typescript-eslint/eslint-plugin@8.49.0':
-    resolution: {integrity: sha512-JXij0vzIaTtCwu6SxTh8qBc66kmf1xs7pI4UOiMDFVct6q86G0Zs7KRcEoJgY3Cav3x5Tq0MF5jwgpgLqgKG3A==}
+  '@typescript-eslint/eslint-plugin@8.50.0':
+    resolution: {integrity: sha512-O7QnmOXYKVtPrfYzMolrCTfkezCJS9+ljLdKW/+DCvRsc3UAz+sbH6Xcsv7p30+0OwUbeWfUDAQE0vpabZ3QLg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.49.0
+      '@typescript-eslint/parser': ^8.50.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.49.0':
-    resolution: {integrity: sha512-N9lBGA9o9aqb1hVMc9hzySbhKibHmB+N3IpoShyV6HyQYRGIhlrO5rQgttypi+yEeKsKI4idxC8Jw6gXKD4THA==}
+  '@typescript-eslint/parser@8.50.0':
+    resolution: {integrity: sha512-6/cmF2piao+f6wSxUsJLZjck7OQsYyRtcOZS02k7XINSNlz93v6emM8WutDQSXnroG2xwYlEVHJI+cPA7CPM3Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.49.0':
-    resolution: {integrity: sha512-/wJN0/DKkmRUMXjZUXYZpD1NEQzQAAn9QWfGwo+Ai8gnzqH7tvqS7oNVdTjKqOcPyVIdZdyCMoqN66Ia789e7g==}
+  '@typescript-eslint/project-service@8.50.0':
+    resolution: {integrity: sha512-Cg/nQcL1BcoTijEWyx4mkVC56r8dj44bFDvBdygifuS20f3OZCHmFbjF34DPSi07kwlFvqfv/xOLnJ5DquxSGQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.49.0':
-    resolution: {integrity: sha512-npgS3zi+/30KSOkXNs0LQXtsg9ekZ8OISAOLGWA/ZOEn0ZH74Ginfl7foziV8DT+D98WfQ5Kopwqb/PZOaIJGg==}
+  '@typescript-eslint/scope-manager@8.50.0':
+    resolution: {integrity: sha512-xCwfuCZjhIqy7+HKxBLrDVT5q/iq7XBVBXLn57RTIIpelLtEIZHXAF/Upa3+gaCpeV1NNS5Z9A+ID6jn50VD4A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.49.0':
-    resolution: {integrity: sha512-8prixNi1/6nawsRYxet4YOhnbW+W9FK/bQPxsGB1D3ZrDzbJ5FXw5XmzxZv82X3B+ZccuSxo/X8q9nQ+mFecWA==}
+  '@typescript-eslint/tsconfig-utils@8.50.0':
+    resolution: {integrity: sha512-vxd3G/ybKTSlm31MOA96gqvrRGv9RJ7LGtZCn2Vrc5htA0zCDvcMqUkifcjrWNNKXHUU3WCkYOzzVSFBd0wa2w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.49.0':
-    resolution: {integrity: sha512-KTExJfQ+svY8I10P4HdxKzWsvtVnsuCifU5MvXrRwoP2KOlNZ9ADNEWWsQTJgMxLzS5VLQKDjkCT/YzgsnqmZg==}
+  '@typescript-eslint/type-utils@8.50.0':
+    resolution: {integrity: sha512-7OciHT2lKCewR0mFoBrvZJ4AXTMe/sYOe87289WAViOocEmDjjv8MvIOT2XESuKj9jp8u3SZYUSh89QA4S1kQw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@8.49.0':
-    resolution: {integrity: sha512-e9k/fneezorUo6WShlQpMxXh8/8wfyc+biu6tnAqA81oWrEic0k21RHzP9uqqpyBBeBKu4T+Bsjy9/b8u7obXQ==}
+  '@typescript-eslint/types@8.50.0':
+    resolution: {integrity: sha512-iX1mgmGrXdANhhITbpp2QQM2fGehBse9LbTf0sidWK6yg/NE+uhV5dfU1g6EYPlcReYmkE9QLPq/2irKAmtS9w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.49.0':
-    resolution: {integrity: sha512-jrLdRuAbPfPIdYNppHJ/D0wN+wwNfJ32YTAm10eJVsFmrVpXQnDWBn8niCSMlWjvml8jsce5E/O+86IQtTbJWA==}
+  '@typescript-eslint/typescript-estree@8.50.0':
+    resolution: {integrity: sha512-W7SVAGBR/IX7zm1t70Yujpbk+zdPq/u4soeFSknWFdXIFuWsBGBOUu/Tn/I6KHSKvSh91OiMuaSnYp3mtPt5IQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.49.0':
-    resolution: {integrity: sha512-N3W7rJw7Rw+z1tRsHZbK395TWSYvufBXumYtEGzypgMUthlg0/hmCImeA8hgO2d2G4pd7ftpxxul2J8OdtdaFA==}
+  '@typescript-eslint/utils@8.50.0':
+    resolution: {integrity: sha512-87KgUXET09CRjGCi2Ejxy3PULXna63/bMYv72tCAlDJC3Yqwln0HiFJ3VJMst2+mEtNtZu5oFvX4qJGjKsnAgg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.49.0':
-    resolution: {integrity: sha512-LlKaciDe3GmZFphXIc79THF/YYBugZ7FS1pO581E/edlVVNbZKDy93evqmrfQ9/Y4uN0vVhX4iuchq26mK/iiA==}
+  '@typescript-eslint/visitor-keys@8.50.0':
+    resolution: {integrity: sha512-Xzmnb58+Db78gT/CCj/PVCvK+zxbnsw6F+O1oheYszJbBSdEjVhQi3C/Xttzxgi/GLmpvOggRs1RFpiJ8+c34Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@vitejs/plugin-vue@6.0.3':
@@ -620,32 +632,32 @@ packages:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
       vue: ^3.2.25
 
-  '@volar/language-core@2.4.26':
-    resolution: {integrity: sha512-hH0SMitMxnB43OZpyF1IFPS9bgb2I3bpCh76m2WEK7BE0A0EzpYsRp0CCH2xNKshr7kacU5TQBLYn4zj7CG60A==}
+  '@volar/language-core@2.4.27':
+    resolution: {integrity: sha512-DjmjBWZ4tJKxfNC1F6HyYERNHPYS7L7OPFyCrestykNdUZMFYzI9WTyvwPcaNaHlrEUwESHYsfEw3isInncZxQ==}
 
-  '@volar/source-map@2.4.26':
-    resolution: {integrity: sha512-JJw0Tt/kSFsIRmgTQF4JSt81AUSI1aEye5Zl65EeZ8H35JHnTvFGmpDOBn5iOxd48fyGE+ZvZBp5FcgAy/1Qhw==}
+  '@volar/source-map@2.4.27':
+    resolution: {integrity: sha512-ynlcBReMgOZj2i6po+qVswtDUeeBRCTgDurjMGShbm8WYZgJ0PA4RmtebBJ0BCYol1qPv3GQF6jK7C9qoVc7lg==}
 
-  '@volar/typescript@2.4.26':
-    resolution: {integrity: sha512-N87ecLD48Sp6zV9zID/5yuS1+5foj0DfuYGdQ6KHj/IbKvyKv1zNX6VCmnKYwtmHadEO6mFc2EKISiu3RDPAvA==}
-
-  '@vue/compiler-core@3.5.24':
-    resolution: {integrity: sha512-eDl5H57AOpNakGNAkFDH+y7kTqrQpJkZFXhWZQGyx/5Wh7B1uQYvcWkvZi11BDhscPgj8N7XV3oRwiPnx1Vrig==}
+  '@volar/typescript@2.4.27':
+    resolution: {integrity: sha512-eWaYCcl/uAPInSK2Lze6IqVWaBu/itVqR5InXcHXFyles4zO++Mglt3oxdgj75BDcv1Knr9Y93nowS8U3wqhxg==}
 
   '@vue/compiler-core@3.5.25':
     resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==}
 
-  '@vue/compiler-dom@3.5.24':
-    resolution: {integrity: sha512-1QHGAvs53gXkWdd3ZMGYuvQFXHW4ksKWPG8HP8/2BscrbZ0brw183q2oNWjMrSWImYLHxHrx1ItBQr50I/q2zw==}
+  '@vue/compiler-core@3.5.26':
+    resolution: {integrity: sha512-vXyI5GMfuoBCnv5ucIT7jhHKl55Y477yxP6fc4eUswjP8FG3FFVFd41eNDArR+Uk3QKn2Z85NavjaxLxOC19/w==}
 
   '@vue/compiler-dom@3.5.25':
     resolution: {integrity: sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==}
 
-  '@vue/compiler-sfc@3.5.25':
-    resolution: {integrity: sha512-PUgKp2rn8fFsI++lF2sO7gwO2d9Yj57Utr5yEsDf3GNaQcowCLKL7sf+LvVFvtJDXUp/03+dC6f2+LCv5aK1ag==}
+  '@vue/compiler-dom@3.5.26':
+    resolution: {integrity: sha512-y1Tcd3eXs834QjswshSilCBnKGeQjQXB6PqFn/1nxcQw4pmG42G8lwz+FZPAZAby6gZeHSt/8LMPfZ4Rb+Bd/A==}
 
-  '@vue/compiler-ssr@3.5.25':
-    resolution: {integrity: sha512-ritPSKLBcParnsKYi+GNtbdbrIE1mtuFEJ4U1sWeuOMlIziK5GtOL85t5RhsNy4uWIXPgk+OUdpnXiTdzn8o3A==}
+  '@vue/compiler-sfc@3.5.26':
+    resolution: {integrity: sha512-egp69qDTSEZcf4bGOSsprUr4xI73wfrY5oRs6GSgXFTiHrWj4Y3X5Ydtip9QMqiCMCPVwLglB9GBxXtTadJ3mA==}
+
+  '@vue/compiler-ssr@3.5.26':
+    resolution: {integrity: sha512-lZT9/Y0nSIRUPVvapFJEVDbEXruZh2IYHMk2zTtEgJSlP5gVOqeWXH54xDKAaFS4rTnDeDBQUYDtxKyoW9FwDw==}
 
   '@vue/devtools-api@7.7.8':
     resolution: {integrity: sha512-BtFcAmDbtXGwurWUFf8ogIbgZyR+rcVES1TSNEI8Em80fD8Anu+qTRN1Fc3J6vdRHlVM3fzPV1qIo+B4AiqGzw==}
@@ -656,46 +668,28 @@ packages:
   '@vue/devtools-shared@7.7.8':
     resolution: {integrity: sha512-XHpO3jC5nOgYr40M9p8Z4mmKfTvUxKyRcUnpBAYg11pE78eaRFBKb0kG5yKLroMuJeeNH9LWmKp2zMU5LUc7CA==}
 
-  '@vue/language-core@3.1.8':
-    resolution: {integrity: sha512-PfwAW7BLopqaJbneChNL6cUOTL3GL+0l8paYP5shhgY5toBNidWnMXWM+qDwL7MC9+zDtzCF2enT8r6VPu64iw==}
+  '@vue/language-core@3.2.0':
+    resolution: {integrity: sha512-CHIuDtZ04CIElAgEuLbwmq3p7QcmYoVPmBPqtdvWJCflZE5W3KHT/5DRBvDv1r2TteCjN02uYHiaAEWq9hQNiA==}
+
+  '@vue/reactivity@3.5.26':
+    resolution: {integrity: sha512-9EnYB1/DIiUYYnzlnUBgwU32NNvLp/nhxLXeWRhHUEeWNTn1ECxX8aGO7RTXeX6PPcxe3LLuNBFoJbV4QZ+CFQ==}
+
+  '@vue/runtime-core@3.5.26':
+    resolution: {integrity: sha512-xJWM9KH1kd201w5DvMDOwDHYhrdPTrAatn56oB/LRG4plEQeZRQLw0Bpwih9KYoqmzaxF0OKSn6swzYi84e1/Q==}
+
+  '@vue/runtime-dom@3.5.26':
+    resolution: {integrity: sha512-XLLd/+4sPC2ZkN/6+V4O4gjJu6kSDbHAChvsyWgm1oGbdSO3efvGYnm25yCjtFm/K7rrSDvSfPDgN1pHgS4VNQ==}
+
+  '@vue/server-renderer@3.5.26':
+    resolution: {integrity: sha512-TYKLXmrwWKSodyVuO1WAubucd+1XlLg4set0YoV+Hu8Lo79mp/YMwWV5mC5FgtsDxX3qo1ONrxFaTP1OQgy1uA==}
     peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@vue/reactivity@3.5.25':
-    resolution: {integrity: sha512-5xfAypCQepv4Jog1U4zn8cZIcbKKFka3AgWHEFQeK65OW+Ys4XybP6z2kKgws4YB43KGpqp5D/K3go2UPPunLA==}
-
-  '@vue/runtime-core@3.5.25':
-    resolution: {integrity: sha512-Z751v203YWwYzy460bzsYQISDfPjHTl+6Zzwo/a3CsAf+0ccEjQ8c+0CdX1WsumRTHeywvyUFtW6KvNukT/smA==}
-
-  '@vue/runtime-dom@3.5.25':
-    resolution: {integrity: sha512-a4WrkYFbb19i9pjkz38zJBg8wa/rboNERq3+hRRb0dHiJh13c+6kAbgqCPfMaJ2gg4weWD3APZswASOfmKwamA==}
-
-  '@vue/server-renderer@3.5.25':
-    resolution: {integrity: sha512-UJaXR54vMG61i8XNIzTSf2Q7MOqZHpp8+x3XLGtE3+fL+nQd+k7O5+X3D/uWrnQXOdMw5VPih+Uremcw+u1woQ==}
-    peerDependencies:
-      vue: 3.5.25
-
-  '@vue/shared@3.5.24':
-    resolution: {integrity: sha512-9cwHL2EsJBdi8NY22pngYYWzkTDhld6fAD6jlaeloNGciNSJL6bLpbxVgXl96X00Jtc6YWQv96YA/0sxex/k1A==}
+      vue: 3.5.26
 
   '@vue/shared@3.5.25':
     resolution: {integrity: sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==}
 
-  '@vueuse/core@14.1.0':
-    resolution: {integrity: sha512-rgBinKs07hAYyPF834mDTigH7BtPqvZ3Pryuzt1SD/lg5wEcWqvwzXXYGEDb2/cP0Sj5zSvHl3WkmMELr5kfWw==}
-    peerDependencies:
-      vue: ^3.5.0
-
-  '@vueuse/metadata@14.1.0':
-    resolution: {integrity: sha512-7hK4g015rWn2PhKcZ99NyT+ZD9sbwm7SGvp7k+k+rKGWnLjS/oQozoIZzWfCewSUeBmnJkIb+CNr7Zc/EyRnnA==}
-
-  '@vueuse/shared@14.1.0':
-    resolution: {integrity: sha512-EcKxtYvn6gx1F8z9J5/rsg3+lTQnvOruQd8fUecW99DCK04BkWD7z5KQ/wTAx+DazyoEE9dJt/zV8OIEQbM6kw==}
-    peerDependencies:
-      vue: ^3.5.0
+  '@vue/shared@3.5.26':
+    resolution: {integrity: sha512-7Z6/y3uFI5PRoKeorTOSXKcDj0MSasfNNltcslbFrPpcw6aXRUALq4IfJlaTRspiWIUOEZbrpM+iQGmCOiWe4A==}
 
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@@ -713,6 +707,9 @@ packages:
   alien-signals@3.1.0:
     resolution: {integrity: sha512-yufC6VpSy8tK3I0lO67pjumo5JvDQVQyr38+3OHqe6CHl1t2VZekKZ7EKKZSqk0cRmE7U7tfZbpXiKNzuc+ckg==}
 
+  animejs@4.2.2:
+    resolution: {integrity: sha512-Ys3RuvLdAeI14fsdKCQy7ytu4057QX6Bb7m4jwmfd6iKmUmLquTwk1ut0e4NtRQgCeq/s2Lv5+oMBjz6c7ZuIg==}
+
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
@@ -777,8 +774,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  csstype@3.2.2:
-    resolution: {integrity: sha512-D80T+tiqkd/8B0xNlbstWDG4x6aqVfO52+OlSUNIdkTvmNw0uQpJLeos2J/2XvpyidAFuTPmpad+tUxLndwj6g==}
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
@@ -804,8 +801,12 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
-  esbuild@0.25.12:
-    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
+  entities@7.0.0:
+    resolution: {integrity: sha512-FDWG5cmEYf2Z00IkYRhbFrwIwvdFKH07uV8dvNy0omp/Qb1xcyCWp2UDtcwJF4QZZvk0sLudP6/hAu42TaqVhQ==}
+    engines: {node: '>=0.12'}
+
+  esbuild@0.27.2:
+    resolution: {integrity: sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -872,6 +873,10 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -905,20 +910,6 @@ packages:
   flatted@3.3.3:
     resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
 
-  framer-motion@12.23.12:
-    resolution: {integrity: sha512-6e78rdVtnBvlEVgu6eFEAgG9v3wLnYEboM8I5O5EXvfKC8gxGQB8wXJdhkMy10iVcn05jl6CNw7/HTsTCfwcWg==}
-    peerDependencies:
-      '@emotion/is-prop-valid': '*'
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@emotion/is-prop-valid':
-        optional: true
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -939,9 +930,6 @@ packages:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
-  hey-listen@1.0.8:
-    resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==}
-
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
@@ -1077,11 +1065,8 @@ packages:
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
-  lozad@1.16.0:
-    resolution: {integrity: sha512-JBr9WjvEFeKoyim3svo/gsQPTkgG/mOHJmDctZ/+U9H3ymUuvEkqpn8bdQMFsvTMcyRJrdJkLv0bXqGm0sP72w==}
-
-  lucide-vue-next@0.561.0:
-    resolution: {integrity: sha512-c5HUckO0qHklVSOf/0vaSR3pEb8fYImRDCRDLde56uqS9js0D/e3RAvq0/YFWjkmyOBKCb0/IdskdoHZQEkT5g==}
+  lucide-vue-next@0.562.0:
+    resolution: {integrity: sha512-LN0BLGKMFulv0lnfK29r14DcngRUhIqdcaL0zXTt2o0oS9odlrjCGaU3/X9hIihOjjN8l8e+Y9G/famcNYaI7Q==}
     peerDependencies:
       vue: '>=3.0.1'
 
@@ -1103,18 +1088,6 @@ packages:
   mitt@3.0.1:
     resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
 
-  motion-dom@12.23.12:
-    resolution: {integrity: sha512-RcR4fvMCTESQBD/uKQe49D5RUeDOokkGRmz4ceaJKDBgHYtZtntC/s2vLvY38gqGaytinij/yi3hMcWVcEF5Kw==}
-
-  motion-utils@12.23.6:
-    resolution: {integrity: sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==}
-
-  motion-v@1.7.4:
-    resolution: {integrity: sha512-YNDUAsany04wfI7YtHxQK3kxzNvh+OdFUk9GpA3+hMt7j6P+5WrVAAgr8kmPPoVza9EsJiAVhqoN3YYFN0Twrw==}
-    peerDependencies:
-      '@vueuse/core': '>=10.0.0'
-      vue: '>=3.0.0'
-
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -1193,23 +1166,12 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+  prismjs@1.30.0:
+    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
 
-  quicklink@3.0.1:
-    resolution: {integrity: sha512-sAMEpcCUCzjet214qVCm1hzxeF0YLo4wyphkIifeemmofk1vMrc5Sg/iNH32SKAIXqYvO6SPZgEP8obi9Ait9g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17 || ^18 || ^19
-      react-dom: ^16.8.0 || ^17 || ^18 || ^19
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  regexparam@1.3.0:
-    resolution: {integrity: sha512-6IQpFBv6e5vz1QAqI+V4k8P2e/3gRrqfCJ9FI+O1FLQTO+Uz6RXZEZOPmTJ6hlGj7gkERzY5BRCv09whKP96/g==}
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
   resolve-from@4.0.0:
@@ -1224,10 +1186,6 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
-  route-manifest@1.0.0:
-    resolution: {integrity: sha512-qn0xJr4nnF4caj0erOLLAHYiNyzqhzpUbgDQcEHrmBoG4sWCDLnIXLH7VccNSxe9cWgbP2Kw/OjME+eH3CeRSA==}
-    engines: {node: '>= 6'}
-
   semver@7.7.3:
     resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
     engines: {node: '>=10'}
@@ -1241,6 +1199,9 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  snd-lib@1.2.4:
+    resolution: {integrity: sha512-Q8DnFVFGGb+buivj5aE4UIyJ3BI4j0qyARwxbkWsJPCEt1jMbBDD3nCTttZl1R0HcWFh5adDR3SHy/dSciwLvw==}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -1280,10 +1241,6 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  throttles@1.0.1:
-    resolution: {integrity: sha512-fab7Xg+zELr9KOv4fkaBoe/b3L0GMGLd0IBSCn16GoE/Qx6/OfCr1eGNyEcDU2pUA79qQfZ8kPQWlRuok4YwTw==}
-    engines: {node: '>=6'}
-
   tinyglobby@0.2.15:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
@@ -1294,15 +1251,12 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
-  tslib@2.8.1:
-    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
-
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  typescript-eslint@8.49.0:
-    resolution: {integrity: sha512-zRSVH1WXD0uXczCXw+nsdjGPUdx4dfrs5VQoHnUWmv1U3oNlAKv4FUNdLDhVUg+gYn+a5hUESqch//Rv5wVhrg==}
+  typescript-eslint@8.50.0:
+    resolution: {integrity: sha512-Q1/6yNUmCpH94fbgMUMg2/BSAr/6U7GBk61kZTv1/asghQOWOjTlp9K8mixS5NcJmm2creY+UFfGeW/+OcA64A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -1322,8 +1276,8 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  vite@7.2.7:
-    resolution: {integrity: sha512-ITcnkFeR3+fI8P1wMgItjGrR10170d8auB4EpMLPqmx6uxElH3a/hHGQabSHKdqd4FXWO1nFIp9rRn7JQ34ACQ==}
+  vite@7.3.0:
+    resolution: {integrity: sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
@@ -1371,14 +1325,20 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  vue-tsc@3.1.8:
-    resolution: {integrity: sha512-deKgwx6exIHeZwF601P1ktZKNF0bepaSN4jBU3AsbldPx9gylUc1JDxYppl82yxgkAgaz0Y0LCLOi+cXe9HMYA==}
+  vue-prism-editor@2.0.0-alpha.2:
+    resolution: {integrity: sha512-Gu42ba9nosrE+gJpnAEuEkDMqG9zSUysIR8SdXUw8MQKDjBnnNR9lHC18uOr/ICz7yrA/5c7jHJr9lpElODC7w==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      vue: ^3.0.0
+
+  vue-tsc@3.2.0:
+    resolution: {integrity: sha512-NFhcKKQZeTuG8/gc8XwFANx/lC0Dd3dCZ97TWh1a63PcD22KkFy4QLeT8JMtduaQT1NzySWmx3qXm16Hj1Xsxg==}
     hasBin: true
     peerDependencies:
       typescript: '>=5.0.0'
 
-  vue@3.5.25:
-    resolution: {integrity: sha512-YLVdgv2K13WJ6n+kD5owehKtEXwdwXuj2TTyJMsO7pSeKw2bfRNZGjhB7YzrpbMYj5b5QsUebHpOqR3R3ziy/g==}
+  vue@3.5.26:
+    resolution: {integrity: sha512-SJ/NTccVyAoNUJmkM9KUqPcYlY+u8OVL1X5EW9RIs3ch5H2uERxyyIUI4MRxVCSOiEcupX9xNGde1tL9ZKpimA==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -1417,82 +1377,82 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
-  '@esbuild/aix-ppc64@0.25.12':
+  '@esbuild/aix-ppc64@0.27.2':
     optional: true
 
-  '@esbuild/android-arm64@0.25.12':
+  '@esbuild/android-arm64@0.27.2':
     optional: true
 
-  '@esbuild/android-arm@0.25.12':
+  '@esbuild/android-arm@0.27.2':
     optional: true
 
-  '@esbuild/android-x64@0.25.12':
+  '@esbuild/android-x64@0.27.2':
     optional: true
 
-  '@esbuild/darwin-arm64@0.25.12':
+  '@esbuild/darwin-arm64@0.27.2':
     optional: true
 
-  '@esbuild/darwin-x64@0.25.12':
+  '@esbuild/darwin-x64@0.27.2':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.25.12':
+  '@esbuild/freebsd-arm64@0.27.2':
     optional: true
 
-  '@esbuild/freebsd-x64@0.25.12':
+  '@esbuild/freebsd-x64@0.27.2':
     optional: true
 
-  '@esbuild/linux-arm64@0.25.12':
+  '@esbuild/linux-arm64@0.27.2':
     optional: true
 
-  '@esbuild/linux-arm@0.25.12':
+  '@esbuild/linux-arm@0.27.2':
     optional: true
 
-  '@esbuild/linux-ia32@0.25.12':
+  '@esbuild/linux-ia32@0.27.2':
     optional: true
 
-  '@esbuild/linux-loong64@0.25.12':
+  '@esbuild/linux-loong64@0.27.2':
     optional: true
 
-  '@esbuild/linux-mips64el@0.25.12':
+  '@esbuild/linux-mips64el@0.27.2':
     optional: true
 
-  '@esbuild/linux-ppc64@0.25.12':
+  '@esbuild/linux-ppc64@0.27.2':
     optional: true
 
-  '@esbuild/linux-riscv64@0.25.12':
+  '@esbuild/linux-riscv64@0.27.2':
     optional: true
 
-  '@esbuild/linux-s390x@0.25.12':
+  '@esbuild/linux-s390x@0.27.2':
     optional: true
 
-  '@esbuild/linux-x64@0.25.12':
+  '@esbuild/linux-x64@0.27.2':
     optional: true
 
-  '@esbuild/netbsd-arm64@0.25.12':
+  '@esbuild/netbsd-arm64@0.27.2':
     optional: true
 
-  '@esbuild/netbsd-x64@0.25.12':
+  '@esbuild/netbsd-x64@0.27.2':
     optional: true
 
-  '@esbuild/openbsd-arm64@0.25.12':
+  '@esbuild/openbsd-arm64@0.27.2':
     optional: true
 
-  '@esbuild/openbsd-x64@0.25.12':
+  '@esbuild/openbsd-x64@0.27.2':
     optional: true
 
-  '@esbuild/openharmony-arm64@0.25.12':
+  '@esbuild/openharmony-arm64@0.27.2':
     optional: true
 
-  '@esbuild/sunos-x64@0.25.12':
+  '@esbuild/sunos-x64@0.27.2':
     optional: true
 
-  '@esbuild/win32-arm64@0.25.12':
+  '@esbuild/win32-arm64@0.27.2':
     optional: true
 
-  '@esbuild/win32-ia32@0.25.12':
+  '@esbuild/win32-ia32@0.27.2':
     optional: true
 
-  '@esbuild/win32-x64@0.25.12':
+  '@esbuild/win32-x64@0.27.2':
     optional: true
 
   '@eslint-community/eslint-utils@4.9.0(eslint@9.39.2(jiti@2.6.1))':
@@ -1710,33 +1670,35 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
       '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
 
-  '@tailwindcss/vite@4.1.18(vite@7.2.7(@types/node@25.0.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))':
+  '@tailwindcss/vite@4.1.18(vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))':
     dependencies:
       '@tailwindcss/node': 4.1.18
       '@tailwindcss/oxide': 4.1.18
       tailwindcss: 4.1.18
-      vite: 7.2.7(@types/node@25.0.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)
+      vite: 7.3.0(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)
+
+  '@types/animejs@3.1.13': {}
 
   '@types/estree@1.0.8': {}
 
   '@types/json-schema@7.0.15': {}
 
-  '@types/node@25.0.2':
+  '@types/node@25.0.3':
     dependencies:
       undici-types: 7.16.0
 
   '@types/nprogress@0.2.3': {}
 
-  '@types/web-bluetooth@0.0.21': {}
+  '@types/prismjs@1.26.5': {}
 
-  '@typescript-eslint/eslint-plugin@8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.50.0(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/parser': 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.50.0
+      '@typescript-eslint/type-utils': 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.50.0
       eslint: 9.39.2(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -1745,41 +1707,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/scope-manager': 8.50.0
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/typescript-estree': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.50.0
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.49.0(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.50.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.49.0
+      '@typescript-eslint/tsconfig-utils': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.50.0
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.49.0':
+  '@typescript-eslint/scope-manager@8.50.0':
     dependencies:
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/visitor-keys': 8.50.0
 
-  '@typescript-eslint/tsconfig-utils@8.49.0(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.50.0(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/typescript-estree': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       ts-api-utils: 2.1.0(typescript@5.9.3)
@@ -1787,14 +1749,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.49.0': {}
+  '@typescript-eslint/types@8.50.0': {}
 
-  '@typescript-eslint/typescript-estree@8.49.0(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.50.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/project-service': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/visitor-keys': 8.50.0
       debug: 4.4.3
       minimatch: 9.0.5
       semver: 7.7.3
@@ -1804,48 +1766,40 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.50.0
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/typescript-estree': 8.50.0(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.49.0':
+  '@typescript-eslint/visitor-keys@8.50.0':
     dependencies:
-      '@typescript-eslint/types': 8.49.0
+      '@typescript-eslint/types': 8.50.0
       eslint-visitor-keys: 4.2.1
 
-  '@vitejs/plugin-vue@6.0.3(vite@7.2.7(@types/node@25.0.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))(vue@3.5.25(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.3(vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-beta.53
-      vite: 7.2.7(@types/node@25.0.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)
-      vue: 3.5.25(typescript@5.9.3)
+      vite: 7.3.0(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)
+      vue: 3.5.26(typescript@5.9.3)
 
-  '@volar/language-core@2.4.26':
+  '@volar/language-core@2.4.27':
     dependencies:
-      '@volar/source-map': 2.4.26
+      '@volar/source-map': 2.4.27
 
-  '@volar/source-map@2.4.26': {}
+  '@volar/source-map@2.4.27': {}
 
-  '@volar/typescript@2.4.26':
+  '@volar/typescript@2.4.27':
     dependencies:
-      '@volar/language-core': 2.4.26
+      '@volar/language-core': 2.4.27
       path-browserify: 1.0.1
       vscode-uri: 3.1.0
 
-  '@vue/compiler-core@3.5.24':
-    dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/shared': 3.5.24
-      entities: 4.5.0
-      estree-walker: 2.0.2
-      source-map-js: 1.2.1
-
   '@vue/compiler-core@3.5.25':
     dependencies:
       '@babel/parser': 7.28.5
@@ -1854,32 +1808,40 @@ snapshots:
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.24':
+  '@vue/compiler-core@3.5.26':
     dependencies:
-      '@vue/compiler-core': 3.5.24
-      '@vue/shared': 3.5.24
+      '@babel/parser': 7.28.5
+      '@vue/shared': 3.5.26
+      entities: 7.0.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
 
   '@vue/compiler-dom@3.5.25':
     dependencies:
       '@vue/compiler-core': 3.5.25
       '@vue/shared': 3.5.25
 
-  '@vue/compiler-sfc@3.5.25':
+  '@vue/compiler-dom@3.5.26':
+    dependencies:
+      '@vue/compiler-core': 3.5.26
+      '@vue/shared': 3.5.26
+
+  '@vue/compiler-sfc@3.5.26':
     dependencies:
       '@babel/parser': 7.28.5
-      '@vue/compiler-core': 3.5.25
-      '@vue/compiler-dom': 3.5.25
-      '@vue/compiler-ssr': 3.5.25
-      '@vue/shared': 3.5.25
+      '@vue/compiler-core': 3.5.26
+      '@vue/compiler-dom': 3.5.26
+      '@vue/compiler-ssr': 3.5.26
+      '@vue/shared': 3.5.26
       estree-walker: 2.0.2
       magic-string: 0.30.21
       postcss: 8.5.6
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.25':
+  '@vue/compiler-ssr@3.5.26':
     dependencies:
-      '@vue/compiler-dom': 3.5.25
-      '@vue/shared': 3.5.25
+      '@vue/compiler-dom': 3.5.26
+      '@vue/shared': 3.5.26
 
   '@vue/devtools-api@7.7.8':
     dependencies:
@@ -1899,56 +1861,41 @@ snapshots:
     dependencies:
       rfdc: 1.4.1
 
-  '@vue/language-core@3.1.8(typescript@5.9.3)':
+  '@vue/language-core@3.2.0':
     dependencies:
-      '@volar/language-core': 2.4.26
-      '@vue/compiler-dom': 3.5.24
-      '@vue/shared': 3.5.24
+      '@volar/language-core': 2.4.27
+      '@vue/compiler-dom': 3.5.25
+      '@vue/shared': 3.5.25
       alien-signals: 3.1.0
       muggle-string: 0.4.1
       path-browserify: 1.0.1
       picomatch: 4.0.3
-    optionalDependencies:
-      typescript: 5.9.3
 
-  '@vue/reactivity@3.5.25':
+  '@vue/reactivity@3.5.26':
     dependencies:
-      '@vue/shared': 3.5.25
+      '@vue/shared': 3.5.26
 
-  '@vue/runtime-core@3.5.25':
+  '@vue/runtime-core@3.5.26':
     dependencies:
-      '@vue/reactivity': 3.5.25
-      '@vue/shared': 3.5.25
+      '@vue/reactivity': 3.5.26
+      '@vue/shared': 3.5.26
 
-  '@vue/runtime-dom@3.5.25':
+  '@vue/runtime-dom@3.5.26':
     dependencies:
-      '@vue/reactivity': 3.5.25
-      '@vue/runtime-core': 3.5.25
-      '@vue/shared': 3.5.25
-      csstype: 3.2.2
+      '@vue/reactivity': 3.5.26
+      '@vue/runtime-core': 3.5.26
+      '@vue/shared': 3.5.26
+      csstype: 3.2.3
 
-  '@vue/server-renderer@3.5.25(vue@3.5.25(typescript@5.9.3))':
+  '@vue/server-renderer@3.5.26(vue@3.5.26(typescript@5.9.3))':
     dependencies:
-      '@vue/compiler-ssr': 3.5.25
-      '@vue/shared': 3.5.25
-      vue: 3.5.25(typescript@5.9.3)
-
-  '@vue/shared@3.5.24': {}
+      '@vue/compiler-ssr': 3.5.26
+      '@vue/shared': 3.5.26
+      vue: 3.5.26(typescript@5.9.3)
 
   '@vue/shared@3.5.25': {}
 
-  '@vueuse/core@14.1.0(vue@3.5.25(typescript@5.9.3))':
-    dependencies:
-      '@types/web-bluetooth': 0.0.21
-      '@vueuse/metadata': 14.1.0
-      '@vueuse/shared': 14.1.0(vue@3.5.25(typescript@5.9.3))
-      vue: 3.5.25(typescript@5.9.3)
-
-  '@vueuse/metadata@14.1.0': {}
-
-  '@vueuse/shared@14.1.0(vue@3.5.25(typescript@5.9.3))':
-    dependencies:
-      vue: 3.5.25(typescript@5.9.3)
+  '@vue/shared@3.5.26': {}
 
   acorn-jsx@5.3.2(acorn@8.15.0):
     dependencies:
@@ -1965,6 +1912,8 @@ snapshots:
 
   alien-signals@3.1.0: {}
 
+  animejs@4.2.2: {}
+
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
@@ -2023,7 +1972,7 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  csstype@3.2.2: {}
+  csstype@3.2.3: {}
 
   debug@4.4.3:
     dependencies:
@@ -2040,38 +1989,40 @@ snapshots:
 
   entities@4.5.0: {}
 
-  esbuild@0.25.12:
+  entities@7.0.0: {}
+
+  esbuild@0.27.2:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.25.12
-      '@esbuild/android-arm': 0.25.12
-      '@esbuild/android-arm64': 0.25.12
-      '@esbuild/android-x64': 0.25.12
-      '@esbuild/darwin-arm64': 0.25.12
-      '@esbuild/darwin-x64': 0.25.12
-      '@esbuild/freebsd-arm64': 0.25.12
-      '@esbuild/freebsd-x64': 0.25.12
-      '@esbuild/linux-arm': 0.25.12
-      '@esbuild/linux-arm64': 0.25.12
-      '@esbuild/linux-ia32': 0.25.12
-      '@esbuild/linux-loong64': 0.25.12
-      '@esbuild/linux-mips64el': 0.25.12
-      '@esbuild/linux-ppc64': 0.25.12
-      '@esbuild/linux-riscv64': 0.25.12
-      '@esbuild/linux-s390x': 0.25.12
-      '@esbuild/linux-x64': 0.25.12
-      '@esbuild/netbsd-arm64': 0.25.12
-      '@esbuild/netbsd-x64': 0.25.12
-      '@esbuild/openbsd-arm64': 0.25.12
-      '@esbuild/openbsd-x64': 0.25.12
-      '@esbuild/openharmony-arm64': 0.25.12
-      '@esbuild/sunos-x64': 0.25.12
-      '@esbuild/win32-arm64': 0.25.12
-      '@esbuild/win32-ia32': 0.25.12
-      '@esbuild/win32-x64': 0.25.12
+      '@esbuild/aix-ppc64': 0.27.2
+      '@esbuild/android-arm': 0.27.2
+      '@esbuild/android-arm64': 0.27.2
+      '@esbuild/android-x64': 0.27.2
+      '@esbuild/darwin-arm64': 0.27.2
+      '@esbuild/darwin-x64': 0.27.2
+      '@esbuild/freebsd-arm64': 0.27.2
+      '@esbuild/freebsd-x64': 0.27.2
+      '@esbuild/linux-arm': 0.27.2
+      '@esbuild/linux-arm64': 0.27.2
+      '@esbuild/linux-ia32': 0.27.2
+      '@esbuild/linux-loong64': 0.27.2
+      '@esbuild/linux-mips64el': 0.27.2
+      '@esbuild/linux-ppc64': 0.27.2
+      '@esbuild/linux-riscv64': 0.27.2
+      '@esbuild/linux-s390x': 0.27.2
+      '@esbuild/linux-x64': 0.27.2
+      '@esbuild/netbsd-arm64': 0.27.2
+      '@esbuild/netbsd-x64': 0.27.2
+      '@esbuild/openbsd-arm64': 0.27.2
+      '@esbuild/openbsd-x64': 0.27.2
+      '@esbuild/openharmony-arm64': 0.27.2
+      '@esbuild/sunos-x64': 0.27.2
+      '@esbuild/win32-arm64': 0.27.2
+      '@esbuild/win32-ia32': 0.27.2
+      '@esbuild/win32-x64': 0.27.2
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-plugin-vue@10.6.2(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1))):
+  eslint-plugin-vue@10.6.2(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1))):
     dependencies:
       '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@2.6.1))
       eslint: 9.39.2(jiti@2.6.1)
@@ -2082,7 +2033,7 @@ snapshots:
       vue-eslint-parser: 10.2.0(eslint@9.39.2(jiti@2.6.1))
       xml-name-validator: 4.0.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
 
   eslint-scope@8.4.0:
     dependencies:
@@ -2154,6 +2105,8 @@ snapshots:
 
   esutils@2.0.3: {}
 
+  events@3.3.0: {}
+
   fast-deep-equal@3.1.3: {}
 
   fast-json-stable-stringify@2.1.0: {}
@@ -2180,12 +2133,6 @@ snapshots:
 
   flatted@3.3.3: {}
 
-  framer-motion@12.23.12:
-    dependencies:
-      motion-dom: 12.23.12
-      motion-utils: 12.23.6
-      tslib: 2.8.1
-
   fsevents@2.3.3:
     optional: true
 
@@ -2199,8 +2146,6 @@ snapshots:
 
   has-flag@4.0.0: {}
 
-  hey-listen@1.0.8: {}
-
   hookable@5.5.3: {}
 
   ignore@5.3.2: {}
@@ -2300,11 +2245,9 @@ snapshots:
 
   lodash.merge@4.6.2: {}
 
-  lozad@1.16.0: {}
-
-  lucide-vue-next@0.561.0(vue@3.5.25(typescript@5.9.3)):
+  lucide-vue-next@0.562.0(vue@3.5.26(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.25(typescript@5.9.3)
+      vue: 3.5.26(typescript@5.9.3)
 
   magic-string@0.30.21:
     dependencies:
@@ -2322,24 +2265,6 @@ snapshots:
 
   mitt@3.0.1: {}
 
-  motion-dom@12.23.12:
-    dependencies:
-      motion-utils: 12.23.6
-
-  motion-utils@12.23.6: {}
-
-  motion-v@1.7.4(@vueuse/core@14.1.0(vue@3.5.25(typescript@5.9.3)))(vue@3.5.25(typescript@5.9.3)):
-    dependencies:
-      '@vueuse/core': 14.1.0(vue@3.5.25(typescript@5.9.3))
-      framer-motion: 12.23.12
-      hey-listen: 1.0.8
-      motion-dom: 12.23.12
-      vue: 3.5.25(typescript@5.9.3)
-    transitivePeerDependencies:
-      - '@emotion/is-prop-valid'
-      - react
-      - react-dom
-
   ms@2.1.3: {}
 
   muggle-string@0.4.1: {}
@@ -2387,10 +2312,10 @@ snapshots:
 
   picomatch@4.0.3: {}
 
-  pinia@3.0.4(typescript@5.9.3)(vue@3.5.25(typescript@5.9.3)):
+  pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)):
     dependencies:
       '@vue/devtools-api': 7.7.8
-      vue: 3.5.25(typescript@5.9.3)
+      vue: 3.5.26(typescript@5.9.3)
     optionalDependencies:
       typescript: 5.9.3
 
@@ -2407,15 +2332,10 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
+  prismjs@1.30.0: {}
+
   punycode@2.3.1: {}
 
-  quicklink@3.0.1:
-    dependencies:
-      route-manifest: 1.0.0
-      throttles: 1.0.1
-
-  regexparam@1.3.0: {}
-
   resolve-from@4.0.0: {}
 
   rfdc@1.4.1: {}
@@ -2448,10 +2368,6 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.53.2
       fsevents: 2.3.3
 
-  route-manifest@1.0.0:
-    dependencies:
-      regexparam: 1.3.0
-
   semver@7.7.3: {}
 
   shebang-command@2.0.0:
@@ -2460,6 +2376,10 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  snd-lib@1.2.4:
+    dependencies:
+      events: 3.3.0
+
   source-map-js@1.2.1: {}
 
   source-map-support@0.5.21:
@@ -2495,8 +2415,6 @@ snapshots:
       source-map-support: 0.5.21
     optional: true
 
-  throttles@1.0.1: {}
-
   tinyglobby@0.2.15:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.3)
@@ -2506,18 +2424,16 @@ snapshots:
     dependencies:
       typescript: 5.9.3
 
-  tslib@2.8.1: {}
-
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
-  typescript-eslint@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+  typescript-eslint@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.50.0(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.50.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -2533,16 +2449,16 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  vite@7.2.7(@types/node@25.0.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1):
+  vite@7.3.0(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1):
     dependencies:
-      esbuild: 0.25.12
+      esbuild: 0.27.2
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
       postcss: 8.5.6
       rollup: 4.53.2
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 25.0.2
+      '@types/node': 25.0.3
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.30.2
@@ -2562,19 +2478,23 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-tsc@3.1.8(typescript@5.9.3):
+  vue-prism-editor@2.0.0-alpha.2(vue@3.5.26(typescript@5.9.3)):
     dependencies:
-      '@volar/typescript': 2.4.26
-      '@vue/language-core': 3.1.8(typescript@5.9.3)
+      vue: 3.5.26(typescript@5.9.3)
+
+  vue-tsc@3.2.0(typescript@5.9.3):
+    dependencies:
+      '@volar/typescript': 2.4.27
+      '@vue/language-core': 3.2.0
       typescript: 5.9.3
 
-  vue@3.5.25(typescript@5.9.3):
+  vue@3.5.26(typescript@5.9.3):
     dependencies:
-      '@vue/compiler-dom': 3.5.25
-      '@vue/compiler-sfc': 3.5.25
-      '@vue/runtime-dom': 3.5.25
-      '@vue/server-renderer': 3.5.25(vue@3.5.25(typescript@5.9.3))
-      '@vue/shared': 3.5.25
+      '@vue/compiler-dom': 3.5.26
+      '@vue/compiler-sfc': 3.5.26
+      '@vue/runtime-dom': 3.5.26
+      '@vue/server-renderer': 3.5.26(vue@3.5.26(typescript@5.9.3))
+      '@vue/shared': 3.5.26
     optionalDependencies:
       typescript: 5.9.3
 
diff --git a/public/feed.xml b/public/feed.xml
deleted file mode 100644
index 5e0c2f7..0000000
--- a/public/feed.xml
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>SearchGal - Galgame 聚合搜索</title>
-    <link>https://searchgal.homes</link>
-    <description>多平台 Galgame 资源聚合搜索引擎，提供实时流式搜索、游戏信息展示和 AI 翻译功能</description>
-    <language>zh-CN</language>
-    <lastBuildDate>2025-01-27T00:00:00Z</lastBuildDate>
-    <atom:link href="https://searchgal.homes/feed.xml" rel="self" type="application/rss+xml" />
-    <generator>SearchGal Frontend</generator>
-    <image>
-      <url>https://searchgal.homes/logo.svg</url>
-      <title>SearchGal</title>
-      <link>https://searchgal.homes</link>
-    </image>
-    
-    <item>
-      <title>SearchGal 正式上线</title>
-      <link>https://searchgal.homes</link>
-      <description>SearchGal 正式上线！提供多平台 Galgame 资源聚合搜索，支持实时流式响应、VNDB 游戏信息展示、AI 智能翻译等功能。采用 Vue 3 + TypeScript + Tailwind CSS 构建，提供艳粉色主题和液态玻璃拟态效果的现代化界面。</description>
-      <pubDate>2025-01-27T00:00:00Z</pubDate>
-      <guid isPermaLink="true">https://searchgal.homes</guid>
-      <category>公告</category>
-      <category>Galgame</category>
-      <category>搜索引擎</category>
-    </item>
-    
-    <item>
-      <title>功能更新：Lucide Icons 图标库</title>
-      <link>https://searchgal.homes</link>
-      <description>完成从 Font Awesome 到 Lucide Icons 的全面迁移，所有组件图标已更新为 SVG 组件，支持动态尺寸和更好的性能优化。</description>
-      <pubDate>2025-01-27T00:00:00Z</pubDate>
-      <guid>https://searchgal.homes/updates/lucide-icons</guid>
-      <category>更新</category>
-      <category>技术</category>
-    </item>
-    
-    <item>
-      <title>新增：LLMs.txt 支持</title>
-      <link>https://searchgal.homes/llms.txt</link>
-      <description>为 AI 助手和大语言模型添加了 llms.txt 文件，提供结构化的项目文档，方便开发者和 AI 工具快速了解项目架构。</description>
-      <pubDate>2025-01-27T00:00:00Z</pubDate>
-      <guid>https://searchgal.homes/updates/llms-txt</guid>
-      <category>更新</category>
-      <category>AI</category>
-    </item>
-    
-    <item>
-      <title>性能优化：Lazysizes + Quicklink</title>
-      <link>https://searchgal.homes</link>
-      <description>集成 Lazysizes 高性能图片懒加载库和 Quicklink 智能预加载功能，大幅提升页面加载速度和用户体验。</description>
-      <pubDate>2025-01-27T00:00:00Z</pubDate>
-      <guid>https://searchgal.homes/updates/performance</guid>
-      <category>更新</category>
-      <category>性能</category>
-    </item>
-    
-    <item>
-      <title>PWA 支持</title>
-      <link>https://searchgal.homes/manifest.json</link>
-      <description>添加 PWA (Progressive Web App) 支持，用户可以将 SearchGal 安装到设备主屏幕，享受类原生应用体验。</description>
-      <pubDate>2025-01-27T00:00:00Z</pubDate>
-      <guid>https://searchgal.homes/updates/pwa</guid>
-      <category>更新</category>
-      <category>PWA</category>
-    </item>
-  </channel>
-</rss>
-
diff --git a/public/llms.txt b/public/llms.txt
index 57c4bac..4853fd8 100644
--- a/public/llms.txt
+++ b/public/llms.txt
@@ -1,61 +1,40 @@
 # SearchGal Frontend
 
-> Galgame 聚合搜索前端 - 基于 Vue 3 + TypeScript + Tailwind CSS 构建的现代化 Web 应用，提供多平台 Galgame 资源聚合搜索、实时流式响应、游戏信息展示和 AI 翻译功能。
+> Galgame 聚合搜索前端 - Vue 3 + TypeScript + Tailwind CSS
 
-重要特性：
+## 技术栈
 
-- **流式搜索**：使用 Server-Sent Events (SSE) 实时推送多个平台的搜索结果
-- **状态管理**：Pinia 管理全局搜索状态和平台结果
-- **UI 设计**：艳粉色（#ff1493）主题 + 液态玻璃拟态效果（glassmorphism）
-- **图标系统**：使用 Lucide Icons 替代 Font Awesome，支持动态组件渲染
-- **响应式布局**：Tailwind CSS 实现移动端和桌面端适配
-- **性能优化**：Lazysizes 懒加载、Quicklink 智能预加载
-- **PWA 支持**：可安装为桌面/移动应用，支持离线访问
-- **外部集成**：VNDB 游戏数据库、Artalk 评论系统、AI 翻译服务
+Vue 3.5 | TypeScript 5.9 | Vite 7 | Pinia 3 | Tailwind CSS 4.1 | motion-v | snd-lib
 
-## 核心文档
+## 特性
 
-- [README](https://github.com/Moe-Sakura/frontend/blob/main/README.md): 项目概述、技术栈、安装和开发指南
-- [响应式设计](https://github.com/Moe-Sakura/frontend/blob/main/docs/RESPONSIVE_DESIGN.md): 移动端适配和响应式设计规范
-- [主题系统](https://github.com/Moe-Sakura/frontend/blob/main/docs/THEME_SYSTEM.md): 艳粉色配色方案和液态玻璃效果实现
-- [贡献指南](https://github.com/Moe-Sakura/frontend/blob/main/docs/CONTRIBUTING.md): 如何参与项目开发
+- 流式搜索 (SSE)
+- 液态玻璃 UI (#ff1493 主题)
+- VNDB 游戏信息 + AI 翻译
+- Artalk 评论系统
+- PWA 支持
 
-## 关键组件
+## AI 开发指南
 
-- [App.vue](https://github.com/Moe-Sakura/frontend/blob/main/src/App.vue): 应用根组件，管理暗色模式、自定义 CSS 和随机背景
-- [SearchHeader.vue](https://github.com/Moe-Sakura/frontend/blob/main/src/components/SearchHeader.vue): 搜索输入框、模式切换、状态检测和使用说明
-- [SearchResults.vue](https://github.com/Moe-Sakura/frontend/blob/main/src/components/SearchResults.vue): 搜索结果展示，支持"加载更多"功能
-- [VndbPanel.vue](https://github.com/Moe-Sakura/frontend/blob/main/src/components/VndbPanel.vue): VNDB 游戏信息面板，包含 AI 翻译功能
+详细的项目结构、代码规范和常用操作请参考:
 
-## API 和状态管理
+- [CLAUDE.md](https://github.com/Moe-Sakura/frontend/blob/main/CLAUDE.md): AI 助手项目上下文
 
-- [search.ts (API)](https://github.com/Moe-Sakura/frontend/blob/main/src/api/search.ts): SSE 流式搜索、VNDB 数据获取、AI 翻译 API
-- [search.ts (Store)](https://github.com/Moe-Sakura/frontend/blob/main/src/stores/search.ts): Pinia 状态管理，处理搜索状态、平台结果和分页
+## 核心文件
 
-## 工具函数
+| 文件 | 说明 |
+|------|------|
+| `src/App.vue` | 根组件，暗色模式、随机背景 |
+| `src/components/SearchHeader.vue` | 搜索框、模式切换 |
+| `src/components/SearchResults.vue` | 搜索结果列表 |
+| `src/stores/search.ts` | 搜索状态管理 |
+| `src/api/search.ts` | SSE 搜索 API |
+| `src/composables/useSound.ts` | snd-lib 音效 |
+| `src/styles/glassmorphism.css` | 液态玻璃样式 |
 
-- [imageDB.ts](https://github.com/Moe-Sakura/frontend/blob/main/src/utils/imageDB.ts): IndexedDB 图片缓存系统
-- [persistence.ts](https://github.com/Moe-Sakura/frontend/blob/main/src/utils/persistence.ts): LocalStorage 数据持久化（搜索历史、自定义设置）
-- [theme.ts](https://github.com/Moe-Sakura/frontend/blob/main/src/utils/theme.ts): 主题管理和自定义 CSS 注入
-- [icons.ts](https://github.com/Moe-Sakura/frontend/blob/main/src/utils/icons.ts): Lucide Icons 集中管理
+## 文档
 
-## 样式系统
-
-- [theme.css](https://github.com/Moe-Sakura/frontend/blob/main/src/styles/theme.css): 艳粉色主题 CSS 变量和渐变类
-- [glassmorphism.css](https://github.com/Moe-Sakura/frontend/blob/main/src/styles/glassmorphism.css): 液态玻璃拟态效果样式
-- [tailwind.config.js](https://github.com/Moe-Sakura/frontend/blob/main/tailwind.config.js): Tailwind CSS 自定义配置
-
-## Optional
-
-- [CHANGELOG](https://github.com/Moe-Sakura/frontend/blob/main/docs/CHANGELOG.md): 版本更新记录
-- [CODE_OF_CONDUCT](https://github.com/Moe-Sakura/frontend/blob/main/docs/CODE_OF_CONDUCT.md): 社区行为准则
-- [Favicon 指南](https://github.com/Moe-Sakura/frontend/blob/main/docs/FAVICON_GUIDE.md): 网站图标设计规范
-- [RSS Feed](https://searchgal.homes/feed.xml): RSS 订阅源
-- [PWA Manifest](https://searchgal.homes/manifest.json): PWA 配置文件
-- [Vue 3 文档](https://vuejs.org/guide/introduction.html): Vue 3 官方指南
-- [Tailwind CSS 文档](https://tailwindcss.com/docs): Tailwind CSS 官方文档
-- [Pinia 文档](https://pinia.vuejs.org/): Pinia 状态管理文档
-- [Lucide Icons](https://lucide.dev/icons/): Lucide 图标库参考
-- [Lozad.js](https://github.com/ApoorvSaxena/lozad.js): 基于 IntersectionObserver 的高性能图片懒加载库
-- [Quicklink](https://getquick.link/): 智能预加载库
+- [README](https://github.com/Moe-Sakura/frontend/blob/main/README.md)
+- [环境变量配置](https://github.com/Moe-Sakura/frontend/blob/main/docs/ENV_CONFIG.md)
+- [主题系统](https://github.com/Moe-Sakura/frontend/blob/main/docs/THEME_SYSTEM.md)
 
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 5b485ac..04c1d35 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1,18 +1,43 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" 
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
-        xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 
-        http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+        xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+        http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd
+        http://www.google.com/schemas/sitemap-image/1.1
+        http://www.google.com/schemas/sitemap-image/1.1/sitemap-image.xsd">
+
+  <!-- 主页 -->
   <url>
     <loc>https://searchgal.homes/</loc>
-    <lastmod>2025-11-17</lastmod>
+    <lastmod>2025-12-21</lastmod>
     <changefreq>daily</changefreq>
     <priority>1.0</priority>
     <image:image>
       <image:loc>https://searchgal.homes/logo.svg</image:loc>
       <image:title>SearchGal - Galgame 聚合搜索</image:title>
-      <image:caption>Galgame 资源聚合搜索引擎</image:caption>
+      <image:caption>Galgame 资源聚合搜索引擎，支持多站点搜索</image:caption>
+    </image:image>
+    <image:image>
+      <image:loc>https://searchgal.homes/og-image.png</image:loc>
+      <image:title>SearchGal 社交分享图</image:title>
     </image:image>
   </url>
+
+  <!-- AI/LLM 信息页 -->
+  <url>
+    <loc>https://searchgal.homes/llms.txt</loc>
+    <lastmod>2025-12-21</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.6</priority>
+  </url>
+
+  <!-- PWA Manifest -->
+  <url>
+    <loc>https://searchgal.homes/manifest.json</loc>
+    <lastmod>2025-12-21</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.3</priority>
+  </url>
+
 </urlset>
diff --git a/public/sw.js b/public/sw.js
index f8a0e05..9b702bb 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -1,174 +1,121 @@
-// Service Worker - PWA 支持
-// 版本由构建时自动注入，如未注入则使用时间戳
+// Service Worker - PWA 支持（简化版）
+// 离线时仅显示联网提示，不缓存离线内容
 const SW_VERSION = self.__SW_VERSION__ || Date.now().toString(36);
 const CACHE_NAME = `searchgal-cache-${SW_VERSION}`;
 
-// 静态资源缓存列表（核心资源）
-const CORE_ASSETS = [
-  '/',
-  '/index.html',
-  '/manifest.json',
-  '/logo.svg',
+// 仅缓存静态资源以提升加载速度（非离线使用）
+const CACHEABLE_PATTERNS = [
+  /\/assets\/.*\.(js|css)(\?.*)?$/i,  // Vite 构建的静态资源
+  /\.(woff2?|ttf|otf|eot)(\?.*)?$/i,  // 字体
+  /\.(png|jpg|jpeg|gif|webp|svg|ico)(\?.*)?$/i,  // 图片
 ];
 
-// 缓存策略配置
-const CACHE_STRATEGIES = {
-  // 缓存优先（适用于静态资源）
-  cacheFirst: ['script', 'style', 'font'],
-  // 网络优先（适用于动态内容）
-  networkFirst: ['document'],
-  // 仅网络（适用于 API 请求）
-  networkOnly: [],
-  // 过期时间（毫秒）
-  maxAge: {
-    image: 7 * 24 * 60 * 60 * 1000,  // 图片 7 天
-    script: 24 * 60 * 60 * 1000,      // 脚本 1 天
-    style: 24 * 60 * 60 * 1000,       // 样式 1 天
-    font: 30 * 24 * 60 * 60 * 1000,   // 字体 30 天
-  },
-};
+// 永不缓存
+const NO_CACHE_PATTERNS = [
+  /\/api\//,
+  /\/sw\.js$/,
+  /sockjs-node/,
+  /__vite/,
+];
 
-// 安装事件 - 预缓存核心资源
-self.addEventListener('install', (event) => {
+// ============================================
+// 安装事件
+// ============================================
+self.addEventListener('install', () => {
   console.log(`[SW] Installing version ${SW_VERSION}`);
-  
-  event.waitUntil(
-    caches.open(CACHE_NAME)
-      .then((cache) => {
-        console.log('[SW] Pre-caching core assets');
-        return cache.addAll(CORE_ASSETS);
-      })
-      .then(() => {
-        console.log('[SW] Installation complete');
-    })
-  );
-  
-  // 立即激活新版本，不等待旧版本关闭
   self.skipWaiting();
 });
 
+// ============================================
 // 激活事件 - 清理旧缓存
+// ============================================
 self.addEventListener('activate', (event) => {
   console.log(`[SW] Activating version ${SW_VERSION}`);
   
   event.waitUntil(
     caches.keys()
-      .then((cacheNames) => {
-      return Promise.all(
-        cacheNames.map((cacheName) => {
-            // 删除所有不匹配当前版本的缓存
-            if (cacheName.startsWith('searchgal-cache-') && cacheName !== CACHE_NAME) {
-              console.log(`[SW] Deleting old cache: ${cacheName}`);
-            return caches.delete(cacheName);
-          }
-        })
-      );
-    })
-      .then(() => {
-        console.log('[SW] Activation complete');
-      })
+      .then((names) => Promise.all(
+        names
+          .filter((name) => name.startsWith('searchgal-cache-') && name !== CACHE_NAME)
+          .map((name) => caches.delete(name))
+      ))
+      .then(() => self.clients.claim())
   );
-  
-  // 立即接管所有客户端
-  self.clients.claim();
 });
 
+// ============================================
 // 消息处理
+// ============================================
 self.addEventListener('message', (event) => {
-  const { type, payload } = event.data || {};
+  const { type } = event.data || {};
   
-  switch (type) {
-    case 'GET_VERSION':
-      // 返回当前版本
-      event.ports[0]?.postMessage({ 
-        version: SW_VERSION,
-        cacheSize: null, // 可扩展：返回缓存大小
-      });
-      break;
-      
-    case 'SKIP_WAITING':
-      // 跳过等待，立即激活
-      self.skipWaiting();
-      break;
-      
-    case 'CLEAR_CACHE':
-      // 清除所有缓存
-      event.waitUntil(
-        caches.keys().then((names) => {
-          return Promise.all(names.map((name) => caches.delete(name)));
-        }).then(() => {
-          event.ports[0]?.postMessage({ success: true });
-        })
-      );
-      break;
-      
-    case 'GET_CACHE_INFO':
-      // 获取缓存信息
-      event.waitUntil(
-        caches.keys().then(async (names) => {
-          const info = {};
-          for (const name of names) {
-            const cache = await caches.open(name);
-            const keys = await cache.keys();
-            info[name] = keys.length;
-          }
-          event.ports[0]?.postMessage({ caches: info, current: CACHE_NAME });
-        })
-      );
-      break;
+  if (type === 'GET_VERSION') {
+    event.ports[0]?.postMessage({ version: SW_VERSION });
+  } else if (type === 'SKIP_WAITING') {
+    self.skipWaiting();
+  } else if (type === 'CLEAR_CACHE') {
+    event.waitUntil(
+      caches.keys()
+        .then((names) => Promise.all(names.map((name) => caches.delete(name))))
+        .then(() => event.ports[0]?.postMessage({ success: true }))
+    );
   }
 });
 
+// ============================================
 // 请求拦截
+// ============================================
 self.addEventListener('fetch', (event) => {
   const { request } = event;
   const url = new URL(request.url);
 
   // 跳过非 GET 请求
-  if (request.method !== 'GET') {
-    return;
-  }
+  if (request.method !== 'GET') return;
   
-  // 跳过 chrome-extension 等非 http(s) 请求
-  if (!url.protocol.startsWith('http')) {
-    return;
-  }
+  // 跳过非 HTTP(S) 请求
+  if (!url.protocol.startsWith('http')) return;
   
-  // 跳过 API 请求（不缓存动态数据）
-  if (url.pathname.startsWith('/api/') || url.hostname.includes('api.')) {
-    return;
-  }
-  
-  // 外部资源：网络优先
-  if (url.origin !== location.origin) {
-    event.respondWith(networkFirst(request));
+  // 跳过永不缓存的模式
+  if (NO_CACHE_PATTERNS.some((p) => p.test(url.href))) return;
+
+  // 仅处理同源请求
+  if (url.origin !== location.origin) return;
+
+  // HTML 页面请求：网络优先，离线时显示提示
+  if (request.destination === 'document' || url.pathname === '/' || url.pathname.endsWith('.html')) {
+    event.respondWith(handlePageRequest(request));
     return;
   }
 
-  // 根据资源类型选择策略
-  const destination = request.destination;
-  
-  if (CACHE_STRATEGIES.cacheFirst.includes(destination)) {
-    // 静态资源：缓存优先 + 后台更新
-    event.respondWith(staleWhileRevalidate(request));
-  } else if (destination === 'image') {
-    // 图片：缓存优先（更长的过期时间）
+  // 可缓存的静态资源：缓存优先（加速）
+  if (CACHEABLE_PATTERNS.some((p) => p.test(url.pathname))) {
     event.respondWith(cacheFirst(request));
-  } else {
-    // 其他（HTML等）：网络优先
-    event.respondWith(networkFirst(request));
+    return;
   }
+
+  // 其他资源：网络优先
+  event.respondWith(networkFirst(request));
 });
 
 /**
- * 缓存优先策略
- * 优先返回缓存，缓存不存在时从网络获取并缓存
+ * 处理页面请求 - 离线时显示联网提示
+ */
+async function handlePageRequest(request) {
+  try {
+    const response = await fetch(request);
+    return response;
+  } catch {
+    // 离线 - 返回联网提示页面
+    return createOfflinePage();
+  }
+}
+
+/**
+ * 缓存优先（用于静态资源加速）
  */
 async function cacheFirst(request) {
   const cached = await caches.match(request);
-  if (cached) {
-    return cached;
-  }
+  if (cached) return cached;
   
   try {
     const response = await fetch(request);
@@ -176,16 +123,14 @@ async function cacheFirst(request) {
       const cache = await caches.open(CACHE_NAME);
       cache.put(request, response.clone());
     }
-          return response;
-  } catch (error) {
-    // 网络失败时返回离线页面（如果有）
-    return new Response('Offline', { status: 503, statusText: 'Service Unavailable' });
+    return response;
+  } catch {
+    return new Response('', { status: 503 });
   }
 }
 
 /**
- * 网络优先策略
- * 优先从网络获取，网络失败时返回缓存
+ * 网络优先
  */
 async function networkFirst(request) {
   try {
@@ -193,36 +138,105 @@ async function networkFirst(request) {
     if (response.ok) {
       const cache = await caches.open(CACHE_NAME);
       cache.put(request, response.clone());
-          }
-          return response;
-  } catch (error) {
-    const cached = await caches.match(request);
-    if (cached) {
-      return cached;
     }
-    return new Response('Offline', { status: 503, statusText: 'Service Unavailable' });
+    return response;
+  } catch {
+    const cached = await caches.match(request);
+    return cached || new Response('', { status: 503 });
   }
 }
 
 /**
- * Stale-While-Revalidate 策略
- * 立即返回缓存，同时在后台更新缓存
+ * 离线提示页面
  */
-async function staleWhileRevalidate(request) {
-  const cache = await caches.open(CACHE_NAME);
-  const cached = await cache.match(request);
-  
-  // 后台更新缓存
-  const fetchPromise = fetch(request).then((response) => {
-    if (response.ok) {
-      cache.put(request, response.clone());
-        }
-        return response;
-  }).catch(() => null);
-  
-  // 有缓存则立即返回，否则等待网络
-  return cached || fetchPromise || new Response('Offline', { status: 503 });
+function createOfflinePage() {
+  return new Response(
+    `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>请连接网络 - SearchGal</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+      background: linear-gradient(135deg, #fff5fa 0%, #ffe4f0 100%);
+      color: #333;
+      padding: 1.5rem;
+    }
+    .container {
+      text-align: center;
+      max-width: 400px;
+    }
+    .icon {
+      font-size: 5rem;
+      margin-bottom: 1.5rem;
+      animation: float 3s ease-in-out infinite;
+    }
+    @keyframes float {
+      0%, 100% { transform: translateY(0); }
+      50% { transform: translateY(-10px); }
+    }
+    h1 {
+      font-size: 1.75rem;
+      margin-bottom: 0.75rem;
+      background: linear-gradient(135deg, #ff1493, #d946ef);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    p {
+      color: #666;
+      line-height: 1.6;
+      margin-bottom: 2rem;
+    }
+    button {
+      padding: 1rem 2.5rem;
+      background: linear-gradient(135deg, #ff1493, #d946ef);
+      color: white;
+      border: none;
+      border-radius: 9999px;
+      font-size: 1rem;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      box-shadow: 0 4px 15px rgba(255, 20, 147, 0.3);
+    }
+    button:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 25px rgba(255, 20, 147, 0.4);
+    }
+    button:active {
+      transform: translateY(0);
+    }
+    .hint {
+      margin-top: 2rem;
+      font-size: 0.875rem;
+      color: #999;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="icon">🌐</div>
+    <h1>需要网络连接</h1>
+    <p>SearchGal 是一个在线搜索服务，<br>请连接网络后使用</p>
+    <button onclick="location.reload()">重新连接</button>
+    <p class="hint">请检查你的网络是否正常连接</p>
+  </div>
+</body>
+</html>`,
+    {
+      status: 503,
+      statusText: 'Offline',
+      headers: { 'Content-Type': 'text/html; charset=utf-8' },
+    }
+  );
 }
 
-// 输出版本信息
 console.log(`[SW] Service Worker loaded, version: ${SW_VERSION}`);
diff --git a/src/App.vue b/src/App.vue
index 4bcdfd4..4f738af 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,7 @@
     class="min-h-screen relative"
   >
     <!-- 背景层容器 - GPU 加速 -->
-    <div 
+    <div
       id="background-container" 
       class="fixed inset-0 z-[-2] overflow-hidden gpu-layer"
     >
@@ -21,19 +21,12 @@
         :class="{ 'opacity-0': hasBackgroundImage }"
       />
       
-      <!-- 动画背景图层 - 新图片直接覆盖在旧图片上入场 -->
-      <AnimatePresence>
-        <Motion
-          v-if="currentBgKey"
-          :key="currentBgKey"
-          :initial="getTransitionVariant('initial')"
-          :animate="getTransitionVariant('animate')"
-          :exit="getTransitionVariant('exit')"
-          :transition="bgTransition"
-          class="absolute inset-0 bg-cover bg-center bg-no-repeat will-change-transform gpu-layer"
-          :style="{ backgroundImage: `url(${backgroundImageUrl})` }"
-        />
-      </AnimatePresence>
+      <!-- 动画背景图层 - 使用 anime.js + CSS Ken Burns 效果 -->
+      <AnimatedBackground
+        :image-url="backgroundImageUrl"
+        :image-key="currentBgKey"
+        :ken-burns-class="kenBurnsClass"
+      />
       
       <!-- 半透明遮罩层（提升内容可读性） -->
       <div class="absolute inset-0 bg-white/15 dark:bg-slate-900/30 z-[1]" />
@@ -67,7 +60,7 @@
 
 <script setup lang="ts">
 import { computed, defineAsyncComponent, onMounted, onUnmounted, ref, shallowRef } from 'vue'
-import { Motion, AnimatePresence } from 'motion-v'
+import AnimatedBackground from '@/components/AnimatedBackground.vue'
 import { imageDB } from '@/utils/imageDB'
 import { useSearchStore } from '@/stores/search'
 import { useUIStore } from '@/stores/ui'
@@ -110,9 +103,9 @@ const searchStore = useSearchStore()
 const uiStore = useUIStore()
 const searchHeaderRef = ref<InstanceType<typeof SearchHeader> | null>(null)
 
-// 打开设置
+// 切换设置面板
 function openSettings() {
-  uiStore.isSettingsModalOpen = true
+  uiStore.isSettingsModalOpen = !uiStore.isSettingsModalOpen
 }
 
 // 处理历史记录选择
@@ -164,62 +157,26 @@ const MAX_BLOB_URLS = 20 // 最大同时保持的 Blob URL 数量（内存优化
 import { scheduleIdleTask } from '@/composables/usePerformance'
 
 // 背景动画相关
-const currentBgKey = ref(0) // 用于触发 AnimatePresence 动画
-const currentTransitionType = ref<'fade' | 'zoom' | 'slide' | 'blur' | 'scale'>('fade')
+const currentBgKey = ref(0) // 用于触发背景切换动画
 
-// 入场动画时长
-const ENTER_DURATION = 1.2
+// Ken Burns 动画变体（使用 CSS 动画实现更流畅的效果）
+type KenBurnsType = 'kb-zoom-in' | 'kb-zoom-out' | 'kb-pan-left' | 'kb-pan-right' | 'kb-pan-up' | 'kb-pan-down'
+const currentKenBurns = ref<KenBurnsType>('kb-zoom-in')
 
-// 转场动画变体定义
-// 新图片入场覆盖旧图片，缩放从 1.0 到 1.2
-// 退出动画延迟到新图片入场完成后再执行
-const transitionVariants = {
-  fade: {
-    initial: { opacity: 0, scale: 1 },
-    animate: { opacity: 1, scale: 1.2 },
-    exit: { opacity: 0, transition: { delay: ENTER_DURATION, duration: 0.5 } },
-  },
-  zoom: {
-    initial: { opacity: 0, scale: 1.3 },
-    animate: { opacity: 1, scale: 1.2 },
-    exit: { opacity: 0, transition: { delay: ENTER_DURATION, duration: 0.5 } },
-  },
-  slide: {
-    initial: { opacity: 0, x: 60, scale: 1 },
-    animate: { opacity: 1, x: 0, scale: 1.2 },
-    exit: { opacity: 0, transition: { delay: ENTER_DURATION, duration: 0.5 } },
-  },
-  blur: {
-    initial: { opacity: 0, filter: 'blur(20px)', scale: 1 },
-    animate: { opacity: 1, filter: 'blur(0px)', scale: 1.2 },
-    exit: { opacity: 0, transition: { delay: ENTER_DURATION, duration: 0.5 } },
-  },
-  scale: {
-    initial: { opacity: 0, scale: 0.85 },
-    animate: { opacity: 1, scale: 1.2 },
-    exit: { opacity: 0, transition: { delay: ENTER_DURATION, duration: 0.5 } },
-  },
-}
+// Ken Burns CSS 类
+const kenBurnsClass = computed(() => currentKenBurns.value)
 
-// 背景动画过渡配置（入场动画）
-const bgTransition = {
-  // 入场淡入时间
-  opacity: { duration: ENTER_DURATION, ease: 'easeOut' as const },
-  // 缩放动画持续整个显示周期（10秒）
-  scale: { duration: DISPLAY_INTERVAL / 1000, ease: 'linear' as const },
-  // 其他属性（位移、滤镜等）
-  default: { duration: ENTER_DURATION, ease: 'easeInOut' as const },
-}
-
-// 获取当前转场变体
-function getTransitionVariant(phase: 'initial' | 'animate' | 'exit') {
-  return transitionVariants[currentTransitionType.value][phase]
-}
-
-// 随机选择转场类型
-function selectRandomTransition() {
-  const types: Array<'fade' | 'zoom' | 'slide' | 'blur' | 'scale'> = ['fade', 'zoom', 'slide', 'blur', 'scale']
-  currentTransitionType.value = types[Math.floor(Math.random() * types.length)]
+// 随机选择 Ken Burns 效果
+function selectRandomKenBurns() {
+  const effects: KenBurnsType[] = [
+    'kb-zoom-in',
+    'kb-zoom-out', 
+    'kb-pan-left',
+    'kb-pan-right',
+    'kb-pan-up',
+    'kb-pan-down',
+  ]
+  currentKenBurns.value = effects[Math.floor(Math.random() * effects.length)]
 }
 
 const hasBackgroundImage = computed(
@@ -359,7 +316,7 @@ async function fetchAndCacheImage() {
             imageBlobUrls.value.forEach((url, key) => {
               if (cleanedSet.has(key)) {
                 cleanedBlobUrls.set(key, url)
-              }
+                }
             })
             
             imageCache.value = cleanedCache
@@ -453,10 +410,10 @@ async function displayNextImage() {
     // 预加载图片，确保加载完成后再切换
     const preloadImg = new Image()
     preloadImg.onload = () => {
-      // 选择随机转场动画类型
-      selectRandomTransition()
+      // 选择随机 Ken Burns 效果
+      selectRandomKenBurns()
       
-      // 图片加载完成，更新 key 触发 motion-v 动画
+      // 图片加载完成，更新 key 触发动画
       randomImageUrl.value = nextImageUrl
       currentBgKey.value++
       
@@ -530,23 +487,23 @@ onMounted(async () => {
   // === 非关键任务：空闲时执行 ===
   
   scheduleIdleTask(() => {
-    // 应用自定义 CSS
-    if (uiStore.customCSS) {
-      applyCustomCSS(uiStore.customCSS)
-    }
-    
-    // 监听系统主题变化
-    systemThemeCleanup = watchSystemTheme((theme) => {
-      applyTheme(theme)
-    })
+  // 应用自定义 CSS
+  if (uiStore.customCSS) {
+    applyCustomCSS(uiStore.customCSS)
+  }
+  
+  // 监听系统主题变化
+  systemThemeCleanup = watchSystemTheme((theme) => {
+    applyTheme(theme)
+  })
 
-    // 监听 SW 更新事件
-    window.addEventListener('sw-update-available', (event) => {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const customEvent = event as any
-      swRegistration = customEvent.detail?.registration || null
-      uiStore.setShowUpdateToast(true)
-    })
+  // 监听 SW 更新事件
+  window.addEventListener('sw-update-available', (event) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const customEvent = event as any
+    swRegistration = customEvent.detail?.registration || null
+    uiStore.setShowUpdateToast(true)
+  })
   }, { timeout: 2000 })
   
   // === 背景图片初始化：稍后执行 ===
@@ -601,4 +558,78 @@ function saveSettings(customApi: string, newCustomCSS: string) {
 
 <style>
 @import "tailwindcss";
+
+/* Ken Burns 动画效果 - 使用 CSS 动画实现更流畅的背景切换 */
+.ken-burns {
+  /* 初始状态 - 稍微放大以便动画有空间 */
+  transform-origin: center center;
+}
+
+/* 缩放进入 - 从 100% 缓慢放大到 115% */
+.kb-zoom-in {
+  animation: kb-zoom-in 12s ease-out forwards;
+}
+
+@keyframes kb-zoom-in {
+  0% { transform: scale(1); }
+  100% { transform: scale(1.15); }
+}
+
+/* 缩放退出 - 从 115% 缓慢缩小到 100% */
+.kb-zoom-out {
+  animation: kb-zoom-out 12s ease-out forwards;
+}
+
+@keyframes kb-zoom-out {
+  0% { transform: scale(1.15); }
+  100% { transform: scale(1); }
+}
+
+/* 向左平移 */
+.kb-pan-left {
+  animation: kb-pan-left 12s ease-out forwards;
+}
+
+@keyframes kb-pan-left {
+  0% { transform: scale(1.1) translateX(3%); }
+  100% { transform: scale(1.1) translateX(-3%); }
+}
+
+/* 向右平移 */
+.kb-pan-right {
+  animation: kb-pan-right 12s ease-out forwards;
+}
+
+@keyframes kb-pan-right {
+  0% { transform: scale(1.1) translateX(-3%); }
+  100% { transform: scale(1.1) translateX(3%); }
+}
+
+/* 向上平移 */
+.kb-pan-up {
+  animation: kb-pan-up 12s ease-out forwards;
+}
+
+@keyframes kb-pan-up {
+  0% { transform: scale(1.1) translateY(3%); }
+  100% { transform: scale(1.1) translateY(-3%); }
+}
+
+/* 向下平移 */
+.kb-pan-down {
+  animation: kb-pan-down 12s ease-out forwards;
+}
+
+@keyframes kb-pan-down {
+  0% { transform: scale(1.1) translateY(-3%); }
+  100% { transform: scale(1.1) translateY(3%); }
+}
+
+/* 减少动画偏好 - 禁用 Ken Burns 效果 */
+@media (prefers-reduced-motion: reduce) {
+  .ken-burns {
+    animation: none !important;
+    transform: scale(1.05) !important;
+  }
+}
 </style>
diff --git a/src/components/AnimatedBackground.vue b/src/components/AnimatedBackground.vue
new file mode 100644
index 0000000..32a81ee
--- /dev/null
+++ b/src/components/AnimatedBackground.vue
@@ -0,0 +1,44 @@
+<template>
+  <Transition
+    :css="false"
+    @enter="onEnter"
+    @leave="onLeave"
+  >
+    <div
+      v-if="imageUrl"
+      :key="imageKey"
+      class="absolute inset-0 bg-cover bg-center bg-no-repeat will-change-transform gpu-layer"
+      :class="kenBurnsClass"
+      :style="{ backgroundImage: `url(${imageUrl})` }"
+    />
+  </Transition>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { animate } from '@/composables/useAnime'
+
+const props = defineProps<{
+  imageUrl: string
+  imageKey: string | number
+  kenBurnsClass: string
+}>()
+
+function onEnter(el: Element, done: () => void) {
+  animate(el as HTMLElement, {
+    opacity: [0, 1],
+    duration: 1500,
+    ease: 'inOutQuad',
+    complete: done,
+  })
+}
+
+function onLeave(el: Element, done: () => void) {
+  animate(el as HTMLElement, {
+    opacity: [1, 0],
+    duration: 1500,
+    ease: 'inOutQuad',
+    complete: done,
+  })
+}
+</script>
diff --git a/src/components/CommentsModal.vue b/src/components/CommentsModal.vue
index 976d0a0..ed7b126 100644
--- a/src/components/CommentsModal.vue
+++ b/src/components/CommentsModal.vue
@@ -1,45 +1,41 @@
 <template>
   <Teleport to="body">
-    <!-- 背景遮罩 -->
+    <!-- 评论面板 - macOS 风格浮动窗口 -->
     <Transition
-      enter-active-class="transition-opacity duration-200 ease-out"
-      enter-from-class="opacity-0"
-      enter-to-class="opacity-100"
-      leave-active-class="transition-opacity duration-200 ease-in"
-      leave-from-class="opacity-100"
-      leave-to-class="opacity-0"
+      :css="false"
+      @enter="onEnter"
+      @leave="onLeave"
     >
       <div
         v-if="uiStore.isCommentsModalOpen"
-        class="fixed inset-0 z-[99] bg-black/30"
-        @click="closeModal"
-      />
-    </Transition>
-
-    <!-- 评论面板 - macOS 风格 -->
-    <Transition
-      enter-active-class="transition-all duration-300 ease-out"
-      enter-from-class="opacity-0 translate-y-10 scale-[0.98]"
-      enter-to-class="opacity-100 translate-y-0 scale-100"
-      leave-active-class="transition-all duration-200 ease-in"
-      leave-from-class="opacity-100 translate-y-0 scale-100"
-      leave-to-class="opacity-0 translate-y-10 scale-[0.98]"
-    >
-      <div
-        v-if="uiStore.isCommentsModalOpen"
-        class="comments-modal fixed z-[100] flex flex-col
-               inset-0
-               sm:top-6 sm:left-4 sm:right-4 sm:bottom-0
-               sm:rounded-t-3xl
-               shadow-2xl shadow-black/20"
+        ref="modalRef"
+        :class="[
+          'comments-modal fixed z-[100] flex flex-col shadow-2xl shadow-black/20',
+          isFullscreen 
+            ? 'inset-0' 
+            : 'inset-0 md:inset-6 md:m-auto md:w-[800px] md:min-w-[400px] md:max-w-[calc(100%-3rem)] md:h-[600px] md:max-h-[calc(100%-3rem)] md:rounded-3xl'
+        ]"
+        :style="windowStyle"
       >
+        <!-- 调整大小手柄 -->
+        <WindowResizeHandles 
+          :is-fullscreen="isFullscreen" 
+          @resize="handleResize" 
+        />
         
-        <!-- 顶部导航栏 -->
-        <div class="comments-header flex-shrink-0 flex items-center justify-between px-3 sm:px-5 py-2.5 sm:py-4 border-b border-white/10 dark:border-slate-700/50 sm:rounded-t-3xl">
-          <!-- 返回按钮 -->
+        <!-- 顶部导航栏 - 可拖动 -->
+        <div 
+          :class="[
+            'comments-header flex-shrink-0 flex items-center justify-between px-3 sm:px-5 py-2.5 sm:py-4 border-b border-white/10 dark:border-slate-700/50 select-none',
+            isFullscreen ? '' : 'md:rounded-t-3xl md:cursor-move'
+          ]"
+          @mousedown="handleDragStart"
+          @touchstart="handleDragStart"
+        >
+          <!-- 返回按钮 - 移动端 -->
           <button
             v-ripple
-            class="flex items-center gap-1 px-3 py-2 -ml-2 rounded-xl text-[#ff1493] dark:text-[#ff69b4] font-medium transition-all hover:bg-pink-50 dark:hover:bg-pink-900/20"
+            class="flex items-center gap-1 px-3 py-2 -ml-2 rounded-xl text-[#ff1493] dark:text-[#ff69b4] font-medium transition-all hover:bg-pink-50 dark:hover:bg-pink-900/20 md:hidden"
             @click="closeModal"
           >
             <ChevronLeft :size="20" />
@@ -47,24 +43,37 @@
           </button>
 
           <!-- 标题 -->
-          <div class="flex items-center gap-2">
+          <div class="flex items-center gap-2 md:ml-0">
             <div class="w-8 h-8 rounded-lg bg-gradient-to-br from-[#ff1493] to-[#d946ef] flex items-center justify-center shadow-lg shadow-pink-500/30">
               <MessageCircle :size="16" class="text-white" />
             </div>
             <h1 class="text-base sm:text-lg font-bold text-gray-800 dark:text-white">评论区</h1>
           </div>
 
-          <!-- 桌面端关闭按钮 -->
-          <button
-            v-ripple
-            class="hidden sm:flex w-9 h-9 rounded-xl items-center justify-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-slate-700 transition-all"
-            @click="closeModal"
-          >
-            <X :size="20" />
-          </button>
-          
-          <!-- 移动端占位 -->
-          <div class="w-12 sm:hidden" />
+          <!-- 右侧按钮组 -->
+          <div class="flex items-center gap-2">
+            <!-- 全屏按钮 - 仅桌面端 -->
+            <button
+              class="hidden md:flex w-8 h-8 rounded-lg items-center justify-center text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-slate-700 transition-all"
+              title="全屏"
+              @click="handleToggleFullscreen"
+            >
+              <Maximize2 v-if="!isFullscreen" :size="16" />
+              <Minimize2 v-else :size="16" />
+            </button>
+            
+            <!-- 关闭按钮 - 仅桌面端 -->
+            <button
+              class="hidden md:flex w-8 h-8 rounded-lg items-center justify-center text-gray-500 hover:text-red-500 dark:text-gray-400 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-all"
+              title="关闭"
+              @click="closeModal"
+            >
+              <X :size="16" />
+            </button>
+            
+            <!-- 移动端占位 -->
+            <div class="w-8 md:hidden" />
+          </div>
         </div>
 
         <!-- 内容区域 -->
@@ -79,28 +88,79 @@
 </template>
 
 <script setup lang="ts">
-import { watch, onMounted, onUnmounted, nextTick } from 'vue'
+import { ref, watch, onMounted, onUnmounted, nextTick } from 'vue'
 import { useUIStore } from '@/stores/ui'
-import { playPop } from '@/composables/useSound'
-import { lockScroll, unlockScroll, forceUnlockScroll } from '@/composables/useScrollLock'
+import { playTransitionUp, playTransitionDown, playSwipe } from '@/composables/useSound'
+import { useWindowManager, type ResizeDirection } from '@/composables/useWindowManager'
+import { animate } from '@/composables/useAnime'
+import WindowResizeHandles from '@/components/WindowResizeHandles.vue'
 import Artalk from 'artalk/dist/Artalk.mjs'
-import { MessageCircle, ChevronLeft, X } from 'lucide-vue-next'
+import { MessageCircle, ChevronLeft, X, Maximize2, Minimize2 } from 'lucide-vue-next'
 
 interface ArtalkInstance {
   destroy(): void
 }
 
+// 进入/离开动画
+function onEnter(el: Element, done: () => void) {
+  animate(el as HTMLElement, {
+    opacity: [0, 1],
+    scale: [0.98, 1],
+    translateY: [40, 0],
+    duration: 300,
+    ease: 'outCubic',
+    complete: done,
+  })
+}
+
+function onLeave(el: Element, done: () => void) {
+  animate(el as HTMLElement, {
+    opacity: [1, 0],
+    scale: [1, 0.98],
+    translateY: [0, 40],
+    duration: 200,
+    ease: 'inCubic',
+    complete: done,
+  })
+}
+
 const uiStore = useUIStore()
 let artalkInstance: ArtalkInstance | null = null
 let isClosing = false
 
+// 窗口管理
+const modalRef = ref<HTMLElement | null>(null)
+const { isFullscreen, windowStyle, startDrag, startResize, toggleFullscreen, reset } = useWindowManager({
+  minWidth: 400,
+  minHeight: 300,
+})
+
+function handleDragStart(e: MouseEvent | TouchEvent) {
+  if ((e.target as HTMLElement).closest('button')) return
+  if (modalRef.value) {
+    startDrag(e, modalRef.value)
+  }
+}
+
+function handleResize(e: MouseEvent | TouchEvent, direction: ResizeDirection) {
+  if (modalRef.value) {
+    startResize(e, direction, modalRef.value)
+  }
+}
+
+// 切换全屏（带音效）
+function handleToggleFullscreen() {
+  playSwipe()
+  toggleFullscreen()
+}
+
 function closeModal() {
   if (isClosing) {return}
   isClosing = true
   
-  playPop()
-  // 恢复 body 滚动
-  unlockScroll()
+  playTransitionDown()
+  // 重置位置
+  reset()
   // 关闭模态框
   uiStore.isCommentsModalOpen = false
   
@@ -153,16 +213,11 @@ function handleKeydown(e: globalThis.KeyboardEvent) {
 // 监听模态框打开状态
 watch(() => uiStore.isCommentsModalOpen, (isOpen: boolean) => {
   if (isOpen) {
-    playPop()
-    // 锁定 body 滚动
-    lockScroll()
+    playTransitionUp()
     // 延迟初始化，确保 DOM 已渲染
     setTimeout(() => {
       initArtalk()
     }, 100)
-  } else {
-    // 恢复 body 滚动
-    unlockScroll()
   }
 })
 
@@ -170,7 +225,6 @@ onMounted(() => {
   window.addEventListener('keydown', handleKeydown)
   // 如果挂载时模态框就是打开的，初始化 Artalk
   if (uiStore.isCommentsModalOpen) {
-    lockScroll()
     setTimeout(() => {
       initArtalk()
     }, 200)
@@ -188,8 +242,6 @@ onUnmounted(() => {
       // 静默处理错误
     }
   }
-  // 确保恢复 body 滚动
-  forceUnlockScroll()
 })
 </script>
 
@@ -200,11 +252,27 @@ onUnmounted(() => {
   backdrop-filter: blur(20px) saturate(180%);
   -webkit-backdrop-filter: blur(20px) saturate(180%);
   border: 1px solid rgba(255, 255, 255, 0.3);
-  border-bottom: none;
   box-shadow: 
-    0 -8px 24px rgba(0, 0, 0, 0.1),
+    0 8px 32px rgba(0, 0, 0, 0.12),
     0 0 20px rgba(255, 20, 147, 0.06),
     inset 0 1px 1px rgba(255, 255, 255, 0.6);
+  /* 窗口/全屏切换动画 */
+  transition: 
+    inset 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    min-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    border-radius 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    margin 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* 移动端无底部边框 */
+@media (max-width: 767px) {
+  .comments-modal {
+    border-bottom: none;
+  }
 }
 
 /* 液态玻璃高光 */
diff --git a/src/components/FloatingButtons.vue b/src/components/FloatingButtons.vue
index f456f9f..6b88790 100644
--- a/src/components/FloatingButtons.vue
+++ b/src/components/FloatingButtons.vue
@@ -1,15 +1,18 @@
 <template>
   <!-- 浮动按钮组 -->
   <div class="floating-buttons fixed bottom-4 sm:bottom-6 right-4 sm:right-6 flex flex-col gap-2 sm:gap-3 z-40">
-    <!-- 回到顶部按钮 -->
+    <!-- 回到顶部按钮 - 显示滚动进度 -->
     <button
       v-show="showScrollToTop"
       v-ripple
       aria-label="回到顶部"
       class="fab-button scroll-top-btn"
       @click="handleScrollToTop"
+      @mouseenter="isHoveringScrollTop = true"
+      @mouseleave="isHoveringScrollTop = false"
     >
-      <ArrowUp :size="20" />
+      <ArrowUp v-if="isHoveringScrollTop || scrollProgress >= 100" :size="20" />
+      <span v-else class="text-sm font-bold">{{ Math.round(scrollProgress) }}%</span>
     </button>
 
     <!-- 站点导航按钮 -->
@@ -92,7 +95,7 @@
             </span>
             <button
               class="w-7 h-7 rounded-full flex items-center justify-center text-gray-400 hover:text-[#ff1493] hover:bg-pink-50 dark:hover:bg-pink-900/30 transition-colors"
-              @click="togglePlatformNav"
+              @click="togglePlatformNav(true)"
             >
               <X :size="16" />
             </button>
@@ -122,7 +125,10 @@
             </div>
             
             <!-- 平台名称 -->
-            <span class="flex-1 text-sm font-medium text-gray-700 dark:text-slate-200 truncate text-left">
+            <span 
+              v-text-scroll 
+              class="flex-1 text-sm font-medium text-gray-700 dark:text-slate-200 text-left"
+            >
               {{ platformName }}
             </span>
             
@@ -141,7 +147,7 @@
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useSearchStore } from '@/stores/search'
 import { useUIStore } from '@/stores/ui'
-import { playClick, playPop } from '@/composables/useSound'
+import { playTap, playButton, playTransitionUp, playTransitionDown, playSwipe } from '@/composables/useSound'
 import { throttle } from '@/composables/useDebounce'
 import { ArrowUp, X, Grid3x3, BookOpen, MessageSquare, History, Star, Circle, DollarSign, XCircle } from 'lucide-vue-next'
 import type { FunctionalComponent } from 'vue'
@@ -150,6 +156,8 @@ const searchStore = useSearchStore()
 const uiStore = useUIStore()
 const showScrollToTop = ref(false)
 const showPlatformNav = ref(false)
+const scrollProgress = ref(0)
+const isHoveringScrollTop = ref(false)
 
 // 计算总结果数
 const totalResults = computed(() => {
@@ -198,38 +206,53 @@ function toggleHistory() {
   uiStore.isHistoryModalOpen = !uiStore.isHistoryModalOpen
 }
 
-function togglePlatformNav() {
+function togglePlatformNav(withSound = false) {
+  const isClosing = showPlatformNav.value
   showPlatformNav.value = !showPlatformNav.value
+  
+  // 如果是通过面板内的关闭按钮调用，需要播放音效
+  if (withSound) {
+    if (isClosing) {
+      playTransitionDown()
+    } else {
+      playTransitionUp()
+    }
+  }
 }
 
 // 带音效的操作函数
 function handleScrollToTop() {
-  playClick()
+  playSwipe()
   scrollToTop()
 }
 
 function handleToggleComments() {
-  playPop()
+  playButton()
   toggleComments()
 }
 
 function handleToggleVndbPanel() {
-  playPop()
+  playButton()
   toggleVndbPanel()
 }
 
 function handleToggleHistory() {
-  playPop()
+  playButton()
   toggleHistory()
 }
 
 function handleTogglePlatformNav() {
-  playPop()
-  togglePlatformNav()
+  // 根据当前状态播放不同音效
+  if (showPlatformNav.value) {
+    playTransitionDown()
+  } else {
+    playTransitionUp()
+  }
+  showPlatformNav.value = !showPlatformNav.value
 }
 
 function handleScrollToPlatform(platformName: string) {
-  playClick()
+  playTap()
   scrollToPlatform(platformName)
 }
 
@@ -245,12 +268,17 @@ function scrollToPlatform(platformName: string) {
     window.scrollTo({ top: y, behavior: 'smooth' })
     
     // 滚动后关闭导航
+    playTransitionDown()
     showPlatformNav.value = false
   }
 }
 
 function handleScroll() {
-  showScrollToTop.value = window.scrollY > 200
+  const scrollTop = window.scrollY
+  const docHeight = document.documentElement.scrollHeight - window.innerHeight
+  
+  showScrollToTop.value = scrollTop > 200
+  scrollProgress.value = docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0
 }
 
 // 节流滚动处理 - 每 100ms 最多触发一次
diff --git a/src/components/SearchHeader.vue b/src/components/SearchHeader.vue
index f7ca124..713d1b3 100644
--- a/src/components/SearchHeader.vue
+++ b/src/components/SearchHeader.vue
@@ -2,40 +2,16 @@
   <div class="container mx-auto w-full px-4 sm:px-6 lg:px-8">
     <!-- 上半部分：标题和搜索框 - 底部对齐到视口中心 -->
     <div class="flex flex-col items-center justify-end min-h-[48vh] sm:min-h-[50vh] pb-2">
-      <!-- Title with gamepad icon and status - 艳粉主题 -->
-      <div
-        class="header-title flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4 mb-6 sm:mb-8 animate-fade-in-down"
+      <!-- Title - 艳粉主题 -->
+      <h1
+        class="header-title text-3xl sm:text-4xl lg:text-5xl font-bold text-center mb-6 sm:mb-8 animate-fade-in-down
+               text-white
+               drop-shadow-[0_2px_8px_rgba(255,20,147,0.6)]
+               dark:drop-shadow-[0_2px_12px_rgba(255,105,180,0.8)]"
+        style="text-shadow: 0 0 30px rgba(255, 20, 147, 0.4), 0 0 60px rgba(255, 105, 180, 0.2);"
       >
-        <h1
-          class="text-3xl sm:text-4xl lg:text-5xl font-bold text-center 
-                 text-white
-                 drop-shadow-[0_2px_8px_rgba(255,20,147,0.6)]
-                 dark:drop-shadow-[0_2px_12px_rgba(255,105,180,0.8)]"
-          style="text-shadow: 0 0 30px rgba(255, 20, 147, 0.4), 0 0 60px rgba(255, 105, 180, 0.2);"
-        >
-          <span class="whitespace-nowrap">Galgame 聚合搜索</span>
-        </h1>
-        <a
-          href="https://status.searchgal.homes"
-          target="_blank"
-          rel="noopener noreferrer"
-          :class="[
-            'status-link px-3 sm:px-4 py-1.5 sm:py-2 rounded-full border border-white/30 dark:border-white/20 flex items-center gap-1.5 sm:gap-2 text-white text-sm sm:text-base font-bold hover:scale-105 transition-all duration-300 shadow-md glass-gpu',
-            statusOnline === null 
-              ? 'bg-gray-500 hover:bg-gray-600 shadow-gray-500/20 hover:shadow-gray-500/30 dark:bg-gray-600 dark:hover:bg-gray-700' 
-              : statusOnline
-                ? 'bg-green-500 hover:bg-green-600 shadow-green-500/20 hover:shadow-green-500/30 dark:bg-green-600 dark:hover:bg-green-700'
-                : 'bg-red-500 hover:bg-red-600 shadow-red-500/20 hover:shadow-red-500/30 dark:bg-red-600 dark:hover:bg-red-700'
-          ]"
-        >
-          <component
-            :is="statusOnline === null ? Loader : statusOnline ? CheckCircle : AlertCircle"
-            :size="18"
-            :class="statusOnline === null ? 'animate-spin' : ''"
-          />
-          <span>{{ statusOnline === null ? '检测中' : statusOnline ? '正常' : '异常' }}</span>
-        </a>
-      </div>
+        <span class="whitespace-nowrap">Galgame 聚合搜索</span>
+      </h1>
 
       <!-- Search Form -->
       <form
@@ -99,6 +75,7 @@
                        tracking-wide
                        disabled:cursor-not-allowed"
                 :class="{ 'bg-transparent!': searchStore.isSearching }"
+                @input="handleTyping"
                 @keydown.enter.prevent="triggerSearch"
               />
               
@@ -480,11 +457,10 @@
 import { ref, watch, onMounted, onUnmounted } from 'vue'
 import { useSearchStore } from '@/stores/search'
 import { searchGameStream, fetchVndbData } from '@/api/search'
-import { playWhoosh, playToggle, playSuccess, playError } from '@/composables/useSound'
+import { playSwipe, playToggle, playCelebration, playCaution, playType } from '@/composables/useSound'
 import { useDebouncedClick } from '@/composables/useDebounce'
 import {
   Search,
-  Loader,
   CheckCircle,
   AlertCircle,
   Gamepad2,
@@ -510,45 +486,15 @@ const searchStore = useSearchStore()
 const searchQuery = ref('')
 const customApi = ref('')
 const searchMode = ref<'game' | 'patch'>('game')
-const statusOnline = ref<boolean | null>(null) // null=检测中, true=在线, false=离线
 let cleanupURLListener: (() => void) | null = null
 
 // 搜索防抖 - 防止 800ms 内重复触发
 const { isLocked: isSearchLocked, click: debouncedSearchTrigger } = useDebouncedClick(800)
 
 let isUpdatingFromURL = false
-let statusCheckInterval: number | null = null
-
-// 检查状态页面是否在线
-async function checkStatus() {
-  try {
-    const controller = new window.AbortController()
-    const timeoutId = setTimeout(() => controller.abort(), 5000) // 5秒超时
-    
-    await fetch('https://status.searchgal.homes', {
-      method: 'HEAD',
-      mode: 'no-cors', // 避免CORS问题
-      signal: controller.signal,
-    })
-    
-    clearTimeout(timeoutId)
-    // no-cors模式下，只要请求不报错就认为是在线
-    statusOnline.value = true
-  } catch (_error) {
-    statusOnline.value = false
-  }
-}
 
 // 从 URL 或 store 恢复搜索参数
 onMounted(() => {
-  // 立即检查状态
-  checkStatus()
-  
-  // 每30秒检查一次状态
-  statusCheckInterval = window.setInterval(() => {
-    checkStatus()
-  }, 30000)
-  
   // 优先从 URL 读取参数
   const urlParams = getSearchParamsFromURL()
   
@@ -588,9 +534,6 @@ onUnmounted(() => {
   if (cleanupURLListener) {
     cleanupURLListener()
   }
-  if (statusCheckInterval) {
-    clearInterval(statusCheckInterval)
-  }
 })
 
 // 同步到 store 和 URL
@@ -620,7 +563,7 @@ watch(() => searchStore.customApi, (newApi) => {
 async function handleSearch() {
   if (!searchQuery.value.trim()) {return}
 
-  playWhoosh() // 搜索开始音效
+  playSwipe() // 搜索开始音效
   searchStore.clearResults()
   searchStore.isSearching = true
   searchStore.errorMessage = ''
@@ -667,7 +610,7 @@ async function handleSearch() {
       },
       onComplete: () => {
         searchStore.isSearching = false
-        playSuccess() // 搜索完成音效
+        playCelebration() // 搜索完成音效
         
         // 保存搜索历史
         const resultCount = searchStore.totalResults
@@ -681,7 +624,7 @@ async function handleSearch() {
       onError: (error) => {
         searchStore.errorMessage = error
         searchStore.isSearching = false
-        playError() // 错误音效
+        playCaution() // 错误音效
       },
     })
 
@@ -696,7 +639,19 @@ async function handleSearch() {
     searchStore.errorMessage =
       error instanceof Error ? error.message : '搜索失败'
     searchStore.isSearching = false
-    playError() // 错误音效
+    playCaution() // 错误音效
+  }
+}
+
+// 打字音效（节流，避免过于频繁）
+let lastTypingSound = 0
+const TYPING_THROTTLE = 80 // 80ms 节流
+
+function handleTyping() {
+  const now = Date.now()
+  if (now - lastTypingSound >= TYPING_THROTTLE) {
+    playType()
+    lastTypingSound = now
   }
 }
 
diff --git a/src/components/SearchHistoryModal.vue b/src/components/SearchHistoryModal.vue
index 1c5d0b4..1322e0e 100644
--- a/src/components/SearchHistoryModal.vue
+++ b/src/components/SearchHistoryModal.vue
@@ -97,7 +97,10 @@
                   </span>
                   
                   <!-- 搜索关键词 -->
-                  <span class="flex-1 text-sm font-medium text-gray-700 dark:text-slate-200 truncate text-left group-hover:text-amber-600 dark:group-hover:text-amber-400 transition-colors">
+                  <span 
+                    v-text-scroll 
+                    class="flex-1 text-sm font-medium text-gray-700 dark:text-slate-200 text-left group-hover:text-amber-600 dark:group-hover:text-amber-400 transition-colors"
+                  >
                     {{ item.query }}
                   </span>
 
@@ -131,7 +134,7 @@
 import { ref, watch, onMounted, onUnmounted } from 'vue'
 import { useUIStore } from '@/stores/ui'
 import { loadSearchHistory, clearSearchHistory as clearHistoryStorage, type SearchHistory } from '@/utils/persistence'
-import { playClick, playPop } from '@/composables/useSound'
+import { playSelect, playTap, playCaution, playTransitionUp, playTransitionDown } from '@/composables/useSound'
 import { History, Trash2, X } from 'lucide-vue-next'
 
 const uiStore = useUIStore()
@@ -148,7 +151,7 @@ function loadHistory() {
 
 // 选择历史记录
 function handleSelectHistory(item: SearchHistory) {
-  playClick()
+  playSelect()
   
   // 先发送事件（让父组件更新 URL）
   emit('select', item)
@@ -159,7 +162,7 @@ function handleSelectHistory(item: SearchHistory) {
 
 // 清空历史
 function handleClearHistory() {
-  playPop()
+  playCaution()
   if (confirm('确定要清空所有搜索历史吗？')) {
     clearHistoryStorage()
     history.value = []
@@ -168,7 +171,7 @@ function handleClearHistory() {
 
 // 删除单条记录
 function handleRemoveItem(index: number) {
-  playClick()
+  playTap()
   history.value.splice(index, 1)
   if (history.value.length > 0) {
     // 使用与 persistence.ts 一致的 key
@@ -180,7 +183,7 @@ function handleRemoveItem(index: number) {
 
 // 关闭模态框
 function closeModal() {
-  playPop()
+  playTransitionDown()
   uiStore.isHistoryModalOpen = false
 }
 
@@ -197,6 +200,7 @@ function handleKeydown(e: globalThis.KeyboardEvent) {
 // 监听面板打开时加载数据
 watch(() => uiStore.isHistoryModalOpen, (isOpen) => {
   if (isOpen) {
+    playTransitionUp()
     loadHistory()
   }
 })
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 8ddac86..f52669b 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -153,7 +153,7 @@
 <script setup lang="ts">
 import { useSearchStore } from '@/stores/search'
 import type { PlatformData } from '@/stores/search'
-import { playClick } from '@/composables/useSound'
+import { playTap } from '@/composables/useSound'
 import {
   ExternalLink,
   AlertTriangle,
@@ -211,7 +211,7 @@ function getDisplayedResults(platformData: PlatformData) {
 
 // 加载更多
 function loadMore(platformName: string) {
-  playClick()
+  playTap()
   searchStore.loadMoreResults(platformName, 20)
 }
 
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index 49ae171..6d95d0d 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -1,74 +1,92 @@
 <template>
-  <!-- 设置面板 - macOS 风格 -->
-  <AnimatePresence>
-    <!-- 背景遮罩 -->
-    <Motion
-      v-if="isOpen"
-      :initial="{ opacity: 0 }"
-      :animate="{ opacity: 1 }"
-      :exit="{ opacity: 0 }"
-      :transition="{ duration: 0.2 }"
-      class="fixed inset-0 z-40 bg-black/30"
-      @click="close"
-    />
-    <Motion
-      v-if="isOpen"
-      :initial="{ opacity: 0, y: 40, scale: 0.98 }"
-      :animate="{ opacity: 1, y: 0, scale: 1 }"
-      :exit="{ opacity: 0, y: 40, scale: 0.98 }"
-      :transition="{ type: 'spring', stiffness: 400, damping: 35 }"
-      class="fixed z-50 flex flex-col settings-page
-             inset-0
-             sm:top-6 sm:left-4 sm:right-4 sm:bottom-0
-             sm:rounded-t-3xl
-             shadow-2xl shadow-black/20"
+  <Teleport to="body">
+    <!-- 设置面板 - macOS 风格浮动窗口 -->
+    <Transition
+      :css="false"
+      @enter="onEnter"
+      @leave="onLeave"
     >
-      
-      <!-- 顶部导航栏 -->
-      <Motion
-        :initial="{ opacity: 0, y: -20 }"
-        :animate="{ opacity: 1, y: 0 }"
-        :transition="{ delay: 0.1, duration: 0.3 }"
-        class="flex-shrink-0 flex items-center justify-between px-4 sm:px-6 py-3 sm:py-4 border-b border-white/10 dark:border-slate-700/50 sm:rounded-t-3xl glassmorphism-navbar"
+      <div
+        v-if="isOpen"
+        ref="modalRef"
+        :class="[
+          'fixed z-[100] flex flex-col settings-page shadow-2xl shadow-black/20',
+          isFullscreen 
+            ? 'inset-0' 
+            : 'inset-0 md:inset-6 md:m-auto md:w-[600px] md:min-w-[400px] md:max-w-[800px] md:h-[500px] md:max-h-[calc(100%-3rem)] md:rounded-3xl'
+        ]"
+        :style="windowStyle"
       >
-        <!-- 返回按钮 -->
-        <Motion
-          :while-hover="{ scale: 1.05, x: -2 }"
-          :while-tap="{ scale: 0.95 }"
-          as="button"
-          class="flex items-center gap-1 text-[#ff1493] dark:text-[#ff69b4] font-medium transition-colors"
+      <!-- 调整大小手柄 -->
+      <WindowResizeHandles 
+        :is-fullscreen="isFullscreen" 
+        @resize="handleResize" 
+      />
+      
+      <!-- 顶部导航栏 - 可拖动 -->
+      <div
+        v-anime:100="'slideUp'"
+        :class="[
+          'flex-shrink-0 flex items-center justify-between px-4 sm:px-6 py-3 sm:py-4 border-b border-white/10 dark:border-slate-700/50 glassmorphism-navbar select-none',
+          isFullscreen ? '' : 'md:rounded-t-3xl md:cursor-move'
+        ]"
+        @mousedown="handleDragStart"
+        @touchstart="handleDragStart"
+      >
+        <!-- 返回按钮 - 仅移动端 -->
+        <button
+          v-tap
+          class="flex items-center gap-1 text-[#ff1493] dark:text-[#ff69b4] font-medium transition-colors md:hidden"
           @click="close"
         >
           <ChevronLeft :size="24" />
           <span class="text-base">返回</span>
-        </Motion>
+        </button>
 
         <!-- 标题 -->
-        <div class="absolute left-1/2 -translate-x-1/2 flex items-center gap-2">
+        <div class="flex items-center gap-2 md:ml-0">
           <SettingsIcon :size="20" class="text-[#ff1493] dark:text-[#ff69b4]" />
           <h1 class="text-lg font-bold text-gray-800 dark:text-white">设置</h1>
         </div>
 
-        <!-- 保存按钮 -->
-        <Motion
-          :while-hover="{ scale: 1.05 }"
-          :while-tap="{ scale: 0.95 }"
-          as="button"
-          class="px-4 py-1.5 rounded-full text-white text-sm font-semibold bg-gradient-to-r from-[#ff1493] to-[#d946ef] shadow-lg shadow-pink-500/25"
-          @click="save"
-        >
-          保存
-        </Motion>
-      </Motion>
+        <!-- 右侧按钮组 -->
+        <div class="flex items-center gap-2">
+          <!-- 保存按钮 -->
+          <button
+            v-tap
+            class="px-4 py-1.5 rounded-full text-white text-sm font-semibold bg-gradient-to-r from-[#ff1493] to-[#d946ef] shadow-lg shadow-pink-500/25"
+            @click="save"
+          >
+            保存
+          </button>
+          
+          <!-- 全屏按钮 - 仅桌面端 -->
+          <button
+            class="hidden md:flex w-8 h-8 rounded-lg items-center justify-center text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-slate-700 transition-all"
+            title="全屏"
+            @click="handleToggleFullscreen"
+          >
+            <Maximize2 v-if="!isFullscreen" :size="16" />
+            <Minimize2 v-else :size="16" />
+          </button>
+          
+          <!-- 关闭按钮 - 仅桌面端 -->
+          <button
+            class="hidden md:flex w-8 h-8 rounded-lg items-center justify-center text-gray-500 hover:text-red-500 dark:text-gray-400 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-all"
+            title="关闭"
+            @click="close"
+          >
+            <X :size="16" />
+          </button>
+        </div>
+      </div>
 
       <!-- 内容区域 -->
       <div class="flex-1 overflow-y-auto custom-scrollbar">
         <div class="max-w-3xl mx-auto px-4 sm:px-6 py-6 sm:py-8 space-y-6">
           <!-- API 设置卡片 -->
-          <Motion
-            :initial="{ opacity: 0, y: 30 }"
-            :animate="{ opacity: 1, y: 0 }"
-            :transition="{ delay: 0.15 }"
+          <div
+            v-anime:150="'cardIn'"
             class="settings-card"
           >
             <div class="flex items-center gap-3 mb-4">
@@ -82,15 +100,11 @@
             </div>
 
             <!-- API 选项列表 -->
-            <div class="space-y-2">
-              <Motion
-                v-for="(option, index) in apiOptions"
+            <div v-anime-stagger:50="'slideRight'" class="space-y-2">
+              <button
+                v-for="option in apiOptions"
                 :key="option.value"
-                :initial="{ opacity: 0, x: -20 }"
-                :animate="{ opacity: 1, x: 0 }"
-                :transition="{ delay: 0.25 + index * 0.05 }"
-                :while-tap="{ scale: 0.98 }"
-                as="button"
+                v-tap
                 type="button"
                 :class="[
                   'w-full flex flex-col sm:flex-row sm:items-center sm:justify-between p-3 sm:p-4 rounded-xl transition-all duration-200 text-left',
@@ -129,17 +143,20 @@
                 >
                   {{ getApiUrl(option.value) }}
                 </span>
-              </Motion>
+              </button>
             </div>
 
             <!-- 自定义 API 输入 -->
-            <AnimatePresence>
-              <Motion
+            <Transition
+              enter-active-class="transition-all duration-200 ease-out"
+              enter-from-class="opacity-0 max-h-0"
+              enter-to-class="opacity-100 max-h-40"
+              leave-active-class="transition-all duration-200 ease-in"
+              leave-from-class="opacity-100 max-h-40"
+              leave-to-class="opacity-0 max-h-0"
+            >
+              <div
                 v-if="selectedApiOption === 'custom'"
-                :initial="{ opacity: 0, height: 0 }"
-                :animate="{ opacity: 1, height: 'auto' }"
-                :exit="{ opacity: 0, height: 0 }"
-                :transition="{ duration: 0.2 }"
                 class="overflow-hidden"
               >
                 <div class="mt-4 space-y-3">
@@ -150,6 +167,7 @@
                       type="url"
                       placeholder="https://api.example.com"
                       class="api-input w-full pl-12 pr-4 py-4 text-base rounded-xl bg-slate-50 dark:bg-slate-800/80 shadow-inner focus:shadow-lg focus:shadow-pink-500/10 transition-all duration-200 outline-none border-2 border-transparent focus:border-[#ff1493] text-gray-800 dark:text-slate-100 placeholder:text-gray-400"
+                      @input="handleTyping"
                     />
                   </div>
                   <div class="flex items-center gap-2 text-xs text-gray-500 dark:text-slate-400">
@@ -165,15 +183,13 @@
                     </a>
                   </div>
                 </div>
-              </Motion>
-            </AnimatePresence>
-          </Motion>
+              </div>
+            </Transition>
+          </div>
 
           <!-- 自定义样式卡片 -->
-          <Motion
-            :initial="{ opacity: 0, y: 30 }"
-            :animate="{ opacity: 1, y: 0 }"
-            :transition="{ delay: 0.2 }"
+          <div
+            v-anime:200="'cardIn'"
             class="settings-card"
           >
             <div class="flex items-center gap-3 mb-4">
@@ -186,20 +202,15 @@
               </div>
             </div>
 
-            <!-- CSS 编辑器 -->
-            <div class="relative">
-              <textarea
+            <!-- CSS 编辑器 - 带语法高亮 -->
+            <div class="css-editor-wrapper rounded-2xl overflow-hidden border-2 border-transparent focus-within:border-[#ff1493] transition-all duration-200">
+              <PrismEditor
                 v-model="localCustomCSS"
-                placeholder="/* 在这里输入自定义 CSS */
-*:hover {
-  display: none;
-}"
-                rows="12"
-                class="css-input w-full px-4 py-4 text-sm font-mono rounded-2xl bg-slate-50 dark:bg-slate-800/80 shadow-inner focus:shadow-lg focus:shadow-pink-500/10 transition-all duration-200 outline-none border-2 border-transparent focus:border-[#ff1493] text-gray-800 dark:text-slate-100 placeholder:text-gray-400 dark:placeholder:text-slate-500 resize-y min-h-[250px] max-h-[500px]"
+                :highlight="highlightCSS"
+                :line-numbers="true"
+                class="css-editor"
+                @input="handleTyping"
               />
-              <div class="absolute bottom-3 right-3 pointer-events-none text-gray-300 dark:text-slate-600">
-                <GripVertical :size="16" />
-              </div>
             </div>
 
             <!-- 提示信息 -->
@@ -214,13 +225,11 @@
                 </ul>
               </div>
             </div>
-          </Motion>
+          </div>
 
           <!-- 重置区域 -->
-          <Motion
-            :initial="{ opacity: 0, y: 30 }"
-            :animate="{ opacity: 1, y: 0 }"
-            :transition="{ delay: 0.25 }"
+          <div
+            v-anime:250="'cardIn'"
             class="settings-card bg-red-50/50 dark:bg-red-950/20 border-red-200/50 dark:border-red-900/30"
           >
             <div class="flex items-center justify-between">
@@ -233,28 +242,54 @@
                   <p class="text-sm text-gray-500 dark:text-slate-400">恢复所有设置为默认值</p>
                 </div>
               </div>
-              <Motion
-                :while-hover="{ scale: 1.05 }"
-                :while-tap="{ scale: 0.95 }"
-                as="button"
+              <button
+                v-tap
                 class="px-4 py-2 rounded-xl text-red-600 dark:text-red-400 font-medium bg-white dark:bg-slate-800 border border-red-200 dark:border-red-800/50 hover:bg-red-50 dark:hover:bg-red-950/50 transition-colors"
                 @click="reset"
               >
                 重置
-              </Motion>
+              </button>
             </div>
-          </Motion>
+          </div>
         </div>
       </div>
-    </Motion>
-  </AnimatePresence>
+      </div>
+    </Transition>
+  </Teleport>
 </template>
 
 <script setup lang="ts">
 import { ref, watch, computed } from 'vue'
-import { Motion, AnimatePresence } from 'motion-v'
-import { playClick, playSuccess, playToggle } from '@/composables/useSound'
-import { lockScroll, unlockScroll } from '@/composables/useScrollLock'
+import { animate } from '@/composables/useAnime'
+import { playTap, playCelebration, playToggle, playType, playSwipe } from '@/composables/useSound'
+
+// Prism Editor
+import { PrismEditor } from 'vue-prism-editor'
+import 'vue-prism-editor/dist/prismeditor.min.css'
+
+// Prism 语法高亮
+import { highlight, languages } from 'prismjs/components/prism-core'
+import 'prismjs/components/prism-css'
+import 'prismjs/themes/prism-tomorrow.css'
+
+// CSS 语法高亮函数
+function highlightCSS(code: string): string {
+  return highlight(code, languages.css, 'css')
+}
+
+// 打字音效节流
+let lastTypingSound = 0
+const TYPING_THROTTLE = 80
+
+function handleTyping() {
+  const now = Date.now()
+  if (now - lastTypingSound >= TYPING_THROTTLE) {
+    playType()
+    lastTypingSound = now
+  }
+}
+import { useWindowManager, type ResizeDirection } from '@/composables/useWindowManager'
+import WindowResizeHandles from '@/components/WindowResizeHandles.vue'
 import {
   Settings as SettingsIcon,
   ChevronLeft,
@@ -266,6 +301,9 @@ import {
   RotateCcw,
   Check,
   Github,
+  Maximize2,
+  Minimize2,
+  X,
 } from 'lucide-vue-next'
 
 const props = defineProps<{
@@ -279,9 +317,65 @@ const emit = defineEmits<{
   save: [customApi: string, customCSS: string]
 }>()
 
+// 窗口管理
+const modalRef = ref<HTMLElement | null>(null)
+const { isFullscreen, windowStyle, startDrag, startResize, toggleFullscreen, reset: resetWindow } = useWindowManager({
+  minWidth: 400,
+  minHeight: 300,
+})
+
+// 进入/离开动画
+function onEnter(el: Element, done: () => void) {
+  animate(el as HTMLElement, {
+    opacity: [0, 1],
+    scale: [0.98, 1],
+    translateY: [40, 0],
+    duration: 400,
+    ease: 'outCubic',
+    complete: done,
+  })
+}
+
+function onLeave(el: Element, done: () => void) {
+  animate(el as HTMLElement, {
+    opacity: [1, 0],
+    scale: [1, 0.98],
+    translateY: [0, 40],
+    duration: 300,
+    ease: 'inCubic',
+    complete: done,
+  })
+}
+
+function handleDragStart(e: MouseEvent | TouchEvent) {
+  if ((e.target as HTMLElement).closest('button')) return
+  if (modalRef.value) {
+    startDrag(e, modalRef.value)
+  }
+}
+
+function handleResize(e: MouseEvent | TouchEvent, direction: ResizeDirection) {
+  if (modalRef.value) {
+    startResize(e, direction, modalRef.value)
+  }
+}
+
+// 切换全屏（带音效）
+function handleToggleFullscreen() {
+  playSwipe()
+  toggleFullscreen()
+}
+
+// 关闭时重置窗口状态
+watch(() => props.isOpen, (newVal) => {
+  if (!newVal) {
+    resetWindow()
+  }
+})
+
 // API 服务器选项
 const apiOptions = [
-  { value: 'cfapi', label: 'Cloudflare (默认)' },
+  { value: 'cfapi', label: 'Cloudflare' },
   { value: 'api', label: '香港' },
   { value: 'custom', label: '自定义' },
 ]
@@ -352,27 +446,22 @@ watch(() => props.isOpen, (isOpen) => {
     selectedApiOption.value = getOptionFromUrl(props.customApi)
     customApiInput.value = selectedApiOption.value === 'custom' ? props.customApi : ''
     localCustomCSS.value = props.customCSS
-    // 锁定 body 滚动
-    lockScroll()
-  } else {
-    // 恢复 body 滚动
-    unlockScroll()
   }
 })
 
 function close() {
-  playClick()
+  playTap()
   emit('close')
 }
 
 function save() {
-  playSuccess()
+  playCelebration()
   emit('save', localCustomApi.value, localCustomCSS.value)
   emit('close')
 }
 
 function reset() {
-  playClick()
+  playTap()
   selectedApiOption.value = 'cfapi'
   customApiInput.value = ''
   localCustomCSS.value = ''
@@ -386,11 +475,27 @@ function reset() {
   backdrop-filter: blur(20px) saturate(180%);
   -webkit-backdrop-filter: blur(20px) saturate(180%);
   border: 1px solid rgba(255, 255, 255, 0.3);
-  border-bottom: none;
   box-shadow: 
-    0 -8px 24px rgba(0, 0, 0, 0.1),
+    0 8px 32px rgba(0, 0, 0, 0.12),
     0 0 20px rgba(255, 20, 147, 0.06),
     inset 0 1px 1px rgba(255, 255, 255, 0.6);
+  /* 窗口/全屏切换动画 */
+  transition: 
+    inset 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    min-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    border-radius 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    margin 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* 移动端无底部边框 */
+@media (max-width: 767px) {
+  .settings-page {
+    border-bottom: none;
+  }
 }
 
 /* 液态玻璃高光 */
@@ -470,4 +575,106 @@ function reset() {
 .css-input::selection {
   background-color: rgba(255, 20, 147, 0.3);
 }
+
+/* CSS 编辑器容器 */
+.css-editor-wrapper {
+  background: #1e1e1e;
+  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2);
+}
+
+/* Prism Editor 样式覆盖 */
+.css-editor {
+  font-family: "Consolas", "Monaco", "Fira Code", monospace !important;
+  font-size: 14px !important;
+  line-height: 1.6 !important;
+  padding: 1rem !important;
+  min-height: 280px !important;
+  max-height: 450px !important;
+  overflow-y: auto !important;
+  background: #1e1e1e !important;
+  color: #d4d4d4 !important;
+  caret-color: #ff1493 !important;
+}
+
+.css-editor .prism-editor__textarea {
+  outline: none !important;
+}
+
+.css-editor .prism-editor__textarea:focus {
+  outline: none !important;
+}
+
+/* 行号样式 */
+.css-editor .prism-editor__line-numbers {
+  padding-right: 0.75rem !important;
+  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
+  margin-right: 0.75rem !important;
+  color: rgba(255, 255, 255, 0.35) !important;
+  user-select: none !important;
+}
+
+/* 代码高亮 - 主题色调整 */
+.css-editor .token.selector {
+  color: #d7ba7d !important;
+}
+
+.css-editor .token.property {
+  color: #9cdcfe !important;
+}
+
+.css-editor .token.punctuation {
+  color: #d4d4d4 !important;
+}
+
+.css-editor .token.string {
+  color: #ce9178 !important;
+}
+
+.css-editor .token.number,
+.css-editor .token.unit {
+  color: #b5cea8 !important;
+}
+
+.css-editor .token.function {
+  color: #dcdcaa !important;
+}
+
+.css-editor .token.comment {
+  color: #6a9955 !important;
+  font-style: italic;
+}
+
+.css-editor .token.atrule,
+.css-editor .token.keyword {
+  color: #c586c0 !important;
+}
+
+.css-editor .token.important {
+  color: #ff1493 !important;
+}
+
+/* 选中文本样式 */
+.css-editor .prism-editor__textarea::selection,
+.css-editor .prism-editor__editor *::selection {
+  background-color: rgba(255, 20, 147, 0.3) !important;
+}
+
+/* 自定义滚动条 */
+.css-editor::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.css-editor::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.css-editor::-webkit-scrollbar-thumb {
+  background: linear-gradient(180deg, #ff1493, #d946ef);
+  border-radius: 4px;
+}
+
+.css-editor::-webkit-scrollbar-thumb:hover {
+  background: linear-gradient(180deg, #c71585, #c026d3);
+}
 </style>
diff --git a/src/components/StatsCorner.vue b/src/components/StatsCorner.vue
index ee65dd8..37615a7 100644
--- a/src/components/StatsCorner.vue
+++ b/src/components/StatsCorner.vue
@@ -1,14 +1,49 @@
 <template>
-  <!-- 不蒜子统计 - 先渲染元素，等数据加载后再显示 -->
+  <!-- 左上角品牌标识和状态 -->
+  <div class="fixed top-4 left-4 z-40 flex items-center gap-2">
+    <!-- Gamepad 图标 - 品牌标识 -->
+    <div class="glassmorphism-card rounded-2xl shadow-lg p-2.5 flex items-center justify-center">
+      <GamepadDirectional 
+        :size="22" 
+        class="text-theme-primary dark:text-theme-accent"
+      />
+    </div>
+    
+    <!-- 状态指示器 -->
+    <a
+      href="https://status.searchgal.homes"
+      target="_blank"
+      rel="noopener noreferrer"
+      :class="[
+        'status-link glassmorphism-card rounded-2xl shadow-lg px-3 py-2 flex items-center gap-2 text-sm font-medium transition-all duration-300 hover:scale-105',
+        statusOnline === null 
+          ? 'text-gray-600 dark:text-gray-400' 
+          : statusOnline
+            ? 'text-green-600 dark:text-green-400'
+            : 'text-red-600 dark:text-red-400'
+      ]"
+    >
+      <span 
+        class="w-2 h-2 rounded-full"
+        :class="[
+          statusOnline === null 
+            ? 'bg-gray-400 animate-pulse' 
+            : statusOnline
+              ? 'bg-green-500 shadow-[0_0_8px_rgba(34,197,94,0.6)]'
+              : 'bg-red-500 shadow-[0_0_8px_rgba(239,68,68,0.6)]'
+        ]"
+      />
+      <span>{{ statusOnline === null ? '检测中' : statusOnline ? '正常' : '异常' }}</span>
+    </a>
+  </div>
+
+  <!-- 左下角不蒜子统计 -->
   <div
     id="busuanzi_container_site_pv"
     class="fixed bottom-4 left-4 z-40 transition-all duration-300"
     :class="showStats ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4 pointer-events-none'"
   >
-    <!-- 访问统计 - 纵向排列 -->
-    <div
-      class="stats-card glassmorphism-card rounded-2xl shadow-lg px-4 py-3 flex flex-col gap-2"
-    >
+    <div class="stats-card glassmorphism-card rounded-2xl shadow-lg px-4 py-3 flex flex-col gap-2">
       <!-- 访问量 -->
       <div class="flex items-center gap-2">
         <Eye :size="16" class="text-theme-primary dark:text-theme-accent" />
@@ -27,12 +62,33 @@
 
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue'
-import { Eye, Users } from 'lucide-vue-next'
+import { GamepadDirectional, Eye, Users } from 'lucide-vue-next'
 
+const statusOnline = ref<boolean | null>(null)
 const showStats = ref(false)
+let statusCheckInterval: number | null = null
 let checkInterval: number | null = null
 let observer: MutationObserver | null = null
 
+// 检查状态页面是否在线
+async function checkStatus() {
+  try {
+    const controller = new window.AbortController()
+    const timeoutId = setTimeout(() => controller.abort(), 5000)
+    
+    await fetch('https://status.searchgal.homes', {
+      method: 'HEAD',
+      mode: 'no-cors',
+      signal: controller.signal,
+    })
+    
+    clearTimeout(timeoutId)
+    statusOnline.value = true
+  } catch (_error) {
+    statusOnline.value = false
+  }
+}
+
 // 检查不蒜子数据是否加载
 function checkBusuanziData() {
   const pvElement = document.getElementById('busuanzi_value_site_pv')
@@ -42,17 +98,14 @@ function checkBusuanziData() {
     const pvValue = parseInt(pvElement.textContent || '0', 10)
     const uvValue = parseInt(uvElement.textContent || '0', 10)
     
-    // 如果有有效数据（大于0），显示统计
     if (pvValue > 0 && uvValue > 0) {
       showStats.value = true
       
-      // 停止检查
       if (checkInterval !== null) {
         clearInterval(checkInterval)
         checkInterval = null
       }
       
-      // 断开观察器
       if (observer) {
         observer.disconnect()
         observer = null
@@ -66,36 +119,27 @@ function setupObserver() {
   const pvElement = document.getElementById('busuanzi_value_site_pv')
   const uvElement = document.getElementById('busuanzi_value_site_uv')
   
-  if (!pvElement || !uvElement) {
-    return
-  }
+  if (!pvElement || !uvElement) return
   
   observer = new MutationObserver(() => {
     checkBusuanziData()
   })
   
-  // 监听这两个元素的文本变化
-  observer.observe(pvElement, {
-    childList: true,
-    characterData: true,
-    subtree: true,
-  })
-  
-  observer.observe(uvElement, {
-    childList: true,
-    characterData: true,
-    subtree: true,
-  })
+  observer.observe(pvElement, { childList: true, characterData: true, subtree: true })
+  observer.observe(uvElement, { childList: true, characterData: true, subtree: true })
 }
 
 onMounted(() => {
-  // 立即设置观察器
+  // 状态检测
+  checkStatus()
+  statusCheckInterval = window.setInterval(() => {
+    checkStatus()
+  }, 30000)
+
+  // 不蒜子统计
   setupObserver()
-  
-  // 立即检查一次
   checkBusuanziData()
   
-  // 设置定时检查（每500ms检查一次，最多检查20秒）
   let attempts = 0
   const maxAttempts = 40
   
@@ -113,6 +157,11 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
+  if (statusCheckInterval !== null) {
+    clearInterval(statusCheckInterval)
+    statusCheckInterval = null
+  }
+  
   if (checkInterval !== null) {
     clearInterval(checkInterval)
     checkInterval = null
@@ -128,10 +177,14 @@ onUnmounted(() => {
 <style scoped>
 /* 响应式设计 */
 @media (max-width: 640px) {
+  .status-link {
+    font-size: 0.75rem;
+    padding: 0.375rem 0.625rem;
+  }
+  
   .stats-card {
     font-size: 0.875rem;
     padding: 0.5rem 0.75rem;
   }
 }
 </style>
-
diff --git a/src/components/TopToolbar.vue b/src/components/TopToolbar.vue
index b0c129f..5791ec9 100644
--- a/src/components/TopToolbar.vue
+++ b/src/components/TopToolbar.vue
@@ -49,7 +49,7 @@ import { ref, computed } from 'vue'
 import { useSearchStore } from '@/stores/search'
 import { generateShareURL } from '@/utils/urlParams'
 import { Check, Download, Share2, Github, Settings } from 'lucide-vue-next'
-import { playClick, playSuccess } from '@/composables/useSound'
+import { playTap, playCelebration, playNotification, playSwipe } from '@/composables/useSound'
 
 const searchStore = useSearchStore()
 
@@ -73,7 +73,7 @@ const hasSearchResults = computed(() => searchStore.hasResults)
 
 // 分享搜索
 async function shareSearch() {
-  playClick()
+  playTap()
   const shareURL = generateShareURL({
     s: searchStore.searchQuery,
     mode: searchStore.searchMode,
@@ -82,7 +82,7 @@ async function shareSearch() {
   
   try {
     await navigator.clipboard.writeText(shareURL)
-    playSuccess()
+    playNotification()
     showCopiedTip.value = true
     
     setTimeout(() => {
@@ -113,14 +113,14 @@ async function shareSearch() {
 
 // 打开设置
 function openSettings() {
-  playClick()
+  playTap()
   emit('openSettings')
 }
 
 // 保存背景图（使用源格式和文件名）
 async function saveBackgroundImage() {
   if (!props.currentBackgroundUrl) {return}
-  playClick()
+  playSwipe()
   
   try {
     const response = await fetch(props.currentBackgroundUrl)
@@ -183,7 +183,7 @@ async function saveBackgroundImage() {
       URL.revokeObjectURL(url)
     }, 100)
     
-    playSuccess()
+    playCelebration()
     showSaveTip.value = true
     setTimeout(() => {
       showSaveTip.value = false
diff --git a/src/components/UpdateToast.vue b/src/components/UpdateToast.vue
index 643ed4f..56d2833 100644
--- a/src/components/UpdateToast.vue
+++ b/src/components/UpdateToast.vue
@@ -39,7 +39,7 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue'
 import { RefreshCw } from 'lucide-vue-next'
-import { playPop, playClick, playWhoosh } from '@/composables/useSound'
+import { playNotification, playTap, playSwipe } from '@/composables/useSound'
 
 const props = defineProps<{
   isVisible: boolean
@@ -50,9 +50,9 @@ const countdown = ref(3)
 let timer: number | null = null
 
 function updateNow() {
-  playClick()
+  playTap()
   countdown.value = 0
-  playWhoosh()
+  playSwipe()
   props.onUpdate()
 }
 
@@ -63,7 +63,7 @@ function startCountdown() {
     timer = null
   }
   
-  playPop()
+  playNotification()
   countdown.value = 3
   timer = window.setInterval(() => {
     countdown.value--
diff --git a/src/components/VndbPanel.vue b/src/components/VndbPanel.vue
index 32fa113..25c1665 100644
--- a/src/components/VndbPanel.vue
+++ b/src/components/VndbPanel.vue
@@ -1,42 +1,40 @@
 <template>
-  <!-- VNDB 信息面板 - macOS 风格 -->
-  <!-- 背景遮罩 -->
-  <Transition
-    enter-active-class="transition-opacity duration-200"
-    enter-from-class="opacity-0"
-    enter-to-class="opacity-100"
-    leave-active-class="transition-opacity duration-200"
-    leave-from-class="opacity-100"
-    leave-to-class="opacity-0"
-  >
-    <div
-      v-if="uiStore.isVndbPanelOpen && searchStore.vndbInfo"
-      class="fixed inset-0 z-40 bg-black/30"
-      @click="closePanel"
-    />
-  </Transition>
-  <Transition
-    enter-active-class="transition-all duration-300 ease-out"
-    enter-from-class="opacity-0 translate-y-10 scale-[0.98]"
-    enter-to-class="opacity-100 translate-y-0 scale-100"
-    leave-active-class="transition-all duration-200 ease-in"
-    leave-from-class="opacity-100 translate-y-0 scale-100"
-    leave-to-class="opacity-0 translate-y-10 scale-[0.98]"
-  >
-    <div
-      v-if="uiStore.isVndbPanelOpen && searchStore.vndbInfo"
-      class="fixed z-50 flex flex-col vndb-page
-             inset-0
-             sm:top-6 sm:left-4 sm:right-4 sm:bottom-0
-             sm:rounded-t-3xl
-             shadow-2xl shadow-black/20"
+  <Teleport to="body">
+    <!-- VNDB 信息面板 - macOS 风格浮动窗口 -->
+    <Transition
+      :css="false"
+      @enter="onEnter"
+      @leave="onLeave"
     >
+      <div
+        v-if="uiStore.isVndbPanelOpen && searchStore.vndbInfo"
+      ref="modalRef"
+      :class="[
+        'fixed z-50 flex flex-col vndb-page shadow-2xl shadow-black/20',
+        isFullscreen 
+          ? 'inset-0' 
+          : 'inset-0 md:inset-6 md:m-auto md:w-[600px] md:min-w-[400px] md:max-w-[800px] md:h-[500px] md:max-h-[calc(100%-3rem)] md:rounded-3xl'
+      ]"
+      :style="windowStyle"
+    >
+      <!-- 调整大小手柄 -->
+      <WindowResizeHandles 
+        :is-fullscreen="isFullscreen" 
+        @resize="handleResize" 
+      />
       
-      <!-- 顶部导航栏 -->
-      <div class="flex-shrink-0 flex items-center justify-between px-4 sm:px-6 py-3 sm:py-4 border-b border-white/10 dark:border-slate-700/50 sm:rounded-t-3xl glassmorphism-navbar">
-        <!-- 返回按钮 -->
+      <!-- 顶部导航栏 - 可拖动 -->
+      <div 
+        :class="[
+          'flex-shrink-0 flex items-center justify-between px-4 sm:px-6 py-3 sm:py-4 border-b border-white/10 dark:border-slate-700/50 glassmorphism-navbar select-none',
+          isFullscreen ? '' : 'md:rounded-t-3xl md:cursor-move'
+        ]"
+        @mousedown="handleDragStart"
+        @touchstart="handleDragStart"
+      >
+        <!-- 返回按钮 - 移动端 -->
         <button
-          class="flex items-center gap-1 text-[#ff1493] dark:text-[#ff69b4] font-medium transition-colors hover:opacity-80"
+          class="flex items-center gap-1 text-[#ff1493] dark:text-[#ff69b4] font-medium transition-colors hover:opacity-80 md:hidden"
           @click="closePanel"
         >
           <ChevronLeft :size="24" />
@@ -44,11 +42,13 @@
         </button>
 
         <!-- 标题 -->
-        <div class="absolute left-1/2 -translate-x-1/2 flex items-center gap-2">
+        <div class="flex items-center gap-2 md:ml-0">
           <BookOpen :size="20" class="text-[#ff1493] dark:text-[#ff69b4]" />
           <h1 class="text-lg font-bold text-gray-800 dark:text-white">作品介绍</h1>
         </div>
 
+        <!-- 右侧按钮组 -->
+        <div class="flex items-center gap-2">
         <!-- VNDB 链接按钮 -->
         <a
           :href="vndbUrl"
@@ -59,6 +59,26 @@
           <ExternalLink :size="14" />
           <span class="hidden sm:inline">VNDB</span>
         </a>
+          
+          <!-- 全屏按钮 - 仅桌面端 -->
+          <button
+            class="hidden md:flex w-8 h-8 rounded-lg items-center justify-center text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-slate-700 transition-all"
+            title="全屏"
+            @click="handleToggleFullscreen"
+          >
+            <Maximize2 v-if="!isFullscreen" :size="16" />
+            <Minimize2 v-else :size="16" />
+          </button>
+          
+          <!-- 关闭按钮 - 仅桌面端 -->
+          <button
+            class="hidden md:flex w-8 h-8 rounded-lg items-center justify-center text-gray-500 hover:text-red-500 dark:text-gray-400 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-all"
+            title="关闭"
+            @click="closePanel"
+          >
+            <X :size="16" />
+          </button>
+        </div>
       </div>
 
       <!-- 内容区域 -->
@@ -157,7 +177,10 @@
               </div>
               <div class="flex-1 min-w-0">
                 <p class="text-xs text-gray-500 dark:text-slate-400">开发商</p>
-                <p class="text-base font-bold text-gray-800 dark:text-white truncate">
+                <p 
+                  v-text-scroll 
+                  class="text-base font-bold text-gray-800 dark:text-white"
+                >
                   {{ searchStore.vndbInfo.developers.join(', ') }}
                 </p>
               </div>
@@ -267,7 +290,8 @@
         </div>
       </div>
     </div>
-  </Transition>
+    </Transition>
+  </Teleport>
 </template>
 
 <script setup lang="ts">
@@ -275,8 +299,8 @@ import { ref, watch, computed } from 'vue'
 import { useSearchStore } from '@/stores/search'
 import { useUIStore } from '@/stores/ui'
 import { translateText } from '@/api/search'
-import { lockScroll, unlockScroll } from '@/composables/useScrollLock'
-import { playPop, playClick, playSuccess, playError, playToggle } from '@/composables/useSound'
+import { playClick, playSuccess, playError, playToggle, playTransitionUp, playTransitionDown, playSwipe } from '@/composables/useSound'
+import { animate } from '@/composables/useAnime'
 import {
   BookOpen,
   ChevronLeft,
@@ -294,7 +318,35 @@ import {
   RotateCcw,
   Bot,
   Image,
+  Maximize2,
+  Minimize2,
+  X,
 } from 'lucide-vue-next'
+import { useWindowManager, type ResizeDirection } from '@/composables/useWindowManager'
+import WindowResizeHandles from '@/components/WindowResizeHandles.vue'
+
+// 进入/离开动画
+function onEnter(el: Element, done: () => void) {
+  animate(el as HTMLElement, {
+    opacity: [0, 1],
+    scale: [0.98, 1],
+    translateY: [40, 0],
+    duration: 300,
+    ease: 'outCubic',
+    complete: done,
+  })
+}
+
+function onLeave(el: Element, done: () => void) {
+  animate(el as HTMLElement, {
+    opacity: [1, 0],
+    scale: [1, 0.98],
+    translateY: [0, 40],
+    duration: 200,
+    ease: 'inCubic',
+    complete: done,
+  })
+}
 
 const searchStore = useSearchStore()
 const uiStore = useUIStore()
@@ -303,6 +355,32 @@ const translatedDescription = ref<string | null>(null)
 const showOriginal = ref(false)
 const translateError = ref(false)
 
+// 窗口管理
+const modalRef = ref<HTMLElement | null>(null)
+const { isFullscreen, windowStyle, startDrag, startResize, toggleFullscreen, reset } = useWindowManager({
+  minWidth: 400,
+  minHeight: 300,
+})
+
+function handleDragStart(e: MouseEvent | TouchEvent) {
+  if ((e.target as HTMLElement).closest('button, a')) return
+  if (modalRef.value) {
+    startDrag(e, modalRef.value)
+  }
+}
+
+function handleResize(e: MouseEvent | TouchEvent, direction: ResizeDirection) {
+  if (modalRef.value) {
+    startResize(e, direction, modalRef.value)
+  }
+}
+
+// 切换全屏（带音效）
+function handleToggleFullscreen() {
+  playSwipe()
+  toggleFullscreen()
+}
+
 // 计算 VNDB URL
 const vndbUrl = computed(() => {
   if (searchStore.vndbInfo?.id) {
@@ -322,10 +400,9 @@ watch(() => searchStore.vndbInfo, () => {
 // 监听打开状态
 watch(() => uiStore.isVndbPanelOpen, (isOpen) => {
   if (isOpen) {
-    playPop()
-    lockScroll()
+    playTransitionUp()
   } else {
-    unlockScroll()
+    reset()
   }
 })
 
@@ -358,8 +435,7 @@ async function handleTranslate() {
 }
 
 function closePanel() {
-  playPop()
-  unlockScroll()
+  playTransitionDown()
   // 关闭面板
   uiStore.isVndbPanelOpen = false
 }
@@ -430,11 +506,27 @@ function formatPlatform(platform: string): string {
   backdrop-filter: blur(20px) saturate(180%);
   -webkit-backdrop-filter: blur(20px) saturate(180%);
   border: 1px solid rgba(255, 255, 255, 0.3);
-  border-bottom: none;
   box-shadow: 
-    0 -8px 24px rgba(0, 0, 0, 0.1),
+    0 8px 32px rgba(0, 0, 0, 0.12),
     0 0 20px rgba(255, 20, 147, 0.06),
     inset 0 1px 1px rgba(255, 255, 255, 0.6);
+  /* 窗口/全屏切换动画 */
+  transition: 
+    inset 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    min-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    border-radius 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    margin 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* 移动端无底部边框 */
+@media (max-width: 767px) {
+  .vndb-page {
+    border-bottom: none;
+  }
 }
 
 /* 液态玻璃高光 */
diff --git a/src/components/WindowResizeHandles.vue b/src/components/WindowResizeHandles.vue
new file mode 100644
index 0000000..272fb26
--- /dev/null
+++ b/src/components/WindowResizeHandles.vue
@@ -0,0 +1,60 @@
+<template>
+  <!-- 调整大小的手柄 - 仅桌面端且非全屏时显示 -->
+  <template v-if="!isFullscreen">
+    <!-- 边缘手柄 - 在内部但靠近边缘 -->
+    <div 
+      class="hidden md:block absolute top-0 left-6 right-6 h-1.5 cursor-n-resize hover:bg-pink-500/50 transition-colors z-[60]"
+      @mousedown.stop.prevent="(e) => $emit('resize', e, 'n')"
+      @touchstart.stop.prevent="(e) => $emit('resize', e, 'n')"
+    />
+    <div 
+      class="hidden md:block absolute bottom-0 left-6 right-6 h-1.5 cursor-s-resize hover:bg-pink-500/50 transition-colors z-[60]"
+      @mousedown.stop.prevent="(e) => $emit('resize', e, 's')"
+      @touchstart.stop.prevent="(e) => $emit('resize', e, 's')"
+    />
+    <div 
+      class="hidden md:block absolute left-0 top-6 bottom-6 w-1.5 cursor-w-resize hover:bg-pink-500/50 transition-colors z-[60]"
+      @mousedown.stop.prevent="(e) => $emit('resize', e, 'w')"
+      @touchstart.stop.prevent="(e) => $emit('resize', e, 'w')"
+    />
+    <div 
+      class="hidden md:block absolute right-0 top-6 bottom-6 w-1.5 cursor-e-resize hover:bg-pink-500/50 transition-colors z-[60]"
+      @mousedown.stop.prevent="(e) => $emit('resize', e, 'e')"
+      @touchstart.stop.prevent="(e) => $emit('resize', e, 'e')"
+    />
+    
+    <!-- 角落手柄 - 更大更明显 -->
+    <div 
+      class="hidden md:block absolute top-0 left-0 w-6 h-6 cursor-nw-resize hover:bg-pink-500/50 transition-colors z-[60] rounded-tl-3xl"
+      @mousedown.stop.prevent="(e) => $emit('resize', e, 'nw')"
+      @touchstart.stop.prevent="(e) => $emit('resize', e, 'nw')"
+    />
+    <div 
+      class="hidden md:block absolute top-0 right-0 w-6 h-6 cursor-ne-resize hover:bg-pink-500/50 transition-colors z-[60] rounded-tr-3xl"
+      @mousedown.stop.prevent="(e) => $emit('resize', e, 'ne')"
+      @touchstart.stop.prevent="(e) => $emit('resize', e, 'ne')"
+    />
+    <div 
+      class="hidden md:block absolute bottom-0 left-0 w-6 h-6 cursor-sw-resize hover:bg-pink-500/50 transition-colors z-[60] rounded-bl-3xl"
+      @mousedown.stop.prevent="(e) => $emit('resize', e, 'sw')"
+      @touchstart.stop.prevent="(e) => $emit('resize', e, 'sw')"
+    />
+    <div 
+      class="hidden md:block absolute bottom-0 right-0 w-6 h-6 cursor-se-resize hover:bg-pink-500/50 transition-colors z-[60] rounded-br-3xl"
+      @mousedown.stop.prevent="(e) => $emit('resize', e, 'se')"
+      @touchstart.stop.prevent="(e) => $emit('resize', e, 'se')"
+    />
+  </template>
+</template>
+
+<script setup lang="ts">
+import type { ResizeDirection } from '@/composables/useWindowManager'
+
+defineProps<{
+  isFullscreen: boolean
+}>()
+
+defineEmits<{
+  resize: [e: MouseEvent | TouchEvent, direction: ResizeDirection]
+}>()
+</script>
diff --git a/src/composables/useAnime.ts b/src/composables/useAnime.ts
new file mode 100644
index 0000000..d430f9c
--- /dev/null
+++ b/src/composables/useAnime.ts
@@ -0,0 +1,332 @@
+/**
+ * Anime.js v4 动画系统 - 替代 Framer Motion
+ * 提供声明式动画 API，支持进入/离开动画
+ */
+
+import { animate as animeAnimate, utils, createTimeline } from 'animejs'
+import { ref, onMounted, onUnmounted, watch, nextTick, type Ref, type DirectiveBinding } from 'vue'
+
+// 动画预设 - 使用 anime.js v4 语法
+export const presets = {
+  // 淡入淡出
+  fadeIn: { opacity: [0, 1], duration: 300, ease: 'outQuad' },
+  fadeOut: { opacity: [1, 0], duration: 200, ease: 'inQuad' },
+  
+  // 滑入滑出
+  slideUp: { opacity: [0, 1], translateY: [40, 0], duration: 400, ease: 'outCubic' },
+  slideDown: { opacity: [1, 0], translateY: [0, 40], duration: 300, ease: 'inCubic' },
+  slideLeft: { opacity: [0, 1], translateX: [40, 0], duration: 400, ease: 'outCubic' },
+  slideRight: { opacity: [0, 1], translateX: [-40, 0], duration: 400, ease: 'outCubic' },
+  
+  // 缩放
+  scaleIn: { opacity: [0, 1], scale: [0.95, 1], duration: 350, ease: 'outBack' },
+  scaleOut: { opacity: [1, 0], scale: [1, 0.95], duration: 250, ease: 'inQuad' },
+  
+  // 弹性
+  springIn: { opacity: [0, 1], scale: [0.9, 1], translateY: [20, 0], duration: 500, ease: 'outElastic(1, 0.5)' },
+  springOut: { opacity: [1, 0], scale: [1, 0.95], translateY: [0, 20], duration: 300, ease: 'inQuad' },
+  
+  // 窗口动画
+  windowIn: { 
+    opacity: [0, 1], 
+    scale: [0.98, 1], 
+    translateY: [40, 0], 
+    duration: 400, 
+    ease: 'outCubic' 
+  },
+  windowOut: { 
+    opacity: [1, 0], 
+    scale: [1, 0.98], 
+    translateY: [0, 40], 
+    duration: 300, 
+    ease: 'inCubic' 
+  },
+  
+  // 卡片动画
+  cardIn: { opacity: [0, 1], translateY: [30, 0], duration: 400, ease: 'outQuart' },
+  
+  // 按钮交互
+  buttonPress: { scale: [1, 0.95], duration: 100, ease: 'outQuad' },
+  buttonRelease: { scale: [0.95, 1], duration: 200, ease: 'outBack' },
+  buttonHover: { scale: [1, 1.05], duration: 200, ease: 'outQuad' },
+  
+  // 微交互
+  pulse: { scale: [1, 1.05, 1], duration: 300, ease: 'inOutQuad' },
+  shake: { translateX: [0, -10, 10, -10, 10, 0], duration: 400, ease: 'inOutQuad' },
+  bounce: { translateY: [0, -10, 0], duration: 400, ease: 'outBounce' },
+  wiggle: { rotate: [0, -3, 3, -3, 3, 0], duration: 400, ease: 'inOutQuad' },
+}
+
+export type PresetName = keyof typeof presets
+
+interface AnimationParams {
+  opacity?: number[]
+  scale?: number[] | number
+  translateX?: number[] | number
+  translateY?: number[] | number
+  rotate?: number[]
+  duration?: number
+  ease?: string
+  delay?: number
+  complete?: () => void
+}
+
+/**
+ * 执行动画 - 使用 anime.js v4 API
+ */
+export function animate(
+  target: HTMLElement | string | NodeList | HTMLElement[],
+  animation: AnimationParams | PresetName,
+  options?: Partial<AnimationParams>
+) {
+  const params = typeof animation === 'string' 
+    ? { ...presets[animation], ...options } 
+    : { ...animation, ...options }
+  
+  const { complete, ...animParams } = params
+  
+  const anim = animeAnimate(target, animParams)
+  
+  if (complete) {
+    anim.then(complete)
+  }
+  
+  return anim
+}
+
+/**
+ * 交错动画 - 用于列表项
+ */
+export function stagger(
+  targets: HTMLElement[] | NodeList | string,
+  animation: AnimationParams | PresetName,
+  staggerDelay = 50,
+  options?: Partial<AnimationParams>
+) {
+  const params = typeof animation === 'string' ? { ...presets[animation] } : { ...animation }
+  const { complete, ...animParams } = { ...params, ...options }
+  
+  const anim = animeAnimate(targets, {
+    ...animParams,
+    delay: utils.stagger(staggerDelay),
+  })
+  
+  if (complete) {
+    anim.then(complete)
+  }
+  
+  return anim
+}
+
+/**
+ * 组合使用 - 进入/离开动画
+ */
+export function useAnimePresence(
+  isVisible: Ref<boolean>,
+  enterAnimation: PresetName | AnimationParams = 'fadeIn',
+  exitAnimation: PresetName | AnimationParams = 'fadeOut'
+) {
+  const elementRef = ref<HTMLElement | null>(null)
+  const isAnimating = ref(false)
+  const shouldRender = ref(isVisible.value)
+
+  watch(isVisible, async (visible) => {
+    if (visible) {
+      shouldRender.value = true
+      await nextTick()
+      if (elementRef.value) {
+        isAnimating.value = true
+        const params = typeof enterAnimation === 'string' ? presets[enterAnimation] : enterAnimation
+        animate(elementRef.value, params, {
+          complete: () => {
+            isAnimating.value = false
+          },
+        })
+      }
+    } else {
+      if (elementRef.value) {
+        isAnimating.value = true
+        const params = typeof exitAnimation === 'string' ? presets[exitAnimation] : exitAnimation
+        animate(elementRef.value, params, {
+          complete: () => {
+            isAnimating.value = false
+            shouldRender.value = false
+          },
+        })
+      } else {
+        shouldRender.value = false
+      }
+    }
+  }, { immediate: true })
+
+  return {
+    elementRef,
+    isAnimating,
+    shouldRender,
+  }
+}
+
+/**
+ * 元素挂载动画
+ */
+export function useAnimeOnMount(
+  animation: PresetName | AnimationParams = 'fadeIn',
+  delay = 0
+) {
+  const elementRef = ref<HTMLElement | null>(null)
+
+  onMounted(() => {
+    if (elementRef.value) {
+      const params = typeof animation === 'string' ? presets[animation] : animation
+      animate(elementRef.value, params, { delay })
+    }
+  })
+
+  return elementRef
+}
+
+/**
+ * 交互动画 Hook
+ */
+export function useInteraction(elementRef: Ref<HTMLElement | null>) {
+  const isHovered = ref(false)
+  const isPressed = ref(false)
+
+  function onMouseEnter() {
+    isHovered.value = true
+    if (elementRef.value) {
+      animate(elementRef.value, 'buttonHover')
+    }
+  }
+
+  function onMouseLeave() {
+    isHovered.value = false
+    if (elementRef.value && !isPressed.value) {
+      animate(elementRef.value, { scale: 1, duration: 200 })
+    }
+  }
+
+  function onMouseDown() {
+    isPressed.value = true
+    if (elementRef.value) {
+      animate(elementRef.value, 'buttonPress')
+    }
+  }
+
+  function onMouseUp() {
+    isPressed.value = false
+    if (elementRef.value) {
+      animate(elementRef.value, 'buttonRelease')
+    }
+  }
+
+  return {
+    isHovered,
+    isPressed,
+    handlers: {
+      onMouseEnter,
+      onMouseLeave,
+      onMouseDown,
+      onMouseUp,
+    },
+  }
+}
+
+/**
+ * v-anime 指令 - 入场动画
+ * 用法: v-anime="'slideUp'" 或 v-anime="{ opacity: [0, 1], translateY: [20, 0] }"
+ */
+export const vAnime = {
+  mounted(el: HTMLElement, binding: DirectiveBinding<PresetName | AnimationParams>) {
+    const animation = binding.value || 'fadeIn'
+    const delay = binding.arg ? parseInt(binding.arg) : 0
+    const params = typeof animation === 'string' ? presets[animation] : animation
+    
+    // 设置初始状态
+    el.style.opacity = '0'
+    
+    animate(el, params, { delay })
+  },
+}
+
+/**
+ * v-anime-stagger 指令 - 子元素交错动画
+ * 用法: v-anime-stagger="'slideUp'" 或 v-anime-stagger:100="'cardIn'"
+ */
+export const vAnimeStagger = {
+  mounted(el: HTMLElement, binding: DirectiveBinding<PresetName | AnimationParams>) {
+    const animation = binding.value || 'fadeIn'
+    const staggerDelay = binding.arg ? parseInt(binding.arg) : 50
+    const params = typeof animation === 'string' ? presets[animation] : animation
+    
+    const children = el.children
+    
+    // 设置初始状态
+    Array.from(children).forEach((child) => {
+      ;(child as HTMLElement).style.opacity = '0'
+    })
+    
+    stagger(children as unknown as HTMLElement[], params, staggerDelay)
+  },
+}
+
+/**
+ * v-hover 指令 - 悬停动画
+ * 用法: v-hover 或 v-hover="{ scale: 1.05 }"
+ */
+export const vHover = {
+  mounted(el: HTMLElement, binding: DirectiveBinding<AnimationParams>) {
+    const hoverAnimation = binding.value || { scale: 1.05 }
+    
+    el.addEventListener('mouseenter', () => {
+      animate(el, {
+        ...hoverAnimation,
+        duration: 200,
+        ease: 'outQuad',
+      })
+    })
+    
+    el.addEventListener('mouseleave', () => {
+      animate(el, {
+        scale: 1,
+        duration: 200,
+        ease: 'outQuad',
+      })
+    })
+  },
+}
+
+/**
+ * v-tap 指令 - 点击动画
+ * 用法: v-tap
+ */
+export const vTap = {
+  mounted(el: HTMLElement) {
+    el.addEventListener('mousedown', () => {
+      animate(el, {
+        scale: 0.95,
+        duration: 100,
+        ease: 'outQuad',
+      })
+    })
+    
+    el.addEventListener('mouseup', () => {
+      animate(el, {
+        scale: 1,
+        duration: 200,
+        ease: 'outBack',
+      })
+    })
+    
+    el.addEventListener('mouseleave', () => {
+      animate(el, {
+        scale: 1,
+        duration: 200,
+        ease: 'outQuad',
+      })
+    })
+  },
+}
+
+// 导出工具
+export { utils, createTimeline }
diff --git a/src/composables/useFancybox.ts b/src/composables/useFancybox.ts
new file mode 100644
index 0000000..d8a0b85
--- /dev/null
+++ b/src/composables/useFancybox.ts
@@ -0,0 +1,182 @@
+/**
+ * Fancybox 图片灯箱 - 懒加载优化
+ * 只在用户首次点击图片时加载 Fancybox
+ */
+
+let fancyboxLoaded = false
+let fancyboxPromise: Promise<void> | null = null
+
+// Fancybox 配置
+const fancyboxOptions = {
+  // 动画效果
+  showClass: 'f-fadeIn',
+  hideClass: 'f-fadeOut',
+  // 工具栏
+  Toolbar: {
+    display: {
+      left: ['infobar'],
+      middle: ['zoomIn', 'zoomOut', 'toggle1to1', 'rotateCCW', 'rotateCW', 'flipX', 'flipY'],
+      right: ['slideshow', 'thumbs', 'close'],
+    },
+  },
+  // 缩略图
+  Thumbs: {
+    type: 'classic' as const,
+    autoStart: false,
+  },
+  // 幻灯片
+  Carousel: {
+    infinite: true,
+    transition: 'slide' as const,
+    friction: 0.8,
+  },
+  // 图片设置
+  Images: {
+    zoom: true,
+    protected: true,
+  },
+  // 关闭设置
+  closeButton: 'top' as const,
+  dragToClose: true,
+  // 键盘导航
+  keyboard: {
+    Escape: 'close',
+    Delete: 'close',
+    Backspace: 'close',
+    PageUp: 'next',
+    PageDown: 'prev',
+    ArrowUp: 'prev',
+    ArrowDown: 'next',
+    ArrowRight: 'next',
+    ArrowLeft: 'prev',
+  },
+  // 预加载
+  preload: 2,
+  // 移动端优化
+  touch: {
+    vertical: true,
+    momentum: true,
+  },
+  // 点击背景关闭
+  closeExisting: false,
+  trapFocus: true,
+  autoFocus: true,
+  placeFocusBack: true,
+  // 自定义样式
+  mainClass: 'fancybox-custom',
+}
+
+/**
+ * 懒加载 Fancybox
+ */
+async function loadFancybox(): Promise<typeof import('@fancyapps/ui').Fancybox> {
+  if (fancyboxLoaded) {
+    const { Fancybox } = await import('@fancyapps/ui')
+    return Fancybox
+  }
+
+  if (!fancyboxPromise) {
+    fancyboxPromise = (async () => {
+      // 动态加载 CSS
+      const link = document.createElement('link')
+      link.rel = 'stylesheet'
+      link.href = '/node_modules/@fancyapps/ui/dist/fancybox/fancybox.css'
+      
+      // 使用 import 加载 CSS（Vite 会处理）
+      await import('@fancyapps/ui/dist/fancybox/fancybox.css')
+      
+      // 动态加载 JS
+      const { Fancybox } = await import('@fancyapps/ui')
+      
+      // 绑定到所有 data-fancybox 元素
+      Fancybox.bind('[data-fancybox]', fancyboxOptions)
+      
+      fancyboxLoaded = true
+    })()
+  }
+
+  await fancyboxPromise
+  const { Fancybox } = await import('@fancyapps/ui')
+  return Fancybox
+}
+
+/**
+ * 初始化 Fancybox 懒加载
+ * 监听 data-fancybox 元素的点击事件
+ */
+export function initFancyboxLazy() {
+  // 使用事件委托，在点击时懒加载
+  document.addEventListener('click', async (e) => {
+    const target = (e.target as HTMLElement).closest('[data-fancybox]')
+    if (!target) return
+    
+    // 阻止默认行为
+    e.preventDefault()
+    e.stopPropagation()
+    
+    // 加载 Fancybox
+    const Fancybox = await loadFancybox()
+    
+    // 如果是首次加载，需要手动触发打开
+    if (!fancyboxLoaded) {
+      // Fancybox 已经绑定，重新触发点击
+      ;(target as HTMLElement).click()
+    } else {
+      // 获取图片源
+      const src = target.getAttribute('href') || target.getAttribute('data-src') || (target as HTMLImageElement).src
+      const caption = target.getAttribute('data-caption') || target.getAttribute('title') || ''
+      
+      // 获取同组图片
+      const group = target.getAttribute('data-fancybox')
+      if (group && group !== 'true') {
+        // 有分组，让 Fancybox 处理
+        const items = document.querySelectorAll(`[data-fancybox="${group}"]`)
+        const gallery = Array.from(items).map(item => ({
+          src: item.getAttribute('href') || item.getAttribute('data-src') || (item as HTMLImageElement).src,
+          caption: item.getAttribute('data-caption') || item.getAttribute('title') || '',
+        }))
+        const startIndex = Array.from(items).indexOf(target)
+        Fancybox.show(gallery, { ...fancyboxOptions, startIndex })
+      } else {
+        // 单张图片
+        Fancybox.show([{ src, caption }], fancyboxOptions)
+      }
+    }
+  }, { capture: true })
+}
+
+/**
+ * 预加载 Fancybox（可选，用于提升用户体验）
+ * 可以在用户悬停图片时调用
+ */
+export function preloadFancybox() {
+  if (!fancyboxLoaded && !fancyboxPromise) {
+    // 使用 requestIdleCallback 在空闲时预加载
+    if ('requestIdleCallback' in window) {
+      requestIdleCallback(() => loadFancybox(), { timeout: 5000 })
+    } else {
+      setTimeout(() => loadFancybox(), 2000)
+    }
+  }
+}
+
+/**
+ * 手动打开 Fancybox
+ */
+export async function openFancybox(
+  items: Array<{ src: string; caption?: string }>,
+  options?: Partial<typeof fancyboxOptions>
+) {
+  const Fancybox = await loadFancybox()
+  Fancybox.show(items, { ...fancyboxOptions, ...options })
+}
+
+/**
+ * 关闭 Fancybox
+ */
+export async function closeFancybox() {
+  if (fancyboxLoaded) {
+    const { Fancybox } = await import('@fancyapps/ui')
+    Fancybox.close()
+  }
+}
diff --git a/src/composables/useKeyboardShortcuts.ts b/src/composables/useKeyboardShortcuts.ts
index d2915ad..4951415 100644
--- a/src/composables/useKeyboardShortcuts.ts
+++ b/src/composables/useKeyboardShortcuts.ts
@@ -1,7 +1,7 @@
 import { onMounted, onUnmounted } from 'vue'
 import { useUIStore } from '@/stores/ui'
 import { useSearchStore } from '@/stores/search'
-import { playClick, playPop, playWhoosh } from '@/composables/useSound'
+import { playTap, playButton, playSwipe } from '@/composables/useSound'
 
 // 快捷键配置
 export const SHORTCUTS = {
@@ -176,7 +176,7 @@ export function useKeyboardShortcuts() {
     if (event.key === 'Escape') {
       if (hasAnyPanelOpen()) {
         event.preventDefault()
-        playPop()
+        playButton()
         closeAllPanels()
       }
       return
@@ -196,14 +196,14 @@ export function useKeyboardShortcuts() {
       case ',':
         // 打开/关闭设置
         event.preventDefault()
-        playPop()
+        playButton()
         togglePanel('settings')
         break
 
       case 'c':
         // 打开/关闭评论
         event.preventDefault()
-        playPop()
+        playButton()
         togglePanel('comments')
         break
 
@@ -211,7 +211,7 @@ export function useKeyboardShortcuts() {
         // 打开/关闭 VNDB（需要有 VNDB 信息）
         if (searchStore.vndbInfo) {
           event.preventDefault()
-          playPop()
+          playButton()
           togglePanel('vndb')
         }
         break
@@ -219,49 +219,49 @@ export function useKeyboardShortcuts() {
       case 'y':
         // 打开/关闭搜索历史
         event.preventDefault()
-        playPop()
+        playButton()
         togglePanel('history')
         break
 
       case 'h':
         // 返回首页（关闭所有面板）
         event.preventDefault()
-        playClick()
+        playTap()
         closeAllPanels()
         break
 
       case 'n':
         // 站点导航
         event.preventDefault()
-        playClick()
+        playTap()
         toggleNav()
         break
 
       case '/':
         // 聚焦搜索框
         event.preventDefault()
-        playClick()
+        playTap()
         focusSearch()
         break
 
       case 't':
         // 回到顶部
         event.preventDefault()
-        playWhoosh()
+        playSwipe()
         scrollToTop()
         break
 
       case '[':
         // 上一个平台
         event.preventDefault()
-        playClick()
+        playSwipe()
         scrollToPrevPlatform()
         break
 
       case ']':
         // 下一个平台
         event.preventDefault()
-        playClick()
+        playSwipe()
         scrollToNextPlatform()
         break
     }
diff --git a/src/composables/useLazyLoad.ts b/src/composables/useLazyLoad.ts
deleted file mode 100644
index ed40e9b..0000000
--- a/src/composables/useLazyLoad.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import { ref, onMounted, watch } from 'vue'
-import lozad from 'lozad'
-import { useLazyLoadStore } from '@/stores/lazyLoad'
-
-// 全局 observer 实例
-let globalObserver: ReturnType<typeof lozad> | null = null
-
-/**
- * 初始化全局懒加载 observer
- */
-export function initGlobalLazyLoad() {
-  if (globalObserver) {return globalObserver}
-
-  const store = useLazyLoadStore()
-
-  globalObserver = lozad('.lozad', {
-    rootMargin: '200px 0px', // 提前 200px 开始加载
-    threshold: 0.1,
-    enableAutoReload: true,
-    load: (el) => {
-      // 开始加载
-      const src = el.getAttribute('data-src')
-      if (src) {
-        store.startLoading(src)
-      }
-    },
-    loaded: (el) => {
-      // 加载完成
-      el.classList.add('lozad-loaded')
-      const src = el.getAttribute('data-src') || el.getAttribute('src')
-      if (src) {
-        store.finishLoading(src)
-      }
-    },
-  })
-
-  globalObserver.observe()
-
-  // 导出到 window 供动态内容使用
-  ;(window as Window & { lozadObserver?: typeof globalObserver }).lozadObserver = globalObserver
-
-  return globalObserver
-}
-
-/**
- * 获取全局 observer
- */
-export function getGlobalObserver() {
-  return globalObserver
-}
-
-/**
- * 触发懒加载（用于动态添加的元素）
- */
-export function triggerLazyLoad(element?: Element | null) {
-  if (!globalObserver) {
-    initGlobalLazyLoad()
-  }
-
-  if (element) {
-    globalObserver?.triggerLoad(element)
-  } else {
-    // 重新观察所有 .lozad 元素
-    globalObserver?.observe()
-  }
-}
-
-/**
- * 懒加载 composable - 用于组件内部
- */
-export function useLazyLoad() {
-  const store = useLazyLoadStore()
-  const containerRef = ref<HTMLElement | null>(null)
-
-  // 观察容器内的元素
-  function observeContainer() {
-    if (!containerRef.value) {return}
-
-    const elements = containerRef.value.querySelectorAll('.lozad:not([data-loaded])')
-    elements.forEach((el) => {
-      triggerLazyLoad(el)
-    })
-  }
-
-  onMounted(() => {
-    // 确保全局 observer 已初始化
-    if (!globalObserver) {
-      initGlobalLazyLoad()
-    }
-
-    // 延迟观察容器
-    setTimeout(observeContainer, 100)
-  })
-
-  return {
-    containerRef,
-    observeContainer,
-    triggerLazyLoad,
-    // Store 状态
-    loadingCount: store.loadingCount,
-    loadedCount: store.loadedCount,
-    totalCount: store.totalCount,
-    loadingProgress: store.loadingProgress,
-    isAllLoaded: store.isAllLoaded,
-  }
-}
-
-/**
- * 懒加载图片 composable - 单个图片使用
- */
-export function useLazyImage(src: string) {
-  const store = useLazyLoadStore()
-  const imgRef = ref<HTMLImageElement | null>(null)
-  const isLoaded = ref(false)
-  const isLoading = ref(false)
-  const hasError = ref(false)
-
-  function load() {
-    if (!imgRef.value || isLoaded.value || isLoading.value) {return}
-
-    isLoading.value = true
-    store.startLoading(src)
-
-    const img = new Image()
-    img.onload = () => {
-      isLoading.value = false
-      isLoaded.value = true
-      store.finishLoading(src)
-      if (imgRef.value) {
-        imgRef.value.src = src
-        imgRef.value.classList.add('lozad-loaded')
-      }
-    }
-    img.onerror = () => {
-      isLoading.value = false
-      hasError.value = true
-      store.finishLoading(src, true)
-    }
-    img.src = src
-  }
-
-  // 监听 ref 变化，自动加载
-  watch(imgRef, (el) => {
-    if (el && !isLoaded.value) {
-      // 使用 IntersectionObserver
-      const observer = new IntersectionObserver(
-        (entries) => {
-          if (entries[0].isIntersecting) {
-            load()
-            observer.disconnect()
-          }
-        },
-        { rootMargin: '200px 0px', threshold: 0.1 },
-      )
-      observer.observe(el)
-    }
-  })
-
-  return {
-    imgRef,
-    isLoaded,
-    isLoading,
-    hasError,
-    load,
-  }
-}
-
-export default useLazyLoad
-
diff --git a/src/composables/useSound.ts b/src/composables/useSound.ts
index 4d1f988..5dc0b01 100644
--- a/src/composables/useSound.ts
+++ b/src/composables/useSound.ts
@@ -1,229 +1,214 @@
 /**
  * 音效管理 composable
- * 使用 Vocaloid Miku 风格的合成音效
- * 特点：高音调、电子合成感、带颤音
+ * 使用 snd-lib 提供精心设计的 UI 音效
+ * https://snd.dev/
  */
 
 import { ref } from 'vue'
-
-// 音效类型
-export type SoundType = 'click' | 'success' | 'error' | 'pop' | 'whoosh' | 'toggle'
+import Snd from 'snd-lib'
 
 // 音效是否启用
 const soundEnabled = ref(true)
 
-// 音频上下文（懒加载）
-let audioContext: AudioContext | null = null
+// snd-lib 实例（单例）
+let sndInstance: Snd | null = null
+let isLoaded = false
+let isLoading = false
 
-// 获取音频上下文
-function getAudioContext(): AudioContext {
-  if (!audioContext) {
-    audioContext = new (window.AudioContext || (window as Window & { webkitAudioContext?: typeof AudioContext }).webkitAudioContext)()
-  }
-  return audioContext
-}
+// 当前音效套件
+const currentKit = ref<'SND01' | 'SND02'>('SND01')
 
-// Miku 音符频率 (基于 A4 = 440Hz)
-const MIKU_NOTES = {
-  C4: 261.63,
-  D4: 293.66,
-  E4: 329.63,
-  F4: 349.23,
-  G4: 392.00,
-  A4: 440.00,
-  B4: 493.88,
-  C5: 523.25,
-  D5: 587.33,
-  E5: 659.25,
-  F5: 698.46,
-  G5: 783.99,
-  A5: 880.00,
-  B5: 987.77,
-  C6: 1046.50,
-}
-
-// 随机选择
-function randomChoice<T>(arr: T[]): T {
-  return arr[Math.floor(Math.random() * arr.length)]
-}
-
-// 创建 Miku 风格的振荡器（带颤音）
-function createMikuOscillator(
-  ctx: AudioContext, 
-  frequency: number, 
-  type: OscillatorType = 'square',
-  vibratoDepth: number = 10,
-  vibratoRate: number = 6,
-): { osc: OscillatorNode; gain: GainNode } {
-  const osc = ctx.createOscillator()
-  const gain = ctx.createGain()
-  
-  // 主振荡器 - 使用方波模拟 Vocaloid 音色
-  osc.type = type
-  osc.frequency.setValueAtTime(frequency, ctx.currentTime)
-  
-  // 添加颤音 (vibrato) - Miku 特征
-  if (vibratoDepth > 0) {
-    const vibrato = ctx.createOscillator()
-    const vibratoGain = ctx.createGain()
-    vibrato.frequency.setValueAtTime(vibratoRate, ctx.currentTime)
-    vibratoGain.gain.setValueAtTime(vibratoDepth, ctx.currentTime)
-    vibrato.connect(vibratoGain)
-    vibratoGain.connect(osc.frequency)
-    vibrato.start(ctx.currentTime)
-    vibrato.stop(ctx.currentTime + 0.5)
+// 获取或创建 snd 实例
+async function getSnd(): Promise<Snd | null> {
+  if (!soundEnabled.value) {
+    return null
   }
   
-  osc.connect(gain)
+  if (sndInstance && isLoaded) {
+    return sndInstance
+  }
+  
+  if (isLoading) {
+    // 等待加载完成
+    return new Promise((resolve) => {
+      const check = setInterval(() => {
+        if (isLoaded) {
+          clearInterval(check)
+          resolve(sndInstance)
+        }
+      }, 50)
+    })
+  }
   
-  return { osc, gain }
-}
-
-// 播放 Miku 风格音效
-function playSound(type: SoundType, volume = 0.25) {
-  if (!soundEnabled.value) {return}
-
   try {
-    const ctx = getAudioContext()
+    isLoading = true
+    sndInstance = new Snd()
+    
+    // 加载音效套件
+    const kit = currentKit.value === 'SND01' ? Snd.KITS.SND01 : Snd.KITS.SND02
+    await sndInstance.load(kit)
+    
+    isLoaded = true
+    isLoading = false
+    return sndInstance
+  } catch (error) {
+    console.warn('[Sound] Failed to load snd-lib:', error)
+    isLoading = false
+    return null
+  }
+}
 
-    switch (type) {
-      case 'click': {
-        // Miku 点击音 - 高音「ピッ」
-        const notes = [MIKU_NOTES.E5, MIKU_NOTES.F5, MIKU_NOTES.G5, MIKU_NOTES.A5]
-        const freq = randomChoice(notes)
-        
-        const { osc, gain } = createMikuOscillator(ctx, freq, 'square', 5, 8)
-        gain.connect(ctx.destination)
-        
-        gain.gain.setValueAtTime(volume, ctx.currentTime)
-        gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.06)
-        
-        osc.start(ctx.currentTime)
-        osc.stop(ctx.currentTime + 0.06)
-        break
-      }
+// 预加载音效（可选，用于首次交互前预热）
+async function preloadSounds(): Promise<void> {
+  await getSnd()
+}
 
-      case 'success': {
-        // Miku 成功音 - 上升琶音「ラララ♪」
-        const melodies = [
-          [MIKU_NOTES.C5, MIKU_NOTES.E5, MIKU_NOTES.G5, MIKU_NOTES.C6],
-          [MIKU_NOTES.D5, MIKU_NOTES.F5, MIKU_NOTES.A5, MIKU_NOTES.D5 * 2],
-          [MIKU_NOTES.E5, MIKU_NOTES.G5, MIKU_NOTES.B5, MIKU_NOTES.E5 * 2],
-        ]
-        const melody = randomChoice(melodies)
-        
-        melody.forEach((freq, i) => {
-          const { osc, gain } = createMikuOscillator(ctx, freq, 'square', 12, 6)
-          gain.connect(ctx.destination)
-          
-          const startTime = ctx.currentTime + i * 0.08
-          gain.gain.setValueAtTime(0, startTime)
-          gain.gain.linearRampToValueAtTime(volume * 0.8, startTime + 0.02)
-          gain.gain.exponentialRampToValueAtTime(0.01, startTime + 0.12)
-          
-          osc.start(startTime)
-          osc.stop(startTime + 0.12)
-        })
-        break
-      }
+// 切换音效套件
+async function switchKit(kit: 'SND01' | 'SND02'): Promise<void> {
+  if (currentKit.value === kit) {
+    return
+  }
+  
+  currentKit.value = kit
+  isLoaded = false
+  
+  if (sndInstance) {
+    try {
+      const sndKit = kit === 'SND01' ? Snd.KITS.SND01 : Snd.KITS.SND02
+      await sndInstance.load(sndKit)
+      isLoaded = true
+    } catch (error) {
+      console.warn('[Sound] Failed to switch kit:', error)
+    }
+  }
+}
 
-      case 'error': {
-        // Miku 错误音 - 下降「えっ？」
-        const freq = randomChoice([MIKU_NOTES.A4, MIKU_NOTES.B4])
-        
-        const { osc, gain } = createMikuOscillator(ctx, freq, 'sawtooth', 15, 4)
-        gain.connect(ctx.destination)
-        
-        osc.frequency.setValueAtTime(freq, ctx.currentTime)
-        osc.frequency.exponentialRampToValueAtTime(freq * 0.5, ctx.currentTime + 0.2)
-        
-        gain.gain.setValueAtTime(volume * 0.7, ctx.currentTime)
-        gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.2)
-        
-        osc.start(ctx.currentTime)
-        osc.stop(ctx.currentTime + 0.2)
-        break
-      }
+// ========================================
+// 音效类型定义（对应 snd-lib 的 SOUNDS）
+// ========================================
+export type SoundType = 
+  | 'tap'             // 轻触
+  | 'button'          // 按钮
+  | 'select'          // 选择
+  | 'toggle_on'       // 开关打开
+  | 'toggle_off'      // 开关关闭
+  | 'type'            // 打字
+  | 'swipe'           // 滑动
+  | 'notification'    // 通知
+  | 'celebration'     // 庆祝
+  | 'caution'         // 警告
+  | 'disabled'        // 禁用
+  | 'transition_up'   // 上升过渡
+  | 'transition_down' // 下降过渡
+  | 'progress_loop'   // 进度循环
+  | 'ringtone_loop'   // 铃声循环
 
-      case 'pop': {
-        // Miku 弹出音 - 可爱「ポン♪」
-        const notes = [MIKU_NOTES.C5, MIKU_NOTES.D5, MIKU_NOTES.E5, MIKU_NOTES.G5]
-        const freq = randomChoice(notes)
-        
-        const { osc, gain } = createMikuOscillator(ctx, freq * 0.8, 'square', 8, 10)
-        gain.connect(ctx.destination)
-        
-        // 快速上升音调
-        osc.frequency.setValueAtTime(freq * 0.8, ctx.currentTime)
-        osc.frequency.exponentialRampToValueAtTime(freq * 1.2, ctx.currentTime + 0.03)
-        osc.frequency.exponentialRampToValueAtTime(freq, ctx.currentTime + 0.08)
-        
-        gain.gain.setValueAtTime(volume * 0.9, ctx.currentTime)
-        gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.1)
-        
-        osc.start(ctx.currentTime)
-        osc.stop(ctx.currentTime + 0.1)
-        break
-      }
+// 音效类型映射到 snd-lib 的 SOUNDS
+const soundMap: Record<SoundType, keyof typeof Snd.SOUNDS> = {
+  tap: 'TAP',
+  button: 'BUTTON',
+  select: 'SELECT',
+  toggle_on: 'TOGGLE_ON',
+  toggle_off: 'TOGGLE_OFF',
+  type: 'TYPE',
+  swipe: 'SWIPE',
+  notification: 'NOTIFICATION',
+  celebration: 'CELEBRATION',
+  caution: 'CAUTION',
+  disabled: 'DISABLED',
+  transition_up: 'TRANSITION_UP',
+  transition_down: 'TRANSITION_DOWN',
+  progress_loop: 'PROGRESS_LOOP',
+  ringtone_loop: 'RINGTONE_LOOP',
+}
 
-      case 'whoosh': {
-        // Miku 滑动音 - 快速「シュッ」
-        const startFreqs = [MIKU_NOTES.C6, MIKU_NOTES.D5 * 2, MIKU_NOTES.E5 * 2]
-        const startFreq = randomChoice(startFreqs)
-        
-        const { osc, gain } = createMikuOscillator(ctx, startFreq, 'sawtooth', 0, 0)
-        gain.connect(ctx.destination)
-        
-        osc.frequency.setValueAtTime(startFreq, ctx.currentTime)
-        osc.frequency.exponentialRampToValueAtTime(startFreq * 0.2, ctx.currentTime + 0.12)
-        
-        gain.gain.setValueAtTime(volume * 0.5, ctx.currentTime)
-        gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.12)
-        
-        osc.start(ctx.currentTime)
-        osc.stop(ctx.currentTime + 0.12)
-        break
-      }
-
-      case 'toggle': {
-        // Miku 切换音 - 双音「ピコッ」
-        const pairs = [
-          [MIKU_NOTES.E5, MIKU_NOTES.A5],
-          [MIKU_NOTES.G5, MIKU_NOTES.C6],
-          [MIKU_NOTES.D5, MIKU_NOTES.G5],
-          [MIKU_NOTES.F5, MIKU_NOTES.B5],
-        ]
-        const [freq1, freq2] = randomChoice(pairs)
-        
-        // 第一个音
-        const { osc: osc1, gain: gain1 } = createMikuOscillator(ctx, freq1, 'square', 6, 8)
-        gain1.connect(ctx.destination)
-        gain1.gain.setValueAtTime(volume * 0.7, ctx.currentTime)
-        gain1.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.05)
-        osc1.start(ctx.currentTime)
-        osc1.stop(ctx.currentTime + 0.05)
-        
-        // 第二个音（稍高）
-        const { osc: osc2, gain: gain2 } = createMikuOscillator(ctx, freq2, 'square', 6, 8)
-        gain2.connect(ctx.destination)
-        gain2.gain.setValueAtTime(0, ctx.currentTime + 0.04)
-        gain2.gain.linearRampToValueAtTime(volume * 0.8, ctx.currentTime + 0.05)
-        gain2.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.12)
-        osc2.start(ctx.currentTime + 0.04)
-        osc2.stop(ctx.currentTime + 0.12)
-        break
-      }
+// 播放音效
+async function playSound(type: SoundType): Promise<void> {
+  if (!soundEnabled.value) {
+    return
+  }
+  
+  try {
+    const snd = await getSnd()
+    if (!snd) {
+      return
+    }
+    
+    const soundKey = soundMap[type]
+    const sound = Snd.SOUNDS[soundKey]
+    
+    if (sound) {
+      snd.play(sound)
     }
   } catch {
-    // 静默处理音频播放失败
+    // 静默处理错误
   }
 }
 
+// ========================================
+// 兼容旧 API 的音效类型（映射到新类型）
+// ========================================
+export type LegacySoundType = 
+  | 'click'
+  | 'success'  
+  | 'error'
+  | 'pop'
+  | 'whoosh'
+  | 'toggle'
+  | 'hover'
+  | 'complete'
+  | 'warning'
+  | 'typing'
+  | 'coin'
+  | 'levelup'
+  | 'bubble'
+  | 'sweep'
+  | 'ding'
+  | 'chime'
+  | 'bounce'
+  | 'unlock'
+  | 'close'
+
+// 旧 API 映射
+const legacyMap: Record<LegacySoundType, SoundType> = {
+  click: 'tap',
+  success: 'celebration',
+  error: 'caution',
+  pop: 'button',
+  whoosh: 'swipe',
+  toggle: 'toggle_on',
+  hover: 'tap',
+  complete: 'celebration',
+  warning: 'caution',
+  typing: 'type',
+  coin: 'celebration',
+  levelup: 'celebration',
+  bubble: 'button',
+  sweep: 'swipe',
+  ding: 'notification',
+  chime: 'notification',
+  bounce: 'transition_up',
+  unlock: 'celebration',
+  close: 'transition_down',
+}
+
+// 兼容旧 API 的播放方法
+async function playLegacySound(type: LegacySoundType): Promise<void> {
+  const mappedType = legacyMap[type]
+  return playSound(mappedType)
+}
+
+// ========================================
 // 导出 composable
+// ========================================
 export function useSound() {
   return {
     soundEnabled,
+    currentKit,
     playSound,
+    playLegacySound,
+    preloadSounds,
+    switchKit,
     toggleSound: () => {
       soundEnabled.value = !soundEnabled.value
     },
@@ -233,10 +218,44 @@ export function useSound() {
   }
 }
 
-// 导出便捷方法
-export const playClick = () => playSound('click')
-export const playSuccess = () => playSound('success')
-export const playError = () => playSound('error')
-export const playPop = () => playSound('pop')
-export const playWhoosh = () => playSound('whoosh')
-export const playToggle = () => playSound('toggle')
+// ========================================
+// 导出便捷方法（使用 snd-lib 原生音效）
+// ========================================
+export const playTap = () => playSound('tap')
+export const playButton = () => playSound('button')
+export const playSelect = () => playSound('select')
+export const playToggleOn = () => playSound('toggle_on')
+export const playToggleOff = () => playSound('toggle_off')
+export const playType = () => playSound('type')
+export const playSwipe = () => playSound('swipe')
+export const playNotification = () => playSound('notification')
+export const playCelebration = () => playSound('celebration')
+export const playCaution = () => playSound('caution')
+export const playDisabled = () => playSound('disabled')
+export const playTransitionUp = () => playSound('transition_up')
+export const playTransitionDown = () => playSound('transition_down')
+export const playProgressLoop = () => playSound('progress_loop')
+export const playRingtoneLoop = () => playSound('ringtone_loop')
+
+// ========================================
+// 兼容旧 API 的便捷方法
+// ========================================
+export const playClick = () => playLegacySound('click')
+export const playSuccess = () => playLegacySound('success')
+export const playError = () => playLegacySound('error')
+export const playPop = () => playLegacySound('pop')
+export const playWhoosh = () => playLegacySound('whoosh')
+export const playToggle = () => playLegacySound('toggle')
+export const playHover = () => playLegacySound('hover')
+export const playComplete = () => playLegacySound('complete')
+export const playWarning = () => playLegacySound('warning')
+export const playTyping = () => playLegacySound('typing')
+export const playCoin = () => playLegacySound('coin')
+export const playLevelup = () => playLegacySound('levelup')
+export const playBubble = () => playLegacySound('bubble')
+export const playSweep = () => playLegacySound('sweep')
+export const playDing = () => playLegacySound('ding')
+export const playChime = () => playLegacySound('chime')
+export const playBounce = () => playLegacySound('bounce')
+export const playUnlock = () => playLegacySound('unlock')
+export const playClose = () => playLegacySound('close')
diff --git a/src/composables/useTextScroll.ts b/src/composables/useTextScroll.ts
new file mode 100644
index 0000000..0ef3bb3
--- /dev/null
+++ b/src/composables/useTextScroll.ts
@@ -0,0 +1,129 @@
+import { ref, onMounted, onUnmounted, watchEffect, type Ref } from 'vue'
+
+/**
+ * 检测元素文本是否溢出，并设置滚动动画
+ */
+export function useTextScroll(elementRef: Ref<HTMLElement | null>) {
+  const isOverflowing = ref(false)
+  let resizeObserver: ResizeObserver | null = null
+
+  function checkOverflow() {
+    const el = elementRef.value
+    if (!el) return
+
+    // 检查是否溢出
+    const isOver = el.scrollWidth > el.clientWidth
+    isOverflowing.value = isOver
+
+    // 添加/移除溢出类
+    if (isOver) {
+      el.classList.add('is-overflowing')
+      // 计算滚动时长（基于文本长度）
+      const duration = Math.max(5, el.scrollWidth / 50)
+      el.style.setProperty('--scroll-duration', `${duration}s`)
+    } else {
+      el.classList.remove('is-overflowing')
+    }
+  }
+
+  onMounted(() => {
+    // 初始检查
+    checkOverflow()
+
+    // 监听元素大小变化
+    if (elementRef.value && 'ResizeObserver' in window) {
+      resizeObserver = new ResizeObserver(checkOverflow)
+      resizeObserver.observe(elementRef.value)
+    }
+  })
+
+  onUnmounted(() => {
+    if (resizeObserver) {
+      resizeObserver.disconnect()
+    }
+  })
+
+  // 当 ref 变化时重新检查
+  watchEffect(() => {
+    if (elementRef.value) {
+      checkOverflow()
+    }
+  })
+
+  return {
+    isOverflowing,
+    checkOverflow,
+  }
+}
+
+/**
+ * 指令：自动检测溢出并添加滚动效果
+ * 使用方式：v-text-scroll
+ */
+export const vTextScroll = {
+  mounted(el: HTMLElement) {
+    // 添加滚动容器类
+    el.classList.add('text-scroll')
+    
+    // 包装内容
+    const content = el.innerHTML
+    el.innerHTML = `<span class="text-scroll-inner">${content}</span>`
+    
+    // 检查溢出
+    const checkOverflow = () => {
+      const inner = el.querySelector('.text-scroll-inner') as HTMLElement
+      if (!inner) return
+      
+      const isOver = inner.scrollWidth > el.clientWidth
+      if (isOver) {
+        el.classList.add('is-overflowing')
+        // 复制内容用于无缝滚动
+        if (!el.querySelector('.text-scroll-clone')) {
+          const clone = inner.cloneNode(true) as HTMLElement
+          clone.classList.add('text-scroll-clone')
+          inner.appendChild(clone)
+        }
+        // 计算滚动时长
+        const duration = Math.max(5, inner.scrollWidth / 80)
+        el.style.setProperty('--scroll-duration', `${duration}s`)
+      } else {
+        el.classList.remove('is-overflowing')
+        // 移除克隆
+        const clone = el.querySelector('.text-scroll-clone')
+        if (clone) clone.remove()
+      }
+    }
+    
+    // 初始检查
+    requestAnimationFrame(checkOverflow)
+    
+    // 监听大小变化
+    if ('ResizeObserver' in window) {
+      const observer = new ResizeObserver(checkOverflow)
+      observer.observe(el)
+      ;(el as any)._textScrollObserver = observer
+    }
+  },
+  
+  updated(el: HTMLElement) {
+    // 内容更新时重新检查
+    requestAnimationFrame(() => {
+      const inner = el.querySelector('.text-scroll-inner') as HTMLElement
+      if (!inner) return
+      
+      const isOver = inner.scrollWidth > el.clientWidth
+      if (isOver) {
+        el.classList.add('is-overflowing')
+      } else {
+        el.classList.remove('is-overflowing')
+      }
+    })
+  },
+  
+  unmounted(el: HTMLElement) {
+    const observer = (el as any)._textScrollObserver
+    if (observer) {
+      observer.disconnect()
+    }
+  },
+}
diff --git a/src/composables/useWindowManager.ts b/src/composables/useWindowManager.ts
new file mode 100644
index 0000000..4fe52eb
--- /dev/null
+++ b/src/composables/useWindowManager.ts
@@ -0,0 +1,215 @@
+import { ref, computed, onUnmounted } from 'vue'
+
+export interface WindowManagerOptions {
+  /** 最小宽度 */
+  minWidth?: number
+  /** 最小高度 */
+  minHeight?: number
+  /** 初始宽度 */
+  initialWidth?: number
+  /** 初始高度 */
+  initialHeight?: number
+}
+
+export type ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw' | null
+
+export function useWindowManager(options: WindowManagerOptions = {}) {
+  const {
+    minWidth = 400,
+    minHeight = 300,
+    initialWidth = 0,
+    initialHeight = 0,
+  } = options
+
+  // 状态
+  const isFullscreen = ref(false)
+  const isDragging = ref(false)
+  const isResizing = ref(false)
+  const resizeDirection = ref<ResizeDirection>(null)
+  
+  // 位置和大小
+  const position = ref({ x: 0, y: 0 })
+  const size = ref({ width: initialWidth, height: initialHeight })
+  
+  // 拖动相关变量
+  let startX = 0
+  let startY = 0
+  let initialPosX = 0
+  let initialPosY = 0
+  let initialWidth_ = 0
+  let initialHeight_ = 0
+  let elementRef: HTMLElement | null = null
+
+  // 计算样式
+  const windowStyle = computed(() => {
+    if (isFullscreen.value) {
+      return undefined
+    }
+    
+    const style: Record<string, string> = {}
+    
+    // 位置偏移
+    if (position.value.x !== 0 || position.value.y !== 0) {
+      style.left = `calc(1.5rem + ${position.value.x}px)`
+      style.right = `calc(1.5rem - ${position.value.x}px)`
+      style.top = `calc(1.5rem + ${position.value.y}px)`
+      style.bottom = `calc(1.5rem - ${position.value.y}px)`
+    }
+    
+    // 自定义大小 - 使用 !important 覆盖 Tailwind 类
+    if (size.value.width > 0) {
+      style.width = `${size.value.width}px`
+      style.minWidth = `${minWidth}px`
+      style.maxWidth = 'none'
+    }
+    if (size.value.height > 0) {
+      style.height = `${size.value.height}px`
+      style.minHeight = `${minHeight}px`
+      style.maxHeight = 'none'
+    }
+    
+    return Object.keys(style).length > 0 ? style : undefined
+  })
+
+  // 开始拖动
+  function startDrag(e: MouseEvent | TouchEvent, element: HTMLElement) {
+    if (isFullscreen.value || isResizing.value) return
+    
+    isDragging.value = true
+    elementRef = element
+    
+    const point = e instanceof MouseEvent ? e : e.touches[0]
+    startX = point.clientX
+    startY = point.clientY
+    initialPosX = position.value.x
+    initialPosY = position.value.y
+    
+    document.addEventListener('mousemove', onDrag)
+    document.addEventListener('mouseup', stopDrag)
+    document.addEventListener('touchmove', onDrag, { passive: false })
+    document.addEventListener('touchend', stopDrag)
+    
+    e.preventDefault()
+  }
+
+  function onDrag(e: MouseEvent | TouchEvent) {
+    if (!isDragging.value) return
+    
+    const point = e instanceof MouseEvent ? e : e.touches[0]
+    const deltaX = point.clientX - startX
+    const deltaY = point.clientY - startY
+    
+    position.value = {
+      x: initialPosX + deltaX,
+      y: initialPosY + deltaY,
+    }
+    
+    if (e instanceof TouchEvent) e.preventDefault()
+  }
+
+  function stopDrag() {
+    isDragging.value = false
+    document.removeEventListener('mousemove', onDrag)
+    document.removeEventListener('mouseup', stopDrag)
+    document.removeEventListener('touchmove', onDrag)
+    document.removeEventListener('touchend', stopDrag)
+  }
+
+  // 开始调整大小
+  function startResize(e: MouseEvent | TouchEvent, direction: ResizeDirection, element: HTMLElement) {
+    if (isFullscreen.value || isDragging.value) return
+    
+    isResizing.value = true
+    resizeDirection.value = direction
+    elementRef = element
+    
+    const rect = element.getBoundingClientRect()
+    const point = e instanceof MouseEvent ? e : e.touches[0]
+    
+    startX = point.clientX
+    startY = point.clientY
+    initialPosX = position.value.x
+    initialPosY = position.value.y
+    initialWidth_ = size.value.width || rect.width
+    initialHeight_ = size.value.height || rect.height
+    
+    document.addEventListener('mousemove', onResize)
+    document.addEventListener('mouseup', stopResize)
+    document.addEventListener('touchmove', onResize, { passive: false })
+    document.addEventListener('touchend', stopResize)
+  }
+
+  function onResize(e: MouseEvent | TouchEvent) {
+    if (!isResizing.value || !resizeDirection.value) return
+    
+    const point = e instanceof MouseEvent ? e : e.touches[0]
+    const deltaX = point.clientX - startX
+    const deltaY = point.clientY - startY
+    const dir = resizeDirection.value
+    
+    let newWidth = initialWidth_
+    let newHeight = initialHeight_
+    
+    // 东西方向调整宽度 - 直接使用 delta（不乘2，因为窗口居中）
+    if (dir.includes('e')) {
+      newWidth = Math.max(minWidth, initialWidth_ + deltaX * 2)
+    }
+    if (dir.includes('w')) {
+      newWidth = Math.max(minWidth, initialWidth_ - deltaX * 2)
+    }
+    
+    // 南北方向调整高度
+    if (dir.includes('s')) {
+      newHeight = Math.max(minHeight, initialHeight_ + deltaY * 2)
+    }
+    if (dir.includes('n')) {
+      newHeight = Math.max(minHeight, initialHeight_ - deltaY * 2)
+    }
+    
+    size.value = { width: newWidth, height: newHeight }
+    
+    if (e instanceof TouchEvent) e.preventDefault()
+  }
+
+  function stopResize() {
+    isResizing.value = false
+    resizeDirection.value = null
+    document.removeEventListener('mousemove', onResize)
+    document.removeEventListener('mouseup', stopResize)
+    document.removeEventListener('touchmove', onResize)
+    document.removeEventListener('touchend', stopResize)
+  }
+
+  // 切换全屏
+  function toggleFullscreen() {
+    isFullscreen.value = !isFullscreen.value
+  }
+
+  // 重置
+  function reset() {
+    position.value = { x: 0, y: 0 }
+    size.value = { width: initialWidth, height: initialHeight }
+    isFullscreen.value = false
+  }
+
+  onUnmounted(() => {
+    stopDrag()
+    stopResize()
+  })
+
+  return {
+    // 状态
+    isFullscreen,
+    isDragging,
+    isResizing,
+    position,
+    size,
+    // 计算属性
+    windowStyle,
+    // 方法
+    startDrag,
+    startResize,
+    toggleFullscreen,
+    reset,
+  }
+}
diff --git a/src/config/env.ts b/src/config/env.ts
index 89237a0..a06036f 100644
--- a/src/config/env.ts
+++ b/src/config/env.ts
@@ -68,8 +68,6 @@ export const THIRD_PARTY_CONFIG = {
 
 // 性能配置
 export const PERFORMANCE_CONFIG = {
-  quicklinkDelay: Number(import.meta.env.VITE_QUICKLINK_DELAY) || 500,
-  quicklinkLimit: Number(import.meta.env.VITE_QUICKLINK_LIMIT) || 10,
   statusCheckInterval: Number(import.meta.env.VITE_STATUS_CHECK_INTERVAL) || 30000,
   statusCheckTimeout: Number(import.meta.env.VITE_STATUS_CHECK_TIMEOUT) || 5000,
 } as const
diff --git a/src/config/index.ts b/src/config/index.ts
index 2c22c12..5f8eb62 100644
--- a/src/config/index.ts
+++ b/src/config/index.ts
@@ -68,8 +68,6 @@ interface AppConfig {
   
   // 性能配置
   performance: {
-    quicklinkDelay: number
-    quicklinkLimit: number
     lazyLoadThreshold: number
   }
   
@@ -167,8 +165,6 @@ export const config: AppConfig = {
   },
   
   performance: {
-    quicklinkDelay: getEnv('VITE_QUICKLINK_DELAY', 500),
-    quicklinkLimit: getEnv('VITE_QUICKLINK_LIMIT', 10),
     lazyLoadThreshold: getEnv('VITE_LAZY_LOAD_THRESHOLD', 0.5),
   },
   
diff --git a/src/main.ts b/src/main.ts
index 7bea61d..4f053f3 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -20,7 +20,6 @@ import './styles/glassmorphism.css'
 
 // 预加载随机图片 API
 const preloadImage = new Image()
-preloadImage.fetchPriority = 'high'
 preloadImage.src = `https://api.illlights.com/v1/img?t=${Date.now()}`
 
 // NProgress - 轻量级进度条
@@ -30,17 +29,27 @@ import { createProgressFetch } from './composables/useProgress'
 // Artalk 评论系统
 import 'artalk/dist/Artalk.css'
 
-// Fancybox - 图片灯箱和内容预览
-import { Fancybox } from '@fancyapps/ui'
-import '@fancyapps/ui/dist/fancybox/fancybox.css'
+// Fancybox - 图片灯箱（懒加载）
+import { initFancyboxLazy } from './composables/useFancybox'
 
 // 点击涟漪指令
 import { vRipple } from './directives/vRipple'
 
+// 文本滚动指令
+import { vTextScroll } from './composables/useTextScroll'
+
+// Anime.js 动画指令
+import { vAnime, vAnimeStagger, vHover, vTap } from './composables/useAnime'
+
 const app = createApp(App)
 
 // 注册全局指令
 app.directive('ripple', vRipple)
+app.directive('text-scroll', vTextScroll)
+app.directive('anime', vAnime)
+app.directive('anime-stagger', vAnimeStagger)
+app.directive('hover', vHover)
+app.directive('tap', vTap)
 const pinia = createPinia()
 
 // 配置 Pinia 插件
@@ -57,65 +66,8 @@ createProgressFetch()
 
 app.mount('#app')
 
-// 初始化 Fancybox 图片灯箱
-Fancybox.bind('[data-fancybox]', {
-  // 动画效果
-  showClass: 'f-fadeIn',
-  hideClass: 'f-fadeOut',
-  // 工具栏
-  Toolbar: {
-    display: {
-      left: ['infobar'],
-      middle: ['zoomIn', 'zoomOut', 'toggle1to1', 'rotateCCW', 'rotateCW', 'flipX', 'flipY'],
-      right: ['slideshow', 'thumbs', 'close'],
-    },
-  },
-  // 缩略图
-  Thumbs: {
-    type: 'classic',
-    autoStart: false,
-  },
-  // 幻灯片
-  Carousel: {
-    infinite: true,
-    transition: 'slide',
-    friction: 0.8,
-  },
-  // 图片设置
-  Images: {
-    zoom: true,
-    protected: true,
-  },
-  // 关闭设置
-  closeButton: 'top',
-  dragToClose: true,
-  // 键盘导航
-  keyboard: {
-    Escape: 'close',
-    Delete: 'close',
-    Backspace: 'close',
-    PageUp: 'next',
-    PageDown: 'prev',
-    ArrowUp: 'prev',
-    ArrowDown: 'next',
-    ArrowRight: 'next',
-    ArrowLeft: 'prev',
-  },
-  // 预加载
-  preload: 2,
-  // 移动端优化
-  touch: {
-    vertical: true,
-    momentum: true,
-  },
-  // 点击背景关闭
-  closeExisting: false,
-  trapFocus: true,
-  autoFocus: true,
-  placeFocusBack: true,
-  // 自定义样式
-  mainClass: 'fancybox-custom',
-})
+// 初始化 Fancybox 懒加载（首次点击图片时才加载）
+initFancyboxLazy()
 
 // Service Worker 更新检测
 // 当前激活的 SW 版本（运行时获取）
@@ -232,32 +184,3 @@ if ('serviceWorker' in navigator) {
 
 // 导出更新函数供组件使用
 ;(window as Window & { triggerSwUpdate?: typeof triggerSwUpdate }).triggerSwUpdate = triggerSwUpdate
-
-// Quicklink - 智能预加载可见链接
-import { listen } from 'quicklink'
-
-// Lozad 懒加载 - 与 Pinia store 集成
-import { initGlobalLazyLoad } from './composables/useLazyLoad'
-
-// 在页面加载完成后启用 Quicklink 和 Lozad
-window.addEventListener('load', () => {
-  // Quicklink 智能预加载
-  listen({
-    // 延迟启动（毫秒）
-    delay: 500,
-    // 预加载限制
-    limit: 10,
-    // 忽略的 URL 模式
-    ignores: [
-      // 忽略外部 API 链接
-      /\/api\//,
-      // 忽略评论系统
-      /artalk/,
-      // 忽略图片 API
-      /illlights\.com/,
-    ],
-  })
-
-  // 初始化 Lozad 懒加载（集成 Pinia store）
-  initGlobalLazyLoad()
-})
diff --git a/src/styles/base.css b/src/styles/base.css
index 3684cba..cc2704e 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -48,9 +48,23 @@
     
     /* 平滑滚动 */
     scroll-behavior: smooth;
-    
-    /* 过渡动画 */
-    transition: background 0.3s ease, color 0.3s ease;
+  }
+
+  /* 背景占位 - 在图片加载前显示渐变 */
+  #background-pattern {
+    background: 
+      radial-gradient(ellipse at 20% 30%, rgba(236, 72, 153, 0.15) 0%, transparent 50%),
+      radial-gradient(ellipse at 80% 70%, rgba(168, 85, 247, 0.12) 0%, transparent 50%),
+      radial-gradient(ellipse at 50% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 60%),
+      linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+  }
+
+  .dark #background-pattern {
+    background: 
+      radial-gradient(ellipse at 20% 30%, rgba(236, 72, 153, 0.08) 0%, transparent 50%),
+      radial-gradient(ellipse at 80% 70%, rgba(168, 85, 247, 0.06) 0%, transparent 50%),
+      radial-gradient(ellipse at 50% 50%, rgba(59, 130, 246, 0.05) 0%, transparent 60%),
+      linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
   }
 
   /* 暗色模式 - 透明背景 */
@@ -74,17 +88,6 @@
     transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  /* Lozad.js 懒加载样式 */
-  .lozad {
-    opacity: 0;
-    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .lozad-loaded,
-  .lozad[data-loaded="true"] {
-    opacity: 1;
-  }
-
   /* ============================================
      性能优化工具类
      ============================================ */
@@ -230,5 +233,86 @@
   .draggable:active {
     cursor: grabbing;
   }
+
+  /* ============================================
+     滚动显示文本 - 替代省略号
+     ============================================ */
+  
+  /* 滚动文本容器 */
+  .text-scroll {
+    overflow: hidden;
+    white-space: nowrap;
+    position: relative;
+  }
+
+  .text-scroll-inner {
+    display: inline-block;
+    padding-right: 2rem;
+    animation: none;
+  }
+
+  /* 悬停时滚动 */
+  .text-scroll:hover .text-scroll-inner {
+    animation: marquee-scroll 8s linear infinite;
+  }
+
+  /* 需要滚动时才启用动画（JS 控制添加此类） */
+  .text-scroll.is-overflowing:hover .text-scroll-inner {
+    animation: marquee-scroll var(--scroll-duration, 8s) linear infinite;
+  }
+
+  /* 非溢出时不滚动 */
+  .text-scroll:not(.is-overflowing) .text-scroll-inner {
+    animation: none !important;
+  }
+
+  @keyframes marquee-scroll {
+    0% {
+      transform: translateX(0);
+    }
+    100% {
+      transform: translateX(-50%);
+    }
+  }
+
+  /* 渐隐边缘 */
+  .text-scroll::before,
+  .text-scroll::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 1.5rem;
+    z-index: 1;
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity 0.2s ease;
+  }
+
+  .text-scroll::before {
+    left: 0;
+    background: linear-gradient(to right, currentColor 0%, transparent 100%);
+  }
+
+  .text-scroll::after {
+    right: 0;
+    background: linear-gradient(to left, currentColor 0%, transparent 100%);
+  }
+
+  .text-scroll.is-overflowing::after {
+    opacity: 0.15;
+  }
+
+  .text-scroll.is-overflowing:hover::before {
+    opacity: 0.15;
+  }
+
+  /* 减少动画偏好时禁用滚动 */
+  @media (prefers-reduced-motion: reduce) {
+    .text-scroll:hover .text-scroll-inner,
+    .text-scroll.is-overflowing:hover .text-scroll-inner {
+      animation: none !important;
+    }
+  }
 }
 
diff --git a/src/types/lozad.d.ts b/src/types/lozad.d.ts
deleted file mode 100644
index d3b414a..0000000
--- a/src/types/lozad.d.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-declare module 'lozad' {
-  interface LozadOptions {
-    /** Root element for intersection observer */
-    root?: Element | null
-    /** Margin around the root element */
-    rootMargin?: string
-    /** Intersection threshold (0 to 1) */
-    threshold?: number | number[]
-    /** Enable auto reload for dynamically added elements */
-    enableAutoReload?: boolean
-    /** Callback when element is loaded */
-    loaded?: (el: Element) => void
-    /** Custom load function */
-    load?: (el: Element) => void
-  }
-
-  interface LozadObserver {
-    /** Start observing elements */
-    observe(): void
-    /** Trigger load for specific element */
-    triggerLoad(el: Element): void
-    /** Access the IntersectionObserver instance */
-    observer: IntersectionObserver
-  }
-
-  /**
-   * Creates a lozad observer instance
-   * @param selector - CSS selector or NodeList of elements to observe
-   * @param options - Configuration options
-   */
-  function lozad(
-    selector?: string | NodeList | Element,
-    options?: LozadOptions
-  ): LozadObserver
-
-  export default lozad
-}
-
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 60a25e6..fe1ff4e 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -48,8 +48,6 @@ interface ImportMetaEnv {
   readonly VITE_THEME_BACKGROUND_DARK: string
   
   // 性能配置
-  readonly VITE_QUICKLINK_DELAY: string
-  readonly VITE_QUICKLINK_LIMIT: string
   readonly VITE_LAZY_LOAD_THRESHOLD: string
   
   // 开发配置
diff --git a/tsconfig.node.tsbuildinfo b/tsconfig.node.tsbuildinfo
new file mode 100644
index 0000000..e945eda
--- /dev/null
+++ b/tsconfig.node.tsbuildinfo
@@ -0,0 +1 @@
+{"fileNames":["./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es5.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.webworker.importscripts.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.scripthost.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.core.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.intl.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.date.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.object.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.string.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.array.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.object.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.string.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.date.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.string.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.number.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.disposable.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.esnext.float16.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.decorators.d.ts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/compatibility/iterators.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/globals.typedarray.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/buffer.buffer.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/globals.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/abortcontroller.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/blob.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/console.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/crypto.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/domexception.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/encoding.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/events.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/utility.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/header.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/readable.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/fetch.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/formdata.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/connector.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/client-stats.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/client.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/errors.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/dispatcher.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/global-dispatcher.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/global-origin.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/pool-stats.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/pool.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/handlers.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/balanced-pool.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/h2c-client.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/agent.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/mock-interceptor.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/mock-call-history.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/mock-agent.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/mock-client.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/mock-pool.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/snapshot-agent.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/mock-errors.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/proxy-agent.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/env-http-proxy-agent.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/retry-handler.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/retry-agent.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/api.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/cache-interceptor.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/interceptors.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/util.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/cookies.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/patch.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/websocket.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/eventsource.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/diagnostics-channel.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/content-type.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/cache.d.ts","./node_modules/.pnpm/undici-types@7.16.0/node_modules/undici-types/index.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/fetch.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/importmeta.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/messaging.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/navigator.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/performance.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/storage.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/streams.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/timers.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/web-globals/url.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/assert.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/assert/strict.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/async_hooks.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/buffer.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/child_process.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/cluster.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/console.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/constants.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/crypto.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/dgram.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/diagnostics_channel.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/dns.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/dns/promises.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/domain.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/events.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/fs.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/fs/promises.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/http.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/http2.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/https.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/inspector.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/inspector.generated.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/inspector/promises.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/module.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/net.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/os.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/path.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/path/posix.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/path/win32.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/perf_hooks.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/process.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/punycode.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/querystring.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/quic.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/readline.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/readline/promises.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/repl.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/sea.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/sqlite.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/stream.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/stream/consumers.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/stream/promises.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/stream/web.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/string_decoder.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/test.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/test/reporters.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/timers.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/timers/promises.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/tls.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/trace_events.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/tty.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/url.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/util.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/util/types.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/v8.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/vm.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/wasi.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/worker_threads.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/zlib.d.ts","./node_modules/.pnpm/@types+node@25.0.2/node_modules/@types/node/index.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/types/hmrpayload.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/dist/node/chunks/modulerunnertransport.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/types/customevent.d.ts","./node_modules/.pnpm/@types+estree@1.0.8/node_modules/@types/estree/index.d.ts","./node_modules/.pnpm/rollup@4.53.2/node_modules/rollup/dist/rollup.d.ts","./node_modules/.pnpm/rollup@4.53.2/node_modules/rollup/dist/parseast.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/types/hot.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/dist/node/module-runner.d.ts","./node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/lib/main.d.ts","./node_modules/.pnpm/@jridgewell+trace-mapping@0.3.31/node_modules/@jridgewell/trace-mapping/types/sourcemap-segment.d.mts","./node_modules/.pnpm/@jridgewell+trace-mapping@0.3.31/node_modules/@jridgewell/trace-mapping/types/types.d.mts","./node_modules/.pnpm/@jridgewell+trace-mapping@0.3.31/node_modules/@jridgewell/trace-mapping/types/flatten-map.d.mts","./node_modules/.pnpm/@jridgewell+trace-mapping@0.3.31/node_modules/@jridgewell/trace-mapping/types/trace-mapping.d.mts","./node_modules/.pnpm/@jridgewell+gen-mapping@0.3.13/node_modules/@jridgewell/gen-mapping/types/sourcemap-segment.d.mts","./node_modules/.pnpm/@jridgewell+gen-mapping@0.3.13/node_modules/@jridgewell/gen-mapping/types/types.d.mts","./node_modules/.pnpm/@jridgewell+gen-mapping@0.3.13/node_modules/@jridgewell/gen-mapping/types/gen-mapping.d.mts","./node_modules/.pnpm/@jridgewell+source-map@0.3.11/node_modules/@jridgewell/source-map/types/source-map.d.mts","./node_modules/.pnpm/terser@5.44.1/node_modules/terser/tools/terser.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/types/internal/terseroptions.d.ts","./node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/source-map.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/previous-map.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/input.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/css-syntax-error.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/declaration.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/root.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/warning.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/lazy-result.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/no-work-result.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/processor.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/result.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/document.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/rule.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/node.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/comment.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/container.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/at-rule.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/list.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/postcss.d.ts","./node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/postcss.d.mts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/types/internal/csspreprocessoroptions.d.ts","./node_modules/.pnpm/lightningcss@1.30.2/node_modules/lightningcss/node/ast.d.ts","./node_modules/.pnpm/lightningcss@1.30.2/node_modules/lightningcss/node/targets.d.ts","./node_modules/.pnpm/lightningcss@1.30.2/node_modules/lightningcss/node/index.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/types/internal/lightningcssoptions.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/types/importglob.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/types/metadata.d.ts","./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/dist/node/index.d.ts","./node_modules/.pnpm/@babel+types@7.28.5/node_modules/@babel/types/lib/index.d.ts","./node_modules/.pnpm/@vue+shared@3.5.25/node_modules/@vue/shared/dist/shared.d.ts","./node_modules/.pnpm/@babel+parser@7.28.5/node_modules/@babel/parser/typings/babel-parser.d.ts","./node_modules/.pnpm/@vue+compiler-core@3.5.25/node_modules/@vue/compiler-core/dist/compiler-core.d.ts","./node_modules/.pnpm/magic-string@0.30.21/node_modules/magic-string/dist/magic-string.es.d.mts","./node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/typescript.d.ts","./node_modules/.pnpm/@vue+compiler-sfc@3.5.25/node_modules/@vue/compiler-sfc/dist/compiler-sfc.d.ts","./node_modules/.pnpm/vue@3.5.25_typescript@5.9.3/node_modules/vue/compiler-sfc/index.d.mts","./node_modules/.pnpm/@vitejs+plugin-vue@6.0.3_vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_t_968b17c2f2389680dcb07115e591595b/node_modules/@vitejs/plugin-vue/dist/index.d.mts","./node_modules/.pnpm/@tailwindcss+vite@4.1.18_vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_/node_modules/@tailwindcss/vite/dist/index.d.mts","./scripts/sw-version-plugin.ts","./vite.config.ts","./node_modules/.pnpm/@types+nprogress@0.2.3/node_modules/@types/nprogress/index.d.ts","./node_modules/.pnpm/@types+prismjs@1.26.5/node_modules/@types/prismjs/index.d.ts"],"fileIdsList":[[54,116,124,128,131,133,134,135,147,220],[54,116,124,128,131,133,134,135,147],[54,116,124,128,131,133,134,135,147,185,187],[54,116,124,128,131,133,134,135,147,186],[54,116,124,128,131,133,134,135,147,185,188],[54,116,124,128,131,133,134,135,147,183,185],[54,116,124,128,131,133,134,135,147,182,183,184],[54,116,124,128,131,133,134,135,147,182,185],[54,116,124,128,131,133,134,135,147,219],[54,113,114,116,124,128,131,133,134,135,147],[54,115,116,124,128,131,133,134,135,147],[116,124,128,131,133,134,135,147],[54,116,124,128,131,133,134,135,147,155],[54,116,117,122,124,127,128,131,133,134,135,137,147,152,164],[54,116,117,118,124,127,128,131,133,134,135,147],[54,116,119,124,128,131,133,134,135,147,165],[54,116,120,121,124,128,131,133,134,135,138,147],[54,116,121,124,128,131,133,134,135,147,152,161],[54,116,122,124,127,128,131,133,134,135,137,147],[54,115,116,123,124,128,131,133,134,135,147],[54,116,124,125,128,131,133,134,135,147],[54,116,124,126,127,128,131,133,134,135,147],[54,115,116,124,127,128,131,133,134,135,147],[54,116,124,127,128,129,131,133,134,135,147,152,164],[54,116,124,127,128,129,131,133,134,135,147,152,155],[54,103,116,124,127,128,130,131,133,134,135,137,147,152,164],[54,116,124,127,128,130,131,133,134,135,137,147,152,161,164],[54,116,124,128,130,131,132,133,134,135,147,152,161,164],[52,53,54,55,56,57,58,59,60,61,62,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171],[54,116,124,127,128,131,133,134,135,147],[54,116,124,128,131,133,135,147],[54,116,124,128,131,133,134,135,136,147,164],[54,116,124,127,128,131,133,134,135,137,147,152],[54,116,124,128,131,133,134,135,138,147],[54,116,124,128,131,133,134,135,139,147],[54,116,124,127,128,131,133,134,135,142,147],[54,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171],[54,116,124,128,131,133,134,135,144,147],[54,116,124,128,131,133,134,135,145,147],[54,116,121,124,128,131,133,134,135,137,147,155],[54,116,124,127,128,131,133,134,135,147,148],[54,116,124,128,131,133,134,135,147,149,165,168],[54,116,124,127,128,131,133,134,135,147,152,154,155],[54,116,124,128,131,133,134,135,147,153,155],[54,116,124,128,131,133,134,135,147,155,165],[54,116,124,128,131,133,134,135,147,156],[54,113,116,124,128,131,133,134,135,147,152,158],[54,116,124,128,131,133,134,135,147,152,157],[54,116,124,127,128,131,133,134,135,147,159,160],[54,116,124,128,131,133,134,135,147,159,160],[54,116,121,124,128,131,133,134,135,137,147,152,161],[54,116,124,128,131,133,134,135,147,162],[54,116,124,128,131,133,134,135,137,147,163],[54,116,124,128,130,131,133,134,135,145,147,164],[54,116,124,128,131,133,134,135,147,165,166],[54,116,121,124,128,131,133,134,135,147,166],[54,116,124,128,131,133,134,135,147,152,167],[54,116,124,128,131,133,134,135,136,147,168],[54,116,124,128,131,133,134,135,147,169],[54,116,119,124,128,131,133,134,135,147],[54,116,121,124,128,131,133,134,135,147],[54,116,124,128,131,133,134,135,147,165],[54,103,116,124,128,131,133,134,135,147],[54,116,124,128,131,133,134,135,147,164],[54,116,124,128,131,133,134,135,147,170],[54,116,124,128,131,133,134,135,142,147],[54,116,124,128,131,133,134,135,147,160],[54,103,116,124,127,128,129,131,133,134,135,142,147,152,155,164,167,168,170],[54,116,124,128,131,133,134,135,147,152,171],[54,116,124,128,131,133,134,135,147,219,227],[54,116,124,128,131,133,134,135,147,220,221,222],[54,116,124,128,131,133,134,135,147,211,220,222,223,224,225],[54,116,124,128,131,133,134,135,147,213,214],[54,116,124,128,131,133,134,135,147,207],[54,116,124,128,131,133,134,135,147,205,207],[54,116,124,128,131,133,134,135,147,196,204,205,206,208,210],[54,116,124,128,131,133,134,135,147,194],[54,116,124,128,131,133,134,135,147,197,202,207,210],[54,116,124,128,131,133,134,135,147,193,210],[54,116,124,128,131,133,134,135,147,197,198,201,202,203,210],[54,116,124,128,131,133,134,135,147,197,198,199,201,202,210],[54,116,124,128,131,133,134,135,147,194,195,196,197,198,202,203,204,206,207,208,210],[54,116,124,128,131,133,134,135,147,210],[54,116,124,128,131,133,134,135,147,192,194,195,196,197,198,199,201,202,203,204,205,206,207,208,209],[54,116,124,128,131,133,134,135,147,192,210],[54,116,124,128,131,133,134,135,147,197,199,200,202,203,210],[54,116,124,128,131,133,134,135,147,201,210],[54,116,124,128,131,133,134,135,147,202,203,207,210],[54,116,124,128,131,133,134,135,147,195,205],[54,116,124,128,131,133,134,135,147,177,218,219],[54,116,124,128,131,133,134,135,147,176,177],[54,116,124,128,131,133,134,135,147,189],[54,69,72,75,76,116,124,128,131,133,134,135,147,164],[54,72,116,124,128,131,133,134,135,147,152,164],[54,72,76,116,124,128,131,133,134,135,147,164],[54,116,124,128,131,133,134,135,147,152],[54,66,116,124,128,131,133,134,135,147],[54,70,116,124,128,131,133,134,135,147],[54,68,69,72,116,124,128,131,133,134,135,147,164],[54,116,124,128,131,133,134,135,137,147,161],[54,116,124,128,131,133,134,135,147,172],[54,66,116,124,128,131,133,134,135,147,172],[54,68,72,116,124,128,131,133,134,135,137,147,164],[54,63,64,65,67,71,116,124,127,128,131,133,134,135,147,152,164],[54,72,80,88,116,124,128,131,133,134,135,147],[54,64,70,116,124,128,131,133,134,135,147],[54,72,97,98,116,124,128,131,133,134,135,147],[54,64,67,72,116,124,128,131,133,134,135,147,155,164,172],[54,72,116,124,128,131,133,134,135,147],[54,68,72,116,124,128,131,133,134,135,147,164],[54,63,116,124,128,131,133,134,135,147],[54,66,67,68,70,71,72,73,74,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,98,99,100,101,102,116,124,128,131,133,134,135,147],[54,72,90,93,116,124,128,131,133,134,135,147],[54,72,80,81,82,116,124,128,131,133,134,135,147],[54,70,72,81,83,116,124,128,131,133,134,135,147],[54,71,116,124,128,131,133,134,135,147],[54,64,66,72,116,124,128,131,133,134,135,147],[54,72,76,81,83,116,124,128,131,133,134,135,147],[54,76,116,124,128,131,133,134,135,147],[54,70,72,75,116,124,128,131,133,134,135,147,164],[54,64,68,72,80,116,124,128,131,133,134,135,147],[54,72,90,116,124,128,131,133,134,135,147],[54,83,116,124,128,131,133,134,135,147],[54,66,72,97,116,124,128,131,133,134,135,147,155,170,172],[54,116,124,128,131,133,134,135,147,173],[54,116,124,127,128,130,131,132,133,134,135,137,147,152,161,164,171,172,173,174,175,177,178,180,181,191,211,212,216,217,218,219],[54,116,124,128,131,133,134,135,147,173,174,175,179],[54,116,124,128,131,133,134,135,147,175],[54,116,124,128,131,133,134,135,147,215],[54,116,124,128,131,133,134,135,147,190],[54,116,124,128,131,133,134,135,147,177,219],[54,116,124,128,131,133,134,135,147,226],[54,116,117,124,128,131,133,134,135,139,147,219],[54,116,124,128,131,133,134,135,147,164,219,228,229,230]],"fileInfos":[{"version":"a7297ff837fcdf174a9524925966429eb8e5feecc2cc55cc06574e6b092c1eaa","impliedFormat":1},{"version":"c430d44666289dae81f30fa7b2edebf186ecc91a2d4c71266ea6ae76388792e1","affectsGlobalScope":true,"impliedFormat":1},{"version":"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","impliedFormat":1},{"version":"3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","impliedFormat":1},{"version":"e44bb8bbac7f10ecc786703fe0a6a4b952189f908707980ba8f3c8975a760962","impliedFormat":1},{"version":"5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","impliedFormat":1},{"version":"68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","impliedFormat":1},{"version":"5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","impliedFormat":1},{"version":"080941d9f9ff9307f7e27a83bcd888b7c8270716c39af943532438932ec1d0b9","affectsGlobalScope":true,"impliedFormat":1},{"version":"80e18897e5884b6723488d4f5652167e7bb5024f946743134ecc4aa4ee731f89","affectsGlobalScope":true,"impliedFormat":1},{"version":"cd034f499c6cdca722b60c04b5b1b78e058487a7085a8e0d6fb50809947ee573","affectsGlobalScope":true,"impliedFormat":1},{"version":"c57796738e7f83dbc4b8e65132f11a377649c00dd3eee333f672b8f0a6bea671","affectsGlobalScope":true,"impliedFormat":1},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true,"impliedFormat":1},{"version":"515d0b7b9bea2e31ea4ec968e9edd2c39d3eebf4a2d5cbd04e88639819ae3b71","affectsGlobalScope":true,"impliedFormat":1},{"version":"0559b1f683ac7505ae451f9a96ce4c3c92bdc71411651ca6ddb0e88baaaad6a3","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true,"impliedFormat":1},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true,"impliedFormat":1},{"version":"fb0f136d372979348d59b3f5020b4cdb81b5504192b1cacff5d1fbba29378aa1","affectsGlobalScope":true,"impliedFormat":1},{"version":"d15bea3d62cbbdb9797079416b8ac375ae99162a7fba5de2c6c505446486ac0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"68d18b664c9d32a7336a70235958b8997ebc1c3b8505f4f1ae2b7e7753b87618","affectsGlobalScope":true,"impliedFormat":1},{"version":"eb3d66c8327153d8fa7dd03f9c58d351107fe824c79e9b56b462935176cdf12a","affectsGlobalScope":true,"impliedFormat":1},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true,"impliedFormat":1},{"version":"69ab18c3b76cd9b1be3d188eaf8bba06112ebbe2f47f6c322b5105a6fbc45a2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"a680117f487a4d2f30ea46f1b4b7f58bef1480456e18ba53ee85c2746eeca012","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true,"impliedFormat":1},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"954296b30da6d508a104a3a0b5d96b76495c709785c1d11610908e63481ee667","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac9538681b19688c8eae65811b329d3744af679e0bdfa5d842d0e32524c73e1c","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a969edff4bd52585473d24995c5ef223f6652d6ef46193309b3921d65dd4376","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true,"impliedFormat":1},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true,"impliedFormat":1},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true,"impliedFormat":1},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true,"impliedFormat":1},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"d6d7ae4d1f1f3772e2a3cde568ed08991a8ae34a080ff1151af28b7f798e22ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true,"impliedFormat":1},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true,"impliedFormat":1},{"version":"52ada8e0b6e0482b728070b7639ee42e83a9b1c22d205992756fe020fd9f4a47","affectsGlobalScope":true,"impliedFormat":1},{"version":"3bdefe1bfd4d6dee0e26f928f93ccc128f1b64d5d501ff4a8cf3c6371200e5e6","affectsGlobalScope":true,"impliedFormat":1},{"version":"59fb2c069260b4ba00b5643b907ef5d5341b167e7d1dbf58dfd895658bda2867","affectsGlobalScope":true,"impliedFormat":1},{"version":"639e512c0dfc3fad96a84caad71b8834d66329a1f28dc95e3946c9b58176c73a","affectsGlobalScope":true,"impliedFormat":1},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true,"impliedFormat":1},{"version":"51ad4c928303041605b4d7ae32e0c1ee387d43a24cd6f1ebf4a2699e1076d4fa","affectsGlobalScope":true,"impliedFormat":1},{"version":"196cb558a13d4533a5163286f30b0509ce0210e4b316c56c38d4c0fd2fb38405","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e7f8264d0fb4c5339605a15daadb037bf238c10b654bb3eee14208f860a32ea","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},{"version":"d153a11543fd884b596587ccd97aebbeed950b26933ee000f94009f1ab142848","affectsGlobalScope":true,"impliedFormat":1},{"version":"0ccdaa19852d25ecd84eec365c3bfa16e7859cadecf6e9ca6d0dbbbee439743f","affectsGlobalScope":true,"impliedFormat":1},{"version":"438b41419b1df9f1fbe33b5e1b18f5853432be205991d1b19f5b7f351675541e","affectsGlobalScope":true,"impliedFormat":1},{"version":"096116f8fedc1765d5bd6ef360c257b4a9048e5415054b3bf3c41b07f8951b0b","affectsGlobalScope":true,"impliedFormat":1},{"version":"e5e01375c9e124a83b52ee4b3244ed1a4d214a6cfb54ac73e164a823a4a7860a","affectsGlobalScope":true,"impliedFormat":1},{"version":"f90ae2bbce1505e67f2f6502392e318f5714bae82d2d969185c4a6cecc8af2fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"4b58e207b93a8f1c88bbf2a95ddc686ac83962b13830fe8ad3f404ffc7051fb4","affectsGlobalScope":true,"impliedFormat":1},{"version":"1fefabcb2b06736a66d2904074d56268753654805e829989a46a0161cd8412c5","affectsGlobalScope":true,"impliedFormat":1},{"version":"9798340ffb0d067d69b1ae5b32faa17ab31b82466a3fc00d8f2f2df0c8554aaa","affectsGlobalScope":true,"impliedFormat":1},{"version":"c18a99f01eb788d849ad032b31cafd49de0b19e083fe775370834c5675d7df8e","affectsGlobalScope":true,"impliedFormat":1},{"version":"5247874c2a23b9a62d178ae84f2db6a1d54e6c9a2e7e057e178cc5eea13757fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"cdcf9ea426ad970f96ac930cd176d5c69c6c24eebd9fc580e1572d6c6a88f62c","impliedFormat":1},{"version":"23cd712e2ce083d68afe69224587438e5914b457b8acf87073c22494d706a3d0","impliedFormat":1},{"version":"487b694c3de27ddf4ad107d4007ad304d29effccf9800c8ae23c2093638d906a","impliedFormat":1},{"version":"3a80bc85f38526ca3b08007ee80712e7bb0601df178b23fbf0bf87036fce40ce","impliedFormat":1},{"version":"ccf4552357ce3c159ef75f0f0114e80401702228f1898bdc9402214c9499e8c0","impliedFormat":1},{"version":"c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","impliedFormat":1},{"version":"68834d631c8838c715f225509cfc3927913b9cc7a4870460b5b60c8dbdb99baf","impliedFormat":1},{"version":"2931540c47ee0ff8a62860e61782eb17b155615db61e36986e54645ec67f67c2","impliedFormat":1},{"version":"ccab02f3920fc75c01174c47fcf67882a11daf16baf9e81701d0a94636e94556","impliedFormat":1},{"version":"f6faf5f74e4c4cc309a6c6a6c4da02dbb840be5d3e92905a23dcd7b2b0bd1986","impliedFormat":1},{"version":"ea6bc8de8b59f90a7a3960005fd01988f98fd0784e14bc6922dde2e93305ec7d","impliedFormat":1},{"version":"36107995674b29284a115e21a0618c4c2751b32a8766dd4cb3ba740308b16d59","impliedFormat":1},{"version":"914a0ae30d96d71915fc519ccb4efbf2b62c0ddfb3a3fc6129151076bc01dc60","impliedFormat":1},{"version":"33e981bf6376e939f99bd7f89abec757c64897d33c005036b9a10d9587d80187","impliedFormat":1},{"version":"7fd1b31fd35876b0aa650811c25ec2c97a3c6387e5473eb18004bed86cdd76b6","impliedFormat":1},{"version":"b41767d372275c154c7ea6c9d5449d9a741b8ce080f640155cc88ba1763e35b3","impliedFormat":1},{"version":"3bacf516d686d08682751a3bd2519ea3b8041a164bfb4f1d35728993e70a2426","impliedFormat":1},{"version":"7fb266686238369442bd1719bc0d7edd0199da4fb8540354e1ff7f16669b4323","impliedFormat":1},{"version":"0a60a292b89ca7218b8616f78e5bbd1c96b87e048849469cccb4355e98af959a","impliedFormat":1},{"version":"0b6e25234b4eec6ed96ab138d96eb70b135690d7dd01f3dd8a8ab291c35a683a","impliedFormat":1},{"version":"9666f2f84b985b62400d2e5ab0adae9ff44de9b2a34803c2c5bd3c8325b17dc0","impliedFormat":1},{"version":"40cd35c95e9cf22cfa5bd84e96408b6fcbca55295f4ff822390abb11afbc3dca","impliedFormat":1},{"version":"b1616b8959bf557feb16369c6124a97a0e74ed6f49d1df73bb4b9ddf68acf3f3","impliedFormat":1},{"version":"5b03a034c72146b61573aab280f295b015b9168470f2df05f6080a2122f9b4df","impliedFormat":1},{"version":"40b463c6766ca1b689bfcc46d26b5e295954f32ad43e37ee6953c0a677e4ae2b","impliedFormat":1},{"version":"249b9cab7f5d628b71308c7d9bb0a808b50b091e640ba3ed6e2d0516f4a8d91d","impliedFormat":1},{"version":"80aae6afc67faa5ac0b32b5b8bc8cc9f7fa299cff15cf09cc2e11fd28c6ae29e","impliedFormat":1},{"version":"f473cd2288991ff3221165dcf73cd5d24da30391f87e85b3dd4d0450c787a391","impliedFormat":1},{"version":"499e5b055a5aba1e1998f7311a6c441a369831c70905cc565ceac93c28083d53","impliedFormat":1},{"version":"54c3e2371e3d016469ad959697fd257e5621e16296fa67082c2575d0bf8eced0","impliedFormat":1},{"version":"beb8233b2c220cfa0feea31fbe9218d89fa02faa81ef744be8dce5acb89bb1fd","impliedFormat":1},{"version":"c183b931b68ad184bc8e8372bf663f3d33304772fb482f29fb91b3c391031f3e","impliedFormat":1},{"version":"5d0375ca7310efb77e3ef18d068d53784faf62705e0ad04569597ae0e755c401","impliedFormat":1},{"version":"59af37caec41ecf7b2e76059c9672a49e682c1a2aa6f9d7dc78878f53aa284d6","impliedFormat":1},{"version":"addf417b9eb3f938fddf8d81e96393a165e4be0d4a8b6402292f9c634b1cb00d","impliedFormat":1},{"version":"48cc3ec153b50985fb95153258a710782b25975b10dd4ac8a4f3920632d10790","impliedFormat":1},{"version":"adf27937dba6af9f08a68c5b1d3fce0ca7d4b960c57e6d6c844e7d1a8e53adae","impliedFormat":1},{"version":"e1528ca65ac90f6fa0e4a247eb656b4263c470bb22d9033e466463e13395e599","impliedFormat":1},{"version":"2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","impliedFormat":1},{"version":"c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","impliedFormat":1},{"version":"866078923a56d026e39243b4392e282c1c63159723996fa89243140e1388a98d","impliedFormat":1},{"version":"dd0109710de4cd93e245121ab86d8c66d20f3ead80074b68e9c3e349c4f53342","affectsGlobalScope":true,"impliedFormat":1},{"version":"b3275d55fac10b799c9546804126239baf020d220136163f763b55a74e50e750","affectsGlobalScope":true,"impliedFormat":1},{"version":"fa68a0a3b7cb32c00e39ee3cd31f8f15b80cac97dce51b6ee7fc14a1e8deb30b","affectsGlobalScope":true,"impliedFormat":1},{"version":"1cf059eaf468efcc649f8cf6075d3cb98e9a35a0fe9c44419ec3d2f5428d7123","affectsGlobalScope":true,"impliedFormat":1},{"version":"6c36e755bced82df7fb6ce8169265d0a7bb046ab4e2cb6d0da0cb72b22033e89","affectsGlobalScope":true,"impliedFormat":1},{"version":"e7721c4f69f93c91360c26a0a84ee885997d748237ef78ef665b153e622b36c1","affectsGlobalScope":true,"impliedFormat":1},{"version":"7a93de4ff8a63bafe62ba86b89af1df0ccb5e40bb85b0c67d6bbcfdcf96bf3d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"90e85f9bc549dfe2b5749b45fe734144e96cd5d04b38eae244028794e142a77e","affectsGlobalScope":true,"impliedFormat":1},{"version":"e0a5deeb610b2a50a6350bd23df6490036a1773a8a71d70f2f9549ab009e67ee","affectsGlobalScope":true,"impliedFormat":1},{"version":"435b3711465425770ed2ee2f1cf00ce071835265e0851a7dc4600ab4b007550e","impliedFormat":1},{"version":"7e49f52a159435fc8df4de9dc377ef5860732ca2dc9efec1640531d3cf5da7a3","impliedFormat":1},{"version":"dd4bde4bdc2e5394aed6855e98cf135dfdf5dd6468cad842e03116d31bbcc9bc","impliedFormat":1},{"version":"4d4e879009a84a47c05350b8dca823036ba3a29a3038efed1be76c9f81e45edf","affectsGlobalScope":true,"impliedFormat":1},{"version":"cf83d90d5faf27b994c2e79af02e32b555dbfe42cd9bd1571445f2168d1f4e2d","impliedFormat":1},{"version":"9ba13b47cb450a438e3076c4a3f6afb9dc85e17eae50f26d4b2d72c0688c9251","impliedFormat":1},{"version":"b64cd4401633ea4ecadfd700ddc8323a13b63b106ac7127c1d2726f32424622c","impliedFormat":1},{"version":"37c6e5fe5715814412b43cc9b50b24c67a63c4e04e753e0d1305970d65417a60","impliedFormat":1},{"version":"0e28335ac43f4d94dd2fe6d9e6fa6813570640839addd10d309d7985f33a6308","impliedFormat":1},{"version":"ee0e4946247f842c6dd483cbb60a5e6b484fee07996e3a7bc7343dfb68a04c5d","impliedFormat":1},{"version":"ef051f42b7e0ef5ca04552f54c4552eac84099d64b6c5ad0ef4033574b6035b8","impliedFormat":1},{"version":"853a43154f1d01b0173d9cbd74063507ece57170bad7a3b68f3fa1229ad0a92f","impliedFormat":1},{"version":"56231e3c39a031bfb0afb797690b20ed4537670c93c0318b72d5180833d98b72","impliedFormat":1},{"version":"5cc7c39031bfd8b00ad58f32143d59eb6ffc24f5d41a20931269011dccd36c5e","impliedFormat":1},{"version":"836b1d038d400811f265b04c758e1ef0fb64d915499a4ef590acc54761875075","affectsGlobalScope":true,"impliedFormat":1},{"version":"961cf7535b9c521cd634055b1b6ac49b94d055f0b573ce7fdc4cfaddab080b7c","impliedFormat":1},{"version":"806a8c6daae69e5695e7200d9eca6bc1e4298f38d90edda3ce67a794da31a24f","impliedFormat":1},{"version":"ac86245c2f31335bfd52cbe7fc760f9fc4f165387875869a478a6d9616a95e72","impliedFormat":1},{"version":"01ff95aa1443e3f7248974e5a771f513cb2ac158c8898f470a1792f817bee497","impliedFormat":1},{"version":"9d96a7ce809392ff2cb99691acf7c62e632fe56897356ba013b689277aca3619","impliedFormat":1},{"version":"42a05d8f239f74587d4926aba8cc54792eed8e8a442c7adc9b38b516642aadfe","impliedFormat":1},{"version":"5d21b58d60383cc6ab9ad3d3e265d7d25af24a2c9b506247e0e50b0a884920be","impliedFormat":1},{"version":"101f482fd48cb4c7c0468dcc6d62c843d842977aea6235644b1edd05e81fbf22","impliedFormat":1},{"version":"ae6757460f37078884b1571a3de3ebaf724d827d7e1d53626c02b3c2a408ac63","affectsGlobalScope":true,"impliedFormat":1},{"version":"27c0a08e343c6a0ae17bd13ba6d44a9758236dc904cd5e4b43456996cd51f520","impliedFormat":1},{"version":"3ef397f12387eff17f550bc484ea7c27d21d43816bbe609d495107f44b97e933","impliedFormat":1},{"version":"1023282e2ba810bc07905d3668349fbd37a26411f0c8f94a70ef3c05fe523fcf","impliedFormat":1},{"version":"b214ebcf76c51b115453f69729ee8aa7b7f8eccdae2a922b568a45c2d7ff52f7","impliedFormat":1},{"version":"429c9cdfa7d126255779efd7e6d9057ced2d69c81859bbab32073bad52e9ba76","impliedFormat":1},{"version":"6f80e51ba310608cd71bcdc09a171d7bbfb3b316048601c9ec215ce16a8dcfbc","impliedFormat":1},{"version":"a3bdc774995d56caaac759a424831091bb22450ca3590f34dae53d98323be191","affectsGlobalScope":true,"impliedFormat":1},{"version":"7f2c62938251b45715fd2a9887060ec4fbc8724727029d1cbce373747252bdd7","impliedFormat":1},{"version":"e3ace08b6bbd84655d41e244677b474fd995923ffef7149ddb68af8848b60b05","impliedFormat":1},{"version":"132580b0e86c48fab152bab850fc57a4b74fe915c8958d2ccb052b809a44b61c","impliedFormat":1},{"version":"af4ab0aa8908fc9a655bb833d3bc28e117c4f0e1038c5a891546158beb25accb","impliedFormat":1},{"version":"69c9a5a9392e8564bd81116e1ed93b13205201fb44cb35a7fde8c9f9e21c4b23","impliedFormat":1},{"version":"5f8fc37f8434691ffac1bfd8fc2634647da2c0e84253ab5d2dd19a7718915b35","impliedFormat":1},{"version":"5981c2340fd8b076cae8efbae818d42c11ffc615994cb060b1cd390795f1be2b","impliedFormat":1},{"version":"2ca2bca6845a7234eff5c3d192727a068fca72ac565f3c819c6b04ccc83dadc0","impliedFormat":1},{"version":"ed4f674fc8c0c993cc7e145069ac44129e03519b910c62be206a0cc777bdc60b","affectsGlobalScope":true,"impliedFormat":1},{"version":"0250da3eb85c99624f974e77ef355cdf86f43980251bc371475c2b397ba55bcd","impliedFormat":1},{"version":"f1c93e046fb3d9b7f8249629f4b63dc068dd839b824dd0aa39a5e68476dc9420","impliedFormat":1},{"version":"3d3a5f27ffbc06c885dd4d5f9ee20de61faf877fe2c3a7051c4825903d9a7fdc","impliedFormat":1},{"version":"12806f9f085598ef930edaf2467a5fa1789a878fba077cd27e85dc5851e11834","impliedFormat":1},{"version":"17d06eb5709839c7ce719f0c38ada6f308fb433f2cd6d8c87b35856e07400950","impliedFormat":1},{"version":"a43fe41c33d0a192a0ecaf9b92e87bef3709c9972e6d53c42c49251ccb962d69","impliedFormat":1},{"version":"a177959203c017fad3ecc4f3d96c8757a840957a4959a3ae00dab9d35961ca6c","affectsGlobalScope":true,"impliedFormat":1},{"version":"6fc727ccf9b36e257ff982ea0badeffbfc2c151802f741bddff00c6af3b784cf","impliedFormat":1},{"version":"6c00f77f0335ae0c18bd45a6c7c9c97c9625fb7e5dd6d5936eadf70718bce52e","impliedFormat":1},{"version":"4844a4c9b4b1e812b257676ed8a80b3f3be0e29bf05e742cc2ea9c3c6865e6c6","impliedFormat":1},{"version":"064878a60367e0407c42fb7ba02a2ea4d83257357dc20088e549bd4d89433e9c","impliedFormat":1},{"version":"14d4bd22d1b05824971b98f7e91b2484c90f1a684805c330476641417c3d9735","impliedFormat":1},{"version":"586eaf66bace2e731cee0ddfbfac326ad74a83c1acfeac4afb2db85ad23226c7","impliedFormat":1},{"version":"b484ec11ba00e3a2235562a41898d55372ccabe607986c6fa4f4aba72093749f","impliedFormat":1},{"version":"d1a14d87cedcf4f0b8173720d6eb29cc02878bf2b6dabf9c9d9cee742f275368","impliedFormat":1},{"version":"e60efae9fe48a2955f66bf4cbf0f082516185b877daf50d9c5e2a009660a7714","impliedFormat":1},{"version":"041a7781b9127ab568d2cdcce62c58fdea7c7407f40b8c50045d7866a2727130","impliedFormat":1},{"version":"cd9189eacf0f9143b8830e9d6769335aa6d902c04195f04145bcbf19e7f26fcb","impliedFormat":1},{"version":"e1cb68f3ef3a8dd7b2a9dfb3de482ed6c0f1586ba0db4e7d73c1d2147b6ffc51","impliedFormat":1},{"version":"55cdbeebe76a1fa18bbd7e7bf73350a2173926bd3085bb050cf5a5397025ee4e","impliedFormat":1},{"version":"a7ca8df4f2931bef2aa4118078584d84a0b16539598eaadf7dce9104dfaa381c","impliedFormat":1},{"version":"10073cdcf56982064c5337787cc59b79586131e1b28c106ede5bff362f912b70","impliedFormat":99},{"version":"72950913f4900b680f44d8cab6dd1ea0311698fc1eefb014eb9cdfc37ac4a734","impliedFormat":1},{"version":"151ff381ef9ff8da2da9b9663ebf657eac35c4c9a19183420c05728f31a6761d","impliedFormat":1},{"version":"6cd8f2410e4cf6d7870f018b38dcf1ac4771f06b363b5d71831d924cda3c488d","affectsGlobalScope":true,"impliedFormat":1},{"version":"a660aa95476042d3fdcc1343cf6bb8fdf24772d31712b1db321c5a4dcc325434","impliedFormat":1},{"version":"36977c14a7f7bfc8c0426ae4343875689949fb699f3f84ecbe5b300ebf9a2c55","impliedFormat":1},{"version":"ff0a83c9a0489a627e264ffcb63f2264b935b20a502afa3a018848139e3d8575","impliedFormat":99},{"version":"161c8e0690c46021506e32fda85956d785b70f309ae97011fd27374c065cac9b","affectsGlobalScope":true,"impliedFormat":1},{"version":"971f12a5fc236419ced0b7b9f23a53c1758233713f565635bbf4b85e2b23f55a","impliedFormat":99},{"version":"76de3321ce519928f1ff7d7a30391c0dc7374af20f81d9167919f038895b5cb0","impliedFormat":99},{"version":"094b9210da23b8711709b0535c59841186267bf6b83c1609aa9b515f830ab274","impliedFormat":99},{"version":"fbfbb4e99c6259ff5ccc4a5a62b3b63c0c8cae6e84737786c4a4c761c9a9de91","impliedFormat":99},{"version":"604887bbd5b0a93234ce882543a465f008636185c52e0f0353330e2bc38b03b6","impliedFormat":99},{"version":"32bf912173e8a9533631f9e9d8dc90a2ac7b52c2355611ddd886beab24dfd182","impliedFormat":99},{"version":"82695324abf7f3278b6d9f0582f4a544e8f7055c8cbe1065ab5cbacde1719c4c","impliedFormat":99},{"version":"43bba542e50e19241ec64bc13cfc0d9273e6198f36563cecad1f4e4b78ad47f3","impliedFormat":99},{"version":"b8cb3b69c0e8114f758bb8ef8efeef1cc80f8911bfd21126def73d2174ce479e","impliedFormat":99},{"version":"f582b0fcbf1eea9b318ab92fb89ea9ab2ebb84f9b60af89328a91155e1afce72","impliedFormat":1},{"version":"402e5c534fb2b85fa771170595db3ac0dd532112c8fa44fc23f233bc6967488b","impliedFormat":1},{"version":"8885cf05f3e2abf117590bbb951dcf6359e3e5ac462af1c901cfd24c6a6472e2","impliedFormat":1},{"version":"333caa2bfff7f06017f114de738050dd99a765c7eb16571c6d25a38c0d5365dc","impliedFormat":1},{"version":"e61df3640a38d535fd4bc9f4a53aef17c296b58dc4b6394fd576b808dd2fe5e6","impliedFormat":1},{"version":"459920181700cec8cbdf2a5faca127f3f17fd8dd9d9e577ed3f5f3af5d12a2e4","impliedFormat":1},{"version":"4719c209b9c00b579553859407a7e5dcfaa1c472994bd62aa5dd3cc0757eb077","impliedFormat":1},{"version":"7ec359bbc29b69d4063fe7dad0baaf35f1856f914db16b3f4f6e3e1bca4099fa","impliedFormat":1},{"version":"70790a7f0040993ca66ab8a07a059a0f8256e7bb57d968ae945f696cbff4ac7a","impliedFormat":1},{"version":"d1b9a81e99a0050ca7f2d98d7eedc6cda768f0eb9fa90b602e7107433e64c04c","impliedFormat":1},{"version":"a022503e75d6953d0e82c2c564508a5c7f8556fad5d7f971372d2d40479e4034","impliedFormat":1},{"version":"b215c4f0096f108020f666ffcc1f072c81e9f2f95464e894a5d5f34c5ea2a8b1","impliedFormat":1},{"version":"644491cde678bd462bb922c1d0cfab8f17d626b195ccb7f008612dc31f445d2d","impliedFormat":1},{"version":"dfe54dab1fa4961a6bcfba68c4ca955f8b5bbeb5f2ab3c915aa7adaa2eabc03a","impliedFormat":1},{"version":"1251d53755b03cde02466064260bb88fd83c30006a46395b7d9167340bc59b73","impliedFormat":1},{"version":"47865c5e695a382a916b1eedda1b6523145426e48a2eae4647e96b3b5e52024f","impliedFormat":1},{"version":"4cdf27e29feae6c7826cdd5c91751cc35559125e8304f9e7aed8faef97dcf572","impliedFormat":1},{"version":"331b8f71bfae1df25d564f5ea9ee65a0d847c4a94baa45925b6f38c55c7039bf","impliedFormat":1},{"version":"2a771d907aebf9391ac1f50e4ad37952943515eeea0dcc7e78aa08f508294668","impliedFormat":1},{"version":"0146fd6262c3fd3da51cb0254bb6b9a4e42931eb2f56329edd4c199cb9aaf804","impliedFormat":1},{"version":"183f480885db5caa5a8acb833c2be04f98056bdcc5fb29e969ff86e07efe57ab","impliedFormat":99},{"version":"960bd764c62ac43edc24eaa2af958a4b4f1fa5d27df5237e176d0143b36a39c6","affectsGlobalScope":true,"impliedFormat":1},{"version":"f7eebe1b25040d805aefe8971310b805cd49b8602ec206d25b38dc48c542f165","impliedFormat":1},{"version":"a18642ddf216f162052a16cba0944892c4c4c977d3306a87cb673d46abbb0cbf","impliedFormat":1},{"version":"509f8efdfc5f9f6b52284170e8d7413552f02d79518d1db691ee15acc0088676","impliedFormat":1},{"version":"4ec16d7a4e366c06a4573d299e15fe6207fc080f41beac5da06f4af33ea9761e","impliedFormat":1},{"version":"59f8dc89b9e724a6a667f52cdf4b90b6816ae6c9842ce176d38fcc973669009e","affectsGlobalScope":true,"impliedFormat":1},{"version":"e4af494f7a14b226bbe732e9c130d8811f8c7025911d7c58dd97121a85519715","impliedFormat":1},{"version":"c1d587d31636bf51527d349f4786a36472e5aa311add673073c833c9853493c8","impliedFormat":99},{"version":"c2c2a861a338244d7dd700d0c52a78916b4bb75b98fc8ca5e7c501899fc03796","impliedFormat":1},{"version":"f468b74459f1ad4473b36a36d49f2b255f3c6b5d536c81239c2b2971df089eaf","impliedFormat":1},{"version":"adb467429462e3891de5bb4a82a4189b92005d61c7f9367c089baf03997c104e","impliedFormat":1},{"version":"7477168b7b2b2dd69c8eba111f3d3ed1912ec968f3b63f0f940c0d830261b712","impliedFormat":1},{"version":"2be2227c3810dfd84e46674fd33b8d09a4a28ad9cb633ed536effd411665ea1e","impliedFormat":99},{"version":"e134052a6b1ded61693b4037f615dc72f14e2881e79c1ddbff6c514c8a516b05","impliedFormat":1},{"version":"83eeb5fc6bc433785dec98525eb003a02134024a8630134ecc67404d0075c26e","impliedFormat":1},{"version":"3feec212c0aeb91e5a6e62caaf9f128954590210f8c302910ea377c088f6b61a","impliedFormat":99},{"version":"7fd978ea8f69444fb258da99a6d1174ab08aa1f2ff8220d0a3bbe30f4de1e0cc","impliedFormat":99},{"version":"7757c6ca7a8ad1992401c6aff33633d6a088515be5a39d7ee188b35bfc8e5f8e","impliedFormat":99},"6b7ebbee68828d2b98bceedef58a0781ec6e1b7049a26132a10275e5cb657ba6","94f0496088cce2c3ce51ac0182ad8f30ad7f3550ec0ce42c28a2ecd59da1c2fb",{"version":"c483317423ea516c9a38c4885b97790798712ac181f41d23bb4815ff239d1174","impliedFormat":1},{"version":"e85d04f57b46201ddc8ba238a84322432a4803a5d65e0bbd8b3b4f05345edd51","impliedFormat":1}],"root":[231],"options":{"allowSyntheticDefaultImports":true,"composite":true,"module":99,"skipLibCheck":true,"strict":true},"referencedMap":[[222,1],[220,2],[188,3],[186,2],[187,4],[189,5],[184,6],[182,2],[185,7],[183,8],[229,9],[176,2],[113,10],[114,10],[115,11],[54,12],[116,13],[117,14],[118,15],[52,2],[119,16],[120,17],[121,18],[122,19],[123,20],[124,21],[125,21],[126,22],[127,23],[128,24],[129,25],[55,2],[53,2],[130,26],[131,27],[132,28],[172,29],[133,30],[134,31],[135,30],[136,32],[137,33],[138,34],[139,35],[140,35],[141,35],[142,36],[143,37],[144,38],[145,39],[146,40],[147,41],[148,41],[149,42],[150,2],[151,2],[152,43],[153,44],[154,43],[155,45],[156,46],[157,47],[158,48],[159,49],[160,50],[161,51],[162,52],[163,53],[164,54],[165,55],[166,56],[167,57],[168,58],[169,59],[56,30],[57,2],[58,60],[59,61],[60,2],[61,62],[62,2],[104,63],[105,64],[106,65],[107,65],[108,66],[109,2],[110,13],[111,67],[112,64],[170,68],[171,69],[232,2],[233,2],[228,70],[223,71],[226,72],[221,2],[181,2],[213,2],[215,73],[214,2],[224,2],[208,74],[206,75],[207,76],[195,77],[196,75],[203,78],[194,79],[199,80],[209,2],[200,81],[205,82],[211,83],[210,84],[193,85],[201,86],[202,87],[197,88],[204,74],[198,89],[178,90],[177,91],[192,2],[190,92],[1,2],[50,2],[51,2],[9,2],[13,2],[12,2],[3,2],[14,2],[15,2],[16,2],[17,2],[18,2],[19,2],[20,2],[21,2],[4,2],[22,2],[23,2],[5,2],[24,2],[28,2],[25,2],[26,2],[27,2],[29,2],[30,2],[31,2],[6,2],[32,2],[33,2],[34,2],[35,2],[7,2],[39,2],[36,2],[37,2],[38,2],[40,2],[8,2],[41,2],[46,2],[47,2],[42,2],[43,2],[44,2],[45,2],[2,2],[48,2],[49,2],[11,2],[10,2],[225,2],[80,93],[92,94],[78,95],[93,96],[102,97],[69,98],[70,99],[68,100],[101,101],[96,102],[100,103],[72,104],[89,105],[71,106],[99,107],[66,108],[67,102],[73,109],[74,2],[79,110],[77,109],[64,111],[103,112],[94,113],[83,114],[82,109],[84,115],[87,116],[81,117],[85,118],[97,101],[75,119],[76,120],[88,121],[65,96],[91,122],[90,109],[86,123],[95,2],[63,2],[98,124],[174,125],[219,126],[180,127],[175,125],[173,2],[179,128],[217,2],[212,2],[216,129],[191,130],[218,131],[227,132],[230,133],[231,134]],"semanticDiagnosticsPerFile":[[231,[{"start":1941,"length":14,"code":2769,"category":1,"messageText":{"messageText":"No overload matches this call.","category":1,"code":2769,"next":[{"messageText":"The last overload gave the following error.","category":1,"code":2770,"next":[{"messageText":"Object literal may only specify known properties, and 'advancedChunks' does not exist in type 'BuildEnvironmentOptions'.","category":1,"code":2353}]}]},"relatedInformation":[{"file":"./node_modules/.pnpm/vite@7.2.7_@types+node@25.0.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1/node_modules/vite/dist/node/index.d.ts","start":123151,"length":12,"messageText":"The last overload is declared here.","category":1,"code":2771}]}]]],"affectedFilesPendingEmit":[230,231],"emitSignatures":[230,231],"version":"5.9.3"}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 5d24bd2..2decdcd 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -8,9 +8,23 @@ export default defineConfig({
   server: {
     host: "localhost",
     port: 5500,
+    // 预热常用文件
+    warmup: {
+      clientFiles: [
+        './src/App.vue',
+        './src/components/*.vue',
+        './src/stores/*.ts',
+      ],
+    },
   },
+
   plugins: [
-    vue(),
+    vue({
+      script: {
+        // 响应式语法糖（如需要可启用）
+        defineModel: true,
+      },
+    }),
     tailwindcss(),
     // 构建时自动注入 SW 版本号
     swVersionPlugin({
@@ -18,9 +32,116 @@ export default defineConfig({
       includeGitHash: true,
     }),
   ],
+
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
-  }
+  },
+
+  // 构建优化
+  build: {
+    // 使用现代浏览器目标
+    target: 'esnext',
+    // 启用 CSS 代码分割
+    cssCodeSplit: true,
+    // 压缩选项
+    minify: 'esbuild',
+    // 源码映射（生产环境关闭）
+    sourcemap: false,
+    // Chunk 大小警告阈值 (KB)
+    chunkSizeWarningLimit: 600,
+    // Rollup 配置
+    rollupOptions: {
+      output: {
+        // 资源文件名
+        assetFileNames: (assetInfo) => {
+          const name = assetInfo.name || '';
+          // 字体文件
+          if (/\.(woff2?|eot|ttf|otf)$/i.test(name)) {
+            return 'fonts/[name]-[hash][extname]';
+          }
+          // 图片文件
+          if (/\.(png|jpe?g|gif|svg|webp|ico)$/i.test(name)) {
+            return 'images/[name]-[hash][extname]';
+          }
+          // CSS 文件
+          if (/\.css$/i.test(name)) {
+            return 'css/[name]-[hash][extname]';
+          }
+          return 'assets/[name]-[hash][extname]';
+        },
+        // JS 入口文件名
+        entryFileNames: 'js/[name]-[hash].js',
+        // JS Chunk 文件名
+        chunkFileNames: 'js/[name]-[hash].js',
+        // 手动分包
+        manualChunks: (id) => {
+          if (id.includes('node_modules')) {
+            // Vue 核心
+            if (id.includes('/vue/') || id.includes('/@vue/')) {
+              return 'vue-core';
+            }
+            // Pinia 状态管理
+            if (id.includes('/pinia/')) {
+              return 'pinia';
+            }
+            // UI 库
+            if (id.includes('/lucide-vue-next/')) {
+              return 'ui-libs';
+            }
+            // 动画库
+            if (id.includes('/animejs/')) {
+              return 'anime';
+            }
+            // Artalk 评论
+            if (id.includes('/artalk/')) {
+              return 'artalk';
+            }
+            // 代码编辑器
+            if (id.includes('/prismjs/') || id.includes('/vue-prism-editor/')) {
+              return 'editor';
+            }
+            // 音效库
+            if (id.includes('/snd-lib/')) {
+              return 'sound';
+            }
+            // Fancybox
+            if (id.includes('/@fancyapps/')) {
+              return 'fancybox';
+            }
+            // 其他第三方库
+            return 'vendor';
+          }
+        },
+      },
+    },
+  },
+
+  // 依赖优化
+  optimizeDeps: {
+    // 预构建的依赖
+    include: [
+      'vue',
+      'pinia',
+      'lucide-vue-next',
+      'animejs',
+      'nprogress',
+    ],
+    // 排除不需要预构建的
+    exclude: ['artalk'],
+  },
+
+  // esbuild 配置
+  esbuild: {
+    // 生产环境移除 console 和 debugger
+    drop: process.env.NODE_ENV === 'production' ? ['console', 'debugger'] : [],
+    // 压缩选项
+    legalComments: 'none',
+  },
+
+  // CSS 配置
+  css: {
+    devSourcemap: true,
+  },
 });