diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index 39642ce..30b1070 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -1,3 +1,4 @@
+import { execSync } from 'node:child_process'
 import { cwd } from 'node:process'
 import { defineConfig } from 'vitepress'
 import { DefaultTheme } from 'vitepress/theme'
@@ -39,6 +40,12 @@ import { groupIconMdPlugin, groupIconVitePlugin } from 'vitepress-plugin-group-i
 // 懒加载模糊预览图
 import { UnlazyImages } from '@nolebase/markdown-it-unlazy-img'
 
+let version = ''
+
+const latestVersion = execSync('npm show karin-plugin-kkk version').toString().trim()
+version = latestVersion
+
+
 export default
   withPwa(defineConfig({
     pwa,
@@ -158,6 +165,7 @@ export default
       ['link', { rel: 'icon', href: '/karin-plugin-kkk/logo.png' }], //部署到vitepress仓库
     ],
     themeConfig: {
+      siteTitle: `karin-plugin-kkk <code class="VPBadge tip">v${version}</code>`,
       logo: {
         src: '/logo.png',
       },
@@ -194,13 +202,8 @@ export default
       },
       sidebar: sidebar,
       socialLinks: [
-        { icon: { svg: '<i class="fa-brands fa-github fa-fade fa-lg"></i>' }, link: 'https://github.com/ikenxuan/karin-plugin-kkk' },
-        {
-          icon: {
-            svg: '<i class="fa-brands fa-qq fa-fade fa-lg"></i>',
-          },
-          link: 'http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=S8y6baEcSkO6TEO5kEdfgmJhz79Oxdw5&authKey=ficWQytHGz3KIv5i0HpGbEeMBpABBXfjEMYRzo3ZwMV%2B0Y5mq8cC0Yxbczfa904H&noverify=0&group_code=795874649',
-        },
+        { icon: { svg: '<iconify-icon icon="meteor-icons:github" style="display: inline-block;background-repeat: no-repeat;background-size: 100% 100%;"></iconify-icon>' }, link: 'https://github.com/ikenxuan/karin-plugin-kkk' },
+        { icon: { svg: '<iconify-icon icon="devicon:npm" style="display: inline-block;background-repeat: no-repeat;background-size: 100% 100%;"></iconify-icon>' }, link: 'https://www.npmjs.com/package/karin-plugin-kkk' },
       ],
       lastUpdatedText: '最后编辑于',
       outlineTitle: '本页大纲',
diff --git a/.vitepress/data/fooertData.ts b/.vitepress/data/fooertData.ts
index b35b381..c8f77c6 100644
--- a/.vitepress/data/fooertData.ts
+++ b/.vitepress/data/fooertData.ts
@@ -1,23 +1,5 @@
 import type { FooterData } from '@theojs/lumen'
 
 export const Footer_Data: FooterData = {
-  author: { name: 'ikenxuan', link: 'https://github.com/ikenxuan' },
-  group: [
-    {
-      title: '框架',
-      icon: 'fa-solid fa-robot',
-      links: [
-        { name: 'Karin', href: 'https://github.com/Karinjs/Karin' },
-      ]
-    },
-    {
-      title: '相关链接',
-      icon: 'fab fa-github',
-      links: [
-        { name: 'ICQQ', href: 'https://github.com/icqqjs/icqq' },
-        { name: '插件库', href: 'https://plugin.karin.fun' },
-        { name: '解析库', href: 'https://github.com/ikenxuan/amagi' }
-      ]
-    },
-  ]
+  author: { name: 'ikenxuan', link: 'https://github.com/ikenxuan' }
 }
\ No newline at end of file
diff --git a/.vitepress/script/nav.ts b/.vitepress/script/nav.ts
index 3bb319f..82f55d5 100644
--- a/.vitepress/script/nav.ts
+++ b/.vitepress/script/nav.ts
@@ -15,7 +15,7 @@ const nav = [
       {
         text: '功能',
         items: [
-          { text: '作品解析', link: '/docs/intro/main/main' },
+          { text: '目录', link: '/docs/intro/main/main' },
           { text: '动态推送', link: '/docs/intro/push' },
           { text: 'API Server', link: '/docs/intro/apiserver' },
           { text: '其他功能', link: '/docs/intro/other' },
diff --git a/.vitepress/script/sidebar.ts b/.vitepress/script/sidebar.ts
index 8863ddb..ad3409d 100644
--- a/.vitepress/script/sidebar.ts
+++ b/.vitepress/script/sidebar.ts
@@ -2,37 +2,37 @@ const sidebar = [
   {
     text: '快速开始',
     items: [
-      { text: '<i class="fa-solid fa-play fa-beat"></i> 简介', link: '/docs/start/start' },
-      { text: '<i class="fa-solid fa-download fa-fade"></i> 安装插件', link: '/docs/start/install' },
-      { text: '<i class="fa-solid fa-gear fa-spin"></i> 配置文件', link: '/docs/start/start.config' },
+      { text: '<iconify-icon icon="ix:about" style="margin-right:0.25rem;color:#741eff;"></iconify-icon> 简介', link: '/docs/start/start' },
+      { text: '<iconify-icon icon="icon-park-outline:install" style="margin-right:0.25rem;color:#cdff1e;"></iconify-icon> 安装插件', link: '/docs/start/install' },
+      { text: '<iconify-icon icon="ep:setting" style="margin-right:0.25rem;color:#1effc5;"></iconify-icon> 配置文件', link: '/docs/start/start.config' },
     ],
   },
   {
     text: '功能',
     items: [
       {
-        text: '<i class="fa-solid fa-bars fa-flip"></i> 作品解析', link: '/docs/intro/main/main', items: [
-          { text: '<i class="fa-brands fa-tiktok fa-fade"></i> 抖音相关', link: '/docs/intro/main/douyin', },
-          { text: '<i class="fa-brands fa-bilibili fa-fade"></i> B站相关', link: '/docs/intro/main/bilibili' },
-          { text: '快手相关', link: '/docs/intro/main/kuaishou' },
+        text: '<iconify-icon icon="line-md:list-3-filled" style="margin-right:0.25rem;color:#ffd72a"></iconify-icon> 目录', link: '/docs/intro/main/main', items: [
+          { text: '<iconify-icon icon="logos:tiktok-icon" style="margin-right:0.25rem"></iconify-icon> 抖音相关', link: '/docs/intro/main/douyin', },
+          { text: '<iconify-icon icon="ri:bilibili-fill" style="margin-right:0.25rem;color:#1ee1ff"></iconify-icon> B站相关', link: '/docs/intro/main/bilibili' },
+          { text: '<iconify-icon icon="simple-icons:kuaishou" style="margin-right:0.25rem;color:#ff551e"></iconify-icon> 快手相关', link: '/docs/intro/main/kuaishou' },
         ]
       },
-      { text: '<i class="fa-brands fa-pushed fa-fade"></i> 动态推送', link: '/docs/intro/push' },
-      { text: '<i class="fa-solid fa-server fa-fade"></i> API Server', link: '/docs/intro/apiserver' },
-      { text: '其他功能', link: '/docs/intro/other' },
+      { text: '<iconify-icon icon="mingcute:horn-fill" style="margin-right:0.25rem;color:#d1a202;"></iconify-icon> 动态推送', link: '/docs/intro/push' },
+      { text: '<iconify-icon icon="mingcute:route-fill" style="margin-right:0.25rem;color:#74ff5c;"></iconify-icon> API Server', link: '/docs/intro/apiserver' },
+      { text: '<iconify-icon icon="basil:other-1-outline" style="margin-right:0.25rem;color:#5f2aff;"></iconify-icon> 其他功能', link: '/docs/intro/other' },
     ],
   },
   {
     text: '其他',
     items: [
       {
-        text: '<i class="fa-solid fa-question fa-fade"></i> 遇到问题了？', link: '/docs/intro/problems', items: [
-          { text: '<i class="fa-solid fa-file-circle-question fa-fade"></i> 常见问题解答', link: '/docs/intro/QA' },
+        text: '<iconify-icon icon="twemoji:thinking-face" style="margin-right:0.25rem"></iconify-icon> 遇到问题了？', link: '/docs/intro/problems', items: [
+          { text: '<iconify-icon icon="mingcute:check-2-fill" style="margin-right:0.25rem;color:#50ff2a;"></iconify-icon> 常见问题解答', link: '/docs/intro/QA' },
         ]
       },
-      { text: '<i class="fa-solid fa-hand-holding-heart fa-fade"></i> 投喂', link: '/docs/other/afdian' },
-      { text: '<i class="fa-solid fa-triangle-exclamation fa-fade"></i> 免责声明', link: '/docs/other/disclaimer' },
-      { text: '<i class="fa-solid fa-code-branch fa-fade"></i> 版本历史', link: '/docs/other/timeline' },
+      { text: '<iconify-icon icon="fluent-emoji:red-heart" style="margin-right:0.25rem"></iconify-icon> 投喂', link: '/docs/other/afdian' },
+      { text: '<iconify-icon icon="noto-v1:warning" style="margin-right:0.25rem"></iconify-icon> 免责声明', link: '/docs/other/disclaimer' },
+      { text: '<iconify-icon icon="mingcute:content-ai-line" style="margin-right:0.25rem;color:#2afff9;"></iconify-icon> 版本历史', link: '/docs/other/timeline' },
     ],
   },
 ]
diff --git a/.vitepress/theme/components/DocPill.vue b/.vitepress/theme/components/DocPill.vue
new file mode 100644
index 0000000..d36483b
--- /dev/null
+++ b/.vitepress/theme/components/DocPill.vue
@@ -0,0 +1,110 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue'
+
+/** DocPill 接口 */
+interface Pill {
+  /** Pill 名称。 */
+  name: string
+  /** Pill 链接。 */
+  link: string
+  /** 图标名称，支持 `iconify`。 */
+  icon?: string | { light: string; dark: string }
+  /** 图标的颜色。 */
+  color?: string | { light: string; dark: string }
+  /** 图片地址或包含 light 和 dark 模式的对象。 */
+  image?: string | { light: string; dark: string }
+  /** 是否加粗。 */
+  bold?: boolean
+}
+
+/**
+ * 检查链接是否为外部链接。
+ *
+ * @param link - 要判断的链接字符串。
+ * @returns 如果链接是外部链接，则返回 `true`，否则返回 `false`。
+ */
+const isExternal = (link: string): boolean =>
+  /^(?:[a-z]+:|\/\/)/i.test(link)
+
+const pill = defineProps<Pill>()
+</script>
+
+<template>
+  <a class="link" :class="{ 'bold': pill.bold }" :href="pill.link" :title="pill.name" :aria-label="pill.name"
+    :target="isExternal(pill.link) ? '_blank' : '_self'" rel="noopener noreferrer">
+    <template v-if="pill.icon">
+      <Icon v-if="typeof pill.icon === 'object'" class="iconify light-only" :icon="pill.icon.light" :style="{
+        color: typeof pill.color === 'object' ? pill.color.light : pill.color
+      }" :alt="pill.name" aria-hidden="true" />
+      <Icon v-if="typeof pill.icon === 'object'" class="iconify dark-only" :icon="pill.icon.dark" :style="{
+        color: typeof pill.color === 'object' ? pill.color.dark : pill.color
+      }" :alt="pill.name" aria-hidden="true" />
+      <Icon v-else class="iconify" :icon="pill.icon" :style="{ color: pill.color }" :alt="pill.name"
+        aria-hidden="true" />
+    </template>
+    <template v-else-if="pill.image">
+      <img v-if="typeof pill.image === 'object'" class="icon light-only" :src="pill.image.light" :alt="pill.name"
+        loading="lazy" aria-hidden="true" />
+      <img v-if="typeof pill.image === 'object'" class="icon dark-only" :src="pill.image.dark" :alt="pill.name"
+        loading="lazy" aria-hidden="true" />
+      <img v-else class="icon" :src="pill.image" :alt="pill.name" loading="lazy" aria-hidden="true" />
+    </template>
+    <span class="name">{{ pill.name }}</span>
+  </a>
+</template>
+
+<style scoped>
+/**
+ * 处理不同模式下的图标显示：暗色模式下隐藏浅色图标，浅色模式下隐藏暗色图标。
+ */
+
+:root:not(.dark) .dark-only,
+:root:is(.dark) .light-only {
+  display: none;
+}
+
+.link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  transform: translateY(1px);
+  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
+  border: 1px solid transparent;
+  border-radius: 0.5rem;
+  background-color: var(--pill-bg);
+  padding: 0.75rem 0.25rem;
+  height: 1rem;
+  text-decoration: none !important;
+  white-space: nowrap;
+}
+
+.link:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  border-color: var(--vp-c-brand-1);
+  background-color: var(--vp-c-brand-soft);
+}
+
+.link:active {
+  transform: scale(0.9);
+}
+
+.bold {
+  font-weight: bold;
+}
+
+.icon {
+  height: 1em;
+}
+
+.iconify {
+  flex-shrink: 0;
+  color: var(--vp-c-text-1);
+  font-size: 1em;
+}
+
+.name {
+  font-size: 1rem;
+  letter-spacing: 0.05rem;
+}
+</style>
\ No newline at end of file
diff --git a/.vitepress/theme/components/Layout.vue b/.vitepress/theme/components/Layout.vue
new file mode 100644
index 0000000..7468421
--- /dev/null
+++ b/.vitepress/theme/components/Layout.vue
@@ -0,0 +1,110 @@
+<!-- .vitepress/theme/Layout.vue -->
+<!-- https://vitepress.dev/guide/extending-default-theme#using-view-transitions-api -->
+
+<script setup lang="ts">
+import { useData } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+import { nextTick, provide } from 'vue'
+
+// 页面分享按钮、首页公告栏、页脚
+import { ShareButton, Announcement, HomeFooter } from '@theojs/lumen'
+import { Footer_Data } from '../../data/fooertData.ts'
+// 顶级的阅读增强，页面右上角小书本
+import {
+  NolebaseEnhancedReadabilitiesMenu,
+
+} from '@nolebase/vitepress-plugin-enhanced-readabilities/client'
+// 闪烁高亮当前目标标题
+import {
+  NolebaseHighlightTargetedHeading,
+} from '@nolebase/vitepress-plugin-highlight-targeted-heading/client'
+
+const { isDark } = useData()
+
+const enableTransitions = () =>
+  'startViewTransition' in document &&
+  window.matchMedia('(prefers-reduced-motion: no-preference)').matches
+
+provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
+  if (!enableTransitions()) {
+    isDark.value = !isDark.value
+    return
+  }
+
+  const clipPath = [
+    `circle(0px at ${x}px ${y}px)`,
+    `circle(${Math.hypot(
+      Math.max(x, innerWidth - x),
+      Math.max(y, innerHeight - y)
+    )}px at ${x}px ${y}px)`
+  ]
+
+  await document.startViewTransition(async () => {
+    isDark.value = !isDark.value
+    await nextTick()
+  }).ready
+
+  document.documentElement.animate(
+    { clipPath: isDark.value ? clipPath.reverse() : clipPath },
+    {
+      duration: 300,
+      easing: 'ease-in',
+      pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
+    }
+  )
+})
+</script>
+
+<template>
+  <DefaultTheme.Layout>
+    <!-- 顶级的阅读增强，页面右上角小书本 -->
+    <template #nav-bar-content-after>
+      <NolebaseEnhancedReadabilitiesMenu />
+    </template>
+    <template #nav-screen-content-after>
+      <NolebaseEnhancedReadabilitiesScreenMenu />
+    </template>
+    <!-- 页面分享按钮 -->
+    <template #aside-outline-before>
+      <ShareButton />
+    </template>
+    <!-- 闪烁高亮当前目标标题 -->
+    <template #layout-top>
+      <NolebaseHighlightTargetedHeading />
+    </template>
+    <template #home-hero-info-before>
+      <Announcement />
+    </template>
+    <!-- 页脚 -->
+    <template #layout-bottom>
+      <HomeFooter :Footer_Data="Footer_Data" />
+    </template>
+
+  </DefaultTheme.Layout>
+</template>
+
+<style>
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+
+::view-transition-old(root),
+.dark::view-transition-new(root) {
+  z-index: 1;
+}
+
+::view-transition-new(root),
+.dark::view-transition-old(root) {
+  z-index: 9999;
+}
+
+.VPSwitchAppearance {
+  width: 22px !important;
+}
+
+.VPSwitchAppearance .check {
+  transform: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.vitepress/theme/components/Ncard.vue b/.vitepress/theme/components/Ncard.vue
index a0947c8..2732b2a 100644
--- a/.vitepress/theme/components/Ncard.vue
+++ b/.vitepress/theme/components/Ncard.vue
@@ -1,32 +1,27 @@
 <script setup lang="ts">
-// @ts-ignore: 2307
-import { withDefaults, defineProps } from 'vue'
-const props = withDefaults(
-    // @ts-ignore: 2307
-    defineProps<{
-        title: string,
-        link: string,
-        target?: string
-    }>(),
-    {
-        target: '_self'
-    }
-)
+const props = defineProps<{
+    title: string,
+    link: string,
+    target?: string
+}>()
+const defaultProps = {
+    target: '_self'
+}
 </script>
 
 <template>
-    <div class="ncard">
-        <a :href="props.link" :target="props.target">
-            <div class="ncardBody">
-                <!-- 使用 v-html 来渲染 title 属性中的 HTML -->
-                <div class="card-title" v-html="title"></div>
-                <!-- 使用一个额外的 div 来插入 slot 内容 -->
-                <div class="card-text text">
-                    <slot></slot>
+    <ClientOnly>
+        <div class="ncard">
+            <a :href="props.link" :target="props.target || defaultProps.target">
+                <div class="ncardBody">
+                    <div class="card-title" v-html="props.title"></div>
+                    <div class="card-text">
+                        <slot></slot>
+                    </div>
                 </div>
-            </div>
-        </a>
-    </div>
+            </a>
+        </div>
+    </ClientOnly>
 </template>
 
 <style scoped>
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index 16b6217..2004971 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -1,12 +1,13 @@
 import DefaultTheme from 'vitepress/theme'
 import mediumZoom from 'medium-zoom'
 import { type Plugin, onMounted, watch, nextTick, h } from 'vue'
-import { useData, useRoute } from 'vitepress'
-import { Footer_Data } from '../data/fooertData'
+import { useData, useRoute, Theme } from 'vitepress'
+// 时间线样式
 import 'vitepress-markdown-timeline/dist/theme/index.css'
+// 自定义样式
 import './style/index.css'
 // 代码块添加折叠
-import codeblocksFold from 'vitepress-plugin-codeblocks-fold'
+// import codeblocksFold from 'vitepress-plugin-codeblocks-fold'
 import 'vitepress-plugin-codeblocks-fold/style/index.css'
 // 基于git的页面历史
 import {
@@ -19,11 +20,6 @@ import {
   NolebaseInlineLinkPreviewPlugin,
 } from '@nolebase/vitepress-plugin-inline-link-preview/client'
 import '@nolebase/vitepress-plugin-inline-link-preview/client/style.css'
-// 顶级的阅读增强，页面右上角小书本
-import {
-  NolebaseEnhancedReadabilitiesMenu,
-  NolebaseEnhancedReadabilitiesScreenMenu,
-} from '@nolebase/vitepress-plugin-enhanced-readabilities/client'
 
 import type { Options } from '@nolebase/vitepress-plugin-enhanced-readabilities/client'
 
@@ -31,20 +27,14 @@ import '@nolebase/vitepress-plugin-enhanced-readabilities/client/style.css'
 
 import { NolebaseEnhancedReadabilitiesPlugin } from '@nolebase/vitepress-plugin-enhanced-readabilities/client'
 
-// 闪烁高亮当前目标标题
-import {
-  NolebaseHighlightTargetedHeading,
-} from '@nolebase/vitepress-plugin-highlight-targeted-heading/client'
-// 快速复制当前页的url
-import { ShareButton } from '@theojs/lumen'
+// 大卡片
 import Ncard from './components/Ncard.vue'
+// 视频组件
 import Video from './components/Video.vue'
 import { HomeUnderline } from '@theojs/lumen'
 import Confetti from './components/Confetti.vue'
 import ChangeLogs from './components/ChangeLogs.vue'
 import Task from './components/Task.vue'
-import BackTop from './components/BackTop.vue'
-import { HomeFooter } from '@theojs/lumen'
 // 页面属性
 import {
   NolebasePagePropertiesPlugin,
@@ -60,8 +50,6 @@ import '@shikijs/vitepress-twoslash/style.css'
 // 卜算子浏览器统计
 import { inBrowser } from 'vitepress'
 import busuanzi from 'busuanzi.pure.js'
-// 首页公告栏
-import { Announcement } from '@theojs/lumen'
 // 缩略图模糊哈希生成
 import {
   NolebaseUnlazyImg,
@@ -71,6 +59,9 @@ import '@nolebase/vitepress-plugin-thumbnail-hash/client/style.css'
 import '@theojs/lumen/icon'
 //代码组图标样式
 import 'virtual:group-icons.css'
+// 高亮跳转
+import DocPill from './components/DocPill.vue'
+import Layout from './components/Layout.vue'
 
 export default {
   extends: DefaultTheme,
@@ -81,6 +72,7 @@ export default {
         defaultToggle: true,
       }
     } as Options)
+    app.component('Pill', DocPill)
     app.component('Home', HomeUnderline)
     app.component('NCard', Ncard)
     app.component('Video', Video)
@@ -129,24 +121,7 @@ export default {
       },
     })
   },
-  Layout: () => {
-    return h(DefaultTheme.Layout, null, {
-
-      'nav-bar-content-after': () => [
-        // 为较宽的屏幕的导航栏添加阅读增强菜单
-        h(NolebaseEnhancedReadabilitiesMenu),
-      ],
-      // 为较窄的屏幕（通常是小于 iPad Mini）添加阅读增强菜单
-      'nav-screen-content-after': () => h(NolebaseEnhancedReadabilitiesScreenMenu),
-      'layout-top': () => [
-        h(NolebaseHighlightTargetedHeading),
-      ],
-      'home-hero-info-before': () => h(Announcement),
-      'doc-footer-before': () => h(BackTop),
-      'layout-bottom': () => h(HomeFooter, { Footer_Data }),
-      'aside-outline-before': () => h(ShareButton),
-    })
-  },
+  Layout: Layout,
 
   /** 响应式图片缩放 */
   setup () {
@@ -172,7 +147,7 @@ export default {
       true
     )
     // 代码块添加折叠
-    codeblocksFold({ route, frontmatter }, true, 400)
+    // codeblocksFold({ route, frontmatter }, true, 400)
 
     const initZoom = () => {
       // 响应式的图片放大缩小
@@ -187,4 +162,4 @@ export default {
       () => nextTick(() => initZoom())
     )
   },
-}
\ No newline at end of file
+} satisfies Theme
\ No newline at end of file
diff --git a/.vitepress/theme/style/index.css b/.vitepress/theme/style/index.css
index f0257e5..30a8c95 100644
--- a/.vitepress/theme/style/index.css
+++ b/.vitepress/theme/style/index.css
@@ -19,5 +19,5 @@
 
 :root {
   --vp-sidebar-width: 300px;
-  --vp-font-family-base: 'HarmonyOS Sans SC', sans-serif;
+  --vp-font-family-base: 'HarmonyOS Sans SC', sans-serif !important;
 }
\ No newline at end of file
diff --git a/docs/intro/QA.md b/docs/intro/QA.md
index 1875550..25c04c4 100644
--- a/docs/intro/QA.md
+++ b/docs/intro/QA.md
@@ -1,73 +1,3 @@
 # 常见问题
 
-::: tip 编辑提示
-如果文档中发现错误，或提交文档修改，或丰富本站文档，可点击下方的编辑按钮
-:::
-
-
-
-
-::: details 安装依赖报错：**<span style="color:#D7474B">node-pre-gyp ERR! build error......<br>node-pre-gyp ERR! not ok......</span>**
-执行以下命令后再重新安装一次依赖
-```sh
-npm install -g node-gyp
-```
-:::
-
-
-
-
-::: details 报错：**<span style="color:#D7474B">TypeError: response.body.on is not a function</span>**
-```sh
-# 方法1：到插件目录下重新安装依赖（推荐）
-cd plugins/karin-plugin-kkk/ && pnpm install -P
-
-# 方法2：node.js 版本 >= v21
-nvm use 21.0.0
-```
-:::
-
-
-
-
-
-
-::: details 报错：**<span style="color:#D7474B">FetchError: request to https://......</span>**
-这是你的网络问题，自行排查是不是开了代理
-:::
-
-
-
-
-
-
-::: details 报错：**<span style="color:#D7474B">视频合成失败 Error: Command failed: ffmpeg -y -i ......</span>**
-可能是你没有配置 [**FFmpeg**](https://ffmpeg.org/) 的环境变量<br>
-
-* **Ubuntu 系统解决方法**<br>
-安装完成后在终端输入 `ffmpeg –version` 弹出版本信息 `ffmpeg version 202...` 即安装成功
-```sh
-# 你可以通过以下命令来安装 FFmpeg 并配置环境变量
-sudo apt install ffmpeg
-```
-
-* **Windows 系统解决方法**<br>
-参考 CSDN 文章 [ffmpeg安装教程（windows版）](https://blog.csdn.net/m0_47449768/article/details/130102406)
-:::
-
-
-
-
-
-
-::: details 报错：**<span style="color:#D7474B">TypeError: Cannot read properties of undefined (reading 'pickGroup')......</span>**
-这种情况一般是主动发送推送图片的时候的错误<br>
-造成这种错误的情况一般是你不久前 **_更换了机器人账号_** ，但是 `config/config/pushlist.yaml`中的<br>机器人账号还是旧的，导致找不到机器人账号从而报错
-
-### 解决方法: 
-* 手动修改 `config/config/pushlist.yaml` 中的旧机器人账号<mark>为当前机器人账号</mark>
-* 通过命令或后台面板重新订阅推送博主/UP主
-
-:::
-
-
+收集中...
diff --git a/docs/intro/apiserver.md b/docs/intro/apiserver.md
index 732f6e6..2e67ea0 100644
--- a/docs/intro/apiserver.md
+++ b/docs/intro/apiserver.md
@@ -1,14 +1,17 @@
 # 本地视频解析 API 服务
+
 > [!NOTE] 🚧 该功能正在测试中，存在各种不稳定性
 >
-> 此功能依赖 [解析库](https://github.com/ikenxuan/amagi) ，~~该库版本正在快速迭代中，你可能需要及时更新插件依赖以确保正常运作~~（已内置）
+> 此功能依赖 [解析库](https://github.com/ikenxuan/amagi)
 
 ## 功能介绍
+
 该功能通过本地部署一个 http 的 API 服务。<br>
-接口范围为本插件用到的所有 **_抖音_** **_B站_** API。其他平台暂不考虑<br><br>
+接口范围为本插件用到的所有 **_抖音_** **_B 站_** API。其他平台暂不考虑<br><br>
 如果你想增加更多接口，可以给 [解析库 [amagi]](https://github.com/ikenxuan/amagi) 进行贡献，测试成功后将会将相关接口的功能添加到 karin-plugin-kkk 插件中
 
 ## 配置
+
 该功能通过配置文件 `app.yaml` 进行管理
 
 ```yaml
@@ -18,6 +21,7 @@ APIServer: true
 # API服务端口
 APIServerPort: 4567
 ```
+
 <br>
 
 🛰️ API 文档请查看 [**Apifox**](https://amagi.apifox.cn)
diff --git a/docs/intro/main/bilibili.md b/docs/intro/main/bilibili.md
index 753d68a..637a5d6 100644
--- a/docs/intro/main/bilibili.md
+++ b/docs/intro/main/bilibili.md
@@ -3,19 +3,18 @@
 ---
 
 插件会自动识别 `B站的分享链接`[^1] 进行解析<br>
-如何配置B站ck？请看 [**其他功能**](../other.md#配置不同平台的-cookies)
+如何配置 B 站 ck？请看 [**其他功能**](../other.md#配置不同平台的-cookies)
 
-
-| 功能          | 支持情况 | 调用相关接口是否需要 ck | 其他                                                                                  |
-| ------------- | -------- | ----------------------- | ------------------------------------------------------------------------------------- |
-| 扫码登录取 ck | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       |                         | 命令: _**#B站扫码登录**_                                                             |
-| 视频          | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-question fa-bounce" style="color: #FFD43B;"></i>                      | 无 ck 默认画质 `360p`，有 ck 将尝试发送可观看的最高分辨率                             |
-| 评论          | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-xmark fa-beat-fade fa-lg" style="color: #58fe79;"></i>                      |                                                                                       |
-| 番剧          | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-question fa-bounce" style="color: #FFD43B;"></i>                      | 看剧集是否需要大会员                                                                  |
-| 动态          | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                                                          |
-| 直播          | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-xmark fa-beat-fade fa-lg" style="color: #58fe79;"></i>                      |                                                                                       |
-| 动态推送      | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      | 支持的动态类型: 图文/纯文/视频/直播/转发<br>如何设置推送 UP 请看 [**动态推送**](../push.md) |
-| ...           | ...      | ...                     |                                                                                       |
+| 功能          | 支持情况 | 调用相关接口是否需要 ck | 其他                                                                                        |
+| ------------- | -------- | ----------------------- | ------------------------------------------------------------------------------------------- |
+| 扫码登录取 ck | 🟢       |                         | 命令: _**#B 站扫码登录**_                                                                   |
+| 视频          | 🟢       | ✔️                      | 无 ck 默认画质 `360p`，有 ck 将尝试发送可观看的最高分辨率                                   |
+| 评论          | 🟢       | ✔️                      |                                                                                             |
+| 番剧          | 🟢       | ✔️                      | 看剧集是否需要大会员                                                                        |
+| 动态          | 🟢       | ✔️                      |
+| 直播          | 🟢       | ✔️                      |                                                                                             |
+| 动态推送      | 🟢       | ✔️                      | 支持的动态类型: 图文/纯文/视频/直播/转发<br>如何设置推送 UP 请看 [**动态推送**](../push.md) |
+| ...           | ...      | ...                     |                                                                                             |
 
 ---
 
diff --git a/docs/intro/main/douyin.md b/docs/intro/main/douyin.md
index 0f801dd..82269a5 100644
--- a/docs/intro/main/douyin.md
+++ b/docs/intro/main/douyin.md
@@ -2,27 +2,25 @@
 
 > [!IMPORTANT] 重要
 > 抖音解析功能必须要配置 ck ，否则无法解析视频<br>如何配置抖音 ck ？请看 [**其他功能**](../other.md#配置不同平台的-cookies)
->
 
 ---
 
 插件会自动识别 `APP分享链接`[^1] `web视频链接`[^2] 进行解析<br>
 
-| 功能           | 支持情况 | 调用相关接口是否需要 ck | 其他                                                                        |
-| -------------- | -------- | ----------------------- | --------------------------------------------------------------------------- |
-| 扫码登录取 ck  | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       |                         | 仅支持 Windows 系统，命令：**_#抖音扫码登录_**                                   |
-| 视频           | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      |                                                                             |
-| 图集           | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      |                                                                             |
-| 评论           | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      |                                                                             |
-| 用户主视频列表 | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      |                                                                             |
-| 背景音乐           | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      |                                                                             |
-| 视频更新推送   | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      | 支持的推送类型: 视频/图集<br>如何设置推送博主请看 [**动态推送**](../push.md) |
-| ...            | ...      | ...                     |                                                                             |
+| 功能           | 支持情况 | 其他                                                                         |
+| -------------- | -------- | ---------------------------------------------------------------------------- |
+| 扫码登录取 ck  | 🟢       | 命令：**_#抖音扫码登录_**                                                    |
+| 视频           | 🟢       |                                                                              |
+| 图集           | 🟢       |                                                                              |
+| 评论           | 🟢       |                                                                              |
+| 用户主视频列表 | 🟢       |                                                                              |
+| 背景音乐       | 🟢       |                                                                              |
+| 视频更新推送   | 🟢       | 支持的推送类型: 视频/图集<br>如何设置推送博主请看 [**动态推送**](../push.md) |
+| ...            | ...      |                                                                              |
 
 ---
 
 [^1]: 抖音的分享链接: [`8.74 复制打开抖音，看看【Aleks Kost的作品】当代网友：这是亚当本人吧？ # 亚当仿妆# 用亚当... https://v.douyin.com/i6msCtFe/ l@P.KJ pDH:/ 12/11`](https://v.douyin.com/i6msCtFe/)
-
 [^2]: web 视频链接: [`https://www.douyin.com/video/7375088329701854498`](https://www.douyin.com/video/7375088329701854498)
 
 ::: warning 警告
diff --git a/docs/intro/main/kuaishou.md b/docs/intro/main/kuaishou.md
index 92a5604..9a94f82 100644
--- a/docs/intro/main/kuaishou.md
+++ b/docs/intro/main/kuaishou.md
@@ -1,13 +1,13 @@
 # 快手视频解析
 
 插件会自动识别 `APP分享链接`[^1] 进行解析<br>
-如何配置快手ck？请看 [**其他功能**](../other.md#配置不同平台的-cookies)
+如何配置快手 ck？请看 [**其他功能**](../other.md#配置不同平台的-cookies)
 
-| 功能 | 支持情况 | 调用相关接口是否需要 ck | 其他                                                                  |
-| ---- | -------- | ----------------------- | --------------------------------------------------------------------- |
-| 视频 | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      | 目前用的游客 ck，可能随时失效 |
-| 评论 | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #58fe79;"></i>       | <i class="fa-solid fa-check fa-shake fa-lg" style="color: #ff0000;"></i>                      |                                                                       |
-| ...  | ...      | ...                     |                                                                       |
+| 功能 | 支持情况 | 调用相关接口是否需要 ck | 其他                          |
+| ---- | -------- | ----------------------- | ----------------------------- |
+| 视频 | 🟢       | ✔️                      | 目前用的游客 ck，可能随时失效 |
+| 评论 | 🟢       | ✔️                      |                               |
+| ...  | ...      | ...                     |                               |
 
 ---
 
diff --git a/docs/intro/main/main.md b/docs/intro/main/main.md
index 33e89f0..6b40049 100644
--- a/docs/intro/main/main.md
+++ b/docs/intro/main/main.md
@@ -1,11 +1,11 @@
 # 目录
 
-<NCard title='<i class="fa-brands fa-tiktok fa-fade"></i>  抖音相关' link="./douyin#抖音视频解析" >
+<NCard title='<iconify-icon icon="logos:tiktok-icon" style="margin-right:0.25rem"></iconify-icon> 抖音相关' link="./douyin" >
 点击查看支持的相关功能
 </NCard>
-<NCard title='<i class="fa-brands fa-bilibili fa-fade"></i>  B站相关' link="./douyin#抖音视频解析" >
+<NCard title='<iconify-icon icon="ri:bilibili-fill" style="margin-right:0.25rem;color:#1ee1ff"></iconify-icon> B站相关' link="./bilibili" >
 点击查看支持的相关功能
 </NCard>
-<NCard title='快手相关' link="./douyin#抖音视频解析" >
+<NCard title='<iconify-icon icon="simple-icons:kuaishou" style="margin-right:0.25rem;color:#ff551e"></iconify-icon> 快手相关' link="./kuaishou" >
 点击查看支持的相关功能
-</NCard>
\ No newline at end of file
+</NCard>
diff --git a/docs/intro/other.md b/docs/intro/other.md
index 6a04f1d..44be443 100644
--- a/docs/intro/other.md
+++ b/docs/intro/other.md
@@ -1,14 +1,19 @@
 # 其他功能
 
 ## 配置不同平台的 cookies
+
 本插件<mark>没有后门</mark>，本插件<mark>不会上传</mark>有关你的任何信息到第三方。<br>
-你所配置的ck只会用于请求官方API接口
+你所配置的 ck 只会用于请求官方 API 接口
+
 ### 如何获取 Cookies ？
-<mark>所有平台都可用</mark>该方法来获取ck
-::: details PC浏览器
 
-**_总结：找到携带Cookie的请求后，复制请求头中的Cookie_**
+<mark>所有平台都可用</mark>该方法来获取 ck
+::: details PC 浏览器
+
+**_总结：找到携带 Cookie 的请求后，复制请求头中的 Cookie_**
+
 > **看这个视频就懂了**
+
 <div>
   <Video src="/karin-plugin-kkk/video.mp4" />
 </div>
@@ -29,23 +34,27 @@
 :::
 
 ### 如何配置？
-打开 `config/config/cookies.yaml` 根据需要配置ck<br>
+
+打开 `config/config/cookies.yaml` 根据需要配置 ck<br>
 注意冒号后有个空格！
 
 ::: code-group
-```yaml{2,5,8} [config/config/cookies.yaml]
+
+```yaml{2,5,8} [@karinjs/karin-plugin-kkk/config/cookies.yaml]
 # 抖音ck
 douyin: 此处填上你的抖音ck
 
 # B站ck
-bilibili: 此处填上你的B站ck 
+bilibili: 此处填上你的B站ck
 
 # 快手ck
 kuaisha: 此处填上你的快手ck
 ```
+
 :::
 
 ## 其他功能
+
 更多信息可使用 `#kkk帮助` `#kkk版本` `#kkk设置`查看
 
 ::: warning 警告
@@ -56,10 +65,6 @@ kuaisha: 此处填上你的快手ck
 ![](../../public/intro/help.jpg)
 :::
 
-::: details #kkk 版本
-![](../../public/intro/version.jpg)
-:::
-
 ::: details #kkk 设置
 ![](../../public/intro/setting.jpg)
 :::
diff --git a/docs/intro/problems.md b/docs/intro/problems.md
index 84bc4d2..58edac6 100644
--- a/docs/intro/problems.md
+++ b/docs/intro/problems.md
@@ -1,10 +1,8 @@
-
-
 # 遇到问题了咋办
 
 > 任何事物都不可能尽善尽美，karin-plugin-kkk 也是如此。
 
-如果你在使用 karin-plugin-kkk 的过程中遇到了任何问题（包括但不限于如何配置ck、推送报错等），请认真阅读并充分理解下述内容，这会对你有帮助。
+如果你在使用 karin-plugin-kkk 的过程中遇到了任何问题（包括但不限于如何配置 ck、推送报错等），请认真阅读并充分理解下述内容，这会对你有帮助。
 
 ## 遇到问题后的第一反应
 
@@ -57,13 +55,15 @@
 
 你可以从以下问题入手：
 
-* 你想要进行什么操作？为的是达到什么目的？
-* 在问题发生之前，你分别都进行了哪些操作？
+- 你想要进行什么操作？为的是达到什么目的？
+- 在问题发生之前，你分别都进行了哪些操作？
+
 ---
-* <Badge type="info" text="控制台" /> 你正在使用什么版本的 Node.js？你的操作系统是什么？网络环境是什么？
-* <Badge type="info" text="适配器" /> 你使用的是哪个适配器？是否已经更新到最新版本？
-* <Badge type="info" text="用户配置" /> 你的配置文件是什么样子的？（敏感信息请打码）
-* <Badge type="info" text="聊天记录" /> 你是否可以提供一些关于问题的聊天记录？（次要）
+
+- <Badge type="info" text="控制台" /> 你正在使用什么版本的 Node.js？你的操作系统是什么？网络环境是什么？
+- <Badge type="info" text="适配器" /> 你使用的是哪个适配器？是否已经更新到最新版本？
+- <Badge type="info" text="用户配置" /> 你的配置文件是什么样子的？（敏感信息请打码）
+- <Badge type="info" text="聊天记录" /> 你是否可以提供一些关于问题的聊天记录？（次要）
 
 若能在提问时提供上述信息，则将极大提高我们提供精准服务的效率。
 
@@ -81,12 +81,12 @@
 
 <p style="margin-bottom: 2em"></p>
 
-<NCard title='<i class="fa-regular fa-comment-dots fa-bounce" style="color: #FFB805;"></i> 底部发表评论' >
+<NCard title='<iconify-icon icon="mdi:comment-text-multiple" style="margin-right:0.25rem;color:#3498db;"></iconify-icon> 底部发表评论' >
 在每个功能页面的的底部通过 GitHub 登录后可发表对应功能的建议和反馈
 </NCard>
-<NCard title='<i class="fa-solid fa-hand fa-bounce" style="color: #FFB805;"></i> 获取即时支持' link="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=S8y6baEcSkO6TEO5kEdfgmJhz79Oxdw5&authKey=ficWQytHGz3KIv5i0HpGbEeMBpABBXfjEMYRzo3ZwMV%2B0Y5mq8cC0Yxbczfa904H&noverify=0&group_code=795874649" >
+<NCard title='<iconify-icon icon="mingcute:time-fill" style="margin-right:0.25rem;color:#ff551e;"></iconify-icon> 获取即时支持' link="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=S8y6baEcSkO6TEO5kEdfgmJhz79Oxdw5&authKey=ficWQytHGz3KIv5i0HpGbEeMBpABBXfjEMYRzo3ZwMV%2B0Y5mq8cC0Yxbczfa904H&noverify=0&group_code=795874649" >
 你可以加入我们的用户交流群: 795874649 来提问
 </NCard>
-<NCard title='<i class="fa-solid fa-envelope fa-shake" style="color: #FFB805;"></i> 通过 GitHub issue' link="https://github.com/ikenxuan/karin-plugin-kkk/issues/new/choose" >
+<NCard title='<iconify-icon icon="meteor-icons:github" style="margin-right:0.25rem"></iconify-icon> 通过 GitHub issue' link="https://github.com/ikenxuan/karin-plugin-kkk/issues/new/choose" >
 也可以给通过创建新的 GitHub issue 工单
-</NCard>
\ No newline at end of file
+</NCard>
diff --git a/docs/intro/push.md b/docs/intro/push.md
index 97c7e82..96681ae 100644
--- a/docs/intro/push.md
+++ b/docs/intro/push.md
@@ -1,9 +1,7 @@
 # 推送功能
 
 该功能为定时任务，默认每 10 分钟执行一次推送（可自定义推送间隔，建议使用后台面板修改或直接更改配置文件，不建议使用命令修改）
-::: warning 警告
-推送功能 **_默认关闭_**，即使配置了推送博主/UP主也不会自动开启<br>请先使用 `#kkk设置抖音/B站推送开启` 或后台面板设置开启推送功能
-:::
+
 ## 配置方法
 
 ### 使用命令
@@ -19,47 +17,42 @@
 
 > [!NOTE]
 >
-> 如果换号了，需要手动更改配置文件中的推送QQ号或者重新订阅，因为订阅推送时会将当前机器人账号和群聊互相绑定
-
-
+> 如果换号了，需要手动更改配置文件中的推送账号或者重新订阅，也可以使用 `#kkk设置推送机器人 + 机器人账号` 命令来修改机器人账号，因为订阅推送时会将当前机器人账号和群聊互相绑定
 
 ### 手动修改配置文件
+
 请务必查看该例子后再手动修改，也可使用命令快速配置
 ::: code-group
 
 ```yaml [pushlist.yaml]
- # 抖音推送列表
- douyin:
-   -
-     # 抖音博主的长ID（可不填，执行推送时会自动填上）
-     sec_uid: 
-     # 必填，抖音号
-     short_id: 
-     # 必填，推送群号和机器人账号，多个则使用逗号隔开（例子：[12345678:87654321, 11451419:88888888]，群号就是11451419，机器人账号就是88888888）
-     group_id:
-       - 群号1:机器人账号1
-       - 群号2:机器人账号1
-       - 群号2:机器人账号2
-     # 这个博主的名字信息（可不填，执行推送时会自动填上）
-     remark: 
- # B站推送列表
- bilibili:
-   -
-     # 必填，B站UP的UID
-     host_mid: 
-     # 必填，推送群号和机器人账号，多个则使用逗号隔开（例子：[12345678:87654321, 11451419:88888888]，群号就是11451419，机器人账号就是88888888）
-     group_id:
-       - 群号1:机器人账号1
-       - 群号2:机器人账号1
-       - 群号2:机器人账号2
-     # 这个UP主的名字信息（可不填，执行推送时会自动填上）
-     remark: 
+# 抖音推送列表
+douyin:
+  - # 抖音博主的长ID（可不填，执行推送时会自动填上）
+    sec_uid:
+    # 必填，抖音号
+    short_id:
+    # 必填，推送群号和机器人账号，多个则使用逗号隔开（例子：[12345678:87654321, 11451419:88888888]，群号就是11451419，机器人账号就是88888888）
+    group_id:
+      - 群号1:机器人账号1
+      - 群号2:机器人账号1
+      - 群号2:机器人账号2
+    # 这个博主的名字信息（可不填，执行推送时会自动填上）
+    remark:
+# B站推送列表
+bilibili:
+  - # 必填，B站UP的UID
+    host_mid:
+    # 必填，推送群号和机器人账号，多个则使用逗号隔开（例子：[12345678:87654321, 11451419:88888888]，群号就是11451419，机器人账号就是88888888）
+    group_id:
+      - 群号1:机器人账号1
+      - 群号2:机器人账号1
+      - 群号2:机器人账号2
+    # 这个UP主的名字信息（可不填，执行推送时会自动填上）
+    remark:
 ```
 
 :::
 
-
-
 <div align="center" style="padding: 2em; margin: 2em 0; border: 1px solid var(--vp-c-text-1); border-radius: 8px">
 
 <p align="left">问: 推送的逻辑是什么？</p>
@@ -68,15 +61,8 @@
 公式（单位：timestamp）: [^1]
 $$(\text{now time} - \text{86400}) < \textcolor{red}{\text{true}} < \text{now time}$$
 
-[^1]: 1天 = 86400
-</div>
-
-## 样式
+[^1]: 1 天 = 86400
 
-::: warning 警告
-以下内容可能具有时效性
-::: details #kkk 推送列表
-![](../../public/intro/pushlist.jpg)
-:::
+</div>
 
 ## TODO
diff --git a/docs/start/install.md b/docs/start/install.md
index 48cf083..c35038c 100644
--- a/docs/start/install.md
+++ b/docs/start/install.md
@@ -1,52 +1,71 @@
 
 # 安装插件
-## 获取源码
 
-### 使用 Git 克隆（推荐）
+## ⬇️ 安装
 
-机器人目录下打开终端执行
-<mark>**务必使用**</mark> 以下的命令安装，否则插件可能不会被识别
+**以下三种方式任选其一即可安装插件**
 
-::: code-group
+* 使用编译产物 **`build 分支`**（非常推荐）
+   <details>
+   <summary>点击展开</summary>
 
-```sh [GitHub]
-git clone --depth=1 https://github.com/ikenxuan/karin-plugin-kkk.git ./plugins/karin-plugin-karin-plugin-kkk/
-```
+   1. 克隆源码
 
-```sh [Ghproxy]
-git clone --depth=1 https://ghp.ci/https://github.com/ikenxuan/karin-plugin-kkk.git ./plugins/karin-plugin-karin-plugin-kkk/
-```
+   <mark>**务必使用**</mark> 以下的命令安装，否则插件可能不会被识别
 
-```sh [Gitee 可能更新不及时]
-git clone --depth=1 https://gitee.com/ikenxuan/karin-plugin-kkk.git ./plugins/karin-plugin-karin-plugin-kkk/
-```
-:::
+   ```sh
+   git clone --depth=1 -b build https://github.com/ikenxuan/karin-plugin-kkk.git ./plugins/karin-plugin-kkk/
+   ```
+   <details>
+   <summary>如果你的 git 无法访问至 Github...点击打开查看解决方法</summary>
 
+   > 若克隆无法连接到 Github，可以使用 GitHub Proxy 提供的镜像加速克隆
+   > 建议收藏 [GitHub Proxy 最新地址发布](https://ghproxy.link/) 站点，以免镜像站被 GFW 封锁导致克隆失败
+   > ```sh
+   > git clone --depth=1 -b build https://ghgo.xyz/https://github.com/ikenxuan/karin-plugin-kkk.git ./plugins/karin-plugin-kkk/
+   > ```
 
-### 使用 Release 发行版（不推荐）
+   </details>
+   <br>
 
-<details>
-<summary>点击展开</summary>
+   2. 安装依赖
+   安装依赖，在 **Karin 根目录** 下运行
+   ```sh
+   pnpm install --filter=karin-plugin-kkk
+   ```
 
-<p style="color: red; font-weight: bolder;">不推荐该方式，后续无法通过 Git 进行更新</p>
+   </details>
 
-1. 打开 Release 页面: https://github.com/ikenxuan/karin-plugin-kkk/releases
-2. 找到最新的版本，下载后缀名为 `.zip` 的压缩包
-3. 在 `机器人根目录/plugins/` 中解压该压缩包
-4. 完成后插件应在 `机器人根目录/plugins/karin-plugin-kkk/`<br>[Karin](#获取源码) 则为 `机器人目录/plugins/karin-plugin-karin-plugin-kkk/`
+* 使用 **`包管理器`** 安装（非常推荐）
+   <details>
+   <summary>点击展开</summary>
 
+   在 **Karin 根目录** 下运行
+   ```sh
+   pnpm add karin-plugin-kkk -w
+   ```
+   </details>
 
-你可以在此处查看发布过的所有版本: [**版本历史**](../other/timeline.md)
-</details>
+* 使用 Release **`发行版`**（不推荐）
+    <details>
+    <summary>点击展开</summary>
 
-## 安装依赖
-二选一
-1. 根目录下执行
-```sh
-pnpm install --filter=karin-plugin-kkk
-```
-2. 插件目录下执行
-```sh
-cd plugins/karin-plugin-kkk
-pnpm install -P
-```
+    <p style="color: red; font-weight: bolder;">不推荐该方式，后续只能重复下载 Release 包进行更新，且无法通过 Git 或 包管理器 进行更新</p>
+    
+    1. 打开 Release 页面: https://github.com/ikenxuan/karin-plugin-kkk/releases
+    2. 找到最新的版本，下载名为 `build.zip` 的压缩包
+    3. 在 `plugins/` 目录下解压该压缩包
+
+    * 完成后相关源码应在 `Karin根目录/plugins/karin-plugin-kkk/` 内<br><br>
+
+    解压完成后在插件目录下运行
+    ```sh
+    pnpm install   
+    ```
+
+    或者在 **Karin 根目录** 下运行
+    ```sh
+    pnpm install --filter=karin-plugin-kkk
+    ```
+
+    </details>
\ No newline at end of file
diff --git a/docs/start/start.config.md b/docs/start/start.config.md
index fffb48b..9c20f93 100644
--- a/docs/start/start.config.md
+++ b/docs/start/start.config.md
@@ -1,6 +1,6 @@
 # 配置文件
 
-本插件配置项过多<br>
+<!-- 本插件配置项过多<br>
 
 建议使用 [**Karin Manage**](https://github.com/HalcyonAlcedo/karin-plugin-manage) 进行配置文件的修改
 
@@ -23,7 +23,7 @@
 │          douyin.yaml // 含义同上
 │          pushlist.yaml // 含义同上
 │          kuaishou.yaml // 含义同上
-```
+``` -->
 
 ## 默认配置文件
 
@@ -41,61 +41,64 @@ priority: 800
 # 发送合并转发消息，可能多用于抖音解析
 sendforwardmsg: true
 
-# 视频文件上传限制，开启后会根据解析的视频文件大小判断是否需要上传（B站番剧无影响）
-usefilelimit: true
-
-# 视频文件大小限制（填数字），视频文件大于该数值则不会上传 单位: MB，「视频文件上传限制」开启后才会生效（B站番剧无影响）
-filelimit: 20
-
 # 缓存删除，非必要不修改！
 rmmp4: true
 
 # 渲染精度，可选值50~200，建议100。设置高精度会提高图片的精细度，过高可能会影响渲染与发送速度
 renderScale: 100
 
-# 放出API服务（本地部署一个抖音、B站的api服务）
+# 放出API服务（本地部署一个抖音、B站和快手的api服务）
 APIServer: false
 
 # API服务端口
 APIServerPort: 4567
 
-# API服务日志
-APIServerLog: false
+# 渲染评论图和推送图的主题色，0为自动（06:00-18:00为浅色，18:00-06:00为深色），1为浅色，2为深色
+Theme: 0
 ```
 :::
 
 ::: details B站相关配置
 ```yaml
 # B站解析开关，单独开关，受「总开关」影响
-bilibilitool: true
+switch: true
 
 # B站解析提示，发送提示信息：“检测到B站链接，开始解析”
-bilibilitip: true
-
-# B站评论图，发送哔哩哔哩作品评论图
-bilibilicommentsimg: true
-
-# B站评论数量，设置接口返回的评论数量，范围1~20条
-bilibilinumcomments: 5
-
-# B站推送，开启后需重启；使用[#设置B站推送+用户UID]配置推送列表
-bilibilipush: false
+tip: true
 
-# B站推送日志，打开或关闭定时任务日志
-bilibilipushlog: true
+# B站评论解析，发送哔哩哔哩作品评论图
+comment: true
 
-# B站推送设置权限，(all)所有人；(admin)群主和管理员；(owner)群主；(master)主人
-bilibilipushGroup: master
-
-# B站推送表达式
-bilibilipushcron: '*/10 * * * *'
-
-# 是否发送视频动态的视频
-senddynamicvideo: false
+# B站评论数量，设置接口返回的评论数量，范围 1 ~ x 条
+numcomment: 5
 
 # 解析视频是否优先保内容，true为优先保证上传将使用最低分辨率，false为优先保清晰度将使用最高分辨率
 videopriority: false
-```
+
+# 番剧解析自动选择分辨率。开启时根据上传设置（upload.yaml）的「filelimit」值自动选择合适分辨率；关闭时下载番剧将不受视频文件大小限制，下载可支持的最高分辨率视频文件
+autoResolution: true
+
+# B站推送相关配置
+push: 
+  # 推送开关，开启后需重启；使用「#设置B站推送 + 用户UID」配置推送列表
+  switch: true
+  # 动态中有指定关键词时，不推送
+  banWords: 
+    - 关键词1
+    - 关键词2
+  # 动态中有指定标签时，不推送
+  banTags: 
+    - 标签1
+    - 标签2
+  # 谁可以设置推送，all为所有人，admin为管理员，master为主人，group.owner为群主，group.admin为群管理员
+  permission: master
+  # 推送定时任务的cron表达式，默认为每十分钟推送一次
+  cron: '*/10 * * * *'
+  # 推送时是否一同解析该动态
+  parsedynamic: false
+  # 是否打印日志
+  log: true
+  ```
 :::
 
 ::: details 账号Cookies相关配置
@@ -114,50 +117,53 @@ kuaishou:
 ::: details 抖音相关配置
 ```yaml
 # 抖音解析开关，单独开关，受「总开关」影响
-douyintool: true
+switch: true
 
 # 抖音解析提示，发送提示信息：“检测到抖音链接，开始解析”
-douyintip: true
+tip: true
 
 # 抖音评论解析
-comments: true
-
-# 抖音评论数量，范围1~50条
-numcomments: 5
-
-# 发送抖音作品评论图
-commentsimg: true
+comment: true
 
-# 抖音推送，开启后需重启；使用[#设置抖音推送+抖音号]配置推送列表
-douyinpush: false
-
-# 抖音推送日志，打开或关闭定时任务日志
-douyinpushlog: true
-
-# 抖音推送设置权限，(all)所有人；(admin)群主和管理员；(owner)群主；(master)主人
-douyinpushGroup: master
-
-# 抖音推送表达式
-douyinpushcron: '*/10 * * * *'
+# 抖音评论数量，范围 1 ~ x 条
+numcomment: 5
 
 # 图集BGM是否使用高清语音发送，高清语音「ios/PC」系统均无法播放，自行衡量开关（仅icqq）
 sendHDrecord: true
 
-# 抖音推送是否一同发送作品视频
-senddynamicwork: false
+# 抖音推送相关配置
+push: 
+  # 推送开关，开启后需重启；使用「#设置抖音推送 + 抖音号」配置推送列表
+  switch: true
+  # 作品中有指定关键词时，不推送
+  banWords: 
+    - 关键词1
+    - 关键词2
+  # 作品中有指定标签时，不推送
+  banTags: 
+    - 标签1
+    - 标签2
+  # 谁可以设置推送，all为所有人，admin为管理员，master为主人，group.owner为群主，group.admin为群管理员
+  permission: master
+  # 推送定时任务的cron表达式，默认为每十分钟推送一次
+  cron: '*/10 * * * *'
+  # 推送时是否一同解析该作品
+  parsedynamic: false
+  # 是否打印日志
+  log: true
 ```
 :::
 
 ::: details 快手相关配置
 ```yaml
 # 快手解析开关，单独开关，受「总开关」影响
-kuaishoutool: true
+switch: true
 
 # 快手解析提示，发送提示信息：“检测到快手链接，开始解析”
-kuaishoutip: true
+tip: true
 
 # 快手评论数量，范围1~30条
-kuaishounumcomments: 5
+numcomment: 5
 ```
 :::
 
@@ -188,10 +194,36 @@ kuaishounumcomments: 5
 #     remark: 
 
 # 抖音推送列表
-douyin: 
+douyin: []
 
 # B站推送列表
-bilibili: 
+bilibili: []
 ```
 :::
-# TODO
+
+::: details 上传相关配置
+```yaml
+# 发送视频经本插件转换为base64格式后再发送，适合Karin与机器人不在同一网络环境下开启
+sendbase64: false
+
+# 视频上传拦截，开启后会根据解析的视频文件大小判断是否需要上传（B站番剧无影响）
+usefilelimit: false
+
+# 视频大小拦截值（填数字），视频文件大于该数值则不会上传 单位: MB，「视频文件上传限制」开启后才会生效（B站视频解析会根据该值自动选择适合的清晰度）
+filelimit: 20
+
+# 压缩视频，开启后会将视频文件压缩后再上传，适合上传大文件
+compress: false
+
+# 触发视频压缩的阈值，单位：MB。当文件大小超过该值时，才会压缩视频，「压缩视频」开启后才会生效
+compresstrigger: 80
+
+# 压缩后的值，若视频文件大小大于「触发视频压缩的阈值」的值，则会进行压缩至该值（±5%），「压缩视频」开启后才会生效
+compressvalue: 30
+
+# 使用文件上传，开启后会将视频文件上传到群文件中，私聊也行
+usegroupfile: false
+
+# 群文件上传阈值，当文件大小超过该值时将使用群文件上传，单位：MB，「使用群文件上传」开启后才会生效
+groupfilevalue: 100
+:::
\ No newline at end of file
diff --git a/docs/start/start.md b/docs/start/start.md
index aeda935..6f481cf 100644
--- a/docs/start/start.md
+++ b/docs/start/start.md
@@ -6,7 +6,8 @@
 
 ## 这是什么
 
-_**这是一个基于 [抖音](https://www.douyin.com)、[bilibili](https://www.bilibili.com) 和 [快手](https://www.kuaishou.com) 的 WEB API 编写的<mark>自用</mark>辅助插件，提供对 Bot 的视频解析功能，通过接口获取数据并渲染图片返回**_<br>
+_**这是一个基于 <Pill name="抖音" link="https://www.douyin.com" bold=true />、<Pill name="bilibili" link="https://www.bilibili.com" bold=true /> 和 <Pill name="快手" link="https://www.kuaishou.com" bold=true /> 的 WEB API 编写的<mark>自用</mark>辅助插件，提供对 Bot 的视频解析功能，通过接口获取数据并渲染图片返回**_<br>
+
 <p>
 <img src="https://img.shields.io/badge/-Node.js-3C873A?style=flat&logo=Node.js&logoColor=white" alt="Nodejs" style="display: inline-block;" />&nbsp;
 <img src="https://img.shields.io/badge/-JavaScript-eed718?style=flat&logo=javascript&logoColor=ffffff" alt="JavaScript" style="display: inline-block;" />&nbsp;
@@ -16,9 +17,10 @@ _**这是一个基于 [抖音](https://www.douyin.com)、[bilibili](https://www.
 <img src="https://img.shields.io/github/license/ikenxuan/karin-plugin-kkk" alt="GitHub forks" style="display: inline-block;" />&nbsp;
 <img src="https://img.shields.io/github/v/release/ikenxuan/karin-plugin-kkk" alt="GitHub Release" style="display: inline-block;" />&nbsp;
 
-
 </p>
 
+---
+
 ### 特点
 
 - 全部使用官方接口，快速 ~~稳定~~<br>
@@ -26,12 +28,15 @@ _**这是一个基于 [抖音](https://www.douyin.com)、[bilibili](https://www.
 - 支持譬如 _评论_ _番剧_ 等等的解析功能<br>
 
 ### 缺点
+
 - 需请求的接口过多，要配置账号信息，如提供 `cookies`
 
+---
+
 ::: details 鸣谢
 **业务站点**
 
-- [www.douyin.com](https://www.douyin.com) & [www.bilibili.com](https://www.bilibili.com) & [www.kuaishou.com](https://www.kuaishou.com)
+- <Pill name="www.douyin.com" link="https://www.douyin.com" bold=true /> & <Pill name="www.bilibili.com" link="https://www.bilibili.com" bold=true /> & <Pill name="www.kuaishou.com" link="https://www.kuaishou.com" bold=true />
 
 本项目的开发参考了以下开源项目部分代码，排名不分先后
 
@@ -43,32 +48,29 @@ _**这是一个基于 [抖音](https://www.douyin.com)、[bilibili](https://www.
 - [think-first-sxs/reset-qianyu-plugin](https://gitee.com/think-first-sxs/reset-qianyu-plugin)
 - [yeyang52/yenai-plugin](https://github.com/yeyang52/yenai-plugin)
 - [XasYer/Shiranai-Plugin](https://github.com/XasYer/Shiranai-Plugin)
-- ...
+- 更多待补充...
 
 **接口文档与加密参数算法**
 
-- [SocialSisterYi/bilibili-API-collect](https://github.com/SocialSisterYi/bilibili-API-collect)
-- [NearHuiwen/TiktokDouyinCrawler](https://github.com/NearHuiwen/TiktokDouyinCrawler)
-- [B1gM8c/X-Bogus](https://github.com/B1gM8c/X-Bogus)
 - [ikenxuan/amagi](https://github.com/ikenxuan/amagi)
+- 更多待补充...
 
 **友情链接**
 
-- ICQQ Protocol [**GitHub**](https://github.com/icqqjs/icqq)
 - Karin 框架 [**GitHub**](https://github.com/Karinjs/Karin) | [**文档**](https://karinjs.github.io/Karin)
-:::
+  :::
 
-开源协议: [**GPL-3.0**](https://github.com/ikenxuan/karin-plugin-kkk/blob/master/LICENSE)
+开源协议: <Pill name="GPL-3.0" link="https://github.com/ikenxuan/karin-plugin-kkk/blob/master/LICENSE" bold=true />
 
 ## 反馈渠道
 
-<NCard title='<i class="fa-regular fa-comment-dots fa-bounce" style="color: #FFB805;"></i> 底部发表评论' >
+<NCard title='<iconify-icon icon="mdi:comment-text-multiple" style="margin-right:0.25rem;color:#3498db;"></iconify-icon> 底部发表评论' >
 在每个功能页面的的底部通过 GitHub 登录后可发表对应功能的建议和反馈
 </NCard>
-<NCard title='<i class="fa-solid fa-hand fa-bounce" style="color: #FFB805;"></i> 获取即时支持' link="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=S8y6baEcSkO6TEO5kEdfgmJhz79Oxdw5&authKey=ficWQytHGz3KIv5i0HpGbEeMBpABBXfjEMYRzo3ZwMV%2B0Y5mq8cC0Yxbczfa904H&noverify=0&group_code=795874649" >
+<NCard title='<iconify-icon icon="mingcute:time-fill" style="margin-right:0.25rem;color:#ff551e;"></iconify-icon> 获取即时支持' link="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=S8y6baEcSkO6TEO5kEdfgmJhz79Oxdw5&authKey=ficWQytHGz3KIv5i0HpGbEeMBpABBXfjEMYRzo3ZwMV%2B0Y5mq8cC0Yxbczfa904H&noverify=0&group_code=795874649" >
 你可以加入我们的用户交流群: 795874649 来提问
 </NCard>
-<NCard title='<i class="fa-solid fa-envelope fa-shake" style="color: #FFB805;"></i> 通过 GitHub issue' link="https://github.com/ikenxuan/karin-plugin-kkk/issues/new/choose" >
+<NCard title='<iconify-icon icon="meteor-icons:github" style="margin-right:0.25rem"></iconify-icon> 通过 GitHub issue' link="https://github.com/ikenxuan/karin-plugin-kkk/issues/new/choose" >
 也可以给通过创建新的 GitHub issue 工单
 </NCard>
 
diff --git a/index.md b/index.md
index 8cedc94..e61e8ab 100644
--- a/index.md
+++ b/index.md
@@ -4,14 +4,17 @@ layout: home
 hero:
   name: 'karin-plugin-kkk'
   text: 视频解析插
-  textsuffix: 件（该文档存在滞后）
-  tagline: ✨ <a href='https://github.com/Karinjs/Karin' target='_blank'>Karin</a> 生态
+  textsuffix: 件
+  tagline: 在群聊中添加更多互动乐趣
   prelink:
-    title: '<p style="text-align: left;"><i class="fa-solid fa-bolt fa-shake" style="color: #FFD43B;"></i> 快速开始</p><div style="text-align: left; font-weight: bold; word-break: break-all; overflow-wrap: break-word;">git clone https://github.com/ikenxuan/karin-plugin-kkk.git</div>'
+    title: '<p style="text-align: left;"><i class="fa-solid fa-bolt fa-shake" style="color: #FFD43B;"></i> 快速开始</p><div style="text-align: left; font-weight: bold; word-break: break-all; overflow-wrap: break-word;">pnpm add karin-plugin-kkk.git -w</div>'
   image:
     src: /logo.png
   actions:
     - theme: brand
+      text: 源码
+      link: https://github.com/ikenxuan/karin-plugin-kkk
+    - theme: alt
       text: 简介
       link: /docs/start/start
     - theme: alt
@@ -19,17 +22,23 @@ hero:
       link: /docs/start/install
 
 features:
-  - title: 评论解析
-    icon: <i class="fa-solid fa-list fa-bounce"></i>
-    details: 解析评论列表渲染成图片返回
-  - title: 推送功能
-    icon: <i class="fa-brands fa-pushed fa-bounce"></i>
-    details: 抖音/B站动态推送
-  - title: 开放API
-    icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"><path fill="currentColor" d="M26 22a3.86 3.86 0 0 0-2 .57l-3.09-3.1a6 6 0 0 0 0-6.94L24 9.43a3.86 3.86 0 0 0 2 .57a4 4 0 1 0-4-4a3.86 3.86 0 0 0 .57 2l-3.1 3.09a6 6 0 0 0-6.94 0L9.43 8A3.86 3.86 0 0 0 10 6a4 4 0 1 0-4 4a3.86 3.86 0 0 0 2-.57l3.09 3.1a6 6 0 0 0 0 6.94L8 22.57A3.86 3.86 0 0 0 6 22a4 4 0 1 0 4 4a3.86 3.86 0 0 0-.57-2l3.1-3.09a6 6 0 0 0 6.94 0l3.1 3.09a3.86 3.86 0 0 0-.57 2a4 4 0 1 0 4-4m0-18a2 2 0 1 1-2 2a2 2 0 0 1 2-2M4 6a2 2 0 1 1 2 2a2 2 0 0 1-2-2m2 22a2 2 0 1 1 2-2a2 2 0 0 1-2 2m10-8a4 4 0 1 1 4-4a4 4 0 0 1-4 4m10 8a2 2 0 1 1 2-2a2 2 0 0 1-2 2"/></svg>
-    details: 本地部署一个抖音、B站的 API 接口服务
+  - title: <iconify-icon icon="mdi:comment-text-multiple" style="margin-right:0.25rem;color:#3498db;"></iconify-icon>评论解析
+    details: 解析视频同时解析评论，并通过渲染器渲染精美的评论图片返回
+    rel: 'noopener'
+
+  - title: <iconify-icon icon="mingcute:horn-fill" style="margin-right:0.25rem;color:#d1a202;"></iconify-icon>推送功能
+    details: 用户可通过指定命令对自己喜欢的博主/UP主的视频或者动态进行定时推送，不错过他/她更新的动态
+    rel: 'noopener'
+
+  - title: '<iconify-icon icon="mingcute:align-arrow-up-fill" style="margin-right:0.25rem;color:#f39c12;"></iconify-icon>精细化的上传设置'
+    details: 当视频文件过大对服务器上行形成压力时可对其拦截或压缩后再上传；同时支持过大的视频使用群文件上传
+    rel: 'noopener'
+
+  - title: <iconify-icon icon="mingcute:route-fill" style="margin-right:0.25rem;color:#74ff5c;"></iconify-icon>开放API
+    details: 得益于解析库自带的http服务，本插件可开放解析库的所有API接口
     link: /docs/intro/apiserver
-    linkText: API Server
+    rel: 'noopener'
+    linkText: 了解更多  
 ---
 
 <Home />
diff --git a/package.json b/package.json
index e41f69e..101f9fe 100644
--- a/package.json
+++ b/package.json
@@ -6,8 +6,9 @@
     "preview": "vitepress preview"
   },
   "dependencies": {
+    "@iconify/vue": "^4.3.0",
     "@nolebase/markdown-it-bi-directional-links": "2.5.0",
-    "@nolebase/markdown-it-unlazy-img": "^2.11.1",
+    "@nolebase/markdown-it-unlazy-img": "^2.12.0",
     "@nolebase/vitepress-plugin-enhanced-mark": "2.5.0",
     "@nolebase/vitepress-plugin-enhanced-readabilities": "2.5.0",
     "@nolebase/vitepress-plugin-git-changelog": "2.5.0",
@@ -16,9 +17,9 @@
     "@nolebase/vitepress-plugin-meta": "2.5.0",
     "@nolebase/vitepress-plugin-page-properties": "2.5.0",
     "@nolebase/vitepress-plugin-thumbnail-hash": "2.5.0",
-    "@shikijs/vitepress-twoslash": "^1.24.2",
-    "@theojs/lumen": "^3.6.0",
-    "@types/node": "^22.10.2",
+    "@shikijs/vitepress-twoslash": "^1.26.1",
+    "@theojs/lumen": "^5.2.1",
+    "@types/node": "^22.10.5",
     "@vite-pwa/vitepress": "^0.5.3",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vueuse/core": "^10.11.1",
@@ -33,7 +34,7 @@
     "marked": "^14.1.4",
     "medium-zoom": "^1.1.0",
     "ncu": "^0.2.1",
-    "sass": "^1.82.0",
+    "sass": "^1.83.1",
     "sharp": "^0.33.5",
     "typescript": "^5.7.2",
     "vite": "^5.4.11",
@@ -41,10 +42,10 @@
     "vite-plugin-inspect": "^0.8.9",
     "vite-plugin-pwa": "^0.20.5",
     "vitepress": "^1.5.0",
-    "vitepress-markdown-timeline": "^1.2.1",
-    "vitepress-plugin-codeblocks-fold": "^1.2.28",
+    "vitepress-markdown-timeline": "^1.2.2",
+    "vitepress-plugin-codeblocks-fold": "^1.2.35",
     "vitepress-plugin-comment-with-giscus": "^1.1.15",
-    "vitepress-plugin-group-icons": "^1.3.1",
+    "vitepress-plugin-group-icons": "^1.3.2",
     "vue": "^3.5.13"
   }
 }
\ No newline at end of file
diff --git a/public/intro/help.jpg b/public/intro/help.jpg
index 72b9e6d..5cc40af 100644
Binary files a/public/intro/help.jpg and b/public/intro/help.jpg differ
diff --git a/public/intro/pushlist.jpg b/public/intro/pushlist.jpg
deleted file mode 100644
index 9c50bbf..0000000
Binary files a/public/intro/pushlist.jpg and /dev/null differ
diff --git a/public/intro/setting.jpg b/public/intro/setting.jpg
index e281e0c..caf90b6 100644
Binary files a/public/intro/setting.jpg and b/public/intro/setting.jpg differ
diff --git a/public/intro/version.jpg b/public/intro/version.jpg
deleted file mode 100644
index 49f582a..0000000
Binary files a/public/intro/version.jpg and /dev/null differ