diff --git a/eslint.config.mjs b/eslint.config.mjs
index 87afdc853..f0bdb944e 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -17,24 +17,24 @@ const __dirname = path.dirname(__filename)
 const compat = new FlatCompat({
   baseDirectory: __dirname,
   recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all,
+  allConfig: js.configs.all
 })
 // npx @eslint/migrate-config .eslintrc.json
 export default [
   {
-    ignores: ['node_modules/**/*', '**/CHANGELOG.md', '**/package-lock.json', 'dist/**/*', 'build/**/*', '**/coverage'],
+    ignores: ['node_modules/**/*', '**/CHANGELOG.md', '**/package-lock.json', 'dist/**/*', 'build/**/*', '**/coverage']
   },
   ...compat.extends('plugin:react/recommended', 'prettier'),
   {
     plugins: {
       react,
       '@typescript-eslint': typescriptEslint,
-      'react-hooks': fixupPluginRules(reactHooks),
+      'react-hooks': fixupPluginRules(reactHooks)
     },
 
     languageOptions: {
       globals: {
-        ...globals.browser,
+        ...globals.browser
       },
 
       parser: tsParser,
@@ -43,15 +43,15 @@ export default [
 
       parserOptions: {
         ecmaFeatures: {
-          jsx: true,
-        },
-      },
+          jsx: true
+        }
+      }
     },
 
     settings: {
       react: {
-        version: 'detect',
-      },
+        version: 'detect'
+      }
     },
 
     rules: {
@@ -87,8 +87,8 @@ export default [
       'no-inner-declarations': 'off',
       'no-unused-expressions': 'off',
       'no-unused-vars': 'off',
-      'no-plusplus': 'off',
-    },
+      'no-plusplus': 'off'
+    }
   },
-  ...storybook.configs['flat/recommended'],
+  ...storybook.configs['flat/recommended']
 ]
diff --git a/jest.config.cjs b/jest.config.cjs
index bdb1802c1..38ac887eb 100644
--- a/jest.config.cjs
+++ b/jest.config.cjs
@@ -2,13 +2,13 @@ module.exports = {
   testEnvironment: 'jsdom',
   collectCoverage: true,
   transform: {
-    '^.+\\.(t|j)sx?$': 'babel-jest',
+    '^.+\\.(t|j)sx?$': 'babel-jest'
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
   moduleNameMapper: {
     '\\.(css|less|scss)$': '<rootDir>/jest/styleMock.js',
-    '^@\\/(.*)$': '<rootDir>/src/$1',
+    '^@\\/(.*)$': '<rootDir>/src/$1'
   },
   testPathIgnorePatterns: ['/tests/e2e/'],
-  setupFilesAfterEnv: ['<rootDir>/jest/setupTests.js'],
+  setupFilesAfterEnv: ['<rootDir>/jest/setupTests.js']
 }
diff --git a/scripts/depcheck.mjs b/scripts/depcheck.mjs
index 0cfe205dc..5c9bd8c69 100644
--- a/scripts/depcheck.mjs
+++ b/scripts/depcheck.mjs
@@ -59,7 +59,7 @@ const buildScriptDeps = () => {
   const depNames = [
     ...Object.keys(pkg.dependencies || {}),
     ...Object.keys(pkg.devDependencies || {}),
-    ...Object.keys(pkg.optionalDependencies || {}),
+    ...Object.keys(pkg.optionalDependencies || {})
   ]
 
   for (const name of depNames) {
@@ -112,7 +112,7 @@ const buildConfigDeps = () => {
   const depNames = [
     ...Object.keys(pkg.dependencies || {}),
     ...Object.keys(pkg.devDependencies || {}),
-    ...Object.keys(pkg.optionalDependencies || {}),
+    ...Object.keys(pkg.optionalDependencies || {})
   ]
 
   const files = []
@@ -192,7 +192,7 @@ const report = await new Promise((resolve, reject) => {
         'storybook-static',
         'coverage',
         'playwright-report',
-        'test-results',
+        'test-results'
       ],
       // Avoid the ttypescript special (it reads tsconfig.json as strict JSON and can fail on JSONC).
       specials: [
@@ -203,8 +203,8 @@ const report = await new Promise((resolve, reject) => {
         depcheck.special.webpack,
         depcheck.special.husky,
         depcheck.special.prettier,
-        depcheck.special.commitizen,
-      ],
+        depcheck.special.commitizen
+      ]
     },
     (unused) => resolve(unused)
   )
@@ -221,7 +221,7 @@ const ignoreMissingPrefixes = [
   '@assets/',
   '@app-hooks/',
   '@container/',
-  '@theme/',
+  '@theme/'
 ]
 
 const pickArray = (key) => {
diff --git a/scripts/optimize-media.mjs b/scripts/optimize-media.mjs
index 08c501746..77cad714f 100644
--- a/scripts/optimize-media.mjs
+++ b/scripts/optimize-media.mjs
@@ -21,14 +21,14 @@ const MP4_AUDIO_BITRATE = process.env.MP4_AUDIO_BITRATE || '128k'
 const MIN_SAVINGS_PCT = Number(process.env.MEDIA_MIN_SAVINGS_PCT || '5')
 const SKIP_SMALL_KB = Number(process.env.MEDIA_SKIP_SMALL_KB || '256')
 
-function bytesToMiB(bytes) {
+function bytesToMiB (bytes) {
   return (bytes / 1024 / 1024).toFixed(2)
 }
 
-function runFfmpeg(args) {
+function runFfmpeg (args) {
   const result = spawnSync('ffmpeg', args, {
     stdio: 'inherit',
-    windowsHide: true,
+    windowsHide: true
   })
   if (result.error) {
     throw result.error
@@ -38,7 +38,7 @@ function runFfmpeg(args) {
   }
 }
 
-function isFileExists(filePath) {
+function isFileExists (filePath) {
   try {
     fsSync.accessSync(filePath)
     return true
@@ -47,29 +47,29 @@ function isFileExists(filePath) {
   }
 }
 
-async function ensureDir(dirPath) {
+async function ensureDir (dirPath) {
   await fs.mkdir(dirPath, { recursive: true })
 }
 
-async function cleanDir(dirPath) {
+async function cleanDir (dirPath) {
   await fs.rm(dirPath, { recursive: true, force: true })
   await ensureDir(dirPath)
 }
 
-async function* walkFiles(dirPath) {
+async function * walkFiles (dirPath) {
   if (!isFileExists(dirPath)) return
   const entries = await fs.readdir(dirPath, { withFileTypes: true })
   for (const entry of entries) {
     const fullPath = path.join(dirPath, entry.name)
     if (entry.isDirectory()) {
-      yield* walkFiles(fullPath)
+      yield * walkFiles(fullPath)
     } else if (entry.isFile()) {
       yield fullPath
     }
   }
 }
 
-async function optimizeOne({ inputPath, inputBaseDir, outputBaseDir }) {
+async function optimizeOne ({ inputPath, inputBaseDir, outputBaseDir }) {
   const relPath = path.relative(inputBaseDir, inputPath)
   const outputPath = path.join(outputBaseDir, relPath)
 
@@ -111,7 +111,7 @@ async function optimizeOne({ inputPath, inputBaseDir, outputBaseDir }) {
       MP3_BITRATE,
       '-id3v2_version',
       '3',
-      tmpPath,
+      tmpPath
     ])
   } else {
     // Re-encode MP4 (H.264 + AAC) and enable faststart
@@ -133,7 +133,7 @@ async function optimizeOne({ inputPath, inputBaseDir, outputBaseDir }) {
       MP4_AUDIO_BITRATE,
       '-movflags',
       '+faststart',
-      tmpPath,
+      tmpPath
     ])
   }
 
@@ -151,12 +151,12 @@ async function optimizeOne({ inputPath, inputBaseDir, outputBaseDir }) {
   return { changed: true, reason: 'optimized', before: stat.size, after: outStat.size, outputPath }
 }
 
-function checkFfmpegAvailable() {
+function checkFfmpegAvailable () {
   const result = spawnSync('ffmpeg', ['-version'], { stdio: 'ignore', windowsHide: true })
   return result.status === 0
 }
 
-async function main() {
+async function main () {
   if (!checkFfmpegAvailable()) {
     console.error('[optimize:media] ffmpeg not found in PATH.')
     console.error('Install ffmpeg and ensure `ffmpeg` is available in your terminal, then re-run.')
@@ -167,7 +167,7 @@ async function main() {
   const targets = [
     { inputDir: SRC_AUDIO_DIR, outputDir: OUT_AUDIO_DIR },
     { inputDir: SRC_VIDEO_DIR, outputDir: OUT_VIDEO_DIR },
-    { inputDir: SRC_PUBLIC_AUDIO_DIR, outputDir: OUT_PUBLIC_AUDIO_DIR },
+    { inputDir: SRC_PUBLIC_AUDIO_DIR, outputDir: OUT_PUBLIC_AUDIO_DIR }
   ]
 
   let changedCount = 0
@@ -188,7 +188,7 @@ async function main() {
         const result = await optimizeOne({
           inputPath,
           inputBaseDir: target.inputDir,
-          outputBaseDir: target.outputDir,
+          outputBaseDir: target.outputDir
         })
         if (result.changed) {
           changedCount += 1
diff --git a/scripts/prepare-lib-publish.mjs b/scripts/prepare-lib-publish.mjs
index 35d7ad680..21298a0eb 100644
--- a/scripts/prepare-lib-publish.mjs
+++ b/scripts/prepare-lib-publish.mjs
@@ -1,7 +1,7 @@
 import fs from 'node:fs/promises'
 import path from 'node:path'
 
-async function fileExists(filePath) {
+async function fileExists (filePath) {
   try {
     await fs.access(filePath)
     return true
@@ -10,11 +10,11 @@ async function fileExists(filePath) {
   }
 }
 
-function pickDefined(obj) {
+function pickDefined (obj) {
   return Object.fromEntries(Object.entries(obj).filter(([, v]) => v !== undefined))
 }
 
-async function main() {
+async function main () {
   const repoRoot = process.cwd()
   const rootPkgPath = path.join(repoRoot, 'package.json')
   const distDir = path.join(repoRoot, 'dist-lib')
@@ -46,25 +46,25 @@ async function main() {
       '.': {
         types: './index.d.ts',
         import: './pro-react-components.es.js',
-        require: './pro-react-components.umd.js',
+        require: './pro-react-components.umd.js'
       },
       './core': {
         types: './entries/core.d.ts',
         import: './entries/core.es.js',
-        require: './entries/core.cjs.js',
+        require: './entries/core.cjs.js'
       },
       './stateful': {
         types: './entries/stateful.d.ts',
         import: './entries/stateful.es.js',
-        require: './entries/stateful.cjs.js',
+        require: './entries/stateful.cjs.js'
       },
       './stateless': {
         types: './entries/stateless.d.ts',
         import: './entries/stateless.es.js',
-        require: './entries/stateless.cjs.js',
+        require: './entries/stateless.cjs.js'
       },
-      './style.css': './style.css',
-    },
+      './style.css': './style.css'
+    }
   }
 
   const distPkgPath = path.join(distDir, 'package.json')
diff --git a/scripts/run-lighthouse.mjs b/scripts/run-lighthouse.mjs
index 58d1317f4..5f204619d 100644
--- a/scripts/run-lighthouse.mjs
+++ b/scripts/run-lighthouse.mjs
@@ -9,7 +9,10 @@ const buildPortList = () => {
   const raw = process.env.LH_PORTS
   if (raw && raw.trim()) {
     // supports: "8080,8081,8090" or "8080-8090"
-    const parts = raw.split(',').map((s) => s.trim()).filter(Boolean)
+    const parts = raw
+      .split(',')
+      .map((s) => s.trim())
+      .filter(Boolean)
     const ports = []
     for (const part of parts) {
       const range = part.split('-').map((s) => s.trim())
@@ -48,8 +51,8 @@ const fetchOk = async (url) => {
       signal: controller.signal,
       headers: {
         // Some dev servers behave differently for default fetch UA.
-        'User-Agent': 'wui-react-lighthouse-probe',
-      },
+        'User-Agent': 'wui-react-lighthouse-probe'
+      }
     })
     if (!res.ok) return false
     const text = await res.text()
@@ -104,7 +107,7 @@ const runLighthouse = (url) => {
   const args = ['--view', url, '--preset=desktop']
   const result = spawnSync('lighthouse', args, {
     stdio: 'inherit',
-    shell: process.platform === 'win32',
+    shell: process.platform === 'win32'
   })
 
   process.exit(result.status ?? 1)
diff --git a/src/components/KeepAlive/index.jsx b/src/components/KeepAlive/index.jsx
index f67ac3b97..f80bea9e9 100644
--- a/src/components/KeepAlive/index.jsx
+++ b/src/components/KeepAlive/index.jsx
@@ -88,15 +88,16 @@ const createKeepAliveManager = () => {
     // set global options: { deactivateDelay, keepInactiveCount, limit }
     setOptions: (opts = {}) => {
       if (typeof opts.deactivateDelay === 'number') deactivateDelay = opts.deactivateDelay
-      if (typeof opts.keepInactiveCount === 'number')
+      if (typeof opts.keepInactiveCount === 'number') {
         keepInactiveCount = Math.max(0, Math.floor(opts.keepInactiveCount))
+      }
       if (typeof opts.limit === 'number') limit = Math.max(0, Math.floor(opts.limit))
     },
     register: (id, opts) => {
       // opts: { setShouldRender, persistOnUnmount }
       instances.set(id, {
         setShouldRender: opts.setShouldRender,
-        persistOnUnmount: !!opts.persistOnUnmount,
+        persistOnUnmount: !!opts.persistOnUnmount
       })
     },
     unregister: (id) => {
@@ -196,7 +197,7 @@ const createKeepAliveManager = () => {
       instances.delete(id)
       activeMap.delete(id)
       keys = keys.filter((k) => k !== id)
-    },
+    }
   }
 }
 
@@ -239,7 +240,7 @@ const KeepAlive = ({ id, active = false, children, persistOnUnmount = false, cac
       const effectivePersist = ActivityComponent ? true : persistOnUnmount
       keepAliveManager.register(id, {
         setShouldRender,
-        persistOnUnmount: effectivePersist,
+        persistOnUnmount: effectivePersist
       })
     }
     return () => {
@@ -308,14 +309,14 @@ const KeepAlive = ({ id, active = false, children, persistOnUnmount = false, cac
       if (!active) return
       scrollPos.current.set(e.target, {
         left: e.target.scrollLeft,
-        top: e.target.scrollTop,
+        top: e.target.scrollTop
       })
     }
 
     // Capture scroll events to record positions
     container.addEventListener('scroll', onScroll, {
       capture: true,
-      passive: true,
+      passive: true
     })
 
     return () => {
@@ -359,7 +360,7 @@ const KeepAlive = ({ id, active = false, children, persistOnUnmount = false, cac
     if (container.parentNode !== placeholder) {
       // 在移动DOM之前，发送自定义事件通知子组件
       const event = new CustomEvent('keepalive-dom-move', {
-        detail: { from: container.parentNode, to: placeholder },
+        detail: { from: container.parentNode, to: placeholder }
       })
       container.dispatchEvent(event)
 
@@ -429,7 +430,7 @@ KeepAlive.propTypes = {
   active: PropTypes.bool,
   children: PropTypes.node,
   persistOnUnmount: PropTypes.bool,
-  cacheLimit: PropTypes.number,
+  cacheLimit: PropTypes.number
 }
 
 export default KeepAlive
diff --git a/src/components/hooks/useRemoveGlobalLoader.js b/src/components/hooks/useRemoveGlobalLoader.js
index cd79d8afb..3fb2adc22 100644
--- a/src/components/hooks/useRemoveGlobalLoader.js
+++ b/src/components/hooks/useRemoveGlobalLoader.js
@@ -20,7 +20,7 @@ export const useRemoveGlobalLoader = () => {
             }
 
             loader.addEventListener('transitionend', handleTransitionEnd, {
-              once: true,
+              once: true
             })
 
             // 兜底：如果动画没触发（例如页面不可见），强制移除
diff --git a/src/components/stateless/FixMusicPlayer/SongCard.jsx b/src/components/stateless/FixMusicPlayer/SongCard.jsx
index 5ad0590bc..14ee0a6e1 100644
--- a/src/components/stateless/FixMusicPlayer/SongCard.jsx
+++ b/src/components/stateless/FixMusicPlayer/SongCard.jsx
@@ -8,44 +8,43 @@ const SongCard = ({ song, isPlaying, isActive, onClick, themeMode, textColor, se
 
   return (
     <div
-      className="bg-opacity-80 hover:bg-opacity-60 flex w-full max-w-[250px] cursor-pointer flex-col rounded-lg p-3 transition-all duration-300 hover:shadow-lg sm:p-4"
+      className='bg-opacity-80 hover:bg-opacity-60 flex w-full max-w-[250px] cursor-pointer flex-col rounded-lg p-3 transition-all duration-300 hover:shadow-lg sm:p-4'
       style={{ backgroundColor: bgColor }}
       onClick={onClick}
       title={`点击播放: ${song.title} - ${song.subtitle}`}
     >
-      <div className="group relative h-48 w-full sm:h-56">
+      <div className='group relative h-48 w-full sm:h-56'>
         <img
-          alt="song_img"
+          alt='song_img'
           src={song.coverart}
-          className="h-full w-full rounded-lg object-cover transition-transform duration-300 group-hover:scale-105"
+          className='h-full w-full rounded-lg object-cover transition-transform duration-300 group-hover:scale-105'
         />
         <div
-          className="bg-opacity-30 absolute inset-0 flex items-center justify-center rounded-lg opacity-0 transition-opacity duration-300 group-hover:opacity-100"
+          className='bg-opacity-30 absolute inset-0 flex items-center justify-center rounded-lg opacity-0 transition-opacity duration-300 group-hover:opacity-100'
           style={{
-            backgroundColor: isDark ? 'rgba(0,0,0,0.3)' : 'rgba(255,255,255,0.3)',
+            backgroundColor: isDark ? 'rgba(0,0,0,0.3)' : 'rgba(255,255,255,0.3)'
           }}
         >
-          {isCurrentSong ? (
-            <Pause size={48} style={{ color: textColor }} />
-          ) : (
-            <Play size={48} style={{ color: textColor }} />
-          )}
+          {isCurrentSong
+            ? (
+              <Pause size={48} style={{ color: textColor }} />
+              )
+            : (
+              <Play size={48} style={{ color: textColor }} />
+              )}
         </div>
         {isCurrentSong && (
-          <div className="absolute right-2 bottom-2 rounded-full p-1" style={{ backgroundColor: activeColor }}>
-            <div
-              className="h-2 w-2 animate-pulse rounded-full sm:h-3 sm:w-3"
-              style={{ backgroundColor: textColor }}
-            ></div>
+          <div className='absolute right-2 bottom-2 rounded-full p-1' style={{ backgroundColor: activeColor }}>
+            <div className='h-2 w-2 animate-pulse rounded-full sm:h-3 sm:w-3' style={{ backgroundColor: textColor }} />
           </div>
         )}
       </div>
 
-      <div className="mt-3 flex flex-col sm:mt-4">
-        <p className="truncate text-sm font-semibold sm:text-lg" style={{ color: textColor }}>
+      <div className='mt-3 flex flex-col sm:mt-4'>
+        <p className='truncate text-sm font-semibold sm:text-lg' style={{ color: textColor }}>
           {song.title}
         </p>
-        <p className="mt-1 truncate text-xs sm:text-sm" style={{ color: secondaryTextColor }}>
+        <p className='mt-1 truncate text-xs sm:text-sm' style={{ color: secondaryTextColor }}>
           {song.subtitle}
         </p>
       </div>
diff --git a/src/components/stateless/NotificationDrawer/index.jsx b/src/components/stateless/NotificationDrawer/index.jsx
index b9ca19084..bc14fa9fa 100644
--- a/src/components/stateless/NotificationDrawer/index.jsx
+++ b/src/components/stateless/NotificationDrawer/index.jsx
@@ -10,36 +10,36 @@ const initialNotifications = [
     title: '欢迎使用 Pro React Admin',
     description: '感谢您的体验与支持！',
     read: false,
-    time: '1分钟前',
+    time: '1分钟前'
   },
   {
     id: 2,
     title: '新功能上线',
     description: '全站菜单查询功能全新上线，支持快速定位与跳转！',
     read: false,
-    time: '5分钟前',
+    time: '5分钟前'
   },
   {
     id: 3,
     title: '新功能上线',
     description: 'ResponsiveTable高复用表格上线，欢迎试用！',
     read: false,
-    time: '10分钟前',
+    time: '10分钟前'
   },
   {
     id: 4,
     title: '新功能上线',
     description: '权限系统与主题切换已支持。',
     read: false,
-    time: '15分钟前',
+    time: '15分钟前'
   },
   {
     id: 5,
     title: '文档更新',
     description: 'README.md 已优化，欢迎查阅。',
     read: true,
-    time: '1天前',
-  },
+    time: '1天前'
+  }
 ]
 
 const NotificationDropdown = ({ iconColor, variant = 'inline', buttonStyle, ghost = false }) => {
@@ -76,7 +76,7 @@ const NotificationDropdown = ({ iconColor, variant = 'inline', buttonStyle, ghos
   }
 
   const {
-    token: { colorBgContainer, colorBorder, colorText, colorTextSecondary, colorTextTertiary },
+    token: { colorBgContainer, colorBorder, colorText, colorTextSecondary, colorTextTertiary }
   } = theme.useToken()
 
   // content structure: header (optional) / list (scrollable) / footer (fixed)
@@ -87,68 +87,70 @@ const NotificationDropdown = ({ iconColor, variant = 'inline', buttonStyle, ghos
         backgroundColor: colorBgContainer,
         color: colorText,
         display: 'flex',
-        flexDirection: 'column',
+        flexDirection: 'column'
       }}
     >
       <div style={{ flex: 1, overflowY: 'auto', padding: 12 }}>
-        {notifications.length === 0 ? (
-          <div
-            style={{
-              color: colorTextTertiary,
-              textAlign: 'center',
-              padding: '32px 0',
-            }}
-          >
-            暂无通知
-          </div>
-        ) : (
-          notifications.slice(0, MAX_ITEMS).map((item) => (
-            <button
-              key={item.id}
-              type="button"
-              onClick={() => handleNotificationOpen(item.id)}
+        {notifications.length === 0
+          ? (
+            <div
               style={{
-                opacity: item.read ? 0.6 : 1,
-                padding: '8px 0',
-                borderBottom: `1px solid ${colorBorder}`,
-                display: 'flex',
-                flexDirection: 'column',
-                gap: 4,
-                cursor: 'pointer',
-                width: '100%',
-                textAlign: 'left',
-                background: 'transparent',
-                borderTop: 'none',
-                borderLeft: 'none',
-                borderRight: 'none',
+                color: colorTextTertiary,
+                textAlign: 'center',
+                padding: '32px 0'
               }}
             >
-              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-                {!item.read ? <Badge status="processing" /> : <Badge status="default" />}
-                <Typography.Text strong>{item.title}</Typography.Text>
-              </div>
-              <div
-                style={{
-                  fontSize: 13,
-                  color: colorTextSecondary,
-                  marginTop: 6,
-                }}
-              >
-                {item.description}
-              </div>
-              <div
-                style={{
-                  fontSize: 12,
-                  color: colorTextTertiary,
-                  marginTop: 4,
-                  textAlign: 'right',
-                }}
-              >
-                {item.time}
-              </div>
-            </button>
-          ))
-        )}
+              暂无通知
+            </div>
+            )
+          : (
+              notifications.slice(0, MAX_ITEMS).map((item) => (
+                <button
+                  key={item.id}
+                  type='button'
+                  onClick={() => handleNotificationOpen(item.id)}
+                  style={{
+                    opacity: item.read ? 0.6 : 1,
+                    padding: '8px 0',
+                    borderBottom: `1px solid ${colorBorder}`,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 4,
+                    cursor: 'pointer',
+                    width: '100%',
+                    textAlign: 'left',
+                    background: 'transparent',
+                    borderTop: 'none',
+                    borderLeft: 'none',
+                    borderRight: 'none'
+                  }}
+                >
+                  <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                    {!item.read ? <Badge status='processing' /> : <Badge status='default' />}
+                    <Typography.Text strong>{item.title}</Typography.Text>
+                  </div>
+                  <div
+                    style={{
+                      fontSize: 13,
+                      color: colorTextSecondary,
+                      marginTop: 6
+                    }}
+                  >
+                    {item.description}
+                  </div>
+                  <div
+                    style={{
+                      fontSize: 12,
+                      color: colorTextTertiary,
+                      marginTop: 4,
+                      textAlign: 'right'
+                    }}
+                  >
+                    {item.time}
+                  </div>
+                </button>
+              ))
+            )}
       </div>
 
       <div
@@ -156,17 +158,17 @@ const NotificationDropdown = ({ iconColor, variant = 'inline', buttonStyle, ghos
           borderTop: `1px solid ${colorBorder}`,
           padding: 8,
           backgroundColor: colorBgContainer,
-          textAlign: 'right',
+          textAlign: 'right'
         }}
       >
         <Space>
-          <Button size="small" onClick={markAllRead} icon={<CheckCircleOutlined />}>
+          <Button size='small' onClick={markAllRead} icon={<CheckCircleOutlined />}>
             全部已读
           </Button>
-          <Button size="small" onClick={clearAll} icon={<DeleteOutlined />} danger>
+          <Button size='small' onClick={clearAll} icon={<DeleteOutlined />} danger>
             清空
           </Button>
-          <Button size="small" type="link" onClick={() => safeNavigate('/notifications')}>
+          <Button size='small' type='link' onClick={() => safeNavigate('/notifications')}>
             查看全部
           </Button>
         </Space>
@@ -177,56 +179,58 @@ const NotificationDropdown = ({ iconColor, variant = 'inline', buttonStyle, ghos
   const openDrawer = () => setPopVisible(true)
 
   const iconNode = (
-    <Badge count={unreadCount} size="small" overflowCount={49}>
+    <Badge count={unreadCount} size='small' overflowCount={49}>
       <BellOutlined style={{ fontSize: 16, color: iconColor }} />
     </Badge>
   )
 
   const triggerNode =
-    variant === 'button' ? (
-      <Button
-        type="default"
-        size="small"
-        ghost={ghost}
-        icon={iconNode}
-        onClick={openDrawer}
-        aria-haspopup="dialog"
-        aria-expanded={popVisible}
-        style={{
-          fontSize: 16,
-          ...(buttonStyle || {}),
-          ...(iconColor ? { color: iconColor } : {}),
-        }}
-      >
-        {isMobile ? '通知' : null}
-      </Button>
-    ) : (
-      <button
-        type="button"
-        onClick={openDrawer}
-        aria-haspopup="dialog"
-        aria-expanded={popVisible}
-        style={{
-          cursor: 'pointer',
-          color: iconColor,
-          background: 'transparent',
-          border: 'none',
-          padding: 0,
-          display: 'inline-flex',
-          alignItems: 'center',
-        }}
-      >
-        {iconNode}
-        {isMobile && <span style={{ marginLeft: 4 }}>通知</span>}
-      </button>
-    )
+    variant === 'button'
+      ? (
+        <Button
+          type='default'
+          size='small'
+          ghost={ghost}
+          icon={iconNode}
+          onClick={openDrawer}
+          aria-haspopup='dialog'
+          aria-expanded={popVisible}
+          style={{
+            fontSize: 16,
+            ...(buttonStyle || {}),
+            ...(iconColor ? { color: iconColor } : {})
+          }}
+        >
+          {isMobile ? '通知' : null}
+        </Button>
+        )
+      : (
+        <button
+          type='button'
+          onClick={openDrawer}
+          aria-haspopup='dialog'
+          aria-expanded={popVisible}
+          style={{
+            cursor: 'pointer',
+            color: iconColor,
+            background: 'transparent',
+            border: 'none',
+            padding: 0,
+            display: 'inline-flex',
+            alignItems: 'center'
+          }}
+        >
+          {iconNode}
+          {isMobile && <span style={{ marginLeft: 4 }}>通知</span>}
+        </button>
+        )
 
   return (
     <>
       {triggerNode}
       <Drawer
-        title="通知"
-        placement="right"
+        title='通知'
+        placement='right'
         onClose={() => setPopVisible(false)}
         open={popVisible}
         size={360}
@@ -242,7 +246,7 @@ NotificationDropdown.propTypes = {
   iconColor: PropTypes.string,
   variant: PropTypes.oneOf(['inline', 'button']),
   buttonStyle: PropTypes.object,
-  ghost: PropTypes.bool,
+  ghost: PropTypes.bool
 }
 
 export default NotificationDropdown
diff --git a/src/components/stateless/PieNestCharts/index.jsx b/src/components/stateless/PieNestCharts/index.jsx
index 1cb5078ef..55f2d9134 100644
--- a/src/components/stateless/PieNestCharts/index.jsx
+++ b/src/components/stateless/PieNestCharts/index.jsx
@@ -28,11 +28,11 @@ const PieNestChart = ({ data = [], height = '100%', eOptions = {} }) => {
 
     const defaultOption = {
       tooltip: {
-        show: false,
+        show: false
       },
       legend: {
         show: false,
-        ...eOptions?.options?.legend,
+        ...eOptions?.options?.legend
       },
       series: eOptions?.options?.series?.map((item, index) => {
         if (index === 0) {
@@ -43,8 +43,8 @@ const PieNestChart = ({ data = [], height = '100%', eOptions = {} }) => {
             radius: [0, '24%'],
             emphasis: {
               label: {
-                show: true,
-              },
+                show: true
+              }
             },
             label: {
               show: true,
@@ -52,27 +52,27 @@ const PieNestChart = ({ data = [], height = '100%', eOptions = {} }) => {
               fontSize: 14,
               formatter: '{a|{b}}',
               rich: {
-                a: { color: '#fff', fontSize: 12 },
+                a: { color: '#fff', fontSize: 12 }
               },
-              ...item.label,
+              ...item.label
             },
             labelLine: {
-              show: false,
+              show: false
             },
             itemStyle: {
               borderColor: '#fff',
-              borderWidth: 2,
+              borderWidth: 2
             },
             data: item?.data?.map((temp, idx) => ({
               ...temp,
-              itemStyle: { color: innerColors[idx % innerColors.length] },
+              itemStyle: { color: innerColors[idx % innerColors.length] }
             })),
             tooltip: {
               show: false,
               trigger: 'item',
               formatter: (params) => `${params.name}: ${params.value}(${params.percent}%)`,
-              ...item?.tooltip,
-            },
+              ...item?.tooltip
+            }
           }
         } else {
           return {
@@ -81,7 +81,7 @@ const PieNestChart = ({ data = [], height = '100%', eOptions = {} }) => {
             radius: ['24%', '40%'],
             labelLine: {
               length: 30,
-              length2: 60,
+              length2: 60
             },
             label: {
               show: false,
@@ -92,40 +92,40 @@ const PieNestChart = ({ data = [], height = '100%', eOptions = {} }) => {
                   color: '#fff',
                   fontSize: 14,
                   fontWeight: 'bold',
-                  lineHeight: 33,
-                },
+                  lineHeight: 33
+                }
               },
-              ...item?.label,
+              ...item?.label
             },
             labelLayout: (params) => {
               return {
                 hideOverlap: true,
-                moveOverlap: true,
+                moveOverlap: true
               }
             },
             emphasis: {
               label: {
-                show: true,
-              },
+                show: true
+              }
             },
             itemStyle: {
               opacity: 0.8,
               borderColor: '#fff',
-              borderWidth: 2,
+              borderWidth: 2
             },
             data: item?.data?.map((temp, idx) => ({
               ...temp,
-              itemStyle: { color: outerColors[idx % outerColors.length] },
+              itemStyle: { color: outerColors[idx % outerColors.length] }
             })),
             tooltip: {
               show: false,
               trigger: 'item',
               formatter: (params) => `${params.name}: ${params.value}(${params.percent}%)`,
-              ...item?.tooltip,
-            },
+              ...item?.tooltip
+            }
           }
         }
-      }),
+      })
     }
 
     myChartRef.current.setOption(defaultOption)
diff --git a/src/components/stateless/SmartVideoPlayer/index.jsx b/src/components/stateless/SmartVideoPlayer/index.jsx
index 7273642b7..21bc677ae 100644
--- a/src/components/stateless/SmartVideoPlayer/index.jsx
+++ b/src/components/stateless/SmartVideoPlayer/index.jsx
@@ -17,13 +17,13 @@ import {
   PictureInPicture,
   ExternalLink,
   X,
-  Minimize2,
+  Minimize2
 } from 'lucide-react'
 
 import * as stylesModule from './index.module.less'
 import { createSvpI18n, setStoredSvpUiLanguage } from './svpI18n'
 
-function unwrapCssModule(mod) {
+function unwrapCssModule (mod) {
   if (!mod) return null
 
   const candidates = []
@@ -50,10 +50,10 @@ function unwrapCssModule(mod) {
 
 const stylesRaw = unwrapCssModule(stylesModule) || {}
 const styles = new Proxy(stylesRaw, {
-  get(target, prop) {
+  get (target, prop) {
     if (typeof prop !== 'string') return target[prop]
     return target[prop] || prop
-  },
+  }
 })
 
 const DEFAULT_INITIAL_CONFIG = {
@@ -62,10 +62,10 @@ const DEFAULT_INITIAL_CONFIG = {
   autoPlay: true,
   autoMute: true,
   playbackRate: 1,
-  ytControls: true,
+  ytControls: true
 }
 
-function isSameConfig(a, b) {
+function isSameConfig (a, b) {
   if (a === b) return true
   if (!a || !b) return false
   return (
@@ -78,13 +78,13 @@ function isSameConfig(a, b) {
   )
 }
 
-const IconButton = React.memo(function IconButton({
+const IconButton = React.memo(function IconButton ({
   Icon,
   label,
   onClick,
   disabled = false,
   buttonRef,
-  tooltipPlacement = 'top',
+  tooltipPlacement = 'top'
 }) {
   const tooltipPlacementClass =
     tooltipPlacement === 'topLeft'
@@ -107,7 +107,7 @@ const IconButton = React.memo(function IconButton({
     <button
       ref={buttonRef}
       className={styles.iconButton}
-      type="button"
+      type='button'
       onClick={onClick}
       aria-label={label}
       disabled={disabled}
@@ -120,12 +120,12 @@ const IconButton = React.memo(function IconButton({
   )
 })
 
-const SettingToggle = React.memo(function SettingToggle({ checked, label, onChange }) {
+const SettingToggle = React.memo(function SettingToggle ({ checked, label, onChange }) {
   return (
     <label className={styles.settingItem}>
       <input
         className={styles.settingCheckbox}
-        type="checkbox"
+        type='checkbox'
         checked={checked}
         onChange={(e) => onChange(e.target.checked)}
       />
@@ -134,7 +134,7 @@ const SettingToggle = React.memo(function SettingToggle({ checked, label, onChan
   )
 })
 
-function getScrollParent(node) {
+function getScrollParent (node) {
   let current = node?.parentElement
   while (current && current !== document.body && current !== document.documentElement) {
     const style = window.getComputedStyle(current)
@@ -148,7 +148,7 @@ function getScrollParent(node) {
   return null
 }
 
-const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
+const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner (
   {
     src,
     provider = 'html5',
@@ -164,7 +164,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
     onConfigChange,
     initialConfig,
     onError,
-    onEvent,
+    onEvent
   },
   ref
 ) {
@@ -242,7 +242,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
   const mergedInitialConfig = useMemo(() => {
     return {
       ...DEFAULT_INITIAL_CONFIG,
-      ...(initialConfig || {}),
+      ...(initialConfig || {})
     }
   }, [initialConfig])
 
@@ -268,7 +268,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
             src: ctx.src,
             youtubeId: ctx.youtubeId,
             embedUrl: ctx.embedUrl,
-            ...extra,
+            ...extra
           })
         } catch (_) {
           // ignore
@@ -397,7 +397,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
 
           reportError(message ? t('svp.unableToPlayWithMessage', { name, message }) : t('svp.unableToPlay', { name }), {
             name,
-            message,
+            message
           })
         })
     },
@@ -508,7 +508,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
         reportError(t('svp.hlsNativeLoadFailed'), {
           type: 'hls',
           name: err?.name,
-          reason: err?.message,
+          reason: err?.message
         })
       }
       return
@@ -521,7 +521,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
         if (!Hls || typeof Hls.isSupported !== 'function' || !Hls.isSupported()) {
           reportError(t('svp.hlsNotSupported'), {
             type: 'hls',
-            reason: 'not_supported',
+            reason: 'not_supported'
           })
           return
         }
@@ -530,7 +530,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
 
         const hls = new Hls({
           // keep defaults; avoid aggressive low-latency tuning here
-          enableWorker: true,
+          enableWorker: true
         })
         hlsRef.current = hls
 
@@ -547,8 +547,8 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
               type: data.type,
               details: data.details,
               reason: data.reason,
-              response: data.response,
-            },
+              response: data.response
+            }
           })
 
           // Best-effort: destroy to stop retry loops
@@ -571,7 +571,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
             reportError(t('svp.hlsLoadFailed'), {
               type: 'hls',
               name: err?.name,
-              reason: err?.message,
+              reason: err?.message
             })
           }
         })
@@ -579,7 +579,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
         reportError(t('svp.hlsInitFailed'), {
           type: 'hls',
           name: err?.name,
-          reason: err?.message,
+          reason: err?.message
         })
       }
     })()
@@ -633,7 +633,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
           next.push({
             index: i,
             label: t.label || t.language || t('svp.captionN', { n: i + 1 }),
-            language: t.language || '',
+            language: t.language || ''
           })
         }
       }
@@ -681,7 +681,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
     ref,
     () => ({
       play: (withFeedback = false) => safePlay(withFeedback),
-      playFromUserGesture: (withFeedback = true) => safePlayFromUserGesture(withFeedback),
+      playFromUserGesture: (withFeedback = true) => safePlayFromUserGesture(withFeedback)
     }),
     [safePlay, safePlayFromUserGesture]
   )
@@ -1096,7 +1096,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
       },
       {
         threshold: [0, 0.25, 0.75, 1],
-        root: observerRoot,
+        root: observerRoot
       }
     )
 
@@ -1160,7 +1160,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
       mute: config.autoMute ? '1' : '0',
       controls: config.ytControls ? '1' : '0',
       playsinline: '1',
-      rel: '0',
+      rel: '0'
     })
     return `https://www.youtube.com/embed/${encodeURIComponent(youtubeId)}?${params.toString()}`
   }, [isEmbed, getEmbedUrl, config, provider, embedUrl, youtubeId])
@@ -1346,7 +1346,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
     setConfigItem,
     setVolume,
     unmute,
-    volumePercent,
+    volumePercent
   ])
 
   const handleBumpVolume = useCallback(
@@ -1487,76 +1487,81 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
       isEmbed,
       isMini,
       settingsOpen,
-      toggleFullscreen,
+      toggleFullscreen
     ]
   )
 
   const settingsPortal =
     !isMini && settingsOpen
       ? createPortal(
-          <div
-            ref={settingsPanelRef}
-            className={`${styles.settingsPanel} ${styles.settingsPanelPortal}`}
-            role="group"
-            aria-label={t('svp.ariaPlaybackSettings')}
-            onPointerDownCapture={handleSettingsPanelPointerDownCapture}
-          >
-            {!isEmbed ? (
+        <div
+          ref={settingsPanelRef}
+          className={`${styles.settingsPanel} ${styles.settingsPanelPortal}`}
+          role='group'
+          aria-label={t('svp.ariaPlaybackSettings')}
+          onPointerDownCapture={handleSettingsPanelPointerDownCapture}
+        >
+          {!isEmbed
+            ? (
               <div
                 className={`${styles.settingItem} ${styles.settingItemSplit}`}
-                role="group"
+                role='group'
                 aria-label={t('svp.ariaPlaybackSpeed')}
               >
                 <span className={styles.settingLabel}>{t('svp.playbackSpeed')}</span>
-                <div className={styles.speedDropdown} data-speed-dropdown="true">
+                <div className={styles.speedDropdown} data-speed-dropdown='true'>
                   <button
-                    type="button"
+                    type='button'
                     className={styles.speedTrigger}
-                    aria-haspopup="listbox"
+                    aria-haspopup='listbox'
                     aria-expanded={speedOpen}
                     onClick={() => setSpeedOpen((v) => !v)}
                   >
                     {`${Number(config.playbackRate ?? 1)}x`}
                   </button>
 
-                  {speedOpen ? (
-                    <div className={styles.speedMenu} role="listbox" aria-label={t('svp.ariaPlaybackSpeedOptions')}>
-                      {[0.5, 0.75, 1, 1.25, 1.5, 2].map((rate) => {
-                        const active = Number(config.playbackRate ?? 1) === rate
-                        return (
-                          <button
-                            key={rate}
-                            type="button"
-                            className={`${styles.speedItem} ${active ? styles.speedItemActive : ''}`}
-                            role="option"
-                            aria-selected={active}
-                            onClick={() => {
-                              setConfigItem('playbackRate', rate)
-                              setSpeedOpen(false)
-                            }}
-                          >
-                            {rate === 1 ? t('svp.speedDefault') : `${rate}x`}
-                          </button>
-                        )
-                      })}
-                    </div>
-                  ) : null}
+                  {speedOpen
+                    ? (
+                      <div className={styles.speedMenu} role='listbox' aria-label={t('svp.ariaPlaybackSpeedOptions')}>
+                        {[0.5, 0.75, 1, 1.25, 1.5, 2].map((rate) => {
+                          const active = Number(config.playbackRate ?? 1) === rate
+                          return (
+                              <button
+                  key={rate}
+                  type='button'
+                  className={`${styles.speedItem} ${active ? styles.speedItemActive : ''}`}
+                  role='option'
+                  aria-selected={active}
+                  onClick={() => {
+                                setConfigItem('playbackRate', rate)
+                                setSpeedOpen(false)
+                              }}
+                >
+                  {rate === 1 ? t('svp.speedDefault') : `${rate}x`}
+                </button>
+                          )
+                        })}
+                      </div>
+                      )
+                    : null}
                 </div>
               </div>
-            ) : null}
+              )
+            : null}
 
-            {!isEmbed && captionTracks.length > 0 ? (
+          {!isEmbed && captionTracks.length > 0
+            ? (
               <div
                 className={`${styles.settingItem} ${styles.settingItemSplit}`}
-                role="group"
+                role='group'
                 aria-label={t('svp.ariaCaptions')}
               >
                 <span className={styles.settingLabel}>{t('svp.captions')}</span>
-                <div className={styles.speedDropdown} data-captions-dropdown="true">
+                <div className={styles.speedDropdown} data-captions-dropdown='true'>
                   <button
-                    type="button"
+                    type='button'
                     className={styles.speedTrigger}
-                    aria-haspopup="listbox"
+                    aria-haspopup='listbox'
                     aria-expanded={captionsOpen}
                     onClick={() => {
                       setCaptionsOpen((v) => !v)
@@ -1569,80 +1574,84 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
                       : t('svp.captionsOff')}
                   </button>
 
-                  {captionsOpen ? (
-                    <div className={styles.speedMenu} role="listbox" aria-label={t('svp.ariaCaptionsOptions')}>
-                      <button
-                        type="button"
-                        className={`${styles.speedItem} ${!captionsEnabled ? styles.speedItemActive : ''}`}
-                        role="option"
-                        aria-selected={!captionsEnabled}
-                        onClick={() => {
-                          setCaptionsEnabled(false)
-                          setCaptionsOpen(false)
-                          emitEvent('captions', { enabled: false })
-                        }}
-                      >
-                        {t('svp.captionsOff')}
-                      </button>
-
-                      {captionTracks.map((t) => {
-                        const active = captionsEnabled && captionTrackIndex === t.index
-                        return (
-                          <button
-                            key={`${t.index}-${t.language || ''}-${t.label || ''}`}
-                            type="button"
-                            className={`${styles.speedItem} ${active ? styles.speedItemActive : ''}`}
-                            role="option"
-                            aria-selected={active}
-                            onClick={() => {
-                              setCaptionTrackIndex(t.index)
-                              setCaptionsEnabled(true)
+                  {captionsOpen
+                    ? (
+                      <div className={styles.speedMenu} role='listbox' aria-label={t('svp.ariaCaptionsOptions')}>
+                        <button
+                          type='button'
+                          className={`${styles.speedItem} ${!captionsEnabled ? styles.speedItemActive : ''}`}
+                          role='option'
+                          aria-selected={!captionsEnabled}
+                          onClick={() => {
+                              setCaptionsEnabled(false)
                               setCaptionsOpen(false)
-                              emitEvent('captions', {
-                                enabled: true,
-                                trackIndex: t.index,
-                              })
+                              emitEvent('captions', { enabled: false })
                             }}
-                          >
-                            {t.label}
-                          </button>
-                        )
-                      })}
-                    </div>
-                  ) : null}
-                </div>
-              </div>
-            ) : null}
-
-            <div
-              className={`${styles.settingItem} ${styles.settingItemSplit}`}
-              role="group"
-              aria-label={t('svp.ariaUiLanguage')}
-            >
-              <span className={styles.settingLabel}>{t('svp.uiLanguage')}</span>
-              <div className={styles.speedDropdown} data-ui-lang-dropdown="true">
-                <button
-                  type="button"
-                  className={styles.speedTrigger}
-                  aria-haspopup="listbox"
-                  aria-expanded={uiLangOpen}
+                        >
+                          {t('svp.captionsOff')}
+                        </button>
+
+                        {captionTracks.map((t) => {
+                          const active = captionsEnabled && captionTrackIndex === t.index
+                          return (
+                              <button
+                  key={`${t.index}-${t.language || ''}-${t.label || ''}`}
+                  type='button'
+                  className={`${styles.speedItem} ${active ? styles.speedItemActive : ''}`}
+                  role='option'
+                  aria-selected={active}
                   onClick={() => {
-                    setUiLangOpen((v) => !v)
-                    setSpeedOpen(false)
-                    setCaptionsOpen(false)
-                  }}
+                                setCaptionTrackIndex(t.index)
+                                setCaptionsEnabled(true)
+                                setCaptionsOpen(false)
+                                emitEvent('captions', {
+                                  enabled: true,
+                                  trackIndex: t.index
+                                })
+                              }}
                 >
-                  {(i18n.resolvedLanguage || i18n.language || '').toLowerCase().startsWith('zh')
-                    ? t('svp.langZh')
-                    : t('svp.langEn')}
+                  {t.label}
                 </button>
+                          )
+                        })}
+                      </div>
+                      )
+                    : null}
+                </div>
+              </div>
+              )
+            : null}
 
-                {uiLangOpen ? (
-                  <div className={styles.speedMenu} role="listbox" aria-label={t('svp.ariaUiLanguageOptions')}>
+          <div
+            className={`${styles.settingItem} ${styles.settingItemSplit}`}
+            role='group'
+            aria-label={t('svp.ariaUiLanguage')}
+          >
+            <span className={styles.settingLabel}>{t('svp.uiLanguage')}</span>
+            <div className={styles.speedDropdown} data-ui-lang-dropdown='true'>
+              <button
+                type='button'
+                className={styles.speedTrigger}
+                aria-haspopup='listbox'
+                aria-expanded={uiLangOpen}
+                onClick={() => {
+                  setUiLangOpen((v) => !v)
+                  setSpeedOpen(false)
+                  setCaptionsOpen(false)
+                }}
+              >
+                {(i18n.resolvedLanguage || i18n.language || '').toLowerCase().startsWith('zh')
+                  ? t('svp.langZh')
+                  : t('svp.langEn')}
+              </button>
+
+              {uiLangOpen
+                ? (
+                  <div className={styles.speedMenu} role='listbox' aria-label={t('svp.ariaUiLanguageOptions')}>
                     <button
-                      type="button"
+                      type='button'
                       className={`${styles.speedItem} ${(i18n.resolvedLanguage || i18n.language || '').toLowerCase().startsWith('zh') ? styles.speedItemActive : ''}`}
-                      role="option"
+                      role='option'
                       aria-selected={(i18n.resolvedLanguage || i18n.language || '').toLowerCase().startsWith('zh')}
                       onClick={() => {
                         i18n.changeLanguage('zh')
@@ -1655,9 +1664,9 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
                     </button>
 
                     <button
-                      type="button"
+                      type='button'
                       className={`${styles.speedItem} ${!(i18n.resolvedLanguage || i18n.language || '').toLowerCase().startsWith('zh') ? styles.speedItemActive : ''}`}
-                      role="option"
+                      role='option'
                       aria-selected={!(i18n.resolvedLanguage || i18n.language || '').toLowerCase().startsWith('zh')}
                       onClick={() => {
                         i18n.changeLanguage('en')
@@ -1669,12 +1678,14 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
                       {t('svp.langEn')}
                     </button>
                   </div>
-                ) : null}
-              </div>
+                  )
+                : null}
             </div>
+          </div>
 
-            <div className={styles.settingsScroll} role="group" aria-label={t('svp.ariaOtherSettings')}>
-              {!isEmbed ? (
+          <div className={styles.settingsScroll} role='group' aria-label={t('svp.ariaOtherSettings')}>
+            {!isEmbed
+              ? (
                 <>
                   <SettingToggle
                     checked={config.lazyPlay}
@@ -1687,36 +1698,41 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
                     onChange={(v) => setConfigItem('miniPlayer', v)}
                   />
                 </>
-              ) : isYouTube ? (
-                <SettingToggle
-                  checked={Boolean(config.ytControls)}
-                  label={t('svp.youtubeControls')}
-                  onChange={(v) => setConfigItem('ytControls', v)}
-                />
-              ) : null}
-              <SettingToggle
-                checked={config.autoPlay}
-                label={t('svp.autoPlay')}
-                onChange={(v) => setConfigItem('autoPlay', v)}
-              />
-              <SettingToggle
-                checked={config.autoMute}
-                label={t('svp.autoMute')}
-                onChange={(v) => setConfigItem('autoMute', v)}
-              />
-            </div>
-          </div>,
-          document.body
-        )
+                )
+              : isYouTube
+                ? (
+                  <SettingToggle
+                    checked={Boolean(config.ytControls)}
+                    label={t('svp.youtubeControls')}
+                    onChange={(v) => setConfigItem('ytControls', v)}
+                  />
+                  )
+                : null}
+            <SettingToggle
+              checked={config.autoPlay}
+              label={t('svp.autoPlay')}
+              onChange={(v) => setConfigItem('autoPlay', v)}
+            />
+            <SettingToggle
+              checked={config.autoMute}
+              label={t('svp.autoMute')}
+              onChange={(v) => setConfigItem('autoMute', v)}
+            />
+          </div>
+        </div>,
+        document.body
+      )
       : null
 
   return (
     <>
-      {!isMini && config.miniPlayer && fullyOut && !isPiP && miniDismissed ? (
-        <div className={styles.miniRestore}>
-          <IconButton Icon={Minimize2} label={t('svp.restoreMini')} onClick={handleRestoreMini} />
-        </div>
-      ) : null}
+      {!isMini && config.miniPlayer && fullyOut && !isPiP && miniDismissed
+        ? (
+          <div className={styles.miniRestore}>
+            <IconButton Icon={Minimize2} label={t('svp.restoreMini')} onClick={handleRestoreMini} />
+          </div>
+          )
+        : null}
 
       <div ref={videoAnchorRef} className={styles.videoAnchor}>
         {isMini ? <div className={styles.miniPlaceholder} aria-hidden /> : null}
@@ -1726,247 +1742,293 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
           className={`${styles.videoWrap} ${isMini ? styles.mini : ''} ${settingsOpen ? styles.controlsPinnedWrap : ''}`}
           tabIndex={0}
           onKeyDown={handlePlayerKeyDown}
-          role="region"
+          role='region'
           aria-label={t('svp.ariaPlayer')}
         >
-          {isEmbed ? (
-            computedEmbedSrc ? (
-              <div className={styles.embedRatio}>
-                <iframe
-                  key={computedEmbedSrc}
-                  className={styles.embedFrame}
-                  src={computedEmbedSrc}
-                  title={title || 'Embed'}
-                  allow="autoplay; encrypted-media; picture-in-picture; fullscreen"
-                  referrerPolicy="strict-origin-when-cross-origin"
-                  onLoad={handleEmbedLoad}
-                />
-
-                {embedTimeout && !embedLoaded ? (
-                  <div className={styles.embedHint} role="status" aria-live="polite">
-                    <div className={styles.embedHintTitle}>{t('svp.embedMayBeBlocked')}</div>
-                    {externalOpenUrl ? (
-                      <button type="button" className={styles.embedHintAction} onClick={handleOpenExternal}>
-                        {t('svp.openInNewWindow')}
-                      </button>
-                    ) : null}
-                  </div>
-                ) : null}
-              </div>
-            ) : (
-              <div className={styles.embedFallback}>
-                <div className={styles.embedFallbackTitle}>{title || t('svp.embedNotConfigured')}</div>
-                <div className={styles.embedFallbackMeta}>{t('svp.embedFallbackHint')}</div>
-              </div>
-            )
-          ) : (
-            <video
-              ref={useVideoRef}
-              className={styles.video}
-              muted={config.autoMute}
-              controls={false}
-              preload="metadata"
-              controlsList="nodownload"
-              playsInline
-              onClick={handleTogglePause}
-              onDoubleClick={toggleFullscreen}
-            >
-              {!isHlsSrc ? <source src={src} type="video/mp4" /> : null}
-              {computedTrackSrc ? (
-                <track
-                  kind="captions"
-                  srcLang={trackLang}
-                  label={trackLang?.toUpperCase?.() || 'CC'}
-                  src={computedTrackSrc}
-                />
-              ) : null}
-              {t('svp.videoTagUnsupported')}
-            </video>
-          )}
-
-          {!isEmbed && mediaLoading ? (
-            <div className={styles.loadingOverlay} role="status" aria-live="polite">
-              <div className={styles.loadingOverlayText}>{mediaLoadingText}</div>
-            </div>
-          ) : null}
-
-          {!isEmbed ? (
-            <div className={`${styles.centerToggle} ${isPaused ? styles.centerToggleVisible : ''}`} aria-hidden={false}>
-              <button
-                type="button"
-                className={styles.centerToggleButton}
-                aria-label={isPaused ? t('svp.play') : t('svp.pause')}
-                onClick={(e) => {
-                  e.stopPropagation()
-                  handleTogglePause()
-                }}
+          {isEmbed
+            ? (
+                computedEmbedSrc
+                  ? (
+                    <div className={styles.embedRatio}>
+                      <iframe
+                        key={computedEmbedSrc}
+                        className={styles.embedFrame}
+                        src={computedEmbedSrc}
+                        title={title || 'Embed'}
+                        allow='autoplay; encrypted-media; picture-in-picture; fullscreen'
+                        referrerPolicy='strict-origin-when-cross-origin'
+                        onLoad={handleEmbedLoad}
+                      />
+
+                      {embedTimeout && !embedLoaded
+                        ? (
+                          <div className={styles.embedHint} role='status' aria-live='polite'>
+                            <div className={styles.embedHintTitle}>{t('svp.embedMayBeBlocked')}</div>
+                            {externalOpenUrl
+                              ? (
+                                <button type='button' className={styles.embedHintAction} onClick={handleOpenExternal}>
+                                  {t('svp.openInNewWindow')}
+                                </button>
+                                )
+                              : null}
+                          </div>
+                          )
+                        : null}
+                    </div>
+                    )
+                  : (
+                    <div className={styles.embedFallback}>
+                      <div className={styles.embedFallbackTitle}>{title || t('svp.embedNotConfigured')}</div>
+                      <div className={styles.embedFallbackMeta}>{t('svp.embedFallbackHint')}</div>
+                    </div>
+                    )
+              )
+            : (
+              <video
+                ref={useVideoRef}
+                className={styles.video}
+                muted={config.autoMute}
+                controls={false}
+                preload='metadata'
+                controlsList='nodownload'
+                playsInline
+                onClick={handleTogglePause}
+                onDoubleClick={toggleFullscreen}
               >
-                {isPaused ? <Play size={34} /> : <Pause size={34} />}
-              </button>
-            </div>
-          ) : null}
-
-          {isEmbed ? (
-            <div className={styles.embedToolbar} role="toolbar" aria-label={t('svp.ariaEmbedToolbar')}>
-              {externalOpenUrl ? (
-                <IconButton Icon={ExternalLink} label={t('svp.openInNewWindow')} onClick={handleOpenExternal} />
-              ) : null}
-
-              <div ref={settingsRef} className={styles.settingsWrap}>
-                <IconButton
-                  Icon={Settings}
-                  label={t('svp.settings')}
-                  onClick={() => setSettingsOpen((v) => !v)}
-                  buttonRef={settingsButtonRef}
-                />
-              </div>
-            </div>
-          ) : null}
-
-          {!isEmbed ? (
-            <div className={styles.videoControls} role="group" aria-label={t('svp.ariaVideoControls')}>
-              <div className={styles.controlsTop} role="group" aria-label={t('svp.ariaPlaybackTools')}>
-                {!isEmbed && !isMini ? (
-                  <IconButton
-                    Icon={SkipBack}
-                    label={t('svp.back10')}
-                    onClick={() => back(10)}
-                    tooltipPlacement="topLeft"
-                  />
-                ) : null}
-
-                {!isEmbed ? (
-                  <IconButton
-                    Icon={isPaused ? Play : Pause}
-                    label={isPaused ? t('svp.play') : t('svp.pause')}
-                    onClick={handleTogglePause}
-                  />
-                ) : null}
-
-                {!isEmbed && !isMini ? (
-                  <IconButton Icon={SkipForward} label={t('svp.forward10')} onClick={() => forward(10)} />
-                ) : null}
-
-                {isMini ? <IconButton Icon={X} label={t('svp.closeMini')} onClick={handleCloseMini} /> : null}
-
-                <div className={styles.spacer} />
-
-                {!isEmbed ? (
-                  <IconButton
-                    Icon={isEffectivelyMuted ? VolumeX : Volume2}
-                    label={isEffectivelyMuted ? t('svp.unmute') : t('svp.mute')}
-                    onClick={handleToggleMuteSmart}
-                  />
-                ) : null}
-
-                {!isEmbed && !isMini ? (
-                  <input
-                    className={`${styles.range} ${styles.volumeRange}`}
-                    type="range"
-                    min={0}
-                    max={100}
-                    step={1}
-                    value={displayVolumePercent}
-                    onChange={(e) => handleVolumeChangeSmart(Number(e.target.value))}
-                    aria-label={t('svp.volume')}
-                  />
-                ) : null}
-
-                {!isEmbed && !isMini ? (
-                  <IconButton
-                    Icon={Minus}
-                    label={t('svp.volumeMinus')}
-                    onClick={() => handleBumpVolume(-5)}
-                    disabled={!canDecrease}
-                  />
-                ) : null}
-
-                {!isEmbed && !isMini ? (
-                  <IconButton
-                    Icon={Plus}
-                    label={t('svp.volumePlus')}
-                    onClick={() => handleBumpVolume(5)}
-                    disabled={!canIncrease}
-                  />
-                ) : null}
-
-                {!isEmbed && !isMini ? <div className={styles.sep} /> : null}
-
-                {!isMini ? (
-                  <div ref={settingsRef} className={styles.settingsWrap}>
-                    <IconButton
-                      Icon={Settings}
-                      label={t('svp.settings')}
-                      onClick={() => setSettingsOpen((v) => !v)}
-                      buttonRef={settingsButtonRef}
+                {!isHlsSrc ? <source src={src} type='video/mp4' /> : null}
+                {computedTrackSrc
+                  ? (
+                    <track
+                      kind='captions'
+                      srcLang={trackLang}
+                      label={trackLang?.toUpperCase?.() || 'CC'}
+                      src={computedTrackSrc}
                     />
-                  </div>
-                ) : null}
-
-                {!isEmbed && !isMini ? (
-                  <IconButton
-                    Icon={PictureInPicture}
-                    label={isPiP ? t('svp.exitPip') : t('svp.pip')}
-                    onClick={handleTogglePiP}
-                  />
-                ) : null}
+                    )
+                  : null}
+                {t('svp.videoTagUnsupported')}
+              </video>
+              )}
+
+          {!isEmbed && mediaLoading
+            ? (
+              <div className={styles.loadingOverlay} role='status' aria-live='polite'>
+                <div className={styles.loadingOverlayText}>{mediaLoadingText}</div>
+              </div>
+              )
+            : null}
 
-                {!isEmbed && !isMini ? (
+          {!isEmbed
+            ? (
+              <div className={`${styles.centerToggle} ${isPaused ? styles.centerToggleVisible : ''}`} aria-hidden={false}>
+                <button
+                  type='button'
+                  className={styles.centerToggleButton}
+                  aria-label={isPaused ? t('svp.play') : t('svp.pause')}
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    handleTogglePause()
+                  }}
+                >
+                  {isPaused ? <Play size={34} /> : <Pause size={34} />}
+                </button>
+              </div>
+              )
+            : null}
+
+          {isEmbed
+            ? (
+              <div className={styles.embedToolbar} role='toolbar' aria-label={t('svp.ariaEmbedToolbar')}>
+                {externalOpenUrl
+                  ? (
+                    <IconButton Icon={ExternalLink} label={t('svp.openInNewWindow')} onClick={handleOpenExternal} />
+                    )
+                  : null}
+
+                <div ref={settingsRef} className={styles.settingsWrap}>
                   <IconButton
-                    Icon={Maximize2}
-                    tooltipPlacement="topRight"
-                    label={t('svp.fullscreen')}
-                    onClick={toggleFullscreen}
+                    Icon={Settings}
+                    label={t('svp.settings')}
+                    onClick={() => setSettingsOpen((v) => !v)}
+                    buttonRef={settingsButtonRef}
                   />
-                ) : null}
+                </div>
               </div>
+              )
+            : null}
+
+          {!isEmbed
+            ? (
+              <div className={styles.videoControls} role='group' aria-label={t('svp.ariaVideoControls')}>
+                <div className={styles.controlsTop} role='group' aria-label={t('svp.ariaPlaybackTools')}>
+                  {!isEmbed && !isMini
+                    ? (
+                      <IconButton
+                        Icon={SkipBack}
+                        label={t('svp.back10')}
+                        onClick={() => back(10)}
+                        tooltipPlacement='topLeft'
+                      />
+                      )
+                    : null}
+
+                  {!isEmbed
+                    ? (
+                      <IconButton
+                        Icon={isPaused ? Play : Pause}
+                        label={isPaused ? t('svp.play') : t('svp.pause')}
+                        onClick={handleTogglePause}
+                      />
+                      )
+                    : null}
+
+                  {!isEmbed && !isMini
+                    ? (
+                      <IconButton Icon={SkipForward} label={t('svp.forward10')} onClick={() => forward(10)} />
+                      )
+                    : null}
+
+                  {isMini ? <IconButton Icon={X} label={t('svp.closeMini')} onClick={handleCloseMini} /> : null}
+
+                  <div className={styles.spacer} />
+
+                  {!isEmbed
+                    ? (
+                      <IconButton
+                        Icon={isEffectivelyMuted ? VolumeX : Volume2}
+                        label={isEffectivelyMuted ? t('svp.unmute') : t('svp.mute')}
+                        onClick={handleToggleMuteSmart}
+                      />
+                      )
+                    : null}
+
+                  {!isEmbed && !isMini
+                    ? (
+                      <input
+                        className={`${styles.range} ${styles.volumeRange}`}
+                        type='range'
+                        min={0}
+                        max={100}
+                        step={1}
+                        value={displayVolumePercent}
+                        onChange={(e) => handleVolumeChangeSmart(Number(e.target.value))}
+                        aria-label={t('svp.volume')}
+                      />
+                      )
+                    : null}
+
+                  {!isEmbed && !isMini
+                    ? (
+                      <IconButton
+                        Icon={Minus}
+                        label={t('svp.volumeMinus')}
+                        onClick={() => handleBumpVolume(-5)}
+                        disabled={!canDecrease}
+                      />
+                      )
+                    : null}
+
+                  {!isEmbed && !isMini
+                    ? (
+                      <IconButton
+                        Icon={Plus}
+                        label={t('svp.volumePlus')}
+                        onClick={() => handleBumpVolume(5)}
+                        disabled={!canIncrease}
+                      />
+                      )
+                    : null}
+
+                  {!isEmbed && !isMini ? <div className={styles.sep} /> : null}
+
+                  {!isMini
+                    ? (
+                      <div ref={settingsRef} className={styles.settingsWrap}>
+                        <IconButton
+                          Icon={Settings}
+                          label={t('svp.settings')}
+                          onClick={() => setSettingsOpen((v) => !v)}
+                          buttonRef={settingsButtonRef}
+                        />
+                      </div>
+                      )
+                    : null}
+
+                  {!isEmbed && !isMini
+                    ? (
+                      <IconButton
+                        Icon={PictureInPicture}
+                        label={isPiP ? t('svp.exitPip') : t('svp.pip')}
+                        onClick={handleTogglePiP}
+                      />
+                      )
+                    : null}
+
+                  {!isEmbed && !isMini
+                    ? (
+                      <IconButton
+                        Icon={Maximize2}
+                        tooltipPlacement='topRight'
+                        label={t('svp.fullscreen')}
+                        onClick={toggleFullscreen}
+                      />
+                      )
+                    : null}
+                </div>
 
-              {!isEmbed ? (
-                <div className={styles.controlsBottom} role="group" aria-label={t('svp.ariaProgress')}>
-                  <span className={styles.time}>{formatTime(currentTime)}</span>
-                  <div
-                    className={styles.progressWrap}
-                    role="group"
-                    onPointerMove={handleProgressPointerMove}
-                    onPointerLeave={handleProgressPointerLeave}
-                    aria-label={t('svp.ariaProgressBar')}
-                  >
-                    <div className={styles.bufferBar} style={{ width: `${bufferedPercent}%` }} aria-hidden />
-
-                    {hoverPreview ? (
+                {!isEmbed
+                  ? (
+                    <div className={styles.controlsBottom} role='group' aria-label={t('svp.ariaProgress')}>
+                      <span className={styles.time}>{formatTime(currentTime)}</span>
                       <div
-                        className={styles.previewTooltip}
-                        style={{
-                          left: `${Math.round((hoverPreview.ratio || 0) * 100)}%`,
-                        }}
-                        aria-hidden
+                        className={styles.progressWrap}
+                        role='group'
+                        onPointerMove={handleProgressPointerMove}
+                        onPointerLeave={handleProgressPointerLeave}
+                        aria-label={t('svp.ariaProgressBar')}
                       >
-                        {formatTime(hoverPreview.time)}
-                      </div>
-                    ) : null}
-
-                    <input
-                      className={`${styles.range} ${styles.progressRange} ${styles.progressRangeOverlay}`}
-                      type="range"
-                      min={0}
-                      max={duration || 0}
-                      step={0.1}
-                      value={Math.min(Math.max(0, Number(currentTime) || 0), duration || 0)}
-                      onChange={(e) => seekTo(Number(e.target.value))}
-                      aria-label={t('svp.progress')}
-                    />
-                  </div>
-                  <span className={styles.time}>{formatTime(duration)}</span>
+                        <div className={styles.bufferBar} style={{ width: `${bufferedPercent}%` }} aria-hidden />
+
+                        {hoverPreview
+                          ? (
+                            <div
+                  className={styles.previewTooltip}
+                  style={{
+                              left: `${Math.round((hoverPreview.ratio || 0) * 100)}%`
+                            }}
+                  aria-hidden
+                >
+                  {formatTime(hoverPreview.time)}
                 </div>
-              ) : null}
+                            )
+                          : null}
+
+                        <input
+                          className={`${styles.range} ${styles.progressRange} ${styles.progressRangeOverlay}`}
+                          type='range'
+                          min={0}
+                          max={duration || 0}
+                          step={0.1}
+                          value={Math.min(Math.max(0, Number(currentTime) || 0), duration || 0)}
+                          onChange={(e) => seekTo(Number(e.target.value))}
+                          aria-label={t('svp.progress')}
+                        />
+                      </div>
+                      <span className={styles.time}>{formatTime(duration)}</span>
+                    </div>
+                    )
+                  : null}
 
-              {playError ? (
-                <div className={styles.playError} role="status">
-                  {playError}
-                </div>
-              ) : null}
-            </div>
-          ) : null}
+                {playError
+                  ? (
+                    <div className={styles.playError} role='status'>
+                      {playError}
+                    </div>
+                    )
+                  : null}
+              </div>
+              )
+            : null}
 
           {settingsPortal}
         </div>
@@ -1975,7 +2037,7 @@ const SmartVideoPlayerInner = React.forwardRef(function SmartVideoPlayerInner(
   )
 })
 
-const SmartVideoPlayer = React.forwardRef(function SmartVideoPlayer(props, ref) {
+const SmartVideoPlayer = React.forwardRef(function SmartVideoPlayer (props, ref) {
   const svpI18nRef = useRef(null)
   if (!svpI18nRef.current) {
     const initialLang = (appI18n?.resolvedLanguage || appI18n?.language || 'zh').toString()
diff --git a/src/components/stateless/TransferHistory/index.jsx b/src/components/stateless/TransferHistory/index.jsx
index d92dce642..d53c351cd 100644
--- a/src/components/stateless/TransferHistory/index.jsx
+++ b/src/components/stateless/TransferHistory/index.jsx
@@ -38,22 +38,22 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
               name: '科技股份有限公司第一公司',
               value: '2022年8月8号',
               id: '1-1-1',
-              level: 3,
+              level: 3
             },
             {
               name: '科技股份有限公司第二公司',
               value: '2023年6月6号',
               id: '1-1-2',
-              level: 3,
+              level: 3
             },
             {
               name: '科技股份有限公司第三公司',
               value: '2024年9月9号',
               id: '1-1-3',
-              level: 3,
-            },
+              level: 3
+            }
           ],
-          ratio: '85%',
+          ratio: '85%'
         },
         {
           name: '广东发展有限公司',
@@ -64,10 +64,10 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
               name: '广东发展有限公司分公司',
               value: '2024年5月1号',
               id: '1-2-1',
-              level: 3,
-            },
+              level: 3
+            }
           ],
-          ratio: '55%',
+          ratio: '55%'
         },
         {
           name: '科技发展股份有限公司',
@@ -78,16 +78,16 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
               name: '科技股份有限公司一',
               value: '2022年7月31号',
               id: '1-3-1',
-              level: 3,
+              level: 3
             },
             {
               name: '科技股份有限公司二',
               value: '2023年8月1号',
               id: '1-3-2',
-              level: 3,
-            },
+              level: 3
+            }
           ],
-          ratio: '35%',
+          ratio: '35%'
         },
         {
           name: '第四家公司',
@@ -98,10 +98,10 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
               name: '受让方第四分公司',
               value: '2021年8月20号',
               id: '1-4-1',
-              level: 3,
-            },
+              level: 3
+            }
           ],
-          ratio: '25%',
+          ratio: '25%'
         },
         {
           name: '第五家公司',
@@ -112,13 +112,13 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
               name: '受让方第五分公司',
               value: '2020年6月6号',
               id: '1-5-1',
-              level: 3,
-            },
+              level: 3
+            }
           ],
-          ratio: '15%',
-        },
-      ],
-    },
+          ratio: '15%'
+        }
+      ]
+    }
   ]
 
   /**
@@ -207,7 +207,7 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
           <div className={styles.contentWrapper} ref={contentWrapperRef} style={{ minWidth: 800 }}>
             <div className={styles.leftContent}>
               <div className={styles.levelTwo}>
-                <div className={styles.verticalConnector} style={{ height: leftLineHeight }}></div>
+                <div className={styles.verticalConnector} style={{ height: leftLineHeight }} />
                 <div className={styles.leftLine} ref={leftLineRef}>
                   {item.children && item.children.length > 0 && (
                     <>
@@ -227,7 +227,7 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
                             style={{
                               background: mainBg,
                               border: `1px solid ${mainBorder}`,
-                              color: mainText,
+                              color: mainText
                             }}
                           >
                             {cItem.name}
@@ -252,7 +252,7 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
                                         style={{
                                           background: cardBg,
                                           color: cardText,
-                                          border: isDark ? '1px solid #444' : '1px solid #d2d2d2',
+                                          border: isDark ? '1px solid #444' : '1px solid #d2d2d2'
                                         }}
                                       >
                                         <div>
@@ -262,14 +262,14 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
                                         </div>
                                         <div>受让方：{tItem.name}</div>
                                       </div>
-                                      <div className={styles.infoConnector}></div>
+                                      <div className={styles.infoConnector} />
                                       <div
                                         className={
                                           cItem.children.length - 2 === tIndex
                                             ? styles.horizontalConnector
                                             : `${styles.horizontalConnector} ${styles.lastConnector}`
                                         }
-                                      ></div>
+                                      />
                                       <div className={styles.transferYear} style={{ color: cardText }}>
                                         {tItem.value}
                                       </div>
@@ -282,7 +282,7 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
                                 style={{
                                   background: mainBg,
                                   border: `1px solid ${mainBorder}`,
-                                  color: mainText,
+                                  color: mainText
                                 }}
                               >
                                 <div>现持有股权：</div>
@@ -299,9 +299,9 @@ const TransferHistory = ({ defaultDisplayCount = 3 }) => {
 
               {item.children && item.children.length > defaultDisplayCount && (
                 <div className={styles.expandButtonContainer}>
-                  <Button type="link" onClick={toggleExpand} className={styles.expandButton}>
+                  <Button type='link' onClick={toggleExpand} className={styles.expandButton}>
                     {expanded ? '收起部分公司' : '展开全部公司'}
-                    <i className={expanded ? 'anticon anticon-up' : 'anticon anticon-down'}></i>
+                    <i className={expanded ? 'anticon anticon-up' : 'anticon anticon-down'} />
                   </Button>
                 </div>
               )}
diff --git a/src/components/stateless/TrapezoidTabs/index.jsx b/src/components/stateless/TrapezoidTabs/index.jsx
index 6a3e2dbde..c769c5c6f 100644
--- a/src/components/stateless/TrapezoidTabs/index.jsx
+++ b/src/components/stateless/TrapezoidTabs/index.jsx
@@ -24,7 +24,7 @@ const TrapezoidTabs = ({ tabs = [{ name: 'tab', code: 'tab' }], onTabChange, def
     '--trapezoid-active-text': token.colorTextLightSolid,
     '--trapezoid-hover-bg': token.colorFillTertiary,
     '--trapezoid-line-color': token.colorSplit,
-    '--trapezoid-shadow-color': token.colorTextTertiary,
+    '--trapezoid-shadow-color': token.colorTextTertiary
   }
 
   return (
@@ -35,7 +35,7 @@ const TrapezoidTabs = ({ tabs = [{ name: 'tab', code: 'tab' }], onTabChange, def
             key={tab.code}
             className={`${styles.tabItem} ${activeTab === tab.code ? styles.active : ''}`}
             style={{
-              zIndex: activeTab === tab.code ? 100 : tabs.length - index,
+              zIndex: activeTab === tab.code ? 100 : tabs.length - index
             }}
             onClick={() => handleTabClick(tab.code)}
           >
diff --git a/src/config/menu.config.jsx b/src/config/menu.config.jsx
index 774bc6aab..3b4936f05 100644
--- a/src/config/menu.config.jsx
+++ b/src/config/menu.config.jsx
@@ -32,7 +32,7 @@ import {
   ProjectOutlined,
   FileTextOutlined,
   ThunderboltOutlined,
-  ToolOutlined,
+  ToolOutlined
 } from '@ant-design/icons'
 
 // 静态菜单配置
@@ -44,121 +44,121 @@ const rawMainLayoutMenu = [
     label: 'Motion',
     i18nKey: 'menu.motion',
     key: '/motion',
-    icon: <RocketOutlined />,
+    icon: <RocketOutlined />
   },
   {
     label: 'Mermaid',
     i18nKey: 'menu.mermaid',
     key: '/mermaid',
-    icon: <ProjectOutlined />,
+    icon: <ProjectOutlined />
   },
   {
     label: 'Topology',
     i18nKey: 'menu.topology',
     key: '/topology',
-    icon: <DeploymentUnitOutlined />,
+    icon: <DeploymentUnitOutlined />
   },
   {
     label: '权限示例',
     i18nKey: 'menu.permissionExample',
     key: '/permission',
-    icon: <LockOutlined />,
+    icon: <LockOutlined />
   },
   {
     label: 'PH Bar',
     i18nKey: 'menu.phBar',
     key: '/ph-bar',
-    icon: <BarChartOutlined />,
+    icon: <BarChartOutlined />
   },
   {
     label: 'ChatGPT',
     i18nKey: 'menu.chatgpt',
     key: '/markmap',
-    icon: <RobotOutlined />,
+    icon: <RobotOutlined />
   },
   {
     label: 'React Tilt',
     i18nKey: 'menu.reactTilt',
     key: '/tilt',
-    icon: <ExperimentOutlined />,
+    icon: <ExperimentOutlined />
   },
   {
     label: 'Music',
     i18nKey: 'menu.music',
     key: '/music',
-    icon: <SoundOutlined />,
+    icon: <SoundOutlined />
   },
   {
     label: 'Crypto',
     i18nKey: 'menu.crypto',
     key: '/crypto',
-    icon: <LockOutlined />,
+    icon: <LockOutlined />
   },
   {
     label: 'Video',
     i18nKey: 'menu.video',
     key: '/video',
-    icon: <VideoCameraOutlined />,
+    icon: <VideoCameraOutlined />
   },
   {
     label: 'Big Screen',
     i18nKey: 'menu.bigScreen',
     key: '/big-screen',
-    icon: <FundProjectionScreenOutlined />,
+    icon: <FundProjectionScreenOutlined />
   },
   {
     label: 'Echarts',
     i18nKey: 'menu.echarts',
     key: '/echarts',
-    icon: <PieChartOutlined />,
+    icon: <PieChartOutlined />
   },
   {
     label: 'Qr Generate',
     i18nKey: 'menu.qrGenerate',
     key: '/qrcode',
-    icon: <QrcodeOutlined />,
+    icon: <QrcodeOutlined />
   },
   {
     label: 'Business',
     i18nKey: 'menu.business',
     key: '/business',
-    icon: <BankOutlined />,
+    icon: <BankOutlined />
   },
   {
     label: 'Prism Render',
     i18nKey: 'menu.prismRender',
     key: '/prism',
-    icon: <HighlightOutlined />,
+    icon: <HighlightOutlined />
   },
   {
     label: 'Post Message',
     i18nKey: 'menu.postMessage',
     key: '/postmessage',
-    icon: <SendOutlined />,
+    icon: <SendOutlined />
   },
   {
     label: 'Geo Chart',
     i18nKey: 'menu.geoChart',
     key: '/geo',
-    icon: <EnvironmentOutlined />,
+    icon: <EnvironmentOutlined />
   },
   {
     label: 'Print',
     i18nKey: 'menu.print',
     key: '/print',
-    icon: <PrinterOutlined />,
+    icon: <PrinterOutlined />
   },
   {
     label: 'Profile',
     i18nKey: 'menu.profile',
     key: '/profile',
-    icon: <UserOutlined />,
+    icon: <UserOutlined />
   },
   {
     label: 'Contact',
     i18nKey: 'menu.contact',
     key: '/contact',
-    icon: <ContactsOutlined />,
+    icon: <ContactsOutlined />
   },
   {
     label: '前端技术栈',
@@ -170,7 +170,7 @@ const rawMainLayoutMenu = [
         label: 'React',
         i18nKey: 'menu.react',
         key: '/tech/frontend/react',
-        icon: <CodeOutlined />,
+        icon: <CodeOutlined />
       },
       {
         label: 'Vue',
@@ -188,31 +188,31 @@ const rawMainLayoutMenu = [
                 label: 'Vue3 API',
                 i18nKey: 'menu.vue3Api',
                 key: '/tech/frontend/plugins/vue3',
-                icon: <FileTextOutlined />,
+                icon: <FileTextOutlined />
               },
               {
                 label: '性能优化',
                 i18nKey: 'menu.performanceOptimization',
                 key: '/tech/frontend/plugins/perf',
-                icon: <ThunderboltOutlined />,
-              },
-            ],
-          },
-        ],
+                icon: <ThunderboltOutlined />
+              }
+            ]
+          }
+        ]
       },
       {
         label: 'Angular',
         i18nKey: 'menu.angular',
         key: '/tech/frontend/angular',
-        icon: <Html5Outlined />,
+        icon: <Html5Outlined />
       },
       {
         label: 'Node',
         i18nKey: 'menu.node',
         key: '/tech/frontend/node',
-        icon: <CloudServerOutlined />,
-      },
-    ],
+        icon: <CloudServerOutlined />
+      }
+    ]
   },
   {
     label: '后端技术栈',
@@ -224,21 +224,21 @@ const rawMainLayoutMenu = [
         label: 'Node',
         i18nKey: 'menu.node',
         key: '/tech/backend/node',
-        icon: <CodeOutlined />,
+        icon: <CodeOutlined />
       },
       {
         label: 'Java',
         i18nKey: 'menu.java',
         key: '/tech/backend/java',
-        icon: <CodeOutlined />,
+        icon: <CodeOutlined />
       },
       {
         label: 'Go',
         i18nKey: 'menu.go',
         key: '/tech/backend/go',
-        icon: <CodeOutlined />,
-      },
-    ],
+        icon: <CodeOutlined />
+      }
+    ]
   },
   {
     label: '构建工具',
@@ -250,15 +250,15 @@ const rawMainLayoutMenu = [
         label: 'Webpack',
         i18nKey: 'menu.webpack',
         key: '/build/webpack',
-        icon: <ToolOutlined />,
+        icon: <ToolOutlined />
       },
       {
         label: 'Vite',
         i18nKey: 'menu.vite',
         key: '/build/vite',
-        icon: <ThunderboltOutlined />,
-      },
-    ],
+        icon: <ThunderboltOutlined />
+      }
+    ]
   },
 
   {
@@ -266,12 +266,12 @@ const rawMainLayoutMenu = [
     i18nKey: 'menu.error',
     key: '/sub-error',
     icon: <QuestionCircleOutlined />,
-    children: [{ label: 'ErrorBoundary', i18nKey: 'menu.errorBoundary', key: '/error' }],
-  },
+    children: [{ label: 'ErrorBoundary', i18nKey: 'menu.errorBoundary', key: '/error' }]
+  }
 ]
 
 // 规范化菜单：为每个项保证存在 `path` 字段（优先使用已有 path，否则复制 key）。
-function normalizeMenu(items) {
+function normalizeMenu (items) {
   return items.map((it) => {
     const { children, ...rest } = it
     const normalized = { ...rest, path: (it && it.path) || it.key }
diff --git a/src/locales/en/translation.js b/src/locales/en/translation.js
index 2e73a82ad..b275862d4 100644
--- a/src/locales/en/translation.js
+++ b/src/locales/en/translation.js
@@ -5,7 +5,7 @@ const en = {
   nav: {
     home: 'Home',
     dashboard: 'Dashboard',
-    portfolio: 'My Portfolio',
+    portfolio: 'My Portfolio'
   },
   header: {
     search: 'Menu search',
@@ -21,7 +21,7 @@ const en = {
     userCenter: 'Profile',
     userSettings: 'Settings',
     contactMe: 'Contact',
-    logout: 'Log out',
+    logout: 'Log out'
   },
   settingDrawer: {
     title: 'Preferences',
@@ -31,11 +31,11 @@ const en = {
       navigationMode: 'Navigation mode',
       contentWidth: 'Content width',
       other: 'Other settings',
-      visualEffects: 'Visual effects',
+      visualEffects: 'Visual effects'
     },
     navTheme: {
       light: 'Light menu style',
-      dark: 'Dark menu style',
+      dark: 'Dark menu style'
     },
     enableDarkMode: 'Enable dark mode',
     colors: {
@@ -46,13 +46,13 @@ const en = {
       cyan: 'Cyan',
       auroraGreen: 'Aurora Green',
       geekBlue: 'Geek Blue',
-      purple: 'Purple',
+      purple: 'Purple'
     },
     customColor: 'Custom color',
     layout: {
       side: 'Side menu layout',
       top: 'Top menu layout',
-      mix: 'Mixed menu layout',
+      mix: 'Mixed menu layout'
     },
     contentWidth: 'Content width',
     contentWidthFixed: 'Fixed',
@@ -62,12 +62,12 @@ const en = {
       grayMode: 'Grayscale mode',
       compactMode: 'Compact mode',
       fixedHeader: 'Fixed header',
-      fixedSider: 'Fixed sidebar',
+      fixedSider: 'Fixed sidebar'
     },
     effects: {
       pointerFollow: 'Pointer follow',
-      pointerTrail: 'Pointer trail',
-    },
+      pointerTrail: 'Pointer trail'
+    }
   },
   menu: {
     motion: 'Motion',
@@ -109,7 +109,7 @@ const en = {
     vite: 'Vite',
 
     error: 'Error',
-    errorBoundary: 'ErrorBoundary',
+    errorBoundary: 'ErrorBoundary'
   },
   svp: {
     ariaPlaybackSettings: 'Playback settings',
@@ -188,8 +188,8 @@ const en = {
     videoNetworkError: 'Network error: failed to load video',
     videoDecodeError: 'Decode error (unsupported format/codec)',
     videoSourceNotSupported: 'Video source unavailable (404/CORS/type unsupported)',
-    videoLoadFailed: 'Failed to load video',
-  },
+    videoLoadFailed: 'Failed to load video'
+  }
 }
 
 export default en
diff --git a/src/locales/zh/translation.js b/src/locales/zh/translation.js
index 8df16bbf6..b2c0e583b 100644
--- a/src/locales/zh/translation.js
+++ b/src/locales/zh/translation.js
@@ -5,7 +5,7 @@ const zh = {
   nav: {
     home: '首页',
     dashboard: '多路由设置',
-    portfolio: '我的作品集',
+    portfolio: '我的作品集'
   },
   header: {
     search: '菜单搜索',
@@ -21,7 +21,7 @@ const zh = {
     userCenter: '个人中心',
     userSettings: '个人设置',
     contactMe: '联 系 我',
-    logout: '退出登录',
+    logout: '退出登录'
   },
   settingDrawer: {
     title: '偏好设置',
@@ -31,11 +31,11 @@ const zh = {
       navigationMode: '导航模式',
       contentWidth: '内容区域宽度',
       other: '其他设置',
-      visualEffects: '视觉特效',
+      visualEffects: '视觉特效'
     },
     navTheme: {
       light: '亮色菜单风格',
-      dark: '暗色菜单风格',
+      dark: '暗色菜单风格'
     },
     enableDarkMode: '开启暗黑模式',
     colors: {
@@ -46,13 +46,13 @@ const zh = {
       cyan: '明青',
       auroraGreen: '极光绿',
       geekBlue: 'Geek Blue',
-      purple: '酱紫',
+      purple: '酱紫'
     },
     customColor: '自定义颜色',
     layout: {
       side: '侧边菜单布局',
       top: '顶部菜单布局',
-      mix: '混合菜单布局',
+      mix: '混合菜单布局'
     },
     contentWidth: '内容区域宽度',
     contentWidthFixed: '固定',
@@ -62,12 +62,12 @@ const zh = {
       grayMode: '灰色模式',
       compactMode: '紧凑模式',
       fixedHeader: '固定 Header',
-      fixedSider: '固定侧边菜单',
+      fixedSider: '固定侧边菜单'
     },
     effects: {
       pointerFollow: '指针跟随',
-      pointerTrail: '指针轨迹',
-    },
+      pointerTrail: '指针轨迹'
+    }
   },
   menu: {
     motion: '动效',
@@ -109,7 +109,7 @@ const zh = {
     vite: 'Vite',
 
     error: '错误',
-    errorBoundary: '错误边界',
+    errorBoundary: '错误边界'
   },
   svp: {
     ariaPlaybackSettings: '播放设置',
@@ -188,8 +188,8 @@ const zh = {
     videoNetworkError: '网络错误导致视频加载失败',
     videoDecodeError: '视频解码失败（格式/编码不兼容）',
     videoSourceNotSupported: '视频源不可用（404/跨域/类型不支持）',
-    videoLoadFailed: '视频加载失败',
-  },
+    videoLoadFailed: '视频加载失败'
+  }
 }
 
 export default zh
diff --git a/src/pages/chatgpt/index.jsx b/src/pages/chatgpt/index.jsx
index c693371d1..8231f4a27 100644
--- a/src/pages/chatgpt/index.jsx
+++ b/src/pages/chatgpt/index.jsx
@@ -19,7 +19,7 @@ import {
   Switch,
   Tag,
   Spin,
-  theme,
+  theme
 } from 'antd'
 import {
   DownloadOutlined,
@@ -35,7 +35,7 @@ import {
   CodeOutlined,
   TableOutlined,
   PartitionOutlined,
-  NodeIndexOutlined,
+  NodeIndexOutlined
 } from '@ant-design/icons'
 import { copyTextToClipboard } from '@utils/aidFn'
 import initSSE from './fixSse'
@@ -100,7 +100,7 @@ const runMermaidBlocks = async ({ blocks, setCharts, setProgress, signal }) => {
 
   const charts = Array.from({ length: total }, (_, i) => ({
     title: `图表 ${i + 1}`,
-    pending: true,
+    pending: true
   }))
   setProgress({ total, finished: 0 })
   setCharts(charts)
@@ -123,14 +123,14 @@ const runMermaidBlocks = async ({ blocks, setCharts, setProgress, signal }) => {
   let idx = 0
   let finished = 0
 
-  function onSettled() {
+  function onSettled () {
     active -= 1
     finished += 1
     if (!signal.aborted) setProgress({ total, finished })
     pump()
   }
 
-  function pump() {
+  function pump () {
     if (signal.aborted) return
     while (!signal.aborted && active < concurrency && idx < total) {
       const i = idx
@@ -142,7 +142,7 @@ const runMermaidBlocks = async ({ blocks, setCharts, setProgress, signal }) => {
         i,
         charts,
         setCharts,
-        signal,
+        signal
       }).finally(onSettled)
     }
   }
@@ -165,7 +165,7 @@ const hexToRgb = (hex) => {
     return {
       r: clamp(Number(rgbMatch[1]), 0, 255),
       g: clamp(Number(rgbMatch[2]), 0, 255),
-      b: clamp(Number(rgbMatch[3]), 0, 255),
+      b: clamp(Number(rgbMatch[3]), 0, 255)
     }
   }
 
@@ -175,9 +175,9 @@ const hexToRgb = (hex) => {
   const full =
     h.length === 3
       ? h
-          .split('')
-          .map((c) => c + c)
-          .join('')
+        .split('')
+        .map((c) => c + c)
+        .join('')
       : h
   const n = Number.parseInt(full, 16)
   if (Number.isNaN(n)) return null
@@ -228,7 +228,7 @@ const CustomComponents = {
           borderCollapse: 'collapse',
           border: '1px solid #d9d9d9',
           borderRadius: '6px',
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         {children}
@@ -241,7 +241,7 @@ const CustomComponents = {
       {...props}
       style={{
         backgroundColor: '#fafafa',
-        borderBottom: '2px solid #d9d9d9',
+        borderBottom: '2px solid #d9d9d9'
       }}
     >
       {children}
@@ -257,7 +257,7 @@ const CustomComponents = {
         fontWeight: 600,
         color: '#262626',
         borderRight: '1px solid #d9d9d9',
-        whiteSpace: 'normal',
+        whiteSpace: 'normal'
       }}
     >
       {children}
@@ -273,12 +273,12 @@ const CustomComponents = {
         borderRight: '1px solid #f0f0f0',
         verticalAlign: 'top',
         whiteSpace: 'normal',
-        wordBreak: 'break-word',
+        wordBreak: 'break-word'
       }}
     >
       {children}
     </td>
-  ),
+  )
 }
 
 const syncMermaidThemeFromToken = async (token, mode) => {
@@ -297,14 +297,14 @@ const syncMermaidThemeFromToken = async (token, mode) => {
         lineColor: token.colorPrimary,
         secondaryColor: isDark ? '#141414' : token.colorBgLayout,
         tertiaryColor: isDark ? '#0f0f0f' : token.colorFillQuaternary || token.colorBgLayout,
-        fontFamily: token.fontFamily,
+        fontFamily: token.fontFamily
       },
       flowchart: {
         useMaxWidth: true,
         htmlLabels: true,
-        curve: 'basis',
+        curve: 'basis'
       },
-      securityLevel: 'loose',
+      securityLevel: 'loose'
     })
   } catch (e) {
     console.warn('Mermaid 初始化失败:', e)
@@ -339,7 +339,7 @@ const getExportPayload = (format, apiResult) => {
     return {
       ext: 'md',
       mime: 'text/markdown;charset=utf-8',
-      content: apiResult,
+      content: apiResult
     }
   }
   if (format === 'mdx') {
@@ -474,7 +474,7 @@ const PROJECT_TEMPLATES = {
 3. 包含至少 6 个代码块示例
 4. 包含至少 5 个数学公式
 5. 内容详实，符合大型企业级项目标准
-6. 所有图表都要有实际意义，不是占位符`,
+6. 所有图表都要有实际意义，不是占位符`
   },
   fintech: {
     title: '金融风控平台',
@@ -583,7 +583,7 @@ const PROJECT_TEMPLATES = {
 3. 包含至少 8 个代码块示例
 4. 包含至少 6 个数学公式
 5. 符合金融行业标准和监管要求
-6. 所有图表都要有实际业务意义`,
+6. 所有图表都要有实际业务意义`
   },
   smartCity: {
     title: '智慧城市运营中心',
@@ -705,8 +705,8 @@ const PROJECT_TEMPLATES = {
 3. 包含至少 10 个代码块示例
 4. 包含至少 6 个数学公式
 5. 符合智慧城市建设标准和规范
-6. 所有图表都要有实际应用场景`,
-  },
+6. 所有图表都要有实际应用场景`
+  }
 }
 
 // 修复后的 MermaidRenderer - 只在文档完成时渲染一次
@@ -725,7 +725,7 @@ const MermaidChartViewer = ({ svg, title, themeMode }) => {
     startX: 0,
     startY: 0,
     baseX: 0,
-    baseY: 0,
+    baseY: 0
   })
 
   const clampScale = (v) => clamp(v, 0.2, 3.5)
@@ -795,7 +795,7 @@ const MermaidChartViewer = ({ svg, title, themeMode }) => {
       startX: e.clientX,
       startY: e.clientY,
       baseX: translate.x,
-      baseY: translate.y,
+      baseY: translate.y
     }
     try {
       e.currentTarget.setPointerCapture(e.pointerId)
@@ -810,7 +810,7 @@ const MermaidChartViewer = ({ svg, title, themeMode }) => {
     const dy = e.clientY - dragRef.current.startY
     setTranslate({
       x: dragRef.current.baseX + dx,
-      y: dragRef.current.baseY + dy,
+      y: dragRef.current.baseY + dy
     })
   }
 
@@ -838,7 +838,7 @@ const MermaidChartViewer = ({ svg, title, themeMode }) => {
       const dataUrl = await toPng(wrapRef.current, {
         cacheBust: true,
         backgroundColor: isDarkMode ? '#1e1e1e' : token.colorBgContainer,
-        pixelRatio: Math.min(3, Math.max(2, window.devicePixelRatio || 2)),
+        pixelRatio: Math.min(3, Math.max(2, window.devicePixelRatio || 2))
       })
       const link = document.createElement('a')
       link.download = `${title || 'mermaid'}.png`
@@ -860,34 +860,34 @@ const MermaidChartViewer = ({ svg, title, themeMode }) => {
         '--mm-text': isDarkMode ? 'rgba(255, 255, 255, 0.88)' : token.colorText,
         '--mm-text2': isDarkMode ? 'rgba(255, 255, 255, 0.65)' : token.colorTextSecondary,
         '--mm-shadow': isDarkMode ? 'none' : token.boxShadowSecondary,
-        '--mm-primary': token.colorPrimary,
+        '--mm-primary': token.colorPrimary
       }}
     >
       <div className={styles.mermaidHeader}>
         <div className={styles.mermaidTitle}>{title}</div>
         <div className={styles.mermaidTools}>
-          <Tooltip title="缩小">
-            <Button size="small" onClick={() => zoomBy(-0.15)}>
+          <Tooltip title='缩小'>
+            <Button size='small' onClick={() => zoomBy(-0.15)}>
               -
             </Button>
           </Tooltip>
-          <Tooltip title="放大">
-            <Button size="small" onClick={() => zoomBy(0.15)}>
+          <Tooltip title='放大'>
+            <Button size='small' onClick={() => zoomBy(0.15)}>
               +
             </Button>
           </Tooltip>
-          <Tooltip title="适配画布">
-            <Button size="small" onClick={fit}>
+          <Tooltip title='适配画布'>
+            <Button size='small' onClick={fit}>
               适配
             </Button>
           </Tooltip>
-          <Tooltip title="重置">
-            <Button size="small" onClick={reset}>
+          <Tooltip title='重置'>
+            <Button size='small' onClick={reset}>
               重置
             </Button>
           </Tooltip>
-          <Tooltip title="导出 PNG">
-            <Button size="small" icon={<DownloadOutlined />} onClick={exportPng} />
+          <Tooltip title='导出 PNG'>
+            <Button size='small' icon={<DownloadOutlined />} onClick={exportPng} />
           </Tooltip>
         </div>
       </div>
@@ -903,7 +903,7 @@ const MermaidChartViewer = ({ svg, title, themeMode }) => {
         <div
           className={styles.mermaidCanvas}
           style={{
-            transform: `translate(${translate.x}px, ${translate.y}px) scale(${scale})`,
+            transform: `translate(${translate.x}px, ${translate.y}px) scale(${scale})`
           }}
         >
           <div ref={canvasRef} dangerouslySetInnerHTML={{ __html: svg }} />
@@ -916,7 +916,7 @@ const MermaidChartViewer = ({ svg, title, themeMode }) => {
 MermaidChartViewer.propTypes = {
   svg: PropTypes.string,
   title: PropTypes.string,
-  themeMode: PropTypes.string,
+  themeMode: PropTypes.string
 }
 
 // NOSONAR
@@ -967,48 +967,52 @@ const MermaidRenderer = ({ content, readyState, themeMode }) => {
         '--mm-bg': isDarkMode ? '#141414' : token.colorBgContainer,
         '--mm-bg2': isDarkMode ? '#0f0f0f' : token.colorBgLayout,
         '--mm-shadow': isDarkMode ? 'none' : token.boxShadowSecondary,
-        '--mm-primary': token.colorPrimary,
+        '--mm-primary': token.colorPrimary
       }}
     >
-      {total > 0 ? (
-        <div className={styles.mermaidProgress}>
-          <Text strong>
-            正在渲染 {total} 个图表，已完成 {finished}/{total}
-          </Text>
-          {finished < total && <Spin size="large" style={{ marginLeft: 16 }} />}
-        </div>
-      ) : (
-        <div className={styles.mermaidEmpty}>
-          <Text type="secondary" style={{ color: 'var(--mm-text2)' }}>
-            未检测到 Mermaid 代码块
-          </Text>
-        </div>
-      )}
+      {total > 0
+        ? (
+          <div className={styles.mermaidProgress}>
+            <Text strong>
+              正在渲染 {total} 个图表，已完成 {finished}/{total}
+            </Text>
+            {finished < total && <Spin size='large' style={{ marginLeft: 16 }} />}
+          </div>
+          )
+        : (
+          <div className={styles.mermaidEmpty}>
+            <Text type='secondary' style={{ color: 'var(--mm-text2)' }}>
+              未检测到 Mermaid 代码块
+            </Text>
+          </div>
+          )}
 
       {charts.map((c) => {
         if (c?.pending) return null
         return (
           <div key={c.title}>
-            {c.svg ? (
-              <MermaidChartViewer title={c.title} svg={c.svg} themeMode={themeMode} />
-            ) : (
-              <div className={styles.mermaidError}>
-                <Alert
-                  type="error"
-                  showIcon
-                  title={`${c.title} 渲染失败`}
-                  description={
-                    <details>
-                      <summary style={{ cursor: 'pointer' }}>查看错误与原始代码</summary>
-                      <div style={{ marginTop: 8 }}>
-                        <Text type="secondary">{c.error}</Text>
-                      </div>
-                      <pre className={styles.mermaidCode}>{c.code}</pre>
-                    </details>
+            {c.svg
+              ? (
+                <MermaidChartViewer title={c.title} svg={c.svg} themeMode={themeMode} />
+                )
+              : (
+                <div className={styles.mermaidError}>
+                  <Alert
+                    type='error'
+                    showIcon
+                    title={`${c.title} 渲染失败`}
+                    description={
+                      <details>
+                        <summary style={{ cursor: 'pointer' }}>查看错误与原始代码</summary>
+                        <div style={{ marginTop: 8 }}>
+                          <Text type='secondary'>{c.error}</Text>
+                        </div>
+                        <pre className={styles.mermaidCode}>{c.code}</pre>
+                      </details>
                   }
-                />
-              </div>
-            )}
+                  />
+                </div>
+                )}
           </div>
         )
       })}
@@ -1019,7 +1023,7 @@ const MermaidRenderer = ({ content, readyState, themeMode }) => {
 MermaidRenderer.propTypes = {
   content: PropTypes.string,
   readyState: PropTypes.number,
-  themeMode: PropTypes.string,
+  themeMode: PropTypes.string
 }
 
 const ChatGpt = () => {
@@ -1171,7 +1175,7 @@ const ChatGpt = () => {
   const handleTemplateChange = (templateKey) => {
     setSelectedTemplate(templateKey)
     form.setFieldsValue({
-      text: PROJECT_TEMPLATES[templateKey].prompt,
+      text: PROJECT_TEMPLATES[templateKey].prompt
     })
   }
 
@@ -1190,7 +1194,7 @@ const ChatGpt = () => {
       if (e.data !== '[DONE]') {
         const payload = JSON.parse(e.data)
         const {
-          delta: { content },
+          delta: { content }
         } = payload?.choices[0] || { delta: { content: '' } }
         if (content) {
           apiResultRef.current += content
@@ -1314,7 +1318,7 @@ PRD文档内容：
       if (e.data !== '[DONE]') {
         const payload = JSON.parse(e.data)
         const {
-          delta: { content },
+          delta: { content }
         } = payload?.choices[0] || { delta: { content: '' } }
         if (content) {
           structureResultRef.current += content
@@ -1399,25 +1403,25 @@ PRD文档内容：
         >
           <Form
             form={form}
-            layout="vertical"
+            layout='vertical'
             initialValues={{
               apiKey: '',
-              text: PROJECT_TEMPLATES.supplyChain.prompt,
+              text: PROJECT_TEMPLATES.supplyChain.prompt
             }}
             onFinish={onFinish}
             requiredMark={false}
-            autoComplete="off"
+            autoComplete='off'
           >
             <Form.Item
-              name="apiKey"
-              label="OpenAI API Key"
+              name='apiKey'
+              label='OpenAI API Key'
               rules={[{ required: true, message: '请输入OpenAI API Key' }]}
-              extra="您的API Key将被安全处理，不会存储在服务器上"
+              extra='您的API Key将被安全处理，不会存储在服务器上'
             >
-              <TextArea onChange={onChange} rows={2} style={{ resize: 'none' }} placeholder="sk-..." />
+              <TextArea onChange={onChange} rows={2} style={{ resize: 'none' }} placeholder='sk-...' />
             </Form.Item>
 
-            <Form.Item label="项目模板">
+            <Form.Item label='项目模板'>
               <Space wrap>
                 {Object.entries(PROJECT_TEMPLATES).map(([key, template]) => (
                   <Button
@@ -1431,21 +1435,21 @@ PRD文档内容：
               </Space>
             </Form.Item>
 
-            <Form.Item name="text" label="需求描述" rules={[{ required: true, message: '请输入您的需求描述' }]}>
+            <Form.Item name='text' label='需求描述' rules={[{ required: true, message: '请输入您的需求描述' }]}>
               <TextArea
                 rows={8}
                 showCount
                 maxLength={4000}
                 style={{ resize: 'none' }}
-                placeholder="详细描述您的产品需求..."
+                placeholder='详细描述您的产品需求...'
               />
             </Form.Item>
 
             <Form.Item>
               <Button
-                type="primary"
-                htmlType="submit"
-                size="large"
+                type='primary'
+                htmlType='submit'
+                size='large'
                 block
                 disabled={[0, 1].includes(readyState)}
                 icon={<ThunderboltOutlined />}
@@ -1478,10 +1482,10 @@ PRD文档内容：
             {readyState === 1 && (
               <Progress
                 percent={Math.round(progress)}
-                status="active"
+                status='active'
                 strokeColor={{
                   '0%': '#108ee9',
-                  '100%': '#87d068',
+                  '100%': '#87d068'
                 }}
               />
             )}
@@ -1493,28 +1497,28 @@ PRD文档内容：
                     display: 'flex',
                     justifyContent: 'space-between',
                     alignItems: 'center',
-                    marginBottom: 10,
+                    marginBottom: 10
                   }}
                 >
                   <Space>
                     <Text strong>文档内容预览</Text>
-                    <Tag color="blue" icon={<TableOutlined />}>
+                    <Tag color='blue' icon={<TableOutlined />}>
                       支持表格
                     </Tag>
-                    <Tag color="green" icon={<CodeOutlined />}>
+                    <Tag color='green' icon={<CodeOutlined />}>
                       代码高亮
                     </Tag>
-                    <Tag color="purple" icon={<PartitionOutlined />}>
+                    <Tag color='purple' icon={<PartitionOutlined />}>
                       数学公式
                     </Tag>
-                    <Tag color="orange" icon={<NodeIndexOutlined />}>
+                    <Tag color='orange' icon={<NodeIndexOutlined />}>
                       Mermaid图表
                     </Tag>
                   </Space>
                   <Space>
                     {readyState === 2 && (
                       <>
-                        <Tooltip title="全屏预览">
+                        <Tooltip title='全屏预览'>
                           <Button icon={<FullscreenOutlined />} onClick={openPreviewFullscreen} />
                         </Tooltip>
                         <Dropdown
@@ -1538,37 +1542,37 @@ PRD文档内容：
                               {
                                 key: '1',
                                 label: '复制纯文本',
-                                icon: <CopyOutlined />,
+                                icon: <CopyOutlined />
                               },
                               {
                                 key: '2',
                                 label: '复制Markdown',
-                                icon: <CopyOutlined />,
+                                icon: <CopyOutlined />
                               },
                               {
-                                type: 'divider',
+                                type: 'divider'
                               },
                               {
                                 key: '3',
                                 label: '导出Markdown',
-                                icon: <DownloadOutlined />,
+                                icon: <DownloadOutlined />
                               },
                               {
                                 key: '4',
                                 label: '导出纯文本',
-                                icon: <DownloadOutlined />,
+                                icon: <DownloadOutlined />
                               },
                               {
                                 key: '5',
                                 label: '导出MDX',
-                                icon: <DownloadOutlined />,
+                                icon: <DownloadOutlined />
                               },
                               {
                                 key: '6',
                                 label: '导出DOC(Word)',
-                                icon: <DownloadOutlined />,
-                              },
-                            ],
+                                icon: <DownloadOutlined />
+                              }
+                            ]
                           }}
                         >
                           <Button icon={<DownloadOutlined />}>导出</Button>
@@ -1579,7 +1583,7 @@ PRD文档内容：
                 </div>
                 <div
                   style={{
-                    borderRadius: 6,
+                    borderRadius: 6
                   }}
                 >
                   <div ref={previewScrollRef} className={styles.previewScroll} onScroll={onPreviewScroll}>
@@ -1588,7 +1592,7 @@ PRD文档内容：
                       style={{
                         backgroundColor: previewStyle.backgroundColor,
                         minHeight: 400,
-                        padding: previewStyle.padding,
+                        padding: previewStyle.padding
                       }}
                       data-color-mode={theme}
                       skipHtml={false}
@@ -1603,7 +1607,7 @@ PRD文档内容：
                   style={{
                     marginTop: 20,
                     borderTop: '1px solid #f0f0f0',
-                    paddingTop: 20,
+                    paddingTop: 20
                   }}
                 >
                   <Text strong>Mermaid 图表展示</Text>
@@ -1627,7 +1631,7 @@ PRD文档内容：
           >
             <Space style={{ marginBottom: 15 }}>
               <Button
-                type="primary"
+                type='primary'
                 disabled={[0, 1].includes(structureReadyState)}
                 onClick={buildStructure}
                 icon={<ThunderboltOutlined />}
@@ -1643,14 +1647,14 @@ PRD文档内容：
                       {
                         key: '1',
                         label: '导出为PNG',
-                        icon: <DownloadOutlined />,
+                        icon: <DownloadOutlined />
                       },
                       {
                         key: '2',
                         label: '导出为SVG',
-                        icon: <DownloadOutlined />,
-                      },
-                    ],
+                        icon: <DownloadOutlined />
+                      }
+                    ]
                   }}
                 >
                   <Button icon={<DownloadOutlined />}>导出</Button>
@@ -1671,10 +1675,10 @@ PRD文档内容：
             {structureReadyState === 1 && (
               <Progress
                 percent={Math.round(progress)}
-                status="active"
+                status='active'
                 strokeColor={{
                   '0%': '#108ee9',
-                  '100%': '#87d068',
+                  '100%': '#87d068'
                 }}
               />
             )}
@@ -1687,7 +1691,7 @@ PRD文档内容：
                   borderRadius: 6,
                   padding: 20,
                   backgroundColor: '#fafafa',
-                  minHeight: 400,
+                  minHeight: 400
                 }}
               >
                 <MarkmapHooks markmap={formatMindmapContent(structureResult)} />
@@ -1707,7 +1711,7 @@ PRD文档内容：
               }`}
               style={{
                 backgroundColor: theme === 'light' ? '#ffffff' : '#1e1e1e',
-                color: theme === 'light' ? '#24292e' : '#c9d1d9',
+                color: theme === 'light' ? '#24292e' : '#c9d1d9'
               }}
             >
               <div className={styles.previewFullscreenHeader}>
@@ -1717,8 +1721,8 @@ PRD文档内容：
                 </Space>
                 <Space>
                   <Switch
-                    checkedChildren="亮色"
-                    unCheckedChildren="暗色"
+                    checkedChildren='亮色'
+                    unCheckedChildren='暗色'
                     checked={theme === 'light'}
                     onChange={(checked) => setTheme(checked ? 'light' : 'dark')}
                   />
@@ -1731,7 +1735,7 @@ PRD文档内容：
                   source={apiResult}
                   style={{
                     backgroundColor: 'transparent',
-                    minHeight: '100%',
+                    minHeight: '100%'
                   }}
                   data-color-mode={theme}
                   skipHtml={false}
@@ -1744,7 +1748,7 @@ PRD文档内容：
                   style={{
                     marginTop: 20,
                     borderTop: '1px solid #f0f0f0',
-                    paddingTop: 20,
+                    paddingTop: 20
                   }}
                 >
                   <Text strong>Mermaid 图表展示</Text>
diff --git a/src/pages/contact/index.jsx b/src/pages/contact/index.jsx
index b2a9f9b16..dba3db54e 100644
--- a/src/pages/contact/index.jsx
+++ b/src/pages/contact/index.jsx
@@ -10,13 +10,13 @@ const Contact = () => {
     name: '',
     email: '',
     subject: '',
-    message: '',
+    message: ''
   })
 
   const [errors, setErrors] = useState({})
   const [status, setStatus] = useState(null)
   const validateForm = () => {
-    let tempErrors = {}
+    const tempErrors = {}
     let isValid = true
 
     if (!formData.name.trim()) {
@@ -65,7 +65,7 @@ const Contact = () => {
     try {
       const response = await fetch('https://api.web3forms.com/submit', {
         method: 'POST',
-        body: form,
+        body: form
       })
 
       const result = await response.json()
@@ -76,7 +76,7 @@ const Contact = () => {
           name: '',
           email: '',
           subject: '',
-          message: '',
+          message: ''
         })
         setErrors({})
       } else {
@@ -91,25 +91,25 @@ const Contact = () => {
     const { name, value } = e.target
     setFormData((prev) => ({
       ...prev,
-      [name]: value,
+      [name]: value
     }))
   }
   const {
-    token: { colorBgContainer, colorBorder, colorText },
+    token: { colorBgContainer, colorBorder, colorText }
   } = theme.useToken()
 
   return (
     <FixTabPanel>
       <div
-        className="code-window relative flex h-full items-center justify-center"
+        className='code-window relative flex h-full items-center justify-center'
         style={{
           minHeight: '100vh',
           padding: '24px 8px',
-          backgroundColor: colorBgContainer,
+          backgroundColor: colorBgContainer
         }}
       >
         <div
-          className="w-full"
+          className='w-full'
           style={{
             maxWidth: 420,
             width: '100%',
@@ -120,77 +120,77 @@ const Contact = () => {
             padding: '32px 20px',
             margin: '0 auto',
             backdropFilter: 'blur(4px)',
-            color: colorText,
+            color: colorText
           }}
         >
-          <h2 className="mb-4 bg-gradient-to-r from-blue-400 to-purple-600 bg-clip-text text-center text-3xl font-bold text-transparent md:text-5xl">
+          <h2 className='mb-4 bg-gradient-to-r from-blue-400 to-purple-600 bg-clip-text text-center text-3xl font-bold text-transparent md:text-5xl'>
             Get in Touch
           </h2>
-          <form onSubmit={handleSubmit} className="space-y-6">
-            <div className="grid grid-cols-1 gap-6">
+          <form onSubmit={handleSubmit} className='space-y-6'>
+            <div className='grid grid-cols-1 gap-6'>
               <div>
                 <input
-                  type="text"
-                  name="name"
-                  placeholder="Your Name"
+                  type='text'
+                  name='name'
+                  placeholder='Your Name'
                   className={`w-full rounded-xl border px-4 py-3 ${
                     errors.name ? 'border-red-500' : 'border-gray-300/50 bg-white/30'
                   } backdrop-blur-sm transition-colors focus:border-blue-500 focus:outline-none`}
                   value={formData.name}
                   onChange={handleInputChange}
                 />
-                {errors.name && <p className="mt-1 text-sm text-red-500">{errors.name}</p>}
+                {errors.name && <p className='mt-1 text-sm text-red-500'>{errors.name}</p>}
               </div>
 
               <div>
                 <input
-                  type="email"
-                  name="email"
-                  placeholder="Your Email"
+                  type='email'
+                  name='email'
+                  placeholder='Your Email'
                   className={`w-full rounded-xl border px-4 py-3 ${
                     errors.email ? 'border-red-500' : 'border-gray-300/50 bg-white/30 text-gray-800'
                   } backdrop-blur-sm transition-colors focus:border-blue-500 focus:outline-none`}
                   value={formData.email}
                   onChange={handleInputChange}
                 />
-                {errors.email && <p className="mt-1 text-sm text-red-500">{errors.email}</p>}
+                {errors.email && <p className='mt-1 text-sm text-red-500'>{errors.email}</p>}
               </div>
 
               <div>
                 <input
-                  type="text"
-                  name="subject"
-                  placeholder="Subject"
+                  type='text'
+                  name='subject'
+                  placeholder='Subject'
                   className={`w-full rounded-xl border px-4 py-3 ${
                     errors.subject ? 'border-red-500' : 'border-gray-300/50 bg-white/30 text-gray-800'
                   } backdrop-blur-sm transition-colors focus:border-blue-500 focus:outline-none`}
                   value={formData.subject}
                   onChange={handleInputChange}
                 />
-                {errors.subject && <p className="mt-1 text-sm text-red-500">{errors.subject}</p>}
+                {errors.subject && <p className='mt-1 text-sm text-red-500'>{errors.subject}</p>}
               </div>
 
               <div>
                 <textarea
-                  name="message"
-                  placeholder="Your Message"
+                  name='message'
+                  placeholder='Your Message'
                   rows={4}
                   className={`w-full resize-none rounded-xl border px-4 py-3 ${
                     errors.message ? 'border-red-500' : 'border-gray-300/50 bg-white/30 text-gray-800'
                   } backdrop-blur-sm transition-colors focus:border-blue-500 focus:outline-none`}
                   value={formData.message}
                   onChange={handleInputChange}
-                ></textarea>
-                {errors.message && <p className="mt-1 text-sm text-red-500">{errors.message}</p>}
+                />
+                {errors.message && <p className='mt-1 text-sm text-red-500'>{errors.message}</p>}
               </div>
             </div>
 
             <button
-              type="submit"
-              className="flex w-full items-center justify-center space-x-2 rounded-xl bg-gradient-to-r from-blue-500 to-purple-600 px-6 py-3 font-semibold text-white backdrop-blur-sm transition-all duration-300 hover:from-blue-600 hover:to-purple-700 hover:shadow-lg"
+              type='submit'
+              className='flex w-full items-center justify-center space-x-2 rounded-xl bg-gradient-to-r from-blue-500 to-purple-600 px-6 py-3 font-semibold text-white backdrop-blur-sm transition-all duration-300 hover:from-blue-600 hover:to-purple-700 hover:shadow-lg'
             >
               <span>Send Message</span>
-              <Send className="h-4 w-4" />
+              <Send className='h-4 w-4' />
             </button>
           </form>
           {status && (
@@ -201,7 +201,7 @@ const Contact = () => {
                   : 'border border-red-500/20 bg-red-500/10 text-red-400'
               }`}
             >
-              <p className="text-center">{status}</p>
+              <p className='text-center'>{status}</p>
             </div>
           )}
         </div>
diff --git a/src/pages/crypto/index.jsx b/src/pages/crypto/index.jsx
index 8b7d7f4cf..ce8c187aa 100644
--- a/src/pages/crypto/index.jsx
+++ b/src/pages/crypto/index.jsx
@@ -87,25 +87,25 @@ const AESPanel = () => {
   }
 
   return (
-    <Space orientation="vertical" size="large" style={{ width: '100%' }}>
+    <Space orientation='vertical' size='large' style={{ width: '100%' }}>
       <Alert
-        title="AES (Advanced Encryption Standard)"
-        description="对称加密算法，加密和解密使用相同的密钥。速度快，适合大量数据加密。"
-        type="info"
+        title='AES (Advanced Encryption Standard)'
+        description='对称加密算法，加密和解密使用相同的密钥。速度快，适合大量数据加密。'
+        type='info'
         showIcon
       />
 
       <Row gutter={[24, 24]}>
         <Col xs={24} md={12}>
-          <Card title="加密区 (Encryption)" variant="borderless" className="shadow-sm">
-            <Space orientation="vertical" style={{ width: '100%' }}>
+          <Card title='加密区 (Encryption)' variant='borderless' className='shadow-sm'>
+            <Space orientation='vertical' style={{ width: '100%' }}>
               <div>
                 <Text strong>1. 输入明文</Text>
                 <TextArea
                   rows={4}
                   value={plainText}
                   onChange={(e) => setPlainText(e.target.value)}
-                  placeholder="请输入要加密的文本..."
+                  placeholder='请输入要加密的文本...'
                   style={{ marginTop: 8 }}
                 />
               </div>
@@ -117,7 +117,7 @@ const AESPanel = () => {
                     prefix={<KeyOutlined />}
                     value={secretKey}
                     onChange={(e) => setSecretKey(e.target.value)}
-                    placeholder="输入密钥"
+                    placeholder='输入密钥'
                   />
                   <Button icon={<ReloadOutlined />} onClick={generateKey}>
                     随机生成
@@ -125,7 +125,7 @@ const AESPanel = () => {
                 </div>
               </div>
 
-              <Button type="primary" icon={<LockOutlined />} onClick={handleEncrypt} block>
+              <Button type='primary' icon={<LockOutlined />} onClick={handleEncrypt} block>
                 执行加密
               </Button>
             </Space>
@@ -133,19 +133,19 @@ const AESPanel = () => {
         </Col>
 
         <Col xs={24} md={12}>
-          <Card title="结果区 (Result)" variant="borderless" className="shadow-sm">
-            <Space orientation="vertical" style={{ width: '100%' }}>
+          <Card title='结果区 (Result)' variant='borderless' className='shadow-sm'>
+            <Space orientation='vertical' style={{ width: '100%' }}>
               <div>
                 <Text strong>3. 密文输出</Text>
                 <TextArea
                   rows={4}
                   value={cipherText}
                   onChange={(e) => setCipherText(e.target.value)}
-                  placeholder="加密后的内容将显示在这里..."
+                  placeholder='加密后的内容将显示在这里...'
                   style={{
                     marginTop: 8,
                     backgroundColor: token.colorFillAlter,
-                    color: token.colorText,
+                    color: token.colorText
                   }}
                 />
               </div>
@@ -163,10 +163,10 @@ const AESPanel = () => {
                     background: decryptedText ? token.colorSuccessBg : token.colorFillAlter,
                     border: decryptedText ? `1px solid ${token.colorSuccessBorder}` : `1px solid ${token.colorBorder}`,
                     borderRadius: 6,
-                    minHeight: 100,
+                    minHeight: 100
                   }}
                 >
-                  {decryptedText || <Text type="secondary">解密后的明文将显示在这里...</Text>}
+                  {decryptedText || <Text type='secondary'>解密后的明文将显示在这里...</Text>}
                 </div>
               </div>
             </Space>
@@ -215,20 +215,20 @@ const RSAPanel = () => {
   }
 
   return (
-    <Space orientation="vertical" size="large" style={{ width: '100%' }}>
+    <Space orientation='vertical' size='large' style={{ width: '100%' }}>
       <Alert
-        title="RSA (Rivest-Shamir-Adleman)"
-        description="非对称加密算法，使用公钥加密，私钥解密。安全性高，但速度较慢，适合加密少量数据（如密钥交换）。"
-        type="warning"
+        title='RSA (Rivest-Shamir-Adleman)'
+        description='非对称加密算法，使用公钥加密，私钥解密。安全性高，但速度较慢，适合加密少量数据（如密钥交换）。'
+        type='warning'
         showIcon
       />
 
       <Row gutter={[24, 24]}>
         <Col span={24}>
-          <Card title="密钥对配置 (Key Pair)" size="small" variant="borderless">
+          <Card title='密钥对配置 (Key Pair)' size='small' variant='borderless'>
             <Row gutter={[24, 24]}>
               <Col xs={24} md={12}>
-                <Text type="secondary">公钥 (Public Key) - 用于加密</Text>
+                <Text type='secondary'>公钥 (Public Key) - 用于加密</Text>
                 <Paragraph
                   ellipsis={{ rows: 2, expandable: true, symbol: '展开' }}
                   copyable
@@ -238,7 +238,7 @@ const RSAPanel = () => {
                 </Paragraph>
               </Col>
               <Col xs={24} md={12}>
-                <Text type="secondary">私钥 (Private Key) - 用于解密</Text>
+                <Text type='secondary'>私钥 (Private Key) - 用于解密</Text>
                 <Paragraph
                   ellipsis={{ rows: 2, expandable: true, symbol: '展开' }}
                   copyable={{ text: DEFAULT_PRIVATE_KEY }}
@@ -254,16 +254,16 @@ const RSAPanel = () => {
 
       <Row gutter={[24, 24]}>
         <Col xs={24} md={12}>
-          <Card title="公钥加密 (Public Key Encryption)" variant="borderless" className="shadow-sm">
-            <Space orientation="vertical" style={{ width: '100%' }}>
+          <Card title='公钥加密 (Public Key Encryption)' variant='borderless' className='shadow-sm'>
+            <Space orientation='vertical' style={{ width: '100%' }}>
               <Text strong>输入明文</Text>
               <TextArea
                 rows={6}
                 value={plainText}
                 onChange={(e) => setPlainText(e.target.value)}
-                placeholder="请输入要加密的文本..."
+                placeholder='请输入要加密的文本...'
               />
-              <Button type="primary" icon={<LockOutlined />} onClick={handleEncrypt} block>
+              <Button type='primary' icon={<LockOutlined />} onClick={handleEncrypt} block>
                 使用公钥加密
               </Button>
             </Space>
@@ -271,17 +271,17 @@ const RSAPanel = () => {
         </Col>
 
         <Col xs={24} md={12}>
-          <Card title="私钥解密 (Private Key Decryption)" variant="borderless" className="shadow-sm">
-            <Space orientation="vertical" style={{ width: '100%' }}>
+          <Card title='私钥解密 (Private Key Decryption)' variant='borderless' className='shadow-sm'>
+            <Space orientation='vertical' style={{ width: '100%' }}>
               <Text strong>密文结果</Text>
               <TextArea
                 rows={4}
                 value={cipherText}
                 onChange={(e) => setCipherText(e.target.value)}
-                placeholder="加密后的密文..."
+                placeholder='加密后的密文...'
                 style={{
                   backgroundColor: token.colorFillAlter,
-                  color: token.colorText,
+                  color: token.colorText
                 }}
               />{' '}
               <Button icon={<UnlockOutlined />} onClick={handleDecrypt} block disabled={!cipherText}>
@@ -294,10 +294,10 @@ const RSAPanel = () => {
                   background: decryptedText ? token.colorWarningBg : token.colorFillAlter,
                   border: decryptedText ? `1px solid ${token.colorWarningBorder}` : `1px solid ${token.colorBorder}`,
                   borderRadius: 6,
-                  minHeight: 60,
+                  minHeight: 60
                 }}
               >
-                {decryptedText ? <Text>{decryptedText}</Text> : <Text type="secondary">解密结果...</Text>}
+                {decryptedText ? <Text>{decryptedText}</Text> : <Text type='secondary'>解密结果...</Text>}
               </div>
             </Space>
           </Card>
@@ -317,7 +317,7 @@ const MyCrypto = () => {
           AES 加密
         </span>
       ),
-      children: <AESPanel />,
+      children: <AESPanel />
     },
     {
       key: 'rsa',
@@ -327,17 +327,17 @@ const MyCrypto = () => {
           RSA 加密
         </span>
       ),
-      children: <RSAPanel />,
-    },
+      children: <RSAPanel />
+    }
   ]
 
   return (
     <FixTabPanel>
-      <Card variant="borderless" style={{ minHeight: '100%' }}>
+      <Card variant='borderless' style={{ minHeight: '100%' }}>
         <Title level={3}>加密算法实验室</Title>
-        <Paragraph type="secondary">提供常用的对称加密 (AES) 和非对称加密 (RSA) 在线测试工具。</Paragraph>
+        <Paragraph type='secondary'>提供常用的对称加密 (AES) 和非对称加密 (RSA) 在线测试工具。</Paragraph>
         <Divider />
-        <Tabs defaultActiveKey="aes" items={items} type="card" animated={{ inkBar: true, tabPane: false }} />
+        <Tabs defaultActiveKey='aes' items={items} type='card' animated={{ inkBar: true, tabPane: false }} />
       </Card>
     </FixTabPanel>
   )
diff --git a/src/pages/dashboard/index.jsx b/src/pages/dashboard/index.jsx
index cf1e3cba6..5a8bbf53d 100644
--- a/src/pages/dashboard/index.jsx
+++ b/src/pages/dashboard/index.jsx
@@ -11,13 +11,13 @@ const { Content } = Layout
 const Dashboard = () => {
   const { redirectTo } = useSafeNavigate()
   const {
-    token: { colorBgContainer },
+    token: { colorBgContainer }
   } = theme.useToken()
 
   // 右上角返回首页按钮
   const renderBackHome = () => (
     <div style={{ position: 'fixed', top: 50, left: 26, zIndex: 20 }}>
-      <Button type="primary" icon={<ArrowLeftOutlined />} onClick={() => redirectTo('/')} style={{ borderRadius: 20 }}>
+      <Button type='primary' icon={<ArrowLeftOutlined />} onClick={() => redirectTo('/')} style={{ borderRadius: 20 }}>
         返回首页
       </Button>
     </div>
@@ -29,19 +29,19 @@ const Dashboard = () => {
         style={{
           minHeight: '100vh',
           backgroundColor: 'transparent',
-          position: 'relative',
+          position: 'relative'
         }}
       >
         <Content
           style={{
             minHeight: '100vh',
             backgroundColor: colorBgContainer,
-            position: 'relative',
+            position: 'relative'
           }}
         >
           {renderBackHome()}
           <Routes>
-            <Route path="/" element={<ViteLanding />} />
+            <Route path='/' element={<ViteLanding />} />
           </Routes>
         </Content>
       </Layout>
diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index 0242ce925..73eb2e6f2 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -82,7 +82,7 @@ import {
   prettyObject,
   // randomNum,
   getDirection,
-  oneApiImage,
+  oneApiImage
 } from '@utils/aidFn'
 import { fireConfetti } from '@utils/confetti'
 import Zoom from 'react-medium-image-zoom'
@@ -97,7 +97,7 @@ const code = {
 main : "This component needs more than the default code block to be displayed"
 detailed : "For now, if you want the exact same behaviour, please check the github"
 }`,
-  lang: 'typescript',
+  lang: 'typescript'
 }
 
 const preCode = `
@@ -116,20 +116,20 @@ const slugs = ['typescript', 'javascript', 'react', 'html5', 'css', 'prisma', 'n
 const dataSteps = [
   {
     title: 'Step 1',
-    code: 'npx create-react-app my-app',
+    code: 'npx create-react-app my-app'
   },
   {
     title: 'Step 2',
-    code: 'cd my-app',
+    code: 'cd my-app'
   },
   {
     title: 'Step 3',
-    code: 'npm start',
+    code: 'npm start'
   },
   {
     title: 'Step 4',
-    code: 'npm run build',
-  },
+    code: 'npm run build'
+  }
 ]
 
 const Home = () => {
@@ -219,8 +219,8 @@ const Home = () => {
       [
         {
           content: text,
-          role: 'user',
-        },
+          role: 'user'
+        }
       ],
       key,
       signal
@@ -304,8 +304,8 @@ const Home = () => {
       [
         {
           content: text,
-          role: 'user',
-        },
+          role: 'user'
+        }
       ],
       key,
       signal
@@ -336,7 +336,7 @@ const Home = () => {
             setAiImageList(
               res.data.map((item) => ({
                 imageUrl: item.url,
-                imagePrompt: item.revised_prompt,
+                imagePrompt: item.revised_prompt
               }))
             )
           })
@@ -352,7 +352,7 @@ const Home = () => {
   const scrollRef = useRef(null)
   const [customElement, setCustomElement] = useState()
   const { scrollDir, scrollPosition } = useDetectScroll({
-    target: customElement,
+    target: customElement
   })
 
   useEffect(() => {
@@ -395,12 +395,12 @@ const Home = () => {
         <ColorfulText text={`React version: ${version}`} />
       </section>
       <section style={{ width: '320px', margin: '30px 0' }}>
-        <Input defaultValue={apiKey} placeholder="api key" onChange={changeApiKey} style={{ marginBottom: 20 }} />
-        <Flex align="center">
+        <Input defaultValue={apiKey} placeholder='api key' onChange={changeApiKey} style={{ marginBottom: 20 }} />
+        <Flex align='center'>
           <Input.TextArea
             ref={textareaRef}
             defaultValue={chatText}
-            placeholder="来，说点什么呗...Meta + Enter发送"
+            placeholder='来，说点什么呗...Meta + Enter发送'
             onChange={changeChatText}
             onKeyDown={onInputKeyDown}
             autoSize
@@ -410,7 +410,7 @@ const Home = () => {
         <Button
           style={{ margin: '10px' }}
           icon={<SendOutlined rotate={-60} />}
-          type="primary"
+          type='primary'
           disabled={isStream}
           onClick={onSubmit}
         >
@@ -419,27 +419,27 @@ const Home = () => {
         <Button
           style={{ margin: '10px' }}
           icon={<SendOutlined rotate={-60} />}
-          type="primary"
+          type='primary'
           disabled={isStream}
           onClick={onSubmitImage}
         >
           生成图片
         </Button>
-        <Button icon={<SendOutlined rotate={-60} />} type="primary" disabled={!isStream} onClick={onStop}>
+        <Button icon={<SendOutlined rotate={-60} />} type='primary' disabled={!isStream} onClick={onStop}>
           停止
         </Button>
       </section>
-      <section className="mb-10">
+      <section className='mb-10'>
         {isStream && <div>正在输入...</div>}
         <section style={{ textAlign: 'right', color: '#666' }}>{dateTime}</section>
         <ReMarkdown markdownText={aiText} isLoading={isStream} />
-        <section className="aiImage">
+        <section className='aiImage'>
           {aiImageList.length > 0 && (
             <>
               {aiImageList.map((item, index) => (
                 <div key={index}>
                   <div>{item.imagePrompt}</div>
-                  <img src={item.imageUrl} width="100%" alt={item.url} />
+                  <img src={item.imageUrl} width='100%' alt={item.url} />
                 </div>
               ))}
             </>
@@ -456,31 +456,31 @@ const Home = () => {
         <TypeWriter
           text={['年轻到足以创新, 成熟到懂得坚持', '你既有冒险的勇气, 又有控制风险的智慧', '人生不设限，梦想不过期! ']}
           speed={70}
-          className="text-gray-500"
+          className='text-gray-500'
           waitTime={1500}
           deleteSpeed={40}
-          cursorChar={'_'}
+          cursorChar='_'
         />
       </section>
       <section style={{ margin: '20px 0', fontSize: 20 }}>
-        <MultiDirectionSlide textLeft="逐光前行，奔赴新程；" textRight="千山过尽，万里星辰！" />
+        <MultiDirectionSlide textLeft='逐光前行，奔赴新程；' textRight='千山过尽，万里星辰！' />
       </section>
       <section style={{ margin: '20px 0', fontSize: 20 }}>
-        <AnimText animText="逐光前行，奔赴新程；千山过尽，万里星辰！" />
+        <AnimText animText='逐光前行，奔赴新程；千山过尽，万里星辰！' />
       </section>
       <section style={{ marginBottom: 15, fontSize: 20, overflow: 'hidden' }}>
         This is something
         <SlideText text={['amazing', 'new', 'wonderful', 'beautiful', 'smart']} />
       </section>
       <section style={{ marginBottom: 15, fontSize: 20 }}>
-        <SparklesText text="千山过尽，万里星辰!" sparklesCount={5} />
+        <SparklesText text='千山过尽，万里星辰!' sparklesCount={5} />
       </section>
 
       <section style={{ marginBottom: 15, fontSize: 20 }}>
-        <AutoLink text="foo bar baz http://example.org bar https://github.com/wkylin/pro-react-admin" />
+        <AutoLink text='foo bar baz http://example.org bar https://github.com/wkylin/pro-react-admin' />
       </section>
       <section style={{ marginBottom: 15, fontSize: 20 }}>
-        <ShinyText text="Just some shiny text!" disabled={false} speed={3} />
+        <ShinyText text='Just some shiny text!' disabled={false} speed={3} />
       </section>
       {/* <section style={{ marginBottom: 15, fontSize: 20 }}>
         <BlurText text="Isn't this so cool?!" delay={50} />
@@ -492,7 +492,7 @@ const Home = () => {
             'Loading awesome content',
             'Almost there',
             'Just a moment',
-            'Getting things ready',
+            'Getting things ready'
           ]}
         />
       </section>
@@ -521,7 +521,7 @@ const Home = () => {
         style={{
           marginBottom: 15,
           position: 'relative',
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <IconCloud images={images} />
@@ -530,7 +530,7 @@ const Home = () => {
         style={{
           marginBottom: 15,
           position: 'relative',
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <NumberViewCard />
@@ -543,12 +543,12 @@ const Home = () => {
           width: 360,
           background: '#111827',
           position: 'relative',
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
-        <Meteors starCount={30} primaryColor="#6366f1" className="opacity-30" />
-        <Meteors starCount={25} primaryColor="#818cf8" className="opacity-50" />
-        <Meteors starCount={20} primaryColor="#ffffff" className="opacity-70" />
+        <Meteors starCount={30} primaryColor='#6366f1' className='opacity-30' />
+        <Meteors starCount={25} primaryColor='#818cf8' className='opacity-50' />
+        <Meteors starCount={20} primaryColor='#ffffff' className='opacity-70' />
       </section>
       <section
         style={{
@@ -556,16 +556,16 @@ const Home = () => {
           fontSize: 20,
           height: 200,
           width: 360,
-          background: '#111827',
+          background: '#111827'
         }}
       >
         <SparklesCore
-          background="transparent"
+          background='transparent'
           minSize={0.4}
           maxSize={1}
           particleDensity={1200}
-          className="h-full w-full"
-          particleColor="#FFFFFF"
+          className='h-full w-full'
+          particleColor='#FFFFFF'
         />
       </section>
       <section
@@ -575,9 +575,9 @@ const Home = () => {
           height: 200,
           width: 360,
           overflow: 'hidden',
-          position: 'relative',
+          position: 'relative'
         }}
-        className="bg-slate-900"
+        className='bg-slate-900'
       >
         <BackgroundBoxes />
       </section>
@@ -588,9 +588,9 @@ const Home = () => {
           height: 200,
           width: 360,
           overflow: 'hidden',
-          position: 'relative',
+          position: 'relative'
         }}
-        className="bg-slate-900"
+        className='bg-slate-900'
       >
         <MemoizedStars />
       </section>
@@ -605,7 +605,7 @@ const Home = () => {
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'center',
-          color: '#fff',
+          color: '#fff'
         }}
       >
         Direction: {enterDirection}
@@ -614,10 +614,10 @@ const Home = () => {
         <CompareAll
           firstImage={firstImage}
           secondImage={secondImage}
-          firstImageClassName="object-cover object-left-top"
-          secondImageClassName="object-cover object-left-top"
-          className="h-[200px]"
-          slideMode="drag"
+          firstImageClassName='object-cover object-left-top'
+          secondImageClassName='object-cover object-left-top'
+          className='h-[200px]'
+          slideMode='drag'
         />
       </section>
       <section
@@ -625,15 +625,15 @@ const Home = () => {
           margin: '20px 0',
           width: 360,
           height: 200,
-          background: '#999',
+          background: '#999'
         }}
       >
         <SquaresGrid
           speed={0.5}
           squareSize={20}
-          direction="diagonal" // up, down, left, right, diagonal
-          borderColor="#222"
-          hoverFillColor="#222"
+          direction='diagonal' // up, down, left, right, diagonal
+          borderColor='#222'
+          hoverFillColor='#222'
         />
       </section>
       {/* <section
@@ -673,15 +673,15 @@ const Home = () => {
         <AvatarCard avatar="https://picsum.photos/seed/picsum/300/160" text="Hi, I'm a developer." />
       </section> */}
       <section>
-        <IsometricCard text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti repellat, consequuntur doloribus voluptate esse iure?" />
+        <IsometricCard text='Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti repellat, consequuntur doloribus voluptate esse iure?' />
       </section>
-      <LineBordered text="A line bordered text." />
+      <LineBordered text='A line bordered text.' />
       <section
         style={{
           display: 'flex',
           alignItems: 'center',
           marginTop: 10,
-          marginBottom: 40,
+          marginBottom: 40
         }}
       >
         <Atom /> <Merge /> <GitMerge /> <GitPullRequestArrow />
@@ -695,14 +695,14 @@ const Home = () => {
       <section style={{ marginBottom: 40, fontSize: 16 }}>
         <h3>React Animate On Scroll.</h3>
         <h3>
-          <AutoLink text="https://motion.dev/ https://gsap.com/ https://www.react-spring.dev/ https://use-gesture.netlify.app/" />
+          <AutoLink text='https://motion.dev/ https://gsap.com/ https://www.react-spring.dev/ https://use-gesture.netlify.app/' />
         </h3>
         <h3 style={{ marginBottom: 40 }}>
-          <AutoLink text="https://www.npmjs.com/package/react-animate-on-scroll https://www.npmjs.com/package/react-scroll https://github.com/wellyshen/react-cool-inview" />
+          <AutoLink text='https://www.npmjs.com/package/react-animate-on-scroll https://www.npmjs.com/package/react-scroll https://github.com/wellyshen/react-cool-inview' />
         </h3>
         <ScrollAnimation>
           {/* <LazyLoadImage src="https://picsum.photos/seed/picsum/300/160" alt="Strawberries" /> */}
-          <LazyLoadImage src={secondImage} alt="Strawberries" />
+          <LazyLoadImage src={secondImage} alt='Strawberries' />
         </ScrollAnimation>
       </section>
       {/* <section style={{ marginBottom: 40, fontSize: 36 }}>
@@ -740,7 +740,7 @@ const Home = () => {
           marginBottom: 40,
           width: 360,
           height: 200,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <AnimateOnScreen.FadeIn>
@@ -752,15 +752,15 @@ const Home = () => {
           marginBottom: 40,
           width: 360,
           height: 200,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <AnimateOnScreen.FadeUp>
           <img
             src={SongPng}
-            alt=""
+            alt=''
             style={{
-              maskImage: 'linear-gradient(to top, transparent, black 20%, black 80%, transparent)',
+              maskImage: 'linear-gradient(to top, transparent, black 20%, black 80%, transparent)'
             }}
           />
         </AnimateOnScreen.FadeUp>
@@ -770,12 +770,12 @@ const Home = () => {
           marginBottom: 40,
           width: 360,
           height: 200,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <AnimateOnScreen.ScaleIn triggerOnce={false}>
           <>
-            <img src={SpringPng} alt="" />
+            <img src={SpringPng} alt='' />
             <section className={styles['blend-me']}>Mix Blend Mode</section>
           </>
         </AnimateOnScreen.ScaleIn>
@@ -785,21 +785,21 @@ const Home = () => {
           marginBottom: 40,
           width: 360,
           height: 200,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <AnimateOnScreen.DiyAnimation
           from={{ opacity: 0, transform: 'translate(-100%, 0)' }}
           to={{ opacity: 1, transform: 'translate(0, 0)' }}
-          triggerOnce={true}
+          triggerOnce
         >
           <Zoom>
-            <img src={HePng} alt="" />
+            <img src={HePng} alt='' />
           </Zoom>
         </AnimateOnScreen.DiyAnimation>
       </section>
       <section style={{ marginBottom: 40, display: 'flex' }}>
-        <SpotlightCard className="my-spot" style={{ width: 360, height: 200, color: '#fff' }}>
+        <SpotlightCard className='my-spot' style={{ width: 360, height: 200, color: '#fff' }}>
           <section />
         </SpotlightCard>
       </section>
@@ -809,7 +809,7 @@ const Home = () => {
         </BlurFade>
       </section>
       <section style={{ margin: '20px 0', fontSize: 24 }}>
-        <GradualSpacing text="2025 年，是充满希望的一年。让我们放下过去的包袱，轻装上阵。用积极的心态去面对生活，用坚定的信念去追逐梦想。相信自己，只要我们努力奋斗，就一定能创造出属于自己的精彩人生。让我们一起逐光前行，奔赴新程，书写属于我们的辉煌篇章！" />
+        <GradualSpacing text='2025 年，是充满希望的一年。让我们放下过去的包袱，轻装上阵。用积极的心态去面对生活，用坚定的信念去追逐梦想。相信自己，只要我们努力奋斗，就一定能创造出属于自己的精彩人生。让我们一起逐光前行，奔赴新程，书写属于我们的辉煌篇章！' />
       </section>
 
       <section style={{ margin: '20px 0' }}>
@@ -823,7 +823,7 @@ const Home = () => {
           height: 200,
           position: 'relative',
           backgroundColor: 'rgba(0, 0,0, 0.8)',
-          borderRadius: 8,
+          borderRadius: 8
         }}
       >
         <section className={styles.dotMask} ref={barRef}>
@@ -842,23 +842,23 @@ const Home = () => {
           marginBottom: 40,
           height: 200,
           width: 360,
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         <MeshGradientBackground />
       </section>
       <section
         style={{
-          marginBottom: 20,
+          marginBottom: 20
         }}
       >
         <ScratchToReveal
           width={360}
           height={200}
           minScratchPercentage={70}
-          className="flex items-center justify-center overflow-hidden rounded-2xl border-2 bg-gray-100"
+          className='flex items-center justify-center overflow-hidden rounded-2xl border-2 bg-gray-100'
         >
-          <p className="text-9xl">✨</p>
+          <p className='text-9xl'>✨</p>
         </ScratchToReveal>
       </section>
       <section style={{ margin: 20 }}>
@@ -888,20 +888,20 @@ const Home = () => {
       <section style={{ margin: 20 }} className={styles.eHElAY}>
         Hi, React!
       </section>
-      <section style={{ margin: 20 }} className="z-30 flex w-full items-center justify-start gap-8">
+      <section style={{ margin: 20 }} className='z-30 flex w-full items-center justify-start gap-8'>
         <SlideButton
-          backgroundColor="#0c002b"
-          textColor="#1670f0"
-          borderStartColor="rgba(22, 112, 240, 0.1)"
-          borderEndColor="rgba(22, 112, 240, 0.7)"
+          backgroundColor='#0c002b'
+          textColor='#1670f0'
+          borderStartColor='rgba(22, 112, 240, 0.1)'
+          borderEndColor='rgba(22, 112, 240, 0.7)'
         >
           Button
         </SlideButton>
         <SlideButton
-          backgroundColor="#1a0b2e"
-          textColor="#ff00ff"
-          borderStartColor="rgba(255, 0, 255, 0.1)"
-          borderEndColor="rgba(0, 255, 255, 0.7)"
+          backgroundColor='#1a0b2e'
+          textColor='#ff00ff'
+          borderStartColor='rgba(255, 0, 255, 0.1)'
+          borderEndColor='rgba(0, 255, 255, 0.7)'
         >
           Button
         </SlideButton>
@@ -920,11 +920,11 @@ const Home = () => {
       <section style={{ position: 'relative', fontSize: 36 }}>
         I build
         <FlipWords
-          className="mx-1 px-4 py-2"
+          className='mx-1 px-4 py-2'
           words={['creative', 'interactive', 'beautiful', 'modern']}
-          wordClassName="text-blue-500 font-bold"
+          wordClassName='text-blue-500 font-bold'
         />
-        <span className="block sm:inline">websites and apps.</span>
+        <span className='block sm:inline'>websites and apps.</span>
         {/* <AnimateWave /> */}
       </section>
       {/* <section style={{ margin: 20 }}>
@@ -940,8 +940,8 @@ const Home = () => {
             key={step.title}
             step={index + 1}
             title={step.title}
-            stepClassName="bg-blue-100 text-blue-600 border-blue-200"
-            titleClassName="text-blue-500 font-bold"
+            stepClassName='bg-blue-100 text-blue-600 border-blue-200'
+            titleClassName='text-blue-500 font-bold'
           >
             <StaticStepper.CodeContainer>{step.code}</StaticStepper.CodeContainer>
           </StaticStepper.StaticStep>
@@ -955,131 +955,131 @@ const Home = () => {
       </section>
       <section style={{ margin: 20 }}>
         <ResponsiveMasonry columnsCountBreakPoints={{ 350: 1, 750: 2, 900: 6 }}>
-          <Masonry gutter="10px">
+          <Masonry gutter='10px'>
             <section
-              key="masonry-1"
+              key='masonry-1'
               style={{
                 height: 100,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-2"
+              key='masonry-2'
               style={{
                 height: 200,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-3"
+              key='masonry-3'
               style={{
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-4"
+              key='masonry-4'
               style={{
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-5"
+              key='masonry-5'
               style={{
                 height: 200,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-6"
+              key='masonry-6'
               style={{
                 height: 100,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-7"
+              key='masonry-7'
               style={{
                 height: 200,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-8"
+              key='masonry-8'
               style={{
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-9"
+              key='masonry-9'
               style={{
                 height: 100,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-10"
+              key='masonry-10'
               style={{
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-11"
+              key='masonry-11'
               style={{
                 height: 100,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-12"
+              key='masonry-12'
               style={{
                 height: 200,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-13"
+              key='masonry-13'
               style={{
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
             <section
-              key="masonry-14"
+              key='masonry-14'
               style={{
                 height: 150,
                 width: '100%',
                 border: '1px solid #ccc',
-                background: '#aaa',
+                background: '#aaa'
               }}
             />
           </Masonry>
@@ -1092,7 +1092,7 @@ const Home = () => {
         <TagCloud />
       </section>
       <section style={{ margin: 20 }}>
-        <Marquee autoFill direction="left" gradient gradientColor="rgba(255, 255, 255, 0.8)">
+        <Marquee autoFill direction='left' gradient gradientColor='rgba(255, 255, 255, 0.8)'>
           <div
             style={{
               width: 200,
@@ -1101,7 +1101,7 @@ const Home = () => {
               textAlign: 'center',
               background: '#aaa',
               margin: '0 10px',
-              borderRadius: 8,
+              borderRadius: 8
               // transform: 'rotateX(60deg) rotateY(0deg) rotateZ(45deg)'
             }}
           >
@@ -1110,7 +1110,7 @@ const Home = () => {
         </Marquee>
       </section>
       <section style={{ margin: 20 }}>
-        <Marquee autoFill direction="right" gradient gradientColor="rgba(255, 255, 255, 0.8)">
+        <Marquee autoFill direction='right' gradient gradientColor='rgba(255, 255, 255, 0.8)'>
           <div
             style={{
               width: 200,
@@ -1119,7 +1119,7 @@ const Home = () => {
               textAlign: 'center',
               background: '#aaa',
               margin: '0 10px',
-              borderRadius: 8,
+              borderRadius: 8
             }}
           >
             Vue
diff --git a/src/pages/layout/proHeader/index.jsx b/src/pages/layout/proHeader/index.jsx
index 105fedff6..139c1dc55 100644
--- a/src/pages/layout/proHeader/index.jsx
+++ b/src/pages/layout/proHeader/index.jsx
@@ -15,7 +15,7 @@ import {
   MoreOutlined,
   RocketOutlined,
   BookOutlined,
-  SearchOutlined,
+  SearchOutlined
 } from '@ant-design/icons'
 import { useNavigate } from 'react-router-dom'
 import { removeLocalStorage, getLocalStorage } from '@utils/publicFn'
@@ -63,7 +63,7 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
   {
     key: 'token',
     label: <>{tokenValue}</>,
-    disabled: true,
+    disabled: true
   },
   { type: 'divider' },
   {
@@ -72,7 +72,7 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
     icon: <UserOutlined />,
     onClick: () => {
       redirectTo('/profile')
-    },
+    }
   },
   {
     key: '2',
@@ -80,7 +80,7 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
     icon: <SmileOutlined />,
     onClick: () => {
       redirectTo('/setting')
-    },
+    }
   },
   {
     key: '3',
@@ -88,7 +88,7 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
     icon: <SmileOutlined />,
     onClick: () => {
       redirectTo('/contact')
-    },
+    }
   },
   {
     key: '4',
@@ -103,8 +103,8 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
       safeLogoutCleanup()
       removeLocalStorage('token')
       redirectTo('/signin')
-    },
-  },
+    }
+  }
 ]
 
 const buildMobileMoreItems = ({
@@ -113,43 +113,43 @@ const buildMobileMoreItems = ({
   onSettingClick,
   redirectGithub,
   redirectWiki,
-  redirectWrapped,
+  redirectWrapped
 }) => [
   ...(Array.isArray(primaryNavItems) ? primaryNavItems : []).map((it) => ({
     ...it,
-    label: it?.i18nKey ? t(it.i18nKey) : it?.label,
+    label: it?.i18nKey ? t(it.i18nKey) : it?.label
   })),
   { type: 'divider' },
   {
     key: 'notification',
     label: <NotificationDrawer />,
     icon: null,
-    onClick: undefined,
+    onClick: undefined
   },
   {
     key: 'github',
     label: t('header.github'),
     icon: <GithubOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectGithub,
+    onClick: redirectGithub
   },
   {
     key: 'wiki',
     label: t('header.wiki'),
     icon: <BookOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectWiki,
+    onClick: redirectWiki
   },
   {
     key: 'wrapped',
     label: t('header.wrapped'),
     icon: <RocketOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectWrapped,
+    onClick: redirectWrapped
   },
   {
     key: 'setting',
     label: t('header.preferences'),
     icon: <SettingOutlined style={{ fontSize: 16 }} />,
-    onClick: onSettingClick,
-  },
+    onClick: onSettingClick
+  }
 ]
 
 const safeLogoutCleanup = () => {
@@ -190,7 +190,7 @@ const renderMobileMenuTrigger = (isMobile, onMobileMenuClick) => {
   if (!isMobile) return null
   return (
     <button
-      type="button"
+      type='button'
       onClick={onMobileMenuClick}
       style={{
         margin: '0 16px',
@@ -199,7 +199,7 @@ const renderMobileMenuTrigger = (isMobile, onMobileMenuClick) => {
         alignItems: 'center',
         background: 'transparent',
         border: 'none',
-        padding: 0,
+        padding: 0
       }}
     >
       <MenuOutlined style={{ fontSize: 20 }} />
@@ -226,54 +226,56 @@ const renderDesktopActions = ({
   redirectGithub,
   redirectWiki,
   redirectWrapped,
-  setSearchOpen,
+  setSearchOpen
 }) => (
-  <Space orientation="horizontal" style={{ paddingRight: 8 }}>
+  <Space orientation='horizontal' style={{ paddingRight: 8 }}>
     <SoundBar buttonStyle={{ border: 'none' }} />
-    <Tooltip title={t('header.searchTooltip')} placement="bottom">
-      <Button icon={<SearchOutlined />} size="small" style={iconButtonStyle} onClick={() => setSearchOpen(true)} />
+    <Tooltip title={t('header.searchTooltip')} placement='bottom'>
+      <Button icon={<SearchOutlined />} size='small' style={iconButtonStyle} onClick={() => setSearchOpen(true)} />
     </Tooltip>
 
-    <NotificationDrawer variant="button" buttonStyle={iconButtonStyle} />
-    <Tooltip title={t('header.github')} placement="bottom">
+    <NotificationDrawer variant='button' buttonStyle={iconButtonStyle} />
+    <Tooltip title={t('header.github')} placement='bottom'>
       <Button
         icon={<GithubOutlined style={{ fontSize: 16 }} />}
-        size="small"
-        type="default"
+        size='small'
+        type='default'
         onClick={redirectGithub}
         style={iconButtonStyle}
       />
     </Tooltip>
     <Fullscreen buttonStyle={iconButtonStyle} />
-    <Tooltip title={isDark ? t('header.themeLight') : t('header.themeDark')} placement="bottom">
+    <Tooltip title={isDark ? t('header.themeLight') : t('header.themeDark')} placement='bottom'>
       <Button
         onClick={handleThemeToggle}
-        size="small"
+        size='small'
         style={{ margin: '0 4px', fontSize: 16 }}
         icon={
-          isDark ? (
-            <LightIcon width={16} height={16} style={{ width: 16, height: 16 }} />
-          ) : (
-            <DarkIcon width={16} height={16} style={{ width: 16, height: 16 }} />
-          )
+          isDark
+            ? (
+              <LightIcon width={16} height={16} style={{ width: 16, height: 16 }} />
+              )
+            : (
+              <DarkIcon width={16} height={16} style={{ width: 16, height: 16 }} />
+              )
         }
       />
     </Tooltip>
-    <Tooltip title={t('header.preferences')} placement="bottom">
-      <Button icon={<SettingOutlined />} size="small" onClick={onSettingClick} style={iconButtonStyle} />
+    <Tooltip title={t('header.preferences')} placement='bottom'>
+      <Button icon={<SettingOutlined />} size='small' onClick={onSettingClick} style={iconButtonStyle} />
     </Tooltip>
-    <Tooltip title={t('header.wrappedTooltip')} placement="bottom">
+    <Tooltip title={t('header.wrappedTooltip')} placement='bottom'>
       <Button
         icon={<RocketOutlined style={{ fontSize: 16 }} />}
-        size="small"
+        size='small'
         onClick={redirectWrapped}
         style={iconButtonStyle}
       />
     </Tooltip>
-    <Tooltip title={t('header.wiki')} placement="bottom">
+    <Tooltip title={t('header.wiki')} placement='bottom'>
       <Button
         icon={<BookOutlined style={{ fontSize: 16 }} />}
-        size="small"
+        size='small'
         onClick={redirectWiki}
         style={iconButtonStyle}
       />
@@ -287,22 +289,24 @@ const renderMobileActions = ({ t, isTopDarkHeader, isDark, handleThemeToggle, mo
     <Tooltip title={t('header.search')}>
       <Button
         icon={<SearchOutlined style={{ color: isTopDarkHeader ? '#fff' : undefined }} />}
-        size="small"
+        size='small'
         style={{ fontSize: 18 }}
         onClick={() => setSearchOpen(true)}
       />
     </Tooltip>
-    <Tooltip title={isDark ? t('header.themeLight') : t('header.themeDark')} placement="bottom">
+    <Tooltip title={isDark ? t('header.themeLight') : t('header.themeDark')} placement='bottom'>
       <Button
         onClick={handleThemeToggle}
-        size="small"
+        size='small'
         style={{ margin: '0 4px', fontSize: 16 }}
         icon={
-          isDark ? (
-            <LightIcon width={16} height={16} style={{ width: 16, height: 16 }} />
-          ) : (
-            <DarkIcon width={16} height={16} style={{ width: 16, height: 16 }} />
-          )
+          isDark
+            ? (
+              <LightIcon width={16} height={16} style={{ width: 16, height: 16 }} />
+              )
+            : (
+              <DarkIcon width={16} height={16} style={{ width: 16, height: 16 }} />
+              )
         }
       />
     </Tooltip>
@@ -311,7 +315,7 @@ const renderMobileActions = ({ t, isTopDarkHeader, isDark, handleThemeToggle, mo
         style={{
           fontSize: 20,
           cursor: 'pointer',
-          color: isTopDarkHeader ? '#fff' : undefined,
+          color: isTopDarkHeader ? '#fff' : undefined
         }}
       />
     </Dropdown>
@@ -321,11 +325,13 @@ const renderMobileActions = ({ t, isTopDarkHeader, isDark, handleThemeToggle, mo
 const renderHeaderActions = (isMobile, props) => (isMobile ? renderMobileActions(props) : renderDesktopActions(props))
 
 const renderUserTrigger = (isAuthenticated, user, iconButtonStyle) =>
-  isAuthenticated && user ? (
-    <Avatar src={user.avatar_url || undefined} icon={<UserOutlined style={{ fontSize: 16 }} />} />
-  ) : (
-    <Button icon={<UserOutlined style={{ fontSize: 16 }} />} type="default" shape="round" style={iconButtonStyle} />
-  )
+  isAuthenticated && user
+    ? (
+      <Avatar src={user.avatar_url || undefined} icon={<UserOutlined style={{ fontSize: 16 }} />} />
+      )
+    : (
+      <Button icon={<UserOutlined style={{ fontSize: 16 }} />} type='default' shape='round' style={iconButtonStyle} />
+      )
 
 const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuClick }) => {
   const { t } = useTranslation()
@@ -366,13 +372,13 @@ const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuCli
         onSettingClick,
         redirectGithub,
         redirectWiki,
-        redirectWrapped,
+        redirectWrapped
       }),
     [t, primaryNavItems, onSettingClick]
   )
 
   const {
-    token: { colorBgContainer, colorBorder },
+    token: { colorBgContainer, colorBorder }
   } = theme.useToken()
   const { themeSettings, updateSettings } = useProThemeContext()
   const isDark = themeSettings.themeMode === 'dark'
@@ -408,19 +414,19 @@ const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuCli
       style={{
         backgroundColor: headerBackground,
         borderBottom: headerBorder,
-        padding: isMobile ? '0 16px' : 0,
+        padding: isMobile ? '0 16px' : 0
       }}
     >
       {renderMobileMenuTrigger(isMobile, onMobileMenuClick)}
       <div
-        aria-hidden="true"
+        aria-hidden='true'
         className={`${styles.logo} ${layout === 'top' ? styles.topLayoutLogo : ''}`}
         onClick={() => redirectTo('/')}
         style={isMobile ? { flex: '0 0 auto', justifyContent: 'flex-start' } : {}}
       >
         {/* Pro React <Tag>{process.env.DEPLOYED_ENV}</Tag> */}
-        {!isMobile && <img src={Logo} alt="logo" />}
-        <GradientAnimationText text="Pro React Admin" />
+        {!isMobile && <img src={Logo} alt='logo' />}
+        <GradientAnimationText text='Pro React Admin' />
       </div>
       <div className={styles.headerMeta} style={isMobile ? { justifyContent: 'flex-end' } : {}}>
         {renderDesktopNav(isMobile, layout, children)}
@@ -436,7 +442,7 @@ const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuCli
             redirectWiki,
             redirectWrapped,
             mobileMoreItems,
-            setSearchOpen,
+            setSearchOpen
           })}
           <Dropdown arrow menu={{ items }} trigger={['click']}>
             {renderUserTrigger(isAuthenticated, user, iconButtonStyle)}
@@ -455,7 +461,7 @@ ProHeader.propTypes = {
   onSettingClick: PropTypes.func,
   children: PropTypes.node,
   isMobile: PropTypes.bool,
-  onMobileMenuClick: PropTypes.func,
+  onMobileMenuClick: PropTypes.func
 }
 
 export default ProHeader
diff --git a/src/pages/layout/proSecNav/index.jsx b/src/pages/layout/proSecNav/index.jsx
index c78a4dd83..b8efaaf6b 100644
--- a/src/pages/layout/proSecNav/index.jsx
+++ b/src/pages/layout/proSecNav/index.jsx
@@ -307,7 +307,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
 
       return (
         <button
-          type="button"
+          type='button'
           onMouseEnter={onPreload}
           onFocus={onPreload}
           onClick={onPreload}
@@ -316,7 +316,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
             background: 'transparent',
             border: 0,
             padding: 0,
-            margin: 0,
+            margin: 0
           }}
         >
           {labelText}
@@ -340,7 +340,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
       const base = {
         ...rest,
         path,
-        label: Label,
+        label: Label
       }
       if (children && Array.isArray(children)) {
         // 过滤掉空值的子项
@@ -428,7 +428,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
 ProSecNav.propTypes = {
   mode: PropTypes.string,
   theme: PropTypes.string,
-  onMenuClick: PropTypes.func,
+  onMenuClick: PropTypes.func
 }
 
 export default ProSecNav
diff --git a/src/pages/mermaid/index.jsx b/src/pages/mermaid/index.jsx
index 8fd742533..e95a499aa 100644
--- a/src/pages/mermaid/index.jsx
+++ b/src/pages/mermaid/index.jsx
@@ -16,7 +16,7 @@ import {
   GitBranch,
   Activity,
   Clock,
-  FileCode,
+  FileCode
 } from 'lucide-react'
 import { Button, Tooltip, message, Space, Card, theme } from 'antd'
 
@@ -62,7 +62,7 @@ const SAMPLES = {
     2003 : Facebook
     2004 : Google
     2005 : Youtube
-    2006 : Twitter`,
+    2006 : Twitter`
 }
 
 const MermaidDemo = () => {
@@ -90,11 +90,11 @@ const MermaidDemo = () => {
         const dataUrl =
           format === 'png'
             ? await toPng(previewRef.current, {
-                backgroundColor: token.colorBgLayout,
-              })
+              backgroundColor: token.colorBgLayout
+            })
             : await toSvg(previewRef.current, {
-                backgroundColor: token.colorBgLayout,
-              })
+              backgroundColor: token.colorBgLayout
+            })
         const link = document.createElement('a')
         link.download = `mermaid-chart.${format}`
         link.href = dataUrl
@@ -132,13 +132,13 @@ const MermaidDemo = () => {
 
     try {
       const dataUrl = await toPng(previewRef.current, {
-        backgroundColor: token.colorBgLayout,
+        backgroundColor: token.colorBgLayout
       })
       const blob = await (await fetch(dataUrl)).blob()
       await navigator.clipboard.write([
         new ClipboardItem({
-          [blob.type]: blob,
-        }),
+          [blob.type]: blob
+        })
       ])
       message.success('Image copied to clipboard')
     } catch (err) {
@@ -149,52 +149,52 @@ const MermaidDemo = () => {
 
   return (
     <FixTabPanel>
-      <PageContainer title="Mermaid Live Editor" footer={null}>
-        <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
+      <PageContainer title='Mermaid Live Editor' footer={null}>
+        <div className='grid grid-cols-1 gap-4 md:grid-cols-2'>
           {/* Editor Section */}
-          <div className="flex flex-col gap-4">
+          <div className='flex flex-col gap-4'>
             <Card
               title={
-                <div className="flex items-center gap-2">
+                <div className='flex items-center gap-2'>
                   <Code2 size={18} />
                   <span>Editor</span>
                 </div>
               }
-              className="flex-1 shadow-sm"
+              className='flex-1 shadow-sm'
               styles={{
                 body: {
                   padding: 0,
                   height: 'calc(100% - 57px)',
                   display: 'flex',
-                  flexDirection: 'column',
-                },
+                  flexDirection: 'column'
+                }
               }}
             >
-              <div className="relative flex-1" style={{ backgroundColor: token.colorBgLayout }}>
+              <div className='relative flex-1' style={{ backgroundColor: token.colorBgLayout }}>
                 <textarea
-                  className="h-full w-full resize-none bg-transparent p-4 font-mono text-sm leading-relaxed outline-none"
+                  className='h-full w-full resize-none bg-transparent p-4 font-mono text-sm leading-relaxed outline-none'
                   style={{ color: token.colorText }}
                   onChange={(e) => setChart(e.target.value)}
                   value={chart}
                   spellCheck={false}
-                  placeholder="Enter Mermaid code here..."
+                  placeholder='Enter Mermaid code here...'
                 />
               </div>
               <div
-                className="border-t p-3"
+                className='border-t p-3'
                 style={{
                   borderColor: token.colorBorderSecondary,
-                  backgroundColor: token.colorBgContainer,
+                  backgroundColor: token.colorBgContainer
                 }}
               >
-                <p className="mb-2 text-xs font-medium" style={{ color: token.colorTextSecondary }}>
+                <p className='mb-2 text-xs font-medium' style={{ color: token.colorTextSecondary }}>
                   Sample Diagrams:
                 </p>
-                <div className="flex flex-wrap gap-2">
+                <div className='flex flex-wrap gap-2'>
                   {Object.keys(SAMPLES).map((type) => (
                     <Button
                       key={type}
-                      size="small"
+                      size='small'
                       type={activeType === type ? 'primary' : 'default'}
                       onClick={() => handleSampleChange(type)}
                       icon={getSampleIcon(type)}
@@ -208,59 +208,59 @@ const MermaidDemo = () => {
           </div>
 
           {/* Preview Section */}
-          <div className="flex flex-col gap-4">
+          <div className='flex flex-col gap-4'>
             <Card
               title={
-                <div className="flex items-center gap-2">
+                <div className='flex items-center gap-2'>
                   <ImageIcon size={18} />
                   <span>Preview</span>
                 </div>
               }
               extra={
                 <Space>
-                  <Tooltip title="Copy Image">
+                  <Tooltip title='Copy Image'>
                     <Button icon={<Copy size={16} />} onClick={handleCopyImage} />
                   </Tooltip>
-                  <Tooltip title="Download PNG">
+                  <Tooltip title='Download PNG'>
                     <Button icon={<Download size={16} />} onClick={() => handleDownload('png')}>
                       PNG
                     </Button>
                   </Tooltip>
-                  <Tooltip title="Download SVG">
+                  <Tooltip title='Download SVG'>
                     <Button icon={<Download size={16} />} onClick={() => handleDownload('svg')}>
                       SVG
                     </Button>
                   </Tooltip>
                 </Space>
               }
-              className="flex-1 shadow-sm"
+              className='flex-1 shadow-sm'
               styles={{
                 body: {
                   padding: 0,
                   height: 'calc(100% - 57px)',
                   position: 'relative',
-                  overflow: 'hidden',
-                },
+                  overflow: 'hidden'
+                }
               }}
             >
               <TransformWrapper initialScale={1} minScale={0.5} maxScale={4} centerOnInit wheel={{ step: 0.1 }}>
                 {({ zoomIn, zoomOut, resetTransform }) => (
                   <>
                     <div
-                      className="absolute top-4 right-4 z-10 flex flex-col gap-2 rounded-lg p-1 shadow-md backdrop-blur-sm"
+                      className='absolute top-4 right-4 z-10 flex flex-col gap-2 rounded-lg p-1 shadow-md backdrop-blur-sm'
                       style={{ backgroundColor: token.colorBgContainer }}
                     >
-                      <Tooltip title="Zoom In" placement="left">
-                        <Button type="text" icon={<ZoomIn size={18} />} onClick={() => zoomIn()} />
+                      <Tooltip title='Zoom In' placement='left'>
+                        <Button type='text' icon={<ZoomIn size={18} />} onClick={() => zoomIn()} />
                       </Tooltip>
-                      <Tooltip title="Zoom Out" placement="left">
-                        <Button type="text" icon={<ZoomOut size={18} />} onClick={() => zoomOut()} />
+                      <Tooltip title='Zoom Out' placement='left'>
+                        <Button type='text' icon={<ZoomOut size={18} />} onClick={() => zoomOut()} />
                       </Tooltip>
-                      <Tooltip title="Reset" placement="left">
-                        <Button type="text" icon={<RotateCcw size={18} />} onClick={() => resetTransform()} />
+                      <Tooltip title='Reset' placement='left'>
+                        <Button type='text' icon={<RotateCcw size={18} />} onClick={() => resetTransform()} />
                       </Tooltip>
                     </div>
-                    <div className="h-full w-full cursor-move" style={{ backgroundColor: token.colorBgLayout }}>
+                    <div className='h-full w-full cursor-move' style={{ backgroundColor: token.colorBgLayout }}>
                       <TransformComponent
                         wrapperStyle={{ width: '100%', height: '100%' }}
                         contentStyle={{
@@ -268,10 +268,10 @@ const MermaidDemo = () => {
                           height: '100%',
                           display: 'flex',
                           alignItems: 'center',
-                          justifyContent: 'center',
+                          justifyContent: 'center'
                         }}
                       >
-                        <div ref={previewRef} className="p-8">
+                        <div ref={previewRef} className='p-8'>
                           <MermaidHooks chart={chart} />
                         </div>
                       </TransformComponent>
diff --git a/src/pages/notifications/NotificationDetail.jsx b/src/pages/notifications/NotificationDetail.jsx
index d386c5b85..ba4ee5caa 100644
--- a/src/pages/notifications/NotificationDetail.jsx
+++ b/src/pages/notifications/NotificationDetail.jsx
@@ -27,7 +27,7 @@ const NotificationDetail = () => {
         setData({
           id,
           title: `通知 ${id}`,
-          body: `这是通知 ${id} 的详情。query: ${search}`,
+          body: `这是通知 ${id} 的详情。query: ${search}`
         })
       } catch (e) {
         console.error('fetch notification detail error', e)
@@ -54,21 +54,23 @@ const NotificationDetail = () => {
         width: '100%',
         backgroundColor: bgColor,
         boxShadow,
-        border: `1px solid ${borderColor}`,
+        border: `1px solid ${borderColor}`
       }}
     >
-      {loading ? (
-        <div style={{ display: 'flex', justifyContent: 'center', padding: 24 }}>
-          <Spin />
-        </div>
-      ) : (
-        <>
-          <p style={{ color }}>{data ? data.body : '暂无数据'}</p>
-          <div style={{ marginTop: 12 }}>
-            <Button onClick={() => redirectTo('/notifications' + (search || ''))}>返回通知中心</Button>
+      {loading
+        ? (
+          <div style={{ display: 'flex', justifyContent: 'center', padding: 24 }}>
+            <Spin />
           </div>
-        </>
-      )}
+          )
+        : (
+          <>
+            <p style={{ color }}>{data ? data.body : '暂无数据'}</p>
+            <div style={{ marginTop: 12 }}>
+              <Button onClick={() => redirectTo('/notifications' + (search || ''))}>返回通知中心</Button>
+            </div>
+          </>
+          )}
     </Card>
   )
 }
diff --git a/src/pages/notifications/index.jsx b/src/pages/notifications/index.jsx
index a469d3a56..1cd8f46f1 100644
--- a/src/pages/notifications/index.jsx
+++ b/src/pages/notifications/index.jsx
@@ -21,7 +21,7 @@ const NotificationsPage = () => {
         title: `消息标题 ${i + 1}`,
         description: `这是第 ${i + 1} 条消息的内容，支持详情查看。`,
         read: i % 3 === 0,
-        time: `${i + 1} 分钟前`,
+        time: `${i + 1} 分钟前`
       })),
     []
   )
@@ -74,30 +74,30 @@ const NotificationsPage = () => {
       title: '序号',
       key: '__index',
       index: true,
-      width: 80,
+      width: 80
     },
     {
       title: '标题',
       dataIndex: 'title',
       width: 200,
-      render: (text) => <Typography.Text strong>{text}</Typography.Text>,
+      render: (text) => <Typography.Text strong>{text}</Typography.Text>
     },
     {
       title: '内容',
       dataIndex: 'description',
-      ellipsis: true,
+      ellipsis: true
     },
     {
       title: '时间',
       dataIndex: 'time',
-      width: 120,
+      width: 120
     },
     {
       title: '状态',
       dataIndex: 'read',
       width: 80,
-      render: (read) => (!read ? <Badge status="processing" text="未读" /> : <Badge status="default" text="已读" />),
-    },
+      render: (read) => (!read ? <Badge status='processing' text='未读' /> : <Badge status='default' text='已读' />)
+    }
     // 操作列由 ResponsiveTable 提供（通过 actions prop），这里不再在 columns 中定义操作列
   ]
 
@@ -108,7 +108,7 @@ const NotificationsPage = () => {
           columns={columns}
           dataSource={items}
           apiRef={tableApiRef}
-          rowKey="id"
+          rowKey='id'
           initialPagination={pagination}
           minBodyHeight={120}
           minWidth={800}
@@ -119,7 +119,7 @@ const NotificationsPage = () => {
             const map = {
               view: 'notifications:view',
               edit: 'notifications:edit',
-              delete: 'notifications:delete',
+              delete: 'notifications:delete'
             }
             const perm = map[actionKey]
             if (!perm) return true
@@ -133,7 +133,7 @@ const NotificationsPage = () => {
             {
               key: 'view',
               label: '查看',
-              onClick: (r) => setModal({ visible: true, record: r }),
+              onClick: (r) => setModal({ visible: true, record: r })
             },
             {
               key: 'edit',
@@ -141,7 +141,7 @@ const NotificationsPage = () => {
               onClick: (r) => {
                 // 示例编辑行为：打开详情 modal（可替换为编辑表单）
                 console.log('edit', r)
-              },
+              }
             },
             {
               key: 'open_tab',
@@ -178,7 +178,7 @@ const NotificationsPage = () => {
                 } catch (e) {
                   console.error('open tab navigate error', e)
                 }
-              },
+              }
             },
             {
               key: 'open_tab_with_query',
@@ -190,7 +190,7 @@ const NotificationsPage = () => {
                 } catch (e) {
                   console.error('open tab navigate error', e)
                 }
-              },
+              }
             },
             {
               key: 'delete',
@@ -207,8 +207,8 @@ const NotificationsPage = () => {
 
                 // 成功返回，父 hook 的 handleDelete 会调用 reloadPage 或者本地数据更新
                 return Promise.resolve()
-              },
-            },
+              }
+            }
           ]}
           // toolbar 示例：左侧新增/导出，右侧查询表单
           toolbar={{
@@ -217,12 +217,12 @@ const NotificationsPage = () => {
                 key: 'add',
                 label: '新增',
                 type: 'primary',
-                onClick: () => handleAdd(),
+                onClick: () => handleAdd()
               },
               {
                 key: 'export',
                 label: '导出',
-                onClick: ({ selectedRowKeys } = {}) => exportRows(selectedRowKeys),
+                onClick: ({ selectedRowKeys } = {}) => exportRows(selectedRowKeys)
               },
               // 示例：通过 action 的 onClick 回调使用 api（action 会接收到 toolbarApi）
               {
@@ -240,8 +240,8 @@ const NotificationsPage = () => {
                   } catch (e) {
                     console.error('set-from-ref error', e)
                   }
-                },
-              },
+                }
+              }
             ],
             search: {
               // fields 演示多种类型：input/select/dateRange/number
@@ -254,21 +254,21 @@ const NotificationsPage = () => {
                   options: [
                     { label: '全部', value: '' },
                     { label: '未读', value: false },
-                    { label: '已读', value: true },
-                  ],
+                    { label: '已读', value: true }
+                  ]
                 },
                 {
                   name: 'createdAt',
                   label: '创建时间',
                   type: 'dateRange',
-                  placeholder: '请选择创建时间范围',
+                  placeholder: '请选择创建时间范围'
                 },
                 {
                   name: 'minId',
                   label: '最小 ID',
                   type: 'number',
-                  placeholder: '>=',
-                },
+                  placeholder: '>='
+                }
               ],
               // transformValues 将前端表单值转换为后端期望的参数
               // 这里把 createdAt 的范围转换为 start / end（ISO 字符串），并保持其它字段
@@ -288,12 +288,12 @@ const NotificationsPage = () => {
               initialValues: {
                 read: '',
                 minId: 12,
-                title: '初始化title',
+                title: '初始化title'
               },
               advancedThreshold: 1,
               advancedPlacement: 'drawer', // 'inline' | 'popover' | 'drawer'
-              buttons: { searchText: '查询', resetText: '重置' },
-            },
+              buttons: { searchText: '查询', resetText: '重置' }
+            }
           }}
           // 使用服务端 fetchUrl 自动加载（示例：开启后组件会在 mount 时调用 /api/notifications）
           onToolbarReady={(api) => {
@@ -301,7 +301,7 @@ const NotificationsPage = () => {
               if (api && api.form) {
                 // 在表单就绪时设置初始标题（示例）
                 api.form.setFieldsValue({
-                  title: '来自 onToolbarReady 的初始标题',
+                  title: '来自 onToolbarReady 的初始标题'
                 })
                 // 如果需要立即触发一次基于表单当前值的查询，可取消下面注释：
                 // api.fetchPage(1, api.pagination.pageSize, null, api.form.getFieldsValue())
@@ -310,21 +310,21 @@ const NotificationsPage = () => {
               console.error('onToolbarReady handler error', e)
             }
           }}
-          fetchUrl="/api/notifications"
-          mergeSearchToFetch={true}
+          fetchUrl='/api/notifications'
+          mergeSearchToFetch
           autoLoad={false}
-          requestMethod="post"
+          requestMethod='post'
           clearUrlAfterInitialMerge={false}
           mergeSearchToFetchOnce={false}
-          showUrlAppliedTag={true}
+          showUrlAppliedTag
           requestParamMap={{ pageField: 'page', pageSizeField: 'pageSize' }}
           responseFieldMap={{
             listField: 'data.items',
-            totalField: 'data.total',
+            totalField: 'data.total'
           }}
           serverSort={false}
-          showIndex={true}
-          indexMode={'global'}
+          showIndex
+          indexMode='global'
           rowSelection={null}
           // 示例：覆盖默认序号列与操作列宽度，并精确控制横向滚动行为
           indexWidth={60}
@@ -341,8 +341,8 @@ const NotificationsPage = () => {
         footer={<Button onClick={() => setModal({ visible: false, record: null })}>关闭</Button>}
         styles={{
           body: {
-            color,
-          },
+            color
+          }
         }}
       >
         <Typography.Paragraph style={{ color }}>{modal.record?.description}</Typography.Paragraph>
diff --git a/src/pages/portfilo/index.jsx b/src/pages/portfilo/index.jsx
index 2dd601299..7a3d434c3 100644
--- a/src/pages/portfilo/index.jsx
+++ b/src/pages/portfilo/index.jsx
@@ -16,7 +16,7 @@ import {
   Divider,
   Tooltip,
   Grid,
-  FloatButton,
+  FloatButton
 } from 'antd'
 import { motion, useScroll, useSpring } from 'framer-motion'
 import {
@@ -31,7 +31,7 @@ import {
   ToolOutlined,
   ArrowLeftOutlined,
   XOutlined,
-  MenuOutlined,
+  MenuOutlined
 } from '@ant-design/icons'
 import avatarPng from '@assets/images/w.png'
 
@@ -54,7 +54,7 @@ const Section = ({ id, children, className = '' }) => {
 Section.propTypes = {
   id: PropTypes.string.isRequired,
   children: PropTypes.node.isRequired,
-  className: PropTypes.string,
+  className: PropTypes.string
 }
 
 const AnimatedCard = ({ children, delay = 0 }) => (
@@ -71,7 +71,7 @@ const AnimatedCard = ({ children, delay = 0 }) => (
 
 AnimatedCard.propTypes = {
   children: PropTypes.node.isRequired,
-  delay: PropTypes.number,
+  delay: PropTypes.number
 }
 
 const MyPortfilo = () => {
@@ -84,7 +84,7 @@ const MyPortfilo = () => {
   const scaleX = useSpring(scrollYProgress, {
     stiffness: 100,
     damping: 30,
-    restDelta: 0.001,
+    restDelta: 0.001
   })
 
   const [targetOffset, setTargetOffset] = useState(80)
@@ -98,33 +98,33 @@ const MyPortfilo = () => {
     {
       key: 'home',
       href: '#home',
-      title: <span style={{ fontSize: 12 }}>Home</span>,
+      title: <span style={{ fontSize: 12 }}>Home</span>
     },
     {
       key: 'about',
       href: '#about',
-      title: <span style={{ fontSize: 12 }}>About</span>,
+      title: <span style={{ fontSize: 12 }}>About</span>
     },
     {
       key: 'skills',
       href: '#skills',
-      title: <span style={{ fontSize: 12 }}>Skills</span>,
+      title: <span style={{ fontSize: 12 }}>Skills</span>
     },
     {
       key: 'projects',
       href: '#projects',
-      title: <span style={{ fontSize: 12 }}>Work</span>,
+      title: <span style={{ fontSize: 12 }}>Work</span>
     },
     {
       key: 'experience',
       href: '#experience',
-      title: <span style={{ fontSize: 12 }}>Exp</span>,
+      title: <span style={{ fontSize: 12 }}>Exp</span>
     },
     {
       key: 'contact',
       href: '#contact',
-      title: <span style={{ fontSize: 12 }}>Contact</span>,
-    },
+      title: <span style={{ fontSize: 12 }}>Contact</span>
+    }
   ]
 
   const handleAnchorClick = (e, link) => {
@@ -147,7 +147,7 @@ const MyPortfilo = () => {
     { name: 'Tailwind CSS', color: '#38B2AC' },
     { name: 'Next.js', color: '#000000' },
     { name: 'GraphQL', color: '#E10098' },
-    { name: 'Docker', color: '#2496ED' },
+    { name: 'Docker', color: '#2496ED' }
   ]
 
   const projects = [
@@ -155,20 +155,20 @@ const MyPortfilo = () => {
       title: 'Pro React Admin',
       desc: 'A comprehensive enterprise-level admin dashboard template based on React, Ant Design, and Vite.',
       tags: ['React', 'Ant Design', 'Vite'],
-      icon: <LaptopOutlined />,
+      icon: <LaptopOutlined />
     },
     {
       title: 'E-Commerce Platform',
       desc: 'A full-stack e-commerce solution with real-time inventory management and payment integration.',
       tags: ['Next.js', 'Node.js', 'Stripe'],
-      icon: <RocketOutlined />,
+      icon: <RocketOutlined />
     },
     {
       title: 'Data Visualization Dashboard',
       desc: 'Interactive dashboard for visualizing complex datasets using and ECharts.',
       tags: ['Vue', 'ECharts'],
-      icon: <CodeOutlined />,
-    },
+      icon: <CodeOutlined />
+    }
   ]
 
   const experiences = [
@@ -176,25 +176,25 @@ const MyPortfilo = () => {
       year: '2023 - Present',
       title: 'Senior Frontend Engineer',
       company: 'Tech Corp',
-      desc: 'Leading the frontend team, architecting scalable solutions, and mentoring junior developers.',
+      desc: 'Leading the frontend team, architecting scalable solutions, and mentoring junior developers.'
     },
     {
       year: '2021 - 2023',
       title: 'Full Stack Developer',
       company: 'StartUp Inc',
-      desc: 'Developed and maintained multiple web applications using React and Node.js.',
+      desc: 'Developed and maintained multiple web applications using React and Node.js.'
     },
     {
       year: '2019 - 2021',
       title: 'Frontend Developer',
       company: 'Web Solutions',
-      desc: 'Collaborated with designers to implement responsive and accessible user interfaces.',
-    },
+      desc: 'Collaborated with designers to implement responsive and accessible user interfaces.'
+    }
   ]
 
   return (
     <div
-      id="portfolio-container"
+      id='portfolio-container'
       ref={containerRef}
       style={{
         backgroundColor: token.colorBgContainer,
@@ -209,7 +209,7 @@ const MyPortfilo = () => {
             ? `radial-gradient(circle at 50% 50%, ${token.colorPrimaryBg} 0%, transparent 50%), radial-gradient(circle at 0% 0%, ${token.colorFill} 0%, transparent 30%), radial-gradient(circle at 100% 100%, ${token.colorFill} 0%, transparent 30%)`
             : `radial-gradient(circle at 50% 50%, ${token.colorPrimaryBg} 0%, transparent 60%), radial-gradient(circle at 100% 0%, ${token.colorFill} 0%, transparent 40%)`,
         backgroundAttachment: 'fixed',
-        backgroundSize: 'cover',
+        backgroundSize: 'cover'
       }}
     >
       {/* Floating Shapes Background */}
@@ -222,19 +222,19 @@ const MyPortfilo = () => {
           height: '100%',
           overflow: 'hidden',
           pointerEvents: 'none',
-          zIndex: 0,
+          zIndex: 0
         }}
       >
         <motion.div
           animate={{
             x: [0, 100, 0],
             y: [0, 50, 0],
-            rotate: [0, 180, 360],
+            rotate: [0, 180, 360]
           }}
           transition={{
             duration: 20,
             repeat: Infinity,
-            ease: 'linear',
+            ease: 'linear'
           }}
           style={{
             position: 'absolute',
@@ -245,19 +245,19 @@ const MyPortfilo = () => {
             borderRadius: '50%',
             background: token.colorPrimary,
             filter: 'blur(100px)',
-            opacity: 0.1,
+            opacity: 0.1
           }}
         />
         <motion.div
           animate={{
             x: [0, -100, 0],
             y: [0, -50, 0],
-            rotate: [0, -180, -360],
+            rotate: [0, -180, -360]
           }}
           transition={{
             duration: 25,
             repeat: Infinity,
-            ease: 'linear',
+            ease: 'linear'
           }}
           style={{
             position: 'absolute',
@@ -268,7 +268,7 @@ const MyPortfilo = () => {
             borderRadius: '50%',
             background: token.colorSuccess,
             filter: 'blur(120px)',
-            opacity: 0.08,
+            opacity: 0.08
           }}
         />
       </div>
@@ -283,7 +283,7 @@ const MyPortfilo = () => {
           height: 4,
           background: token.colorPrimary,
           transformOrigin: '0%',
-          zIndex: 1000,
+          zIndex: 1000
         }}
       />
 
@@ -296,13 +296,13 @@ const MyPortfilo = () => {
           position: 'fixed',
           top: 24,
           left: 24,
-          zIndex: 100,
+          zIndex: 100
         }}
       >
-        <Tooltip title="Back to Home">
+        <Tooltip title='Back to Home'>
           <Button
-            shape="circle"
-            size="large"
+            shape='circle'
+            size='large'
             icon={<ArrowLeftOutlined />}
             onClick={() => navigate('/')}
             style={{
@@ -313,79 +313,81 @@ const MyPortfilo = () => {
               boxShadow: token.boxShadowSecondary,
               display: 'flex',
               alignItems: 'center',
-              justifyContent: 'center',
+              justifyContent: 'center'
             }}
           />
         </Tooltip>
       </motion.div>
 
       {/* Navigation */}
-      {!screens.md ? (
-        <FloatButton.Group
-          trigger="click"
-          type="primary"
-          icon={<MenuOutlined />}
-          open={mobileMenuOpen}
-          onOpenChange={(open) => setMobileMenuOpen(open)}
-          style={{ right: 24, bottom: 24 }}
-        >
-          <FloatButton
-            icon={<RocketOutlined />}
-            tooltip="Home"
-            onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#home' })}
-          />
-          <FloatButton
-            icon={<UserOutlined />}
-            tooltip="About"
-            onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#about' })}
-          />
-          <FloatButton
-            icon={<ToolOutlined />}
-            tooltip="Skills"
-            onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#skills' })}
-          />
-          <FloatButton
-            icon={<ProjectOutlined />}
-            tooltip="Work"
-            onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#projects' })}
-          />
-          <FloatButton
-            icon={<CheckCircleOutlined />}
-            tooltip="Exp"
-            onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#experience' })}
-          />
-          <FloatButton
-            icon={<MailOutlined />}
-            tooltip="Contact"
-            onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#contact' })}
-          />
-        </FloatButton.Group>
-      ) : (
-        <div
-          style={{
-            position: 'fixed',
-            top: '50%',
-            right: 24,
-            transform: 'translateY(-50%)',
-            zIndex: 100,
-            backgroundColor: token.colorBgElevated,
-            borderRadius: token.borderRadiusLG,
-            padding: '16px 12px',
-            boxShadow: token.boxShadowSecondary,
-            backdropFilter: 'blur(10px)',
-            border: `1px solid ${token.colorBorderSecondary}`,
-          }}
-        >
-          <Anchor
-            targetOffset={targetOffset}
-            getContainer={() => containerRef.current || document.getElementById('portfolio-container')}
-            direction="vertical"
-            onClick={handleAnchorClick}
-            items={navItems}
-            style={{ backgroundColor: 'transparent' }}
-          />
-        </div>
-      )}
+      {!screens.md
+        ? (
+          <FloatButton.Group
+            trigger='click'
+            type='primary'
+            icon={<MenuOutlined />}
+            open={mobileMenuOpen}
+            onOpenChange={(open) => setMobileMenuOpen(open)}
+            style={{ right: 24, bottom: 24 }}
+          >
+            <FloatButton
+              icon={<RocketOutlined />}
+              tooltip='Home'
+              onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#home' })}
+            />
+            <FloatButton
+              icon={<UserOutlined />}
+              tooltip='About'
+              onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#about' })}
+            />
+            <FloatButton
+              icon={<ToolOutlined />}
+              tooltip='Skills'
+              onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#skills' })}
+            />
+            <FloatButton
+              icon={<ProjectOutlined />}
+              tooltip='Work'
+              onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#projects' })}
+            />
+            <FloatButton
+              icon={<CheckCircleOutlined />}
+              tooltip='Exp'
+              onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#experience' })}
+            />
+            <FloatButton
+              icon={<MailOutlined />}
+              tooltip='Contact'
+              onClick={() => handleAnchorClick({ preventDefault: () => {} }, { href: '#contact' })}
+            />
+          </FloatButton.Group>
+          )
+        : (
+          <div
+            style={{
+              position: 'fixed',
+              top: '50%',
+              right: 24,
+              transform: 'translateY(-50%)',
+              zIndex: 100,
+              backgroundColor: token.colorBgElevated,
+              borderRadius: token.borderRadiusLG,
+              padding: '16px 12px',
+              boxShadow: token.boxShadowSecondary,
+              backdropFilter: 'blur(10px)',
+              border: `1px solid ${token.colorBorderSecondary}`
+            }}
+          >
+            <Anchor
+              targetOffset={targetOffset}
+              getContainer={() => containerRef.current || document.getElementById('portfolio-container')}
+              direction='vertical'
+              onClick={handleAnchorClick}
+              items={navItems}
+              style={{ backgroundColor: 'transparent' }}
+            />
+          </div>
+          )}
 
       <div
         style={{
@@ -393,11 +395,11 @@ const MyPortfilo = () => {
           margin: '0 auto',
           padding: '0 24px',
           position: 'relative',
-          zIndex: 1,
+          zIndex: 1
         }}
       >
         {/* Home Section */}
-        <Section id="home" className="flex flex-col items-center justify-center text-center">
+        <Section id='home' className='flex flex-col items-center justify-center text-center'>
           <motion.div
             initial={{ scale: 0, opacity: 0 }}
             animate={{ scale: 1, opacity: 1 }}
@@ -408,7 +410,7 @@ const MyPortfilo = () => {
               src={avatarPng}
               style={{
                 border: `4px solid ${token.colorPrimary}`,
-                marginBottom: 32,
+                marginBottom: 32
               }}
             />
           </motion.div>
@@ -416,22 +418,22 @@ const MyPortfilo = () => {
             <Title level={1} style={{ fontSize: '4rem', marginBottom: 16 }}>
               Hi, I'm <span style={{ color: token.colorPrimary }}>Wkylin</span>
             </Title>
-            <Title level={3} type="secondary" style={{ fontWeight: 300 }}>
+            <Title level={3} type='secondary' style={{ fontWeight: 300 }}>
               Building Digital Experiences with Passion & Code
             </Title>
-            <Space size="large" style={{ marginTop: 32 }}>
+            <Space size='large' style={{ marginTop: 32 }}>
               <Button
-                type="primary"
-                size="large"
-                shape="round"
+                type='primary'
+                size='large'
+                shape='round'
                 icon={<RocketOutlined />}
                 onClick={() => document.getElementById('projects')?.scrollIntoView({ behavior: 'smooth' })}
               >
                 View Work
               </Button>
               <Button
-                size="large"
-                shape="round"
+                size='large'
+                shape='round'
                 icon={<UserOutlined />}
                 onClick={() => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' })}
               >
@@ -442,11 +444,11 @@ const MyPortfilo = () => {
         </Section>
 
         {/* About Section */}
-        <Section id="about">
-          <Divider titlePlacement="left">
+        <Section id='about'>
+          <Divider titlePlacement='left'>
             <Title level={2}>About Me</Title>
           </Divider>
-          <Row gutter={[48, 48]} align="middle">
+          <Row gutter={[48, 48]} align='middle'>
             <Col xs={24} md={12}>
               <AnimatedCard>
                 <Paragraph style={{ fontSize: 18, lineHeight: 1.8 }}>
@@ -467,23 +469,23 @@ const MyPortfilo = () => {
                   { title: 'Fast Learner', icon: <RocketOutlined /> },
                   { title: 'Team Player', icon: <UserOutlined /> },
                   { title: 'Problem Solver', icon: <ToolOutlined /> },
-                  { title: 'Detail Oriented', icon: <CheckCircleOutlined /> },
+                  { title: 'Detail Oriented', icon: <CheckCircleOutlined /> }
                 ].map((item, index) => (
                   <Col span={12} key={item.title}>
                     <AnimatedCard delay={index * 0.1}>
                       <Card
-                        variant="borderless"
+                        variant='borderless'
                         style={{
                           textAlign: 'center',
                           background: token.colorFillAlter,
-                          borderRadius: token.borderRadiusLG,
+                          borderRadius: token.borderRadiusLG
                         }}
                       >
                         <div
                           style={{
                             fontSize: 32,
                             color: token.colorPrimary,
-                            marginBottom: 8,
+                            marginBottom: 8
                           }}
                         >
                           {item.icon}
@@ -499,8 +501,8 @@ const MyPortfilo = () => {
         </Section>
 
         {/* Skills Section */}
-        <Section id="skills">
-          <Divider titlePlacement="left">
+        <Section id='skills'>
+          <Divider titlePlacement='left'>
             <Title level={2}>Tech Stack</Title>
           </Divider>
           <Row gutter={[16, 16]}>
@@ -514,7 +516,7 @@ const MyPortfilo = () => {
                       fontSize: 16,
                       borderRadius: 20,
                       border: 'none',
-                      marginBottom: 8,
+                      marginBottom: 8
                     }}
                   >
                     {skill.name}
@@ -528,7 +530,7 @@ const MyPortfilo = () => {
             <Row gutter={[24, 24]}>
               <Col xs={24} md={8}>
                 <AnimatedCard>
-                  <Card title="Frontend Development" variant="borderless" className="shadow-sm">
+                  <Card title='Frontend Development' variant='borderless' className='shadow-sm'>
                     <Paragraph>
                       Expertise in building responsive, interactive, and accessible user interfaces using React, Vue,
                       and modern CSS frameworks.
@@ -538,7 +540,7 @@ const MyPortfilo = () => {
               </Col>
               <Col xs={24} md={8}>
                 <AnimatedCard delay={0.2}>
-                  <Card title="Backend Development" variant="borderless" className="shadow-sm">
+                  <Card title='Backend Development' variant='borderless' className='shadow-sm'>
                     <Paragraph>
                       Experience in designing and implementing RESTful APIs, microservices, and database schemas using
                       Node.js and Python.
@@ -548,7 +550,7 @@ const MyPortfilo = () => {
               </Col>
               <Col xs={24} md={8}>
                 <AnimatedCard delay={0.4}>
-                  <Card title="DevOps & Tools" variant="borderless" className="shadow-sm">
+                  <Card title='DevOps & Tools' variant='borderless' className='shadow-sm'>
                     <Paragraph>
                       Proficient in using Git, Docker, CI/CD pipelines, and cloud platforms to ensure smooth deployment
                       and operation.
@@ -561,8 +563,8 @@ const MyPortfilo = () => {
         </Section>
 
         {/* Projects Section */}
-        <Section id="projects">
-          <Divider titlePlacement="left">
+        <Section id='projects'>
+          <Divider titlePlacement='left'>
             <Title level={2}>Featured Projects</Title>
           </Divider>
           <Row gutter={[24, 24]}>
@@ -581,16 +583,16 @@ const MyPortfilo = () => {
                           alignItems: 'center',
                           justifyContent: 'center',
                           fontSize: 64,
-                          color: token.colorPrimary,
+                          color: token.colorPrimary
                         }}
                       >
                         {project.icon}
                       </div>
                     }
                     actions={[
-                      <GithubOutlined key="github" />,
-                      <RocketOutlined key="demo" />,
-                      <ProjectOutlined key="detail" />,
+                      <GithubOutlined key='github' />,
+                      <RocketOutlined key='demo' />,
+                      <ProjectOutlined key='detail' />
                     ]}
                   >
                     <Card.Meta
@@ -614,38 +616,38 @@ const MyPortfilo = () => {
         </Section>
 
         {/* Experience Section */}
-        <Section id="experience">
-          <Divider titlePlacement="left">
+        <Section id='experience'>
+          <Divider titlePlacement='left'>
             <Title level={2}>Experience</Title>
           </Divider>
           <div style={{ maxWidth: 800, margin: '0 auto' }}>
             <Timeline
-              mode="alternate"
+              mode='alternate'
               items={experiences.map((exp, index) => ({
                 title: (
                   <div style={{ marginTop: 8 }}>
-                    <Tag color="blue">{exp.year}</Tag>
+                    <Tag color='blue'>{exp.year}</Tag>
                   </div>
                 ),
                 content: (
                   <AnimatedCard delay={index * 0.2}>
-                    <Card variant="borderless" style={{ background: token.colorFillAlter }}>
+                    <Card variant='borderless' style={{ background: token.colorFillAlter }}>
                       <Title level={5} style={{ margin: 0 }}>
                         {exp.title}
                       </Title>
-                      <Text type="secondary">{exp.company}</Text>
+                      <Text type='secondary'>{exp.company}</Text>
                       <Paragraph style={{ marginTop: 16 }}>{exp.desc}</Paragraph>
                     </Card>
                   </AnimatedCard>
                 ),
-                color: token.colorPrimary,
+                color: token.colorPrimary
               }))}
             />
           </div>
         </Section>
 
         {/* Contact Section */}
-        <Section id="contact" className="flex flex-col items-center justify-center">
+        <Section id='contact' className='flex flex-col items-center justify-center'>
           <motion.div
             initial={{ scale: 0.8, opacity: 0 }}
             whileInView={{ scale: 1, opacity: 1 }}
@@ -657,14 +659,14 @@ const MyPortfilo = () => {
               I'm currently open to new opportunities and collaborations. Whether you have a question or just want to
               say hi, feel free to reach out!
             </Paragraph>
-            <Space size="large">
-              <Button type="primary" size="large" icon={<MailOutlined />} onClick={() => navigate('/contact')}>
+            <Space size='large'>
+              <Button type='primary' size='large' icon={<MailOutlined />} onClick={() => navigate('/contact')}>
                 Email Me
               </Button>
-              <Button size="large" icon={<GithubOutlined />} href="https://github.com/wkylin" target="_blank">
+              <Button size='large' icon={<GithubOutlined />} href='https://github.com/wkylin' target='_blank'>
                 GitHub
               </Button>
-              <Button size="large" icon={<XOutlined />} href="https://x.com/home" target="_blank">
+              <Button size='large' icon={<XOutlined />} href='https://x.com/home' target='_blank'>
                 X
               </Button>
             </Space>
diff --git a/src/pages/privacy/index.jsx b/src/pages/privacy/index.jsx
index 0e59f62a2..2a4b21a22 100644
--- a/src/pages/privacy/index.jsx
+++ b/src/pages/privacy/index.jsx
@@ -23,29 +23,29 @@ const Privacy = () => {
     '--legal-text-2': token.colorTextSecondary,
     '--legal-primary': token.colorPrimary,
     '--legal-primary-2': token.colorInfo,
-    '--legal-shadow': token.boxShadowSecondary,
+    '--legal-shadow': token.boxShadowSecondary
   }
 
   return (
     <Layout style={{ minHeight: '100vh' }}>
       <Content className={styles.root} style={cssVars}>
-        <div className={styles.bg} aria-hidden="true" />
+        <div className={styles.bg} aria-hidden='true' />
 
         <div className={styles.container} style={{ padding: isMobile ? 16 : 24 }}>
           <Card
             className={styles.card}
-            variant="borderless"
+            variant='borderless'
             styles={{
               body: {
                 padding: 0,
                 height: '100%',
                 display: 'flex',
-                flexDirection: 'column',
-              },
+                flexDirection: 'column'
+              }
             }}
           >
             <div className={styles.header}>
-              <Button type="text" icon={<ArrowLeftOutlined />} onClick={() => redirectTo('/signup')}>
+              <Button type='text' icon={<ArrowLeftOutlined />} onClick={() => redirectTo('/signup')}>
                 返回
               </Button>
               <div className={styles.headerMeta}>
@@ -60,7 +60,7 @@ const Privacy = () => {
                 隐私政策
               </Title>
               <Paragraph className={styles.subTitle}>
-                <Text type="secondary">最后更新日期：2025年11月25日</Text>
+                <Text type='secondary'>最后更新日期：2025年11月25日</Text>
               </Paragraph>
 
               <Title level={4}>1. 信息收集</Title>
diff --git a/src/pages/signup/index.jsx b/src/pages/signup/index.jsx
index cf49e6115..6164b08fe 100644
--- a/src/pages/signup/index.jsx
+++ b/src/pages/signup/index.jsx
@@ -14,7 +14,7 @@ import {
   Layout,
   theme,
   Space,
-  Grid,
+  Grid
 } from 'antd'
 import {
   UserOutlined,
@@ -24,7 +24,7 @@ import {
   GithubOutlined,
   GoogleOutlined,
   MailOutlined,
-  PhoneOutlined,
+  PhoneOutlined
 } from '@ant-design/icons'
 
 import { setLocalStorage } from '@utils/publicFn'
@@ -65,13 +65,13 @@ const SignUp = () => {
     '--signup-primary': token.colorPrimary,
     '--signup-primary-2': token.colorInfo,
     '--signup-shadow': token.boxShadowSecondary,
-    '--signup-icon': token.colorTextTertiary,
+    '--signup-icon': token.colorTextTertiary
   }
 
   return (
     <Layout style={{ minHeight: '100vh' }}>
       <Content className={styles.root} style={cssVars}>
-        <div className={styles.bg} aria-hidden="true" />
+        <div className={styles.bg} aria-hidden='true' />
         <div className={styles.grid} style={{ padding: isMobile ? 16 : 24 }}>
           {!isMobile && (
             <section className={styles.hero}>
@@ -82,11 +82,11 @@ const SignUp = () => {
                   <br />
                   大屏控制台
                 </Title>
-                <Text type="secondary" className={styles.heroDesc}>
+                <Text type='secondary' className={styles.heroDesc}>
                   内置权限隔离与登出清理，切号不残留；KeepAlive Tabs 低卡顿；Vite/Webpack 构建与产物压缩自动化。
                 </Text>
 
-                <div className={styles.heroOrbit} aria-hidden="true">
+                <div className={styles.heroOrbit} aria-hidden='true'>
                   <div className={styles.orbitRing} />
                   <div className={styles.orbitRing2} />
                   <div className={styles.orbitDot} />
@@ -96,12 +96,12 @@ const SignUp = () => {
           )}
 
           <section className={styles.panel}>
-            <Card className={styles.card} variant="borderless" styles={{ body: { padding: isMobile ? 16 : 28 } }}>
+            <Card className={styles.card} variant='borderless' styles={{ body: { padding: isMobile ? 16 : 28 } }}>
               <div className={styles.titleBox}>
                 <Title level={2} className={styles.title}>
                   创建账户
                 </Title>
-                <Text type="secondary">完成注册后进入 Pro React Admin 工作台</Text>
+                <Text type='secondary'>完成注册后进入 Pro React Admin 工作台</Text>
               </div>
 
               <Row gutter={12} className={styles.socialRow}>
@@ -118,26 +118,26 @@ const SignUp = () => {
               </Row>
 
               <Divider className={styles.divider}>
-                <Text type="secondary" style={{ fontSize: 12 }}>
+                <Text type='secondary' style={{ fontSize: 12 }}>
                   或者使用邮箱注册
                 </Text>
               </Divider>
 
               <Form
                 form={form}
-                name="register"
+                name='register'
                 initialValues={{
                   agreement: true,
                   username: process.env.AUTH_USER,
                   email: process.env.AUTH_EMAIL,
                   phone: process.env.AUTH_PHONE,
                   password: process.env.AUTH_PASSWORD,
-                  confirmPassword: process.env.AUTH_PASSWORD,
+                  confirmPassword: process.env.AUTH_PASSWORD
                 }}
                 onFinish={onFinish}
                 onFinishFailed={onFinishFailed}
-                autoComplete="off"
-                size="large"
+                autoComplete='off'
+                size='large'
                 layout={isMobile ? 'vertical' : 'horizontal'}
                 labelCol={isMobile ? null : { span: 6 }}
                 wrapperCol={isMobile ? null : { span: 18 }}
@@ -145,64 +145,64 @@ const SignUp = () => {
               >
                 {/* 用户名 */}
                 <Form.Item
-                  label="用户名"
-                  name="username"
+                  label='用户名'
+                  name='username'
                   rules={[
                     { required: true, message: '请输入用户名!' },
                     { min: 3, message: '用户名至少需要3个字符!' },
                     { max: 20, message: '用户名不能超过20个字符!' },
                     {
                       pattern: /^[a-zA-Z0-9._\u4e00-\u9fa5]+$/,
-                      message: '用户名只能包含字母、数字、下划线、半角.和中文!',
-                    },
+                      message: '用户名只能包含字母、数字、下划线、半角.和中文!'
+                    }
                   ]}
                 >
                   <Input
                     prefix={<UserOutlined style={{ color: token.colorTextTertiary }} />}
-                    placeholder="请输入用户名"
+                    placeholder='请输入用户名'
                     style={{ height: 44 }}
                   />
                 </Form.Item>
 
                 {/* 邮箱 */}
                 <Form.Item
-                  label="邮箱地址"
-                  name="email"
+                  label='邮箱地址'
+                  name='email'
                   rules={[
                     { required: true, message: '请输入邮箱地址!' },
-                    { type: 'email', message: '请输入有效的邮箱地址!' },
+                    { type: 'email', message: '请输入有效的邮箱地址!' }
                   ]}
                 >
                   <Input
                     prefix={<MailOutlined style={{ color: token.colorTextTertiary }} />}
-                    placeholder="请输入邮箱地址"
+                    placeholder='请输入邮箱地址'
                     style={{ height: 44 }}
                   />
                 </Form.Item>
 
                 {/* 手机号 */}
-                <Form.Item label="手机号码" required>
+                <Form.Item label='手机号码' required>
                   <Space.Compact style={{ width: '100%' }}>
-                    <Form.Item name="prefix" noStyle initialValue="86">
-                      <Select style={{ width: 90, height: 44 }} size="large">
-                        <Option value="86">+86</Option>
-                        <Option value="44">+44</Option>
+                    <Form.Item name='prefix' noStyle initialValue='86'>
+                      <Select style={{ width: 90, height: 44 }} size='large'>
+                        <Option value='86'>+86</Option>
+                        <Option value='44'>+44</Option>
                       </Select>
                     </Form.Item>
                     <Form.Item
-                      name="phone"
+                      name='phone'
                       noStyle
                       rules={[
                         { required: true, message: '请输入手机号码!' },
                         {
                           pattern: /^1[3-9]\d{9}$/,
-                          message: '请输入有效的手机号码!',
-                        },
+                          message: '请输入有效的手机号码!'
+                        }
                       ]}
                     >
                       <Input
                         prefix={<PhoneOutlined style={{ color: token.colorTextTertiary }} />}
-                        placeholder="请输入手机号码"
+                        placeholder='请输入手机号码'
                         style={{ height: 44, width: 'calc(100% - 90px)' }}
                       />
                     </Form.Item>
@@ -211,8 +211,8 @@ const SignUp = () => {
 
                 {/* 密码 */}
                 <Form.Item
-                  label="密码"
-                  name="password"
+                  label='密码'
+                  name='password'
                   rules={[
                     { required: true, message: '请输入密码!' },
                     { min: 8, message: '密码至少需要8个字符!' },
@@ -220,14 +220,14 @@ const SignUp = () => {
                       // pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d@$!%*?&]{8,}$/
                       // pattern: /^(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z\d@$!%*?&.]{8,}$/,
                       pattern: /^(?=.*[a-zA-Z])[a-zA-Z\d@$!%*?&.]{8,}$/,
-                      message: '密码必须包含大或小写字母或数字!',
-                    },
+                      message: '密码必须包含大或小写字母或数字!'
+                    }
                   ]}
                   hasFeedback
                 >
                   <Input.Password
                     prefix={<LockOutlined style={{ color: token.colorTextTertiary }} />}
-                    placeholder="请输入密码"
+                    placeholder='请输入密码'
                     iconRender={passwordIconRender}
                     style={{ height: 44 }}
                   />
@@ -235,25 +235,25 @@ const SignUp = () => {
 
                 {/* 确认密码 */}
                 <Form.Item
-                  label="确认密码"
-                  name="confirmPassword"
+                  label='确认密码'
+                  name='confirmPassword'
                   dependencies={['password']}
                   hasFeedback
                   rules={[
                     { required: true, message: '请确认密码!' },
                     ({ getFieldValue }) => ({
-                      validator(_, value) {
+                      validator (_, value) {
                         if (!value || getFieldValue('password') === value) {
                           return Promise.resolve()
                         }
                         return Promise.reject(new Error('两次输入的密码不一致!'))
-                      },
-                    }),
+                      }
+                    })
                   ]}
                 >
                   <Input.Password
                     prefix={<LockOutlined style={{ color: token.colorTextTertiary }} />}
-                    placeholder="请再次输入密码"
+                    placeholder='请再次输入密码'
                     iconRender={passwordIconRender}
                     style={{ height: 44 }}
                   />
@@ -261,24 +261,24 @@ const SignUp = () => {
 
                 {/* 同意条款 */}
                 <Form.Item
-                  name="agreement"
-                  valuePropName="checked"
+                  name='agreement'
+                  valuePropName='checked'
                   wrapperCol={isMobile ? null : { offset: 6, span: 18 }}
                   rules={[
                     {
                       validator: (_, value) =>
-                        value ? Promise.resolve() : Promise.reject(new Error('请同意用户协议和隐私政策')),
-                    },
+                        value ? Promise.resolve() : Promise.reject(new Error('请同意用户协议和隐私政策'))
+                    }
                   ]}
                   style={{ marginBottom: 16 }}
                 >
                   <Checkbox style={{ fontSize: isMobile ? '13px' : '14px' }}>
                     我已阅读并同意
-                    <Link href="#/terms" style={{ fontSize: isMobile ? '13px' : '14px' }}>
+                    <Link href='#/terms' style={{ fontSize: isMobile ? '13px' : '14px' }}>
                       用户协议
                     </Link>
                     和
-                    <Link href="#/privacy" style={{ fontSize: isMobile ? '13px' : '14px' }}>
+                    <Link href='#/privacy' style={{ fontSize: isMobile ? '13px' : '14px' }}>
                       隐私政策
                     </Link>
                   </Checkbox>
@@ -287,8 +287,8 @@ const SignUp = () => {
                 {/* 注册按钮 */}
                 <Form.Item style={{ marginBottom: 16 }} wrapperCol={isMobile ? null : { offset: 6, span: 18 }}>
                   <Button
-                    type="primary"
-                    htmlType="submit"
+                    type='primary'
+                    htmlType='submit'
                     block
                     className={styles.submitBtn}
                     style={{
@@ -296,7 +296,7 @@ const SignUp = () => {
                       border: 'none',
                       borderRadius: 12,
                       fontSize: 16,
-                      fontWeight: 600,
+                      fontWeight: 600
                     }}
                   >
                     立即注册
@@ -305,9 +305,9 @@ const SignUp = () => {
 
                 {/* 登录链接 */}
                 <div style={{ textAlign: 'center' }}>
-                  <Text type="secondary" style={{ fontSize: 14 }}>
+                  <Text type='secondary' style={{ fontSize: 14 }}>
                     已有账户？
-                    <Link href="#/signin" style={{ fontWeight: 500 }}>
+                    <Link href='#/signin' style={{ fontWeight: 500 }}>
                       立即登录
                     </Link>
                   </Text>
diff --git a/src/pages/terms/index.jsx b/src/pages/terms/index.jsx
index a8a3babeb..6060eb4f7 100644
--- a/src/pages/terms/index.jsx
+++ b/src/pages/terms/index.jsx
@@ -23,29 +23,29 @@ const Terms = () => {
     '--legal-text-2': token.colorTextSecondary,
     '--legal-primary': token.colorPrimary,
     '--legal-primary-2': token.colorInfo,
-    '--legal-shadow': token.boxShadowSecondary,
+    '--legal-shadow': token.boxShadowSecondary
   }
 
   return (
     <Layout style={{ minHeight: '100vh' }}>
       <Content className={styles.root} style={cssVars}>
-        <div className={styles.bg} aria-hidden="true" />
+        <div className={styles.bg} aria-hidden='true' />
 
         <div className={styles.container} style={{ padding: isMobile ? 16 : 24 }}>
           <Card
             className={styles.card}
-            variant="borderless"
+            variant='borderless'
             styles={{
               body: {
                 padding: 0,
                 height: '100%',
                 display: 'flex',
-                flexDirection: 'column',
-              },
+                flexDirection: 'column'
+              }
             }}
           >
             <div className={styles.header}>
-              <Button type="text" icon={<ArrowLeftOutlined />} onClick={() => redirectTo('/signup')}>
+              <Button type='text' icon={<ArrowLeftOutlined />} onClick={() => redirectTo('/signup')}>
                 返回
               </Button>
               <div className={styles.headerMeta}>
@@ -60,7 +60,7 @@ const Terms = () => {
                 用户协议
               </Title>
               <Paragraph className={styles.subTitle}>
-                <Text type="secondary">最后更新日期：2025年11月25日</Text>
+                <Text type='secondary'>最后更新日期：2025年11月25日</Text>
               </Paragraph>
 
               <Title level={4}>1. 服务条款的接受</Title>
diff --git a/src/pages/topology/index.jsx b/src/pages/topology/index.jsx
index b2c9bab2f..305fadb23 100644
--- a/src/pages/topology/index.jsx
+++ b/src/pages/topology/index.jsx
@@ -10,29 +10,29 @@ const nodeStyles = {
   frontend: {
     background: '#e6f7ff',
     border: '1px solid #91d5ff',
-    color: '#1890ff',
+    color: '#1890ff'
   },
   gateway: {
     background: '#fff7e6',
     border: '1px solid #ffd591',
-    color: '#d46b08',
+    color: '#d46b08'
   },
   service: {
     background: '#f6ffed',
     border: '1px solid #b7eb8f',
-    color: '#52c41a',
+    color: '#52c41a'
   },
   data: {
     background: '#f9f0ff',
     border: '1px solid #d3adf7',
-    color: '#722ed1',
+    color: '#722ed1'
   },
   // 修复：移除了 CSS 属性值中不必要的内部引号
   infra: {
     background: '#fff1f0',
     border: '1px solid #ffccc7',
-    color: '#f5222d',
-  },
+    color: '#f5222d'
+  }
 }
 
 const initialNodes = [
@@ -42,13 +42,13 @@ const initialNodes = [
     type: 'input', // 使用 input 类型作为起点
     position: { x: 400, y: 0 },
     data: { label: '用户', type: 'frontend' },
-    style: nodeStyles.frontend,
+    style: nodeStyles.frontend
   },
   {
     id: '2',
     position: { x: 400, y: 80 },
     data: { label: 'Web App (React)', type: 'frontend' },
-    style: nodeStyles.frontend,
+    style: nodeStyles.frontend
   },
 
   // --- 网关层 ---
@@ -56,7 +56,7 @@ const initialNodes = [
     id: '3',
     position: { x: 400, y: 180 },
     data: { label: 'API Gateway', type: 'gateway' },
-    style: nodeStyles.gateway,
+    style: nodeStyles.gateway
   },
 
   // --- 核心服务层 ---
@@ -64,37 +64,37 @@ const initialNodes = [
     id: '4',
     position: { x: 50, y: 300 },
     data: { label: '用户服务', type: 'service' },
-    style: nodeStyles.service,
+    style: nodeStyles.service
   },
   {
     id: '5',
     position: { x: 250, y: 300 },
     data: { label: '商品服务', type: 'service' },
-    style: nodeStyles.service,
+    style: nodeStyles.service
   },
   {
     id: '6',
     position: { x: 450, y: 300 },
     data: { label: '订单服务', type: 'service' },
-    style: nodeStyles.service,
+    style: nodeStyles.service
   },
   {
     id: '7',
     position: { x: 650, y: 300 },
     data: { label: '支付服务', type: 'service' },
-    style: nodeStyles.service,
+    style: nodeStyles.service
   },
   {
     id: '8',
     position: { x: 850, y: 300 },
     data: { label: '通知服务', type: 'service' },
-    style: nodeStyles.service,
+    style: nodeStyles.service
   },
   {
     id: '9',
     position: { x: 150, y: 420 },
     data: { label: '搜索服务', type: 'service' },
-    style: nodeStyles.service,
+    style: nodeStyles.service
   },
 
   // --- 基础设施层 ---
@@ -102,13 +102,13 @@ const initialNodes = [
     id: '10',
     position: { x: 550, y: 420 },
     data: { label: '消息队列', type: 'infra' },
-    style: nodeStyles.infra,
+    style: nodeStyles.infra
   },
   {
     id: '11',
     position: { x: 900, y: 180 },
     data: { label: '监控系统', type: 'infra' },
-    style: nodeStyles.infra,
+    style: nodeStyles.infra
   },
 
   // --- 数据层 ---
@@ -116,26 +116,26 @@ const initialNodes = [
     id: '12',
     position: { x: 50, y: 520 },
     data: { label: '用户数据库', type: 'data' },
-    style: nodeStyles.data,
+    style: nodeStyles.data
   },
   {
     id: '13',
     position: { x: 250, y: 520 },
     data: { label: '商品数据库', type: 'data' },
-    style: nodeStyles.data,
+    style: nodeStyles.data
   },
   {
     id: '14',
     position: { x: 450, y: 520 },
     data: { label: '订单数据库', type: 'data' },
-    style: nodeStyles.data,
+    style: nodeStyles.data
   },
   {
     id: '15',
     position: { x: 650, y: 420 },
     data: { label: '缓存', type: 'data' },
-    style: nodeStyles.data,
-  },
+    style: nodeStyles.data
+  }
 ]
 
 const initialEdges = [
@@ -160,7 +160,7 @@ const initialEdges = [
     source: '4',
     target: '15',
     type: 'smoothstep',
-    label: 'Session',
+    label: 'Session'
   },
 
   // 异步通信
@@ -180,46 +180,46 @@ const initialEdges = [
     source: '4',
     target: '11',
     type: 'smoothstep',
-    style: { strokeDasharray: '5 5' },
+    style: { strokeDasharray: '5 5' }
   },
   {
     id: 'e5-11',
     source: '5',
     target: '11',
     type: 'smoothstep',
-    style: { strokeDasharray: '5 5' },
+    style: { strokeDasharray: '5 5' }
   },
   {
     id: 'e6-11',
     source: '6',
     target: '11',
     type: 'smoothstep',
-    style: { strokeDasharray: '5 5' },
+    style: { strokeDasharray: '5 5' }
   },
   {
     id: 'e7-11',
     source: '7',
     target: '11',
     type: 'smoothstep',
-    style: { strokeDasharray: '5 5' },
+    style: { strokeDasharray: '5 5' }
   },
   {
     id: 'e8-11',
     source: '8',
     target: '11',
     type: 'smoothstep',
-    style: { strokeDasharray: '5 5' },
+    style: { strokeDasharray: '5 5' }
   },
   {
     id: 'e3-11',
     source: '3',
     target: '11',
     type: 'smoothstep',
-    style: { strokeDasharray: '5 5' },
-  },
+    style: { strokeDasharray: '5 5' }
+  }
 ]
 
-function Flow() {
+function Flow () {
   const [nodes, , onNodesChange] = useNodesState(initialNodes)
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges)
 
@@ -283,7 +283,7 @@ function Flow() {
   }, [refreshFlowViewport])
 
   return (
-    <FixTabPanel fill={true}>
+    <FixTabPanel fill>
       <div ref={containerRef} style={{ width: '100%', height: '100%' }}>
         <ReactFlow
           nodes={safeNodes}
@@ -298,7 +298,7 @@ function Flow() {
         >
           <MiniMap />
           <Controls />
-          <Background variant="dots" gap={12} size={1} />
+          <Background variant='dots' gap={12} size={1} />
         </ReactFlow>
       </div>
     </FixTabPanel>
diff --git a/src/routers/authRouter.jsx b/src/routers/authRouter.jsx
index 2f0577f6c..4d449ccdf 100644
--- a/src/routers/authRouter.jsx
+++ b/src/routers/authRouter.jsx
@@ -46,7 +46,7 @@ const AuthRouter = (props) => {
           matchPath(
             {
               path: pattern.endsWith('/*') ? pattern : `${pattern}/*`,
-              end: false,
+              end: false
             },
             normalized
           )
@@ -203,7 +203,7 @@ const AuthRouter = (props) => {
       return (
         <>
           {contextHolder}
-          <Navigate to="/signin" replace />
+          <Navigate to='/signin' replace />
         </>
       )
     }
@@ -222,7 +222,7 @@ const AuthRouter = (props) => {
 
 AuthRouter.propTypes = {
   route: PropTypes.object,
-  children: PropTypes.node,
+  children: PropTypes.node
 }
 
 export default AuthRouter
diff --git a/src/routers/config/lazyLoad.config.jsx b/src/routers/config/lazyLoad.config.jsx
index 6e82a54dc..39b9180e3 100644
--- a/src/routers/config/lazyLoad.config.jsx
+++ b/src/routers/config/lazyLoad.config.jsx
@@ -57,19 +57,19 @@ export const lazyComponents = {
   Mermaid: lazyLoad(() => import('@pages/mermaid'), { preload: true }),
   PostMessage: lazyLoad(() => import('@pages/postmessage'), { preload: true }),
   MyIframe: lazyLoad(() => import('@pages/postmessage/myIframe'), {
-    preload: true,
+    preload: true
   }),
   Print: lazyLoad(() => import('@pages/print'), { preload: true }),
   // 通知页面
   Notifications: lazyLoad(() => import('@pages/notifications'), {
-    preload: true,
+    preload: true
   }),
   NotificationDetail: lazyLoad(() => import('@pages/notifications/NotificationDetail'), { preload: true }),
   PHBar: lazyLoad(() => import('@pages/phbar'), { preload: true }),
 
   // 权限示例页面
   PermissionExample: lazyLoad(() => import('@pages/permission'), {
-    preload: true,
+    preload: true
   }),
 
   // 示例：如果新增一个按需加载的路由组件，请在此处注册（示例）
@@ -84,45 +84,45 @@ export const lazyComponents = {
 
   // 嵌套路由
   BackendStack: lazyLoad(() => import('@pages/tech/backend'), {
-    preload: true,
+    preload: true
   }),
   FrontendStack: lazyLoad(() => import('@pages/tech/frontend'), {
-    preload: true,
+    preload: true
   }),
   ReactDemo: lazyLoad(() => import('@pages/tech/demos/react'), {
-    preload: true,
+    preload: true
   }),
   VueDemo: lazyLoad(() => import('@pages/tech/demos/vue'), { preload: true }),
   AngularDemo: lazyLoad(() => import('@pages/tech/demos/angular'), {
-    preload: true,
+    preload: true
   }),
   NodeDemo: lazyLoad(() => import('@pages/tech/demos/node'), { preload: true }),
   VuePlugins: lazyLoad(() => import('@pages/tech/demos/vue/plugins'), {
-    preload: true,
+    preload: true
   }),
   Vue3Plugin: lazyLoad(() => import('@pages/tech/demos/vue/plugins/vue3'), {
-    preload: true,
+    preload: true
   }),
   VuePerfPlugin: lazyLoad(() => import('@pages/tech/demos/vue/plugins/perf'), {
-    preload: true,
+    preload: true
   }),
   WebpackList: lazyLoad(() => import('@pages/tech/demos/webpack'), {
-    preload: true,
+    preload: true
   }),
   ViteList: lazyLoad(() => import('@pages/order/list'), { preload: true }),
 
   // 异常页面
   ErrorPage: lazyLoad(() => import('@pages/error'), { preload: true }),
   Exception403: lazyLoad(() => import('@stateless/Exception/exception403'), {
-    preload: true,
+    preload: true
   }),
   Exception404: lazyLoad(() => import('@stateless/Exception/exception404'), {
-    preload: true,
+    preload: true
   }),
   NoMatch: lazyLoad(() => import('@stateless/NoMatch'), { preload: true }),
   SectionNotFound: lazyLoad(() => import('@stateless/SectionNotFound'), {
-    preload: true,
-  }),
+    preload: true
+  })
 }
 
 // 兼容性导出（保持原有导入方式）
diff --git a/src/routers/modules/chart.routes.jsx b/src/routers/modules/chart.routes.jsx
index 317b3eedb..2220c3c18 100644
--- a/src/routers/modules/chart.routes.jsx
+++ b/src/routers/modules/chart.routes.jsx
@@ -10,36 +10,36 @@ export const chartRoutes = [
     path: 'geo',
     name: 'Geo Chart',
     key: '/geo',
-    element: <lazyComponents.GeoChart />,
+    element: <lazyComponents.GeoChart />
   },
   {
     path: 'echarts',
     name: 'React Echarts',
     key: '/echarts',
-    element: <lazyComponents.Echarts />,
+    element: <lazyComponents.Echarts />
   },
   {
     path: 'big-screen',
     name: 'Big Screen',
     key: '/big-screen',
-    element: <lazyComponents.BigScreen />,
+    element: <lazyComponents.BigScreen />
   },
   {
     path: 'markmap',
     name: 'ChatGPT',
     key: '/markmap',
-    element: <lazyComponents.ChatGpt />,
+    element: <lazyComponents.ChatGpt />
   },
   {
     path: 'topology',
     name: 'Topology',
     key: '/topology',
-    element: <lazyComponents.Topology />,
+    element: <lazyComponents.Topology />
   },
   {
     path: 'mermaid',
     name: 'Mermaid',
     key: '/mermaid',
-    element: <lazyComponents.Mermaid />,
-  },
+    element: <lazyComponents.Mermaid />
+  }
 ]
diff --git a/src/service/http.js b/src/service/http.js
index a714d26f0..3599035a8 100644
--- a/src/service/http.js
+++ b/src/service/http.js
@@ -6,7 +6,7 @@ import { getEnv } from '@utils/env'
 // ==================== 工具函数 ====================
 const addTimestampSuffix = (params = {}) => ({
   ...params,
-  _: Date.now(),
+  _: Date.now()
 })
 
 // ==================== 1. 配置常量 ====================
@@ -14,8 +14,8 @@ const CONFIG = {
   BASE_URL: getEnv('APP_BASE_URL', ''),
   TIMEOUT: 20000,
   HEADERS: {
-    'Content-Type': 'application/json;charset=utf-8',
-  },
+    'Content-Type': 'application/json;charset=utf-8'
+  }
 }
 
 // ==================== 2. 错误处理 ====================
@@ -29,15 +29,15 @@ const HTTP_STATUS_MSG = {
   502: '网关错误',
   503: '服务不可用',
   504: '网关超时',
-  default: '请求失败',
+  default: '请求失败'
 }
 
 class HttpClient {
-  constructor(config = {}) {
+  constructor (config = {}) {
     this.config = { ...CONFIG, ...config }
     this.interceptors = {
       request: [],
-      response: [],
+      response: []
     }
 
     // 添加默认请求拦截器：为 GET/DELETE 请求添加时间戳防止缓存
@@ -50,17 +50,17 @@ class HttpClient {
   }
 
   // 注册请求拦截器
-  useRequestInterceptor(handler) {
+  useRequestInterceptor (handler) {
     this.interceptors.request.push(handler)
   }
 
   // 注册响应拦截器
-  useResponseInterceptor(handler) {
+  useResponseInterceptor (handler) {
     this.interceptors.response.push(handler)
   }
 
   // 核心请求方法
-  async request(url, options = {}) {
+  async request (url, options = {}) {
     let config = {
       url,
       method: 'GET',
@@ -68,7 +68,7 @@ class HttpClient {
       timeout: this.config.TIMEOUT,
       baseURL: this.config.BASE_URL,
       isShowError: true,
-      ...options,
+      ...options
     }
 
     // 1. 执行请求拦截器
@@ -106,7 +106,7 @@ class HttpClient {
 
   // ===== 辅助方法 =====
 
-  _buildUrl(config) {
+  _buildUrl (config) {
     let { url, baseURL, params } = config
     if (baseURL && !url.startsWith('http')) {
       url = `${baseURL}${url}`
@@ -119,7 +119,7 @@ class HttpClient {
     return url
   }
 
-  _buildOptions(config) {
+  _buildOptions (config) {
     const { method, headers, payload, body } = config
     const options = { method, headers }
 
@@ -135,7 +135,7 @@ class HttpClient {
     return options
   }
 
-  async _handleResponseData(response, config) {
+  async _handleResponseData (response, config) {
     if (!response.ok) {
       const error = new Error(response.statusText || HTTP_STATUS_MSG[response.status] || HTTP_STATUS_MSG.default)
       error.status = response.status
@@ -174,7 +174,7 @@ class HttpClient {
     return response.text()
   }
 
-  _handleError(error, config) {
+  _handleError (error, config) {
     const isShowError = config.isShowError !== false
     let errorMsg = error.message
 
@@ -193,28 +193,28 @@ class HttpClient {
 
   // ===== 常用方法封装 =====
 
-  get(url, params = {}, config = {}) {
+  get (url, params = {}, config = {}) {
     return this.request(url, { ...config, method: 'GET', params })
   }
 
-  post(url, payload = {}, config = {}) {
+  post (url, payload = {}, config = {}) {
     return this.request(url, { ...config, method: 'POST', payload })
   }
 
-  put(url, payload = {}, config = {}) {
+  put (url, payload = {}, config = {}) {
     return this.request(url, { ...config, method: 'PUT', payload })
   }
 
-  delete(url, params = {}, config = {}) {
+  delete (url, params = {}, config = {}) {
     return this.request(url, { ...config, method: 'DELETE', params })
   }
 
-  patch(url, payload = {}, config = {}) {
+  patch (url, payload = {}, config = {}) {
     return this.request(url, { ...config, method: 'PATCH', payload })
   }
 
   // 文件上传
-  upload(url, formData, config = {}) {
+  upload (url, formData, config = {}) {
     return this.request(url, {
       ...config,
       method: 'POST',
@@ -222,21 +222,21 @@ class HttpClient {
       headers: {
         // Fetch 会自动设置 multipart/form-data 的 boundary，所以这里删除 Content-Type
         ...config.headers,
-        'Content-Type': undefined,
-      },
+        'Content-Type': undefined
+      }
     })
   }
 
   // 文件下载 (支持进度)
-  async download(url, fileName, params = {}, config = {}) {
+  async download (url, fileName, params = {}, config = {}) {
     const fullUrl = this._buildUrl({
       url,
       baseURL: this.config.BASE_URL,
-      params,
+      params
     })
     const response = await fetch(fullUrl, {
       method: 'GET',
-      headers: { ...this.config.HEADERS, ...config.headers },
+      headers: { ...this.config.HEADERS, ...config.headers }
     })
 
     if (!response.ok) throw new Error(`Download failed: ${response.statusText}`)
@@ -256,7 +256,7 @@ class HttpClient {
         config.onProgress({
           loaded: receivedLength,
           total: contentLength,
-          percent: Math.round((receivedLength / contentLength) * 100),
+          percent: Math.round((receivedLength / contentLength) * 100)
         })
       }
     }
@@ -288,7 +288,7 @@ class HttpClient {
   // ===== 高级功能 =====
 
   // 重试
-  async retry(fn, retries = 3, delay = 1000) {
+  async retry (fn, retries = 3, delay = 1000) {
     for (let i = 0; i < retries; i++) {
       try {
         return await fn()
@@ -300,7 +300,7 @@ class HttpClient {
   }
 
   // 并发控制 (简单实现)
-  parallel(tasks) {
+  parallel (tasks) {
     return Promise.all(tasks.map((task) => (typeof task === 'function' ? task() : this.request(task.url, task))))
   }
 }
@@ -346,7 +346,7 @@ export const useRequest = (url, options = {}) => {
         const res = await http.request(url, {
           ...optionsRef.current,
           ...overrideOptions,
-          controller,
+          controller
         })
         setData(res)
         return res
diff --git a/src/service/request.js b/src/service/request.js
index 8db461f39..df3640ce8 100644
--- a/src/service/request.js
+++ b/src/service/request.js
@@ -12,11 +12,11 @@ const CONFIG = {
   WITH_CREDENTIALS: true,
   RETRY_ATTEMPTS: 3,
   RETRY_DELAY: 500,
-  DEFAULT_CONCURRENCY: 5,
+  DEFAULT_CONCURRENCY: 5
 }
 
 const DEFAULT_HEADERS = {
-  'Content-Type': 'application/json;charset=utf-8',
+  'Content-Type': 'application/json;charset=utf-8'
 }
 
 // ==================== 2. HTTP 状态码错误消息映射 ====================
@@ -31,7 +31,7 @@ const HTTP_ERROR_MESSAGES = {
   502: '网关错误',
   503: '服务不可用',
   504: '网关超时',
-  default: (status) => `请求失败 (${status})`,
+  default: (status) => `请求失败 (${status})`
 }
 
 const NETWORK_ERROR_MESSAGES = {
@@ -39,23 +39,23 @@ const NETWORK_ERROR_MESSAGES = {
   ETIMEDOUT: '连接超时',
   ENOTFOUND: '域名解析失败',
   ECONNREFUSED: '连接被拒绝',
-  default: '网络连接异常',
+  default: '网络连接异常'
 }
 
 // ==================== 3. 请求管理 ====================
 class RequestManager {
-  constructor() {
+  constructor () {
     this.pendingRequests = new Map()
   }
 
   // 4. 生成唯一请求标识
-  generateRequestKey(config) {
+  generateRequestKey (config) {
     const { method, url, params, data } = config
     return [method?.toUpperCase(), url, JSON.stringify(params || {}), JSON.stringify(data || {})].join('&')
   }
 
   // 5. 取消相同的进行中请求
-  cancelDuplicateRequest(config) {
+  cancelDuplicateRequest (config) {
     const requestKey = this.generateRequestKey(config)
 
     if (this.pendingRequests.has(requestKey)) {
@@ -71,14 +71,14 @@ class RequestManager {
   }
 
   // 6. 移除请求
-  removeRequest(requestKey) {
+  removeRequest (requestKey) {
     if (this.pendingRequests.has(requestKey)) {
       this.pendingRequests.delete(requestKey)
     }
   }
 
   // 7. 清空所有请求
-  clearAllRequests() {
+  clearAllRequests () {
     this.pendingRequests.forEach((controller) => {
       controller.abort()
     })
@@ -86,7 +86,7 @@ class RequestManager {
     logger.info('已清空所有待处理请求')
   }
 
-  getActiveCount() {
+  getActiveCount () {
     return this.pendingRequests.size
   }
 }
@@ -96,39 +96,39 @@ const requestManager = new RequestManager()
 // ==================== 7. 工具函数 ====================
 class RequestUtils {
   // 添加时间戳后缀（防缓存）
-  static addTimestampSuffix(params = {}) {
+  static addTimestampSuffix (params = {}) {
     return {
       ...params,
-      _: Date.now(),
+      _: Date.now()
     }
   }
 
   // 延迟函数
-  static delay(ms) {
+  static delay (ms) {
     return new Promise((resolve) => globalThis.setTimeout(resolve, ms))
   }
 
   // 判断是否为 FormData
-  static isFormData(data) {
+  static isFormData (data) {
     return typeof FormData !== 'undefined' && data instanceof FormData
   }
 
   // 判断是否为 Blob
-  static isBlob(data) {
+  static isBlob (data) {
     return typeof Blob !== 'undefined' && data instanceof Blob
   }
 
   // 获取错误消息
-  static getHttpErrorMessage(status) {
+  static getHttpErrorMessage (status) {
     return HTTP_ERROR_MESSAGES[status] || HTTP_ERROR_MESSAGES.default(status)
   }
 
-  static getNetworkErrorMessage(code) {
+  static getNetworkErrorMessage (code) {
     return NETWORK_ERROR_MESSAGES[code] || NETWORK_ERROR_MESSAGES.default
   }
 
   // 处理错误显示
-  static handleShowError(message, showError = true) {
+  static handleShowError (message, showError = true) {
     if (!showError) return
     try {
       showMessage.error(message)
@@ -138,7 +138,7 @@ class RequestUtils {
   }
 
   // 从响应头获取文件名
-  static getFileNameFromResponse(response) {
+  static getFileNameFromResponse (response) {
     const contentDisposition = response.headers['content-disposition']
     if (contentDisposition) {
       const match = contentDisposition.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/)
@@ -150,7 +150,7 @@ class RequestUtils {
   }
 
   // 触发文件下载
-  static triggerDownload(blob, fileName) {
+  static triggerDownload (blob, fileName) {
     const link = document.createElement('a')
     const url = window.URL.createObjectURL(blob)
     link.href = url
@@ -167,30 +167,30 @@ let axiosInstance = axios.create({
   baseURL: CONFIG.BASE_URL,
   timeout: CONFIG.TIMEOUT,
   withCredentials: CONFIG.WITH_CREDENTIALS,
-  headers: { ...DEFAULT_HEADERS },
+  headers: { ...DEFAULT_HEADERS }
 })
 
 // 导出配置方法
-export function setAxiosInstance(instance) {
+export function setAxiosInstance (instance) {
   axiosInstance = instance
   logger.info('Axios 实例已更新')
 }
 
-export function setBaseURL(url) {
+export function setBaseURL (url) {
   CONFIG.BASE_URL = url
   axiosInstance.defaults.baseURL = url
   logger.info('BaseURL 已更新:', url)
 }
 
-export function setDefaultHeaders(headers) {
+export function setDefaultHeaders (headers) {
   axiosInstance.defaults.headers = {
     ...axiosInstance.defaults.headers,
-    ...headers,
+    ...headers
   }
   logger.info('默认请求头已更新:', headers)
 }
 
-export function setTimeout(timeout) {
+export function setTimeout (timeout) {
   CONFIG.TIMEOUT = timeout
   axiosInstance.defaults.timeout = timeout
   logger.info('请求超时时间已更新:', timeout)
@@ -274,7 +274,7 @@ axiosInstance.interceptors.request.use(
 
     logger.log(`发起请求: ${config.method?.toUpperCase()} ${config.url}`, {
       params: config.params,
-      data: RequestUtils.isFormData(config.data) ? '[FormData]' : config.data,
+      data: RequestUtils.isFormData(config.data) ? '[FormData]' : config.data
     })
 
     return config
@@ -287,7 +287,7 @@ axiosInstance.interceptors.request.use(
 )
 
 // 处理未授权
-function handleUnauthorized(message) {
+function handleUnauthorized (message) {
   // authService.logout() // 移除以避免循环依赖
   // 清理权限缓存与开发覆盖，避免跳转登录后仍沿用旧权限
   try {
@@ -429,7 +429,7 @@ axiosInstance.interceptors.response.use(
 
 // ==================== 11. 文件下载处理 ====================
 class DownloadHandler {
-  static async handleDownload(response, fileName) {
+  static async handleDownload (response, fileName) {
     try {
       const blob = response.data
 
@@ -456,7 +456,7 @@ class DownloadHandler {
 // ==================== 高级功能：并发控制与重试 ====================
 class RequestEnhancer {
   // 并发控制
-  static async runWithConcurrency(tasks, concurrency = CONFIG.DEFAULT_CONCURRENCY) {
+  static async runWithConcurrency (tasks, concurrency = CONFIG.DEFAULT_CONCURRENCY) {
     const results = []
     const executing = []
 
@@ -478,7 +478,7 @@ class RequestEnhancer {
   }
 
   // 重试机制
-  static async retry(fn, attempts = CONFIG.RETRY_ATTEMPTS, delay = CONFIG.RETRY_DELAY) {
+  static async retry (fn, attempts = CONFIG.RETRY_ATTEMPTS, delay = CONFIG.RETRY_DELAY) {
     let lastError
 
     for (let i = 0; i < attempts; i++) {
@@ -500,10 +500,10 @@ class RequestEnhancer {
   }
 
   // 超时控制
-  static withTimeout(promise, timeout = CONFIG.TIMEOUT) {
+  static withTimeout (promise, timeout = CONFIG.TIMEOUT) {
     return Promise.race([
       promise,
-      new Promise((_, reject) => globalThis.setTimeout(() => reject(new Error('请求超时')), timeout)),
+      new Promise((_, reject) => globalThis.setTimeout(() => reject(new Error('请求超时')), timeout))
     ])
   }
 }
@@ -531,12 +531,12 @@ const request = {
    * @param {object} params - 查询参数
    * @param {object} config - axios 配置
    */
-  get(url, params = {}, config = {}) {
+  get (url, params = {}, config = {}) {
     return axiosInstance.request({
       method: 'GET',
       url,
       params,
-      ...config,
+      ...config
     })
   },
 
@@ -546,12 +546,12 @@ const request = {
    * @param {object} data - 请求体数据
    * @param {object} config - axios 配置
    */
-  post(url, data = {}, config = {}) {
+  post (url, data = {}, config = {}) {
     return axiosInstance.request({
       method: 'POST',
       url,
       data,
-      ...config,
+      ...config
     })
   },
 
@@ -561,12 +561,12 @@ const request = {
    * @param {object} data - 请求体数据
    * @param {object} config - axios 配置
    */
-  put(url, data = {}, config = {}) {
+  put (url, data = {}, config = {}) {
     return axiosInstance.request({
       method: 'PUT',
       url,
       data,
-      ...config,
+      ...config
     })
   },
 
@@ -576,12 +576,12 @@ const request = {
    * @param {object} params - 查询参数
    * @param {object} config - axios 配置
    */
-  delete(url, params = {}, config = {}) {
+  delete (url, params = {}, config = {}) {
     return axiosInstance.request({
       method: 'DELETE',
       url,
       params,
-      ...config,
+      ...config
     })
   },
 
@@ -591,12 +591,12 @@ const request = {
    * @param {object} data - 请求体数据
    * @param {object} config - axios 配置
    */
-  patch(url, data = {}, config = {}) {
+  patch (url, data = {}, config = {}) {
     return axiosInstance.request({
       method: 'PATCH',
       url,
       data,
-      ...config,
+      ...config
     })
   },
 
@@ -608,16 +608,16 @@ const request = {
    * @param {object} data - 表单数据
    * @param {object} config - axios 配置
    */
-  form(url, data = {}, config = {}) {
+  form (url, data = {}, config = {}) {
     return axiosInstance.request({
       method: 'POST',
       url,
       data,
       headers: {
         'Content-Type': 'application/x-www-form-urlencoded',
-        ...(config.headers || {}),
+        ...(config.headers || {})
       },
-      ...config,
+      ...config
     })
   },
 
@@ -628,7 +628,7 @@ const request = {
    * @param {object} config - axios 配置
    * @param {function} config.onProgress - 上传进度回调
    */
-  upload(url, data, config = {}) {
+  upload (url, data, config = {}) {
     let formData = data
 
     // 如果传入的不是 FormData，则转换
@@ -647,7 +647,7 @@ const request = {
       data: formData,
       headers: {
         'Content-Type': 'multipart/form-data',
-        ...(config.headers || {}),
+        ...(config.headers || {})
       },
       onUploadProgress: (progressEvent) => {
         if (onUploadProgress && progressEvent.total) {
@@ -655,11 +655,11 @@ const request = {
           onUploadProgress({
             percent,
             loaded: progressEvent.loaded,
-            total: progressEvent.total,
+            total: progressEvent.total
           })
         }
       },
-      ...config,
+      ...config
     })
   },
 
@@ -671,7 +671,7 @@ const request = {
    * @param {object} config - axios 配置
    * @param {function} config.onProgress - 下载进度回调
    */
-  async download(url, params, fileName, config) {
+  async download (url, params, fileName, config) {
     const safeConfig = config ?? {}
     const safeParams = params ?? {}
     const onDownloadProgress = safeConfig.onProgress || safeConfig.onDownloadProgress
@@ -688,11 +688,11 @@ const request = {
           onDownloadProgress({
             percent,
             loaded: progressEvent.loaded,
-            total: progressEvent.total,
+            total: progressEvent.total
           })
         }
       },
-      ...safeConfig,
+      ...safeConfig
     })
 
     return DownloadHandler.handleDownload(response, fileName)
@@ -706,13 +706,13 @@ const request = {
    * @param {object} params - 查询参数
    * @param {object} config - axios 配置
    */
-  custom(method, url, data = {}, params = {}, config = {}) {
+  custom (method, url, data = {}, params = {}, config = {}) {
     return axiosInstance.request({
       method: method.toUpperCase(),
       url,
       data,
       params,
-      ...config,
+      ...config
     })
   },
 
@@ -720,7 +720,7 @@ const request = {
    * 通用请求方法
    * @param {object} config - axios 配置
    */
-  request(config) {
+  request (config) {
     return axiosInstance.request(config)
   },
 
@@ -731,7 +731,7 @@ const request = {
    * @param {Array} requests - 请求数组（可以是函数、配置对象或参数数组）
    * @param {number} concurrency - 并发数
    */
-  parallel(requests = [], concurrency = CONFIG.DEFAULT_CONCURRENCY) {
+  parallel (requests = [], concurrency = CONFIG.DEFAULT_CONCURRENCY) {
     const tasks = requests.map((req) => {
       if (typeof req === 'function') {
         return req
@@ -753,7 +753,7 @@ const request = {
    * 串行请求
    * @param {Array} requests - 请求数组
    */
-  async series(requests = []) {
+  async series (requests = []) {
     const results = []
 
     for (const req of requests) {
@@ -787,14 +787,14 @@ const request = {
    * @param {number} attempts - 重试次数
    * @param {number} delay - 重试延迟（毫秒）
    */
-  retry(fn, attempts = CONFIG.RETRY_ATTEMPTS, delay = CONFIG.RETRY_DELAY) {
+  retry (fn, attempts = CONFIG.RETRY_ATTEMPTS, delay = CONFIG.RETRY_DELAY) {
     return RequestEnhancer.retry(fn, attempts, delay)
   },
 
   /**
    * 获取底层 axios 实例（用于高级定制）
    */
-  axios: () => axiosInstance,
+  axios: () => axiosInstance
 }
 
 // ==================== 导出 ====================
diff --git a/webpack/webpack.dev.js b/webpack/webpack.dev.js
index ba8c7d133..6e3e6e91b 100644
--- a/webpack/webpack.dev.js
+++ b/webpack/webpack.dev.js
@@ -20,16 +20,16 @@ const devWebpackConfig = merge(common, {
       overlay: {
         errors: true,
         warnings: false,
-        runtimeErrors: false,
-      },
+        runtimeErrors: false
+      }
     },
     static: {
-      directory: path.join(__dirname, '../public'),
+      directory: path.join(__dirname, '../public')
     },
     compress: true,
     // open: true,
     hot: true,
-    proxy: devProxy,
+    proxy: devProxy
   },
   // watch: true,
   // watchOptions: {
@@ -47,17 +47,17 @@ const devWebpackConfig = merge(common, {
             loader: 'babel-loader',
             options: {
               presets: [['@babel/preset-env', { modules: false }]],
-              plugins: [require.resolve('react-refresh/babel')].filter(Boolean),
-            },
-          },
-        ],
-      },
-    ],
+              plugins: [require.resolve('react-refresh/babel')].filter(Boolean)
+            }
+          }
+        ]
+      }
+    ]
   },
   plugins: [
     new ReactRefreshWebpackPlugin({
-      overlay: false,
-    }),
+      overlay: false
+    })
     // new webpack.debug.ProfilingPlugin({
     //   outputPath: path.join(__dirname, 'profiling/profileEvents.json'),
     // }),
@@ -72,20 +72,20 @@ const devWebpackConfig = merge(common, {
           test: /[\\/]node_modules[\\/]/,
           name: 'vendors',
           chunks: 'all',
-          priority: 10,
-        },
-      },
+          priority: 10
+        }
+      }
     },
     minimize: false,
     concatenateModules: false,
-    usedExports: false,
-  },
+    usedExports: false
+  }
 })
 module.exports = new Promise((resolve, reject) => {
   portfinder.getPort(
     {
       port: 8080, // 默认8080端口，若被占用，重复+1，直到找到可用端口或到stopPort才停止
-      stopPort: 65535, // maximum port
+      stopPort: 65535 // maximum port
     },
     (err, port) => {
       if (err) {