diff --git a/apps/slax-reader-dweb/layers/core/components/Modal/Feedback.vue b/apps/slax-reader-dweb/layers/core/components/Modal/Feedback.vue
index e19fdb7d..99896ba4 100644
--- a/apps/slax-reader-dweb/layers/core/components/Modal/Feedback.vue
+++ b/apps/slax-reader-dweb/layers/core/components/Modal/Feedback.vue
@@ -1,20 +1,33 @@
 <template>
-  <div class="feedback-modal" :class="{ appear }" @click="closeModal">
+  <div class="feedback-modal" :class="{ appear }" @click="() => !isLoading && closeModal()">
     <Transition name="modal" @after-leave="onAfterLeave">
       <div class="modal-content" v-show="appear" @click.stop>
         <div class="header">
-          <span>{{ t('component.feedback.title') }}</span>
+          <span v-if="title || href">{{ t('component.feedback.title') }}</span>
+          <span v-else>{{ t('component.feedback.name') }}</span>
           <button class="close" @click="closeModal">
             <img src="@images/button-dialog-close.png" />
           </button>
         </div>
         <div class="content">
-          <div class="title" v-if="props.title">{{ props.title }}</div>
+          <div class="title" v-if="title">{{ title }}</div>
+          <div class="link" v-if="href">
+            <span>{{ href }}</span>
+          </div>
           <textarea v-model="feedback" :placeholder="t('component.feedback.placeholder')"></textarea>
         </div>
         <div class="bottom">
-          <button :class="{ disabled: feedback.length === 0 }" @click="submitFeedback">{{ t('common.operate.submit') }}</button>
+          <div class="follow-up" v-show="email" @click="allowFollowUp = !allowFollowUp">
+            <button :class="{ selected: allowFollowUp }"></button>
+            <span>{{ t('component.feedback.follow_up', { email }) }}</span>
+          </div>
+          <button class="submit" :class="{ disabled: feedback.length === 0 }" @click="submitFeedback">{{ t('common.operate.submit') }}</button>
         </div>
+        <Transition name="opacity">
+          <div class="loading" v-show="isLoading">
+            <div class="i-svg-spinners:180-ring-with-bg text-5xl text-emerald"></div>
+          </div>
+        </Transition>
       </div>
     </Transition>
   </div>
@@ -22,10 +35,13 @@
 
 <script lang="ts" setup>
 import { RESTMethodPath } from '@commons/types/const'
+import { UAParser } from 'ua-parser-js'
 
 const props = defineProps({
   reportType: String,
   title: String,
+  href: { type: String, required: false },
+  email: { type: String, required: false },
   params: {
     type: Object as PropType<Record<string, string | number>>,
     required: false
@@ -34,11 +50,15 @@ const props = defineProps({
 
 const emits = defineEmits(['close', 'dismiss'])
 
+const isLoading = ref(false)
+const parser = new UAParser()
+const result = parser.getResult()
 const config = useRuntimeConfig()
 const version = config.public.appVersion
 const isLocked = useScrollLock(window)
 const appear = ref(false)
 const feedback = ref('')
+const allowFollowUp = ref(false)
 
 isLocked.value = true
 
@@ -59,12 +79,24 @@ const submitFeedback = () => {
   reportFeedbackContent()
 }
 const reportFeedbackContent = async () => {
+  if (isLoading.value) {
+    return
+  }
+
+  isLoading.value = true
+  let environment = ''
+  try {
+    environment = `${result.browser.name} ${result.browser.version} | ${result.os.name} ${result.os.version} | ${result.device.model}`
+  } catch (error) {}
+
   const req = {
+    ...props.params,
     type: props.reportType,
     content: feedback.value,
-    source: 'web',
+    platform: 'web',
+    environment,
     version,
-    ...props.params
+    allow_follow_up: allowFollowUp.value
   }
 
   request()
@@ -76,14 +108,17 @@ const reportFeedbackContent = async () => {
       feedback.value = ''
       closeModal()
     })
+    .finally(() => {
+      isLoading.value = false
+    })
 }
 const onAfterLeave = () => {
   isLocked.value = false
   emits('dismiss')
 }
 
-const t = (text: string) => {
-  return useNuxtApp().$i18n.t(text)
+const t = (text: string, params: Record<string, unknown> = {}) => {
+  return useNuxtApp().$i18n.t(text, params)
 }
 </script>
 
@@ -100,11 +135,10 @@ button {
 }
 
 .modal-content {
-  --style: bg-#f5f5f3 rounded-2 p-24px w-480px select-none mb-10;
-  position: relative;
+  --style: relative bg-#f5f5f3 rounded-2 p-24px w-480px select-none overflow-hidden mb-10;
 
   .header {
-    --style: flex justify-between items-center;
+    --style: relative z-1 flex justify-between items-center;
     span {
       --style: text-(13px #999999) line-height-18px;
     }
@@ -123,7 +157,15 @@ button {
       --style: w-full text-(14px ellipsis #333333) line-height-21px font-medium overflow-hidden line-clamp-2 break-all;
     }
 
-    .title + textarea {
+    .link {
+      --style: w-full text-(#5490c2 15px) line-height-21px;
+    }
+
+    .title + .link {
+      --style: mt-8px;
+    }
+
+    * + textarea {
       --style: mt-20px;
     }
 
@@ -138,9 +180,35 @@ button {
   }
 
   .bottom {
-    --style: mt-20px flex justify-end items-center;
-    button {
-      --style: flex-center w-100px h-40px bg-#16B998 rounded-2 text-(14px #ffffff) font-semibold line-height-40px transition-all duration-250;
+    --style: mt-20px flex justify-between items-center gap-20px;
+
+    .follow-up {
+      --style: flex items-center justify-start flex-1 overflow-hidden text-ellipsis whitespace-nowrap cursor-pointer;
+
+      button {
+        --style: shrink-0 border-(1px solid #3333331a) bg-#fcfcfc w-12px h-12px rounded-3px transition-transform duration-250;
+
+        &.selected {
+          --style: 'bg-center bg-[length:7px_6px] border-1';
+          background-image: url('@images/tiny-tick-outline-icon.png');
+        }
+
+        &:hover {
+          --style: scale-105;
+        }
+
+        &:active {
+          --style: scale-110;
+        }
+      }
+
+      span {
+        --style: ml-5px text-(#333 14px) line-height-22px overflow-hidden text-ellipsis;
+      }
+    }
+
+    .submit {
+      --style: flex-center shrink-0 w-100px h-40px bg-#16B998 rounded-2 text-(14px #ffffff) font-semibold line-height-40px transition-all duration-250;
 
       &.disabled {
         --style: 'bg-#ccc cursor-not-allowed hover:(scale-100)';
@@ -155,6 +223,10 @@ button {
       }
     }
   }
+
+  .loading {
+    --style: absolute inset-0 bg-#ffffff40 flex-center;
+  }
 }
 
 .modal-leave-to,
diff --git a/apps/slax-reader-dweb/layers/core/components/Modal/index.ts b/apps/slax-reader-dweb/layers/core/components/Modal/index.ts
index cbefbcbb..306d95c5 100644
--- a/apps/slax-reader-dweb/layers/core/components/Modal/index.ts
+++ b/apps/slax-reader-dweb/layers/core/components/Modal/index.ts
@@ -9,12 +9,14 @@ import { modalBootloader } from '#layers/core/utils/modal'
 
 import { BookmarkParseStatus } from '@commons/types/interface'
 
-export const showFeedbackModal = (options: { title: string; reportType: string; params?: Record<string, string | number> }) => {
+export const showFeedbackModal = (options: { title: string; reportType: string; href?: string; email: string; params?: Record<string, string | number> }) => {
   const app = modalBootloader({
     ele: Feedback,
     props: {
       reportType: options.reportType,
       title: options.title,
+      href: options.href,
+      email: options.email,
       params: options.params ?? {},
       onDismiss: () => {
         app.unmount()
diff --git a/apps/slax-reader-dweb/layers/core/composables/useBookmarkRelative.ts b/apps/slax-reader-dweb/layers/core/composables/useBookmarkRelative.ts
index d78a55d9..c814154b 100644
--- a/apps/slax-reader-dweb/layers/core/composables/useBookmarkRelative.ts
+++ b/apps/slax-reader-dweb/layers/core/composables/useBookmarkRelative.ts
@@ -78,20 +78,31 @@ export const logAnalyzed = (options: BookmarkTypeOptions, userId: number) => {
 }
 
 export const showFeedbackView = (options: BookmarkTypeOptions, type: string) => {
+  const href = `${window.location.origin}${window.location.pathname}`
+  const email = useUserStore().userInfo?.email
+
   if (options.type === BookmarkType.Normal) {
     showFeedbackModal({
       reportType: type,
       title: options.title,
+      href,
+      email: email || '',
       params: {
-        bookmark_id: options.bmId
+        bookmark_id: options.bmId,
+        entry_point: 'bookmark_detail',
+        target_url: href
       }
     })
   } else if (options.type === BookmarkType.Share) {
     showFeedbackModal({
       reportType: type,
       title: options.title,
+      href,
+      email: email || '',
       params: {
-        share_code: options.shareCode
+        share_code: options.shareCode,
+        entry_point: 'share',
+        target_url: href
       }
     })
   }
diff --git a/apps/slax-reader-dweb/layers/core/i18n/locales/en.json b/apps/slax-reader-dweb/layers/core/i18n/locales/en.json
index 76b727cf..307a06b7 100644
--- a/apps/slax-reader-dweb/layers/core/i18n/locales/en.json
+++ b/apps/slax-reader-dweb/layers/core/i18n/locales/en.json
@@ -229,6 +229,8 @@
       "title": "Edit tag"
     },
     "feedback": {
+      "follow_up": "Allow follow-up at {email}",
+      "name": "Feedback",
       "placeholder": "Please describe the problem you are experiencing...",
       "title": "Your feedback will help us improve"
     },
diff --git a/apps/slax-reader-dweb/layers/core/i18n/locales/zh.json b/apps/slax-reader-dweb/layers/core/i18n/locales/zh.json
index 054df742..14b4ea3f 100644
--- a/apps/slax-reader-dweb/layers/core/i18n/locales/zh.json
+++ b/apps/slax-reader-dweb/layers/core/i18n/locales/zh.json
@@ -229,6 +229,8 @@
       "title": "修改标签"
     },
     "feedback": {
+      "follow_up": "允许通过 {email} 跟进",
+      "name": "反馈",
       "placeholder": "请描述你遇到的问题......",
       "title": "你的反馈将帮助我们变得更好"
     },
diff --git a/apps/slax-reader-dweb/layers/core/pages/bookmarks/index.vue b/apps/slax-reader-dweb/layers/core/pages/bookmarks/index.vue
index aafd08bc..35eb6518 100644
--- a/apps/slax-reader-dweb/layers/core/pages/bookmarks/index.vue
+++ b/apps/slax-reader-dweb/layers/core/pages/bookmarks/index.vue
@@ -43,6 +43,11 @@
               <span>{{ $t('page.bookmarks_index.add_url') }}</span>
             </button>
           </div>
+          <div class="feedback">
+            <button @click="feedbackClick">
+              <img src="@images/button-feedback-icon.png" alt="" />
+            </button>
+          </div>
         </div>
       </template>
       <template v-slot:content-header>
@@ -140,6 +145,7 @@ import type { ChannelMessageData } from '#layers/core/utils/channel'
 import { RESTMethodPath } from '@commons/types/const'
 import type { BookmarkItem, HighlightItem, UserInfo, UserNotificationMessageItem } from '@commons/types/interface'
 import { useInfiniteScroll } from '@vueuse/core'
+import { showFeedbackModal } from '#layers/core/components/Modal'
 import Toast from '#layers/core/components/Toast'
 import useNotification from '#layers/core/composables/useNotification'
 import { useUserStore } from '#layers/core/stores/user'
@@ -545,6 +551,18 @@ const addUrlSuccess = () => {
   reloadList()
 }
 
+const feedbackClick = () => {
+  const email = useUserStore().userInfo?.email
+  showFeedbackModal({
+    reportType: 'parse_error',
+    title: '',
+    email: email || '',
+    params: {
+      entry_point: 'inbox'
+    }
+  })
+}
+
 const showNotificationList = () => {
   inboxClick('notifications')
 }
@@ -580,7 +598,7 @@ const notificationBack = () => {
   }
 
   .tools-sidebar {
-    --style: absolute bottom-120px w-full flex flex-col justify-end;
+    --style: absolute bottom-80px w-full flex flex-col justify-end;
     .add-url {
       --style: 'mt-24px bg-#fcfcfc border-(1px solid #a8b1cd3d) rounded-8px w-68px h-82px py-5px px-5px';
       button {
@@ -594,6 +612,18 @@ const notificationBack = () => {
         }
       }
     }
+
+    .feedback {
+      --style: mt-35px w-68px flex-center;
+      button {
+        --style: 'rounded-full bg-#FCFCFC w-42px h-42px border-(1px solid #a8b1cd14) hover:(bg-#f5f5f3) active:(scale-110) transition-all duration-250';
+        box-shadow: 0px 15px 30px 0px #00000014;
+
+        img {
+          --style: w-18px h-17px object-contain;
+        }
+      }
+    }
   }
 
   .bookmarks {
diff --git a/apps/slax-reader-extensions/src/components/Modal/Feedback.vue b/apps/slax-reader-extensions/src/components/Modal/Feedback.vue
index 9cbb7f1d..c75b991f 100644
--- a/apps/slax-reader-extensions/src/components/Modal/Feedback.vue
+++ b/apps/slax-reader-extensions/src/components/Modal/Feedback.vue
@@ -1,20 +1,33 @@
 <template>
-  <div class="feedback-modal" :class="{ appear }" @click="closeModal">
+  <div class="feedback-modal" :class="{ appear }" @click="() => !isLoading && closeModal()">
     <Transition name="modal" @after-leave="onAfterLeave">
       <div class="modal-content" v-show="appear" @click.stop>
         <div class="header">
-          <span>{{ $t('component.feedback.title') }}</span>
+          <span v-if="title || href">{{ $t('component.feedback.title') }}</span>
+          <span v-else>{{ $t('component.feedback.name') }}</span>
           <button class="close" @click="closeModal">
             <img src="@/assets/button-dialog-close.png" />
           </button>
         </div>
         <div class="content">
-          <div class="title" v-if="props.title">{{ props.title }}</div>
+          <div class="title" v-if="title">{{ title }}</div>
+          <div class="link" v-if="href">
+            <span>{{ href }}</span>
+          </div>
           <textarea v-model="feedback" :placeholder="$t('component.feedback.placeholder')"></textarea>
         </div>
         <div class="bottom">
-          <button :class="{ disabled: feedback.length === 0 }" @click="submitFeedback">{{ $t('common.operate.submit') }}</button>
+          <div class="follow-up" v-show="email" @click="allowFollowUp = !allowFollowUp">
+            <button :class="{ selected: allowFollowUp }"></button>
+            <span>{{ $t('component.feedback.follow_up', [email || '']) }}</span>
+          </div>
+          <button class="submit" :class="{ disabled: feedback.length === 0 }" @click="submitFeedback">{{ $t('common.operate.submit') }}</button>
         </div>
+        <Transition name="opacity">
+          <div class="loading" v-show="isLoading">
+            <div class="i-svg-spinners:180-ring-with-bg text-5xl text-emerald"></div>
+          </div>
+        </Transition>
       </div>
     </Transition>
   </div>
@@ -23,10 +36,13 @@
 <script lang="ts" setup>
 import { RESTMethodPath } from '@commons/types/const'
 import { useScrollLock } from '@vueuse/core'
+import { UAParser } from 'ua-parser-js'
 
 const props = defineProps({
   reportType: String,
   title: String,
+  href: { type: String, required: false },
+  email: { type: String, required: false },
   params: {
     type: Object as PropType<Record<string, string | number>>,
     required: false
@@ -35,10 +51,14 @@ const props = defineProps({
 
 const emits = defineEmits(['close', 'dismiss'])
 
+const isLoading = ref(false)
+const parser = new UAParser()
+const result = parser.getResult()
 const version = `${process.env.VERSION}`
 const isLocked = useScrollLock(window)
 const appear = ref(false)
 const feedback = ref('')
+const allowFollowUp = ref(false)
 
 isLocked.value = true
 
@@ -59,12 +79,25 @@ const submitFeedback = () => {
   reportFeedbackContent()
 }
 const reportFeedbackContent = async () => {
+  if (isLoading.value) {
+    return
+  }
+
+  isLoading.value = true
+  let environment = ''
+  try {
+    environment = `${(import.meta.env.BROWSER + '-extension').toUpperCase()} | ${result.browser.name} ${result.browser.version} | ${result.os.name} ${result.os.version} | ${result.device.model}`
+  } catch (error) {}
+
   const req = {
+    ...props.params,
     type: props.reportType,
     content: feedback.value,
-    source: 'chrome-extension',
-    version: version,
-    ...props.params
+    platform: 'extension',
+    environment,
+    version,
+    allow_follow_up: allowFollowUp.value,
+    target_url: props.href || ''
   }
 
   request
@@ -76,6 +109,9 @@ const reportFeedbackContent = async () => {
       feedback.value = ''
       closeModal()
     })
+    .finally(() => {
+      isLoading.value = false
+    })
 }
 const onAfterLeave = () => {
   isLocked.value = false
@@ -96,11 +132,10 @@ button {
 }
 
 .modal-content {
-  --style: bg-#f5f5f3 rounded-2 p-24px w-480px select-none mb-10;
-  position: relative;
+  --style: relative bg-#f5f5f3 rounded-2 p-24px w-480px select-none overflow-hidden mb-10;
 
   .header {
-    --style: flex justify-between items-center;
+    --style: relative z-1 flex justify-between items-center;
     span {
       --style: text-(13px #999999) line-height-18px;
     }
@@ -119,7 +154,15 @@ button {
       --style: w-full text-(14px ellipsis #333333) line-height-21px font-medium overflow-hidden line-clamp-2 break-all;
     }
 
-    .title + textarea {
+    .link {
+      --style: w-full text-(#5490c2 15px) line-height-21px;
+    }
+
+    .title + .link {
+      --style: mt-8px;
+    }
+
+    * + textarea {
       --style: mt-20px;
     }
 
@@ -134,9 +177,35 @@ button {
   }
 
   .bottom {
-    --style: mt-20px flex justify-end items-center;
-    button {
-      --style: flex-center w-100px h-40px bg-#16B998 rounded-2 text-(14px #ffffff) font-semibold line-height-40px transition-all duration-250;
+    --style: mt-20px flex justify-between items-center gap-20px;
+
+    .follow-up {
+      --style: flex items-center justify-start flex-1 overflow-hidden text-ellipsis whitespace-nowrap cursor-pointer;
+
+      button {
+        --style: shrink-0 border-(1px solid #3333331a) bg-#fcfcfc w-12px h-12px rounded-3px transition-transform duration-250;
+
+        &.selected {
+          --style: 'bg-center bg-[length:7px_6px] border-1';
+          background-image: url('@/assets/tiny-tick-outline-icon.png');
+        }
+
+        &:hover {
+          --style: scale-105;
+        }
+
+        &:active {
+          --style: scale-110;
+        }
+      }
+
+      span {
+        --style: ml-5px text-(#333 14px) line-height-22px overflow-hidden text-ellipsis;
+      }
+    }
+
+    .submit {
+      --style: flex-center shrink-0 w-100px h-40px bg-#16B998 rounded-2 text-(14px #ffffff) font-semibold line-height-40px transition-all duration-250;
 
       &.disabled {
         --style: 'bg-#ccc cursor-not-allowed hover:(scale-100)';
@@ -151,6 +220,10 @@ button {
       }
     }
   }
+
+  .loading {
+    --style: absolute inset-0 bg-#ffffff40 flex-center;
+  }
 }
 
 .modal-leave-to,
diff --git a/apps/slax-reader-extensions/src/components/Modal/index.ts b/apps/slax-reader-extensions/src/components/Modal/index.ts
index 0ee44c2a..9227741b 100644
--- a/apps/slax-reader-extensions/src/components/Modal/index.ts
+++ b/apps/slax-reader-extensions/src/components/Modal/index.ts
@@ -37,13 +37,22 @@ export const showShareConfigModal = (options: { bookmarkId: number; title: strin
   })
 }
 
-export const showFeedbackModal = (options: { title: string; reportType: string; params?: Record<string, string | number>; container: HTMLDivElement }) => {
+export const showFeedbackModal = (options: {
+  title: string
+  reportType: string
+  params?: Record<string, string | number>
+  email?: string
+  href?: string
+  container: HTMLDivElement
+}) => {
   const app = modalBootloader({
     ele: Feedback,
     container: options.container,
     props: {
       reportType: options.reportType,
       title: options.title,
+      href: options.href,
+      email: options.email || '',
       params: options.params ?? {},
       onDismiss: () => {
         app.unmount()
diff --git a/apps/slax-reader-extensions/src/components/SidePanel.vue b/apps/slax-reader-extensions/src/components/SidePanel.vue
index 35da4199..9d51bced 100644
--- a/apps/slax-reader-extensions/src/components/SidePanel.vue
+++ b/apps/slax-reader-extensions/src/components/SidePanel.vue
@@ -474,13 +474,19 @@ const panelClick = async (panel: PanelItem) => {
     }
 
     case PanelItemType.Feedback: {
+      const href = `${window.location.origin}${window.location.pathname}`
+
       modalContainer.value &&
         showFeedbackModal({
           reportType: 'parse_error',
           title: bookmarkBriefInfo.value?.alias_title || bookmarkBriefInfo.value?.title || '',
           params: {
-            bookmark_id: bookmarkId.value
+            bookmark_id: bookmarkId.value,
+            entry_point: 'original_website',
+            target_url: href
           },
+          href,
+          email: userInfo.value?.email || '',
           container: modalContainer.value
         })
       break
diff --git a/apps/slax-reader-extensions/src/locales/en.json b/apps/slax-reader-extensions/src/locales/en.json
index 8003b5ed..94305087 100644
--- a/apps/slax-reader-extensions/src/locales/en.json
+++ b/apps/slax-reader-extensions/src/locales/en.json
@@ -87,6 +87,8 @@
       "copy_content": "Copy content"
     },
     "feedback": {
+      "follow_up": "Allow follow-up at $1",
+      "name": "Feedback",
       "placeholder": "Please describe the problem you are experiencing...",
       "title": "Your feedback will help us improve"
     },
@@ -96,11 +98,11 @@
     },
     "panel": {
       "auto_toggle": {
-        "on": "ON",
-        "off": "OFF",
-        "tips": "Auto-hide sidebar",
+        "disabled_tips": "Manual close: 'X' or $1",
         "enabled_tips": "Auto-close on outside click",
-        "disabled_tips": "Manual close: 'X' or $1"
+        "off": "OFF",
+        "on": "ON",
+        "tips": "Auto-hide sidebar"
       },
       "close_tips": "Keyboard shortcuts"
     },
diff --git a/apps/slax-reader-extensions/src/locales/zh_CN.json b/apps/slax-reader-extensions/src/locales/zh_CN.json
index 5a167185..4ee89dad 100644
--- a/apps/slax-reader-extensions/src/locales/zh_CN.json
+++ b/apps/slax-reader-extensions/src/locales/zh_CN.json
@@ -87,6 +87,8 @@
       "copy_content": "复制内容"
     },
     "feedback": {
+      "follow_up": "允许通过 $1 跟进",
+      "name": "反馈",
       "placeholder": "请描述你遇到的问题......",
       "title": "你的反馈将帮助我们变得更好"
     },
@@ -96,11 +98,11 @@
     },
     "panel": {
       "auto_toggle": {
-        "on": "ON",
-        "off": "OFF",
-        "tips": "边栏自动收起",
+        "disabled_tips": "手动关闭: 'X' 或 $1",
         "enabled_tips": "点击外部自动关闭",
-        "disabled_tips": "手动关闭: 'X' 或 $1"
+        "off": "OFF",
+        "on": "ON",
+        "tips": "边栏自动收起"
       },
       "close_tips": "展开/收缩快捷键"
     },
diff --git a/package.json b/package.json
index 040290b2..d504d4ff 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,7 @@
     "markmap-lib": "^0.18.12",
     "markmap-view": "^0.18.12",
     "mermaid-it-markdown": "^1.0.10",
+    "ua-parser-js": "^2.0.8",
     "unocss": "^66.5.2",
     "vue": "^3.5.22"
   },
@@ -53,6 +54,7 @@
     "@types/inquirer": "^9.0.9",
     "@types/markdown-it": "^14.1.2",
     "@types/markdown-it-link-attributes": "^3.0.5",
+    "@types/ua-parser-js": "^0.7.39",
     "@typescript-eslint/eslint-plugin": "^8.44.1",
     "@typescript-eslint/parser": "^8.44.1",
     "@unocss/eslint-config": "^66.5.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 07a29463..54844ab2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -77,6 +77,9 @@ importers:
       mermaid-it-markdown:
         specifier: ^1.0.10
         version: 1.0.10(mermaid@10.9.3)(typescript@5.9.2)
+      ua-parser-js:
+        specifier: ^2.0.8
+        version: 2.0.8
       unocss:
         specifier: ^66.5.2
         version: 66.5.2(@unocss/webpack@66.5.2(webpack@5.98.0))(postcss@8.5.6)(vite@7.2.4(@types/node@20.19.25)(jiti@2.6.1)(sass@1.93.2)(stylus@0.57.0)(terser@5.44.0)(tsx@4.20.5)(yaml@2.8.1))
@@ -93,6 +96,9 @@ importers:
       '@types/markdown-it-link-attributes':
         specifier: ^3.0.5
         version: 3.0.5
+      '@types/ua-parser-js':
+        specifier: ^0.7.39
+        version: 0.7.39
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.44.1
         version: 8.44.1(@typescript-eslint/parser@8.44.1(eslint@9.36.0(jiti@2.6.1))(typescript@5.9.2))(eslint@9.36.0(jiti@2.6.1))(typescript@5.9.2)
@@ -3942,6 +3948,9 @@ packages:
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
+  '@types/ua-parser-js@0.7.39':
+    resolution: {integrity: sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==}
+
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
 
@@ -5632,6 +5641,9 @@ packages:
   detab@3.0.2:
     resolution: {integrity: sha512-7Bp16Bk8sk0Y6gdXiCtnpGbghn8atnTJdd/82aWvS5ESnlcNvgUc10U2NYS0PAiDSGjWiI8qs/Cv1b2uSGdQ8w==}
 
+  detect-europe-js@0.1.2:
+    resolution: {integrity: sha512-lgdERlL3u0aUdHocoouzT10d9I89VVhk0qNRmll7mXdGfJT1/wqZ2ZLA4oJAjeACPY5fT1wsbq2AT+GkuInsow==}
+
   detect-libc@1.0.3:
     resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
     engines: {node: '>=0.10'}
@@ -6876,6 +6888,9 @@ packages:
   is-ssh@1.4.1:
     resolution: {integrity: sha512-JNeu1wQsHjyHgn9NcWTaXq6zWSR6hqE0++zhfZlkFBbScNkyvxCdeV8sRkSBaeLKxmbpR21brail63ACNxJ0Tg==}
 
+  is-standalone-pwa@0.1.1:
+    resolution: {integrity: sha512-9Cbovsa52vNQCjdXOzeQq5CnCbAcRk05aU62K20WO372NrTv0NxibLFCK6lQ4/iZEFdEA3p3t2VNOn8AJ53F5g==}
+
   is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
@@ -9471,10 +9486,17 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  ua-is-frozen@0.1.2:
+    resolution: {integrity: sha512-RwKDW2p3iyWn4UbaxpP2+VxwqXh0jpvdxsYpZ5j/MLLiQOfbsV5shpgQiw93+KMYQPcteeMQ289MaAFzs3G9pw==}
+
   ua-parser-js@1.0.40:
     resolution: {integrity: sha512-z6PJ8Lml+v3ichVojCiB8toQJBuwR42ySM4ezjXIqXK3M0HczmKQ3LF4rhU55PfD99KEEXQG6yb7iOMyvYuHew==}
     hasBin: true
 
+  ua-parser-js@2.0.8:
+    resolution: {integrity: sha512-BdnBM5waFormdrOFBU+cA90R689V0tWUWlIG2i30UXxElHjuCu5+dOV2Etw3547jcQ/yaLtPm9wrqIuOY2bSJg==}
+    hasBin: true
+
   uc.micro@1.0.6:
     resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==}
 
@@ -14133,6 +14155,8 @@ snapshots:
 
   '@types/trusted-types@2.0.7': {}
 
+  '@types/ua-parser-js@0.7.39': {}
+
   '@types/unist@2.0.11': {}
 
   '@types/unist@3.0.3': {}
@@ -16215,6 +16239,8 @@ snapshots:
 
   detab@3.0.2: {}
 
+  detect-europe-js@0.1.2: {}
+
   detect-libc@1.0.3: {}
 
   detect-libc@2.0.3: {}
@@ -17725,6 +17751,8 @@ snapshots:
     dependencies:
       protocols: 2.0.2
 
+  is-standalone-pwa@0.1.1: {}
+
   is-stream@2.0.1: {}
 
   is-stream@3.0.0: {}
@@ -21237,8 +21265,16 @@ snapshots:
 
   typescript@5.9.3: {}
 
+  ua-is-frozen@0.1.2: {}
+
   ua-parser-js@1.0.40: {}
 
+  ua-parser-js@2.0.8:
+    dependencies:
+      detect-europe-js: 0.1.2
+      is-standalone-pwa: 0.1.1
+      ua-is-frozen: 0.1.2
+
   uc.micro@1.0.6: {}
 
   uc.micro@2.1.0: {}