diff --git a/src/app-hooks/useSafeNavigate/index.js b/src/app-hooks/useSafeNavigate/index.js
index c221f1be4..08fffda07 100644
--- a/src/app-hooks/useSafeNavigate/index.js
+++ b/src/app-hooks/useSafeNavigate/index.js
@@ -15,7 +15,7 @@ const safeShowDenied = () => {
     })
 }
 
-export default function useSafeNavigate() {
+export default function useSafeNavigate () {
   const navigate = useNavigate()
   const lastDeniedRef = useRef(null)
 
diff --git a/src/components/KeepAlive/index.jsx b/src/components/KeepAlive/index.jsx
index 780de1c2f..8f59b9426 100644
--- a/src/components/KeepAlive/index.jsx
+++ b/src/components/KeepAlive/index.jsx
@@ -88,8 +88,9 @@ 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) => {
@@ -193,7 +194,7 @@ const createKeepAliveManager = () => {
       instances.delete(id)
       activeMap.delete(id)
       keys = keys.filter((k) => k !== id)
-    },
+    }
   }
 }
 
@@ -302,7 +303,7 @@ 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
       })
     }
 
@@ -350,7 +351,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)
 
@@ -420,7 +421,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/stateless/NotificationDrawer/index.jsx b/src/components/stateless/NotificationDrawer/index.jsx
index bbb58b16b..f4d9ccc04 100644
--- a/src/components/stateless/NotificationDrawer/index.jsx
+++ b/src/components/stateless/NotificationDrawer/index.jsx
@@ -11,17 +11,17 @@ const initialNotifications = [
     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分钟前' },
-  { id: 5, title: '文档更新', description: 'README.md 已优化，欢迎查阅。', read: true, time: '1天前' },
+  { id: 5, title: '文档更新', description: 'README.md 已优化，欢迎查阅。', read: true, time: '1天前' }
 ]
 
 const NotificationDropdown = ({ iconColor, variant = 'inline', buttonStyle, ghost = false }) => {
@@ -58,7 +58,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)
@@ -69,45 +69,47 @@ 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)}
-              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>
-          ))
-        )}
+        {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)}
+                  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
@@ -115,17 +117,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>
@@ -136,56 +138,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}
@@ -201,7 +205,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/PointerMove/index.jsx b/src/components/stateless/PointerMove/index.jsx
index 3f4651d57..5c8b72f61 100644
--- a/src/components/stateless/PointerMove/index.jsx
+++ b/src/components/stateless/PointerMove/index.jsx
@@ -46,7 +46,7 @@ const PointerMove = () => {
       className={styles.star}
       animate={{ x: coordinates?.x ?? 0, y: coordinates?.y ?? 0, opacity: 1 }}
       transition={{
-        type: 'spring',
+        type: 'spring'
       }}
     />
   )
diff --git a/src/pages/chatgpt/index.jsx b/src/pages/chatgpt/index.jsx
index 282ac8c2a..beab214e6 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'
@@ -120,14 +120,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
@@ -155,7 +155,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)
     }
   }
 
@@ -165,9 +165,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
@@ -218,7 +218,7 @@ const CustomComponents = {
           borderCollapse: 'collapse',
           border: '1px solid #d9d9d9',
           borderRadius: '6px',
-          overflow: 'hidden',
+          overflow: 'hidden'
         }}
       >
         {children}
@@ -231,7 +231,7 @@ const CustomComponents = {
       {...props}
       style={{
         backgroundColor: '#fafafa',
-        borderBottom: '2px solid #d9d9d9',
+        borderBottom: '2px solid #d9d9d9'
       }}
     >
       {children}
@@ -247,7 +247,7 @@ const CustomComponents = {
         fontWeight: 600,
         color: '#262626',
         borderRight: '1px solid #d9d9d9',
-        whiteSpace: 'normal',
+        whiteSpace: 'normal'
       }}
     >
       {children}
@@ -263,12 +263,12 @@ const CustomComponents = {
         borderRight: '1px solid #f0f0f0',
         verticalAlign: 'top',
         whiteSpace: 'normal',
-        wordBreak: 'break-word',
+        wordBreak: 'break-word'
       }}
     >
       {children}
     </td>
-  ),
+  )
 }
 
 const syncMermaidThemeFromToken = async (token, mode) => {
@@ -287,14 +287,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)
@@ -460,7 +460,7 @@ const PROJECT_TEMPLATES = {
 3. 包含至少 6 个代码块示例
 4. 包含至少 5 个数学公式
 5. 内容详实，符合大型企业级项目标准
-6. 所有图表都要有实际意义，不是占位符`,
+6. 所有图表都要有实际意义，不是占位符`
   },
   fintech: {
     title: '金融风控平台',
@@ -569,7 +569,7 @@ const PROJECT_TEMPLATES = {
 3. 包含至少 8 个代码块示例
 4. 包含至少 6 个数学公式
 5. 符合金融行业标准和监管要求
-6. 所有图表都要有实际业务意义`,
+6. 所有图表都要有实际业务意义`
   },
   smartCity: {
     title: '智慧城市运营中心',
@@ -691,8 +691,8 @@ const PROJECT_TEMPLATES = {
 3. 包含至少 10 个代码块示例
 4. 包含至少 6 个数学公式
 5. 符合智慧城市建设标准和规范
-6. 所有图表都要有实际应用场景`,
-  },
+6. 所有图表都要有实际应用场景`
+  }
 }
 
 // 修复后的 MermaidRenderer - 只在文档完成时渲染一次
@@ -775,7 +775,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)
@@ -815,7 +815,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`
@@ -837,34 +837,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>
@@ -880,7 +880,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 }} />
@@ -893,7 +893,7 @@ const MermaidChartViewer = ({ svg, title, themeMode }) => {
 MermaidChartViewer.propTypes = {
   svg: PropTypes.string,
   title: PropTypes.string,
-  themeMode: PropTypes.string,
+  themeMode: PropTypes.string
 }
 
 // NOSONAR
@@ -944,48 +944,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>
         )
       })}
@@ -996,7 +1000,7 @@ const MermaidRenderer = ({ content, readyState, themeMode }) => {
 MermaidRenderer.propTypes = {
   content: PropTypes.string,
   readyState: PropTypes.number,
-  themeMode: PropTypes.string,
+  themeMode: PropTypes.string
 }
 
 const ChatGpt = () => {
@@ -1148,7 +1152,7 @@ const ChatGpt = () => {
   const handleTemplateChange = (templateKey) => {
     setSelectedTemplate(templateKey)
     form.setFieldsValue({
-      text: PROJECT_TEMPLATES[templateKey].prompt,
+      text: PROJECT_TEMPLATES[templateKey].prompt
     })
   }
 
@@ -1167,7 +1171,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
@@ -1291,7 +1295,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
@@ -1376,25 +1380,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
@@ -1408,21 +1412,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 />}
@@ -1455,10 +1459,10 @@ PRD文档内容：
             {readyState === 1 && (
               <Progress
                 percent={Math.round(progress)}
-                status="active"
+                status='active'
                 strokeColor={{
                   '0%': '#108ee9',
-                  '100%': '#87d068',
+                  '100%': '#87d068'
                 }}
               />
             )}
@@ -1470,23 +1474,23 @@ PRD文档内容：
                 >
                   <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
@@ -1510,37 +1514,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>
@@ -1551,7 +1555,7 @@ PRD文档内容：
                 </div>
                 <div
                   style={{
-                    borderRadius: 6,
+                    borderRadius: 6
                   }}
                 >
                   <div ref={previewScrollRef} className={styles.previewScroll} onScroll={onPreviewScroll}>
@@ -1560,7 +1564,7 @@ PRD文档内容：
                       style={{
                         backgroundColor: previewStyle.backgroundColor,
                         minHeight: 400,
-                        padding: previewStyle.padding,
+                        padding: previewStyle.padding
                       }}
                       data-color-mode={theme}
                       skipHtml={false}
@@ -1575,7 +1579,7 @@ PRD文档内容：
                   style={{
                     marginTop: 20,
                     borderTop: '1px solid #f0f0f0',
-                    paddingTop: 20,
+                    paddingTop: 20
                   }}
                 >
                   <Text strong>Mermaid 图表展示</Text>
@@ -1599,7 +1603,7 @@ PRD文档内容：
           >
             <Space style={{ marginBottom: 15 }}>
               <Button
-                type="primary"
+                type='primary'
                 disabled={[0, 1].includes(structureReadyState)}
                 onClick={buildStructure}
                 icon={<ThunderboltOutlined />}
@@ -1615,14 +1619,14 @@ PRD文档内容：
                       {
                         key: '1',
                         label: '导出为PNG',
-                        icon: <DownloadOutlined />,
+                        icon: <DownloadOutlined />
                       },
                       {
                         key: '2',
                         label: '导出为SVG',
-                        icon: <DownloadOutlined />,
-                      },
-                    ],
+                        icon: <DownloadOutlined />
+                      }
+                    ]
                   }}
                 >
                   <Button icon={<DownloadOutlined />}>导出</Button>
@@ -1643,10 +1647,10 @@ PRD文档内容：
             {structureReadyState === 1 && (
               <Progress
                 percent={Math.round(progress)}
-                status="active"
+                status='active'
                 strokeColor={{
                   '0%': '#108ee9',
-                  '100%': '#87d068',
+                  '100%': '#87d068'
                 }}
               />
             )}
@@ -1659,7 +1663,7 @@ PRD文档内容：
                   borderRadius: 6,
                   padding: 20,
                   backgroundColor: '#fafafa',
-                  minHeight: 400,
+                  minHeight: 400
                 }}
               >
                 <MarkmapHooks markmap={formatMindmapContent(structureResult)} />
@@ -1679,7 +1683,7 @@ PRD文档内容：
               }`}
               style={{
                 backgroundColor: theme === 'light' ? '#ffffff' : '#1e1e1e',
-                color: theme === 'light' ? '#24292e' : '#c9d1d9',
+                color: theme === 'light' ? '#24292e' : '#c9d1d9'
               }}
             >
               <div className={styles.previewFullscreenHeader}>
@@ -1689,8 +1693,8 @@ PRD文档内容：
                 </Space>
                 <Space>
                   <Switch
-                    checkedChildren="亮色"
-                    unCheckedChildren="暗色"
+                    checkedChildren='亮色'
+                    unCheckedChildren='暗色'
                     checked={theme === 'light'}
                     onChange={(checked) => setTheme(checked ? 'light' : 'dark')}
                   />
@@ -1703,7 +1707,7 @@ PRD文档内容：
                   source={apiResult}
                   style={{
                     backgroundColor: 'transparent',
-                    minHeight: '100%',
+                    minHeight: '100%'
                   }}
                   data-color-mode={theme}
                   skipHtml={false}
@@ -1716,7 +1720,7 @@ PRD文档内容：
                   style={{
                     marginTop: 20,
                     borderTop: '1px solid #f0f0f0',
-                    paddingTop: 20,
+                    paddingTop: 20
                   }}
                 >
                   <Text strong>Mermaid 图表展示</Text>
diff --git a/src/pages/crypto/index.jsx b/src/pages/crypto/index.jsx
index c09e9f01e..522db08d3 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,15 +133,15 @@ 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 }}
                 />
               </div>
@@ -159,10 +159,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>
@@ -211,20 +211,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
@@ -234,7 +234,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 }}
@@ -250,16 +250,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>
@@ -267,14 +267,14 @@ 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 }}
               />{' '}
               <Button icon={<UnlockOutlined />} onClick={handleDecrypt} block disabled={!cipherText}>
@@ -287,10 +287,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>
@@ -310,7 +310,7 @@ const MyCrypto = () => {
           AES 加密
         </span>
       ),
-      children: <AESPanel />,
+      children: <AESPanel />
     },
     {
       key: 'rsa',
@@ -320,17 +320,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/layout/index.jsx b/src/pages/layout/index.jsx
index e8b8ef00a..d75ff0b14 100644
--- a/src/pages/layout/index.jsx
+++ b/src/pages/layout/index.jsx
@@ -30,16 +30,18 @@ const ProLayout = () => {
   return (
     <Layout className={styles.layout} ref={layoutRef}>
       {themeSettings.pointerMove ? <PointerMove /> : null}
-      {themeSettings.magicTrail ? (
-        <MagicTrail
-          containerRef={layoutRef}
-          colors={['#f59e0b', '#ec4899', '#8b5cf6', '#38bdf8', '#4ade80']}
-          trailLength={35}
-          particleCount={75}
-          decay={0.03}
-          smoothing={0.65}
-        />
-      ) : null}
+      {themeSettings.magicTrail
+        ? (
+          <MagicTrail
+            containerRef={layoutRef}
+            colors={['#f59e0b', '#ec4899', '#8b5cf6', '#38bdf8', '#4ade80']}
+            trailLength={35}
+            particleCount={75}
+            decay={0.03}
+            smoothing={0.65}
+          />
+          )
+        : null}
       <ProTabProvider>
         <ProHeader
           layout={layout}
@@ -47,29 +49,31 @@ const ProLayout = () => {
           isMobile={isMobile}
           onMobileMenuClick={() => setMobileOpen(true)}
         >
-          {layout === 'top' && !isMobile ? <ProSecNav mode="horizontal" theme={effectiveNavTheme} /> : null}
+          {layout === 'top' && !isMobile ? <ProSecNav mode='horizontal' theme={effectiveNavTheme} /> : null}
         </ProHeader>
         <Layout className={styles.layout}>
-          {isMobile ? (
-            <Drawer
-              placement="left"
-              onClose={() => setMobileOpen(false)}
-              open={mobileOpen}
-              size={208}
-              styles={{ body: { padding: 0 } }}
-              closable={false}
-            >
-              <ProSider theme={effectiveNavTheme} isMobile={true} collapsed={false}>
-                <ProSecNav mode="inline" theme={effectiveNavTheme} onMenuClick={() => setMobileOpen(false)} />
-              </ProSider>
-            </Drawer>
-          ) : (
-            layout !== 'top' && (
-              <ProSider theme={effectiveNavTheme} collapsed={collapsed} onCollapse={setCollapsed}>
-                <ProSecNav mode="inline" theme={effectiveNavTheme} />
-              </ProSider>
-            )
-          )}
+          {isMobile
+            ? (
+              <Drawer
+                placement='left'
+                onClose={() => setMobileOpen(false)}
+                open={mobileOpen}
+                size={208}
+                styles={{ body: { padding: 0 } }}
+                closable={false}
+              >
+                <ProSider theme={effectiveNavTheme} isMobile collapsed={false}>
+                  <ProSecNav mode='inline' theme={effectiveNavTheme} onMenuClick={() => setMobileOpen(false)} />
+                </ProSider>
+              </Drawer>
+              )
+            : (
+                layout !== 'top' && (
+                  <ProSider theme={effectiveNavTheme} collapsed={collapsed} onCollapse={setCollapsed}>
+                    <ProSecNav mode='inline' theme={effectiveNavTheme} />
+                  </ProSider>
+                )
+              )}
           <ProContent />
         </Layout>
       </ProTabProvider>
diff --git a/src/pages/layout/proHeader/index.jsx b/src/pages/layout/proHeader/index.jsx
index fff1b7921..51b139bcf 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'
@@ -62,7 +62,7 @@ const buildUserMenuItems = ({ tokenValue, isAuthenticated, user, redirectTo }) =
   {
     key: 'token',
     label: <>{tokenValue}</>,
-    disabled: true,
+    disabled: true
   },
   { type: 'divider' },
   {
@@ -71,7 +71,7 @@ const buildUserMenuItems = ({ tokenValue, isAuthenticated, user, redirectTo }) =
     icon: <UserOutlined />,
     onClick: () => {
       redirectTo('/profile')
-    },
+    }
   },
   {
     key: '2',
@@ -79,7 +79,7 @@ const buildUserMenuItems = ({ tokenValue, isAuthenticated, user, redirectTo }) =
     icon: <SmileOutlined />,
     onClick: () => {
       redirectTo('/setting')
-    },
+    }
   },
   {
     key: '3',
@@ -87,7 +87,7 @@ const buildUserMenuItems = ({ tokenValue, isAuthenticated, user, redirectTo }) =
     icon: <SmileOutlined />,
     onClick: () => {
       redirectTo('/contact')
-    },
+    }
   },
   {
     key: '4',
@@ -102,8 +102,8 @@ const buildUserMenuItems = ({ tokenValue, isAuthenticated, user, redirectTo }) =
       safeLogoutCleanup()
       removeLocalStorage('token')
       redirectTo('/signin')
-    },
-  },
+    }
+  }
 ]
 
 const buildMobileMoreItems = ({ primaryNavItems, onSettingClick, redirectGithub, redirectWiki, redirectWrapped }) => [
@@ -113,32 +113,32 @@ const buildMobileMoreItems = ({ primaryNavItems, onSettingClick, redirectGithub,
     key: 'notification',
     label: <NotificationDrawer />,
     icon: null,
-    onClick: undefined,
+    onClick: undefined
   },
   {
     key: 'github',
     label: 'Github',
     icon: <GithubOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectGithub,
+    onClick: redirectGithub
   },
   {
     key: 'wiki',
     label: 'Wiki',
     icon: <BookOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectWiki,
+    onClick: redirectWiki
   },
   {
     key: 'wrapped',
     label: 'Wrapped',
     icon: <RocketOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectWrapped,
+    onClick: redirectWrapped
   },
   {
     key: 'setting',
     label: '偏好设置',
     icon: <SettingOutlined style={{ fontSize: 16 }} />,
-    onClick: onSettingClick,
-  },
+    onClick: onSettingClick
+  }
 ]
 
 const safeLogoutCleanup = () => {
@@ -179,7 +179,7 @@ const renderMobileMenuTrigger = (isMobile, onMobileMenuClick) => {
   if (!isMobile) return null
   return (
     <button
-      type="button"
+      type='button'
       onClick={onMobileMenuClick}
       style={{
         margin: '0 16px',
@@ -188,7 +188,7 @@ const renderMobileMenuTrigger = (isMobile, onMobileMenuClick) => {
         alignItems: 'center',
         background: 'transparent',
         border: 'none',
-        padding: 0,
+        padding: 0
       }}
     >
       <MenuOutlined style={{ fontSize: 20 }} />
@@ -214,54 +214,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="全局菜单搜索 (Ctrl+K)" placement="bottom">
-      <Button icon={<SearchOutlined />} size="small" style={iconButtonStyle} onClick={() => setSearchOpen(true)} />
+    <Tooltip title='全局菜单搜索 (Ctrl+K)' placement='bottom'>
+      <Button icon={<SearchOutlined />} size='small' style={iconButtonStyle} onClick={() => setSearchOpen(true)} />
     </Tooltip>
 
-    <NotificationDrawer variant="button" buttonStyle={iconButtonStyle} />
-    <Tooltip title="GitHub" placement="bottom">
+    <NotificationDrawer variant='button' buttonStyle={iconButtonStyle} />
+    <Tooltip title='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 ? '明亮模式' : '暗黑模式'} placement="bottom">
+    <Tooltip title={isDark ? '明亮模式' : '暗黑模式'} 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="偏好设置" placement="bottom">
-      <Button icon={<SettingOutlined />} size="small" onClick={onSettingClick} style={iconButtonStyle} />
+    <Tooltip title='偏好设置' placement='bottom'>
+      <Button icon={<SettingOutlined />} size='small' onClick={onSettingClick} style={iconButtonStyle} />
     </Tooltip>
-    <Tooltip title="GitHub Wrapped" placement="bottom">
+    <Tooltip title='GitHub Wrapped' placement='bottom'>
       <Button
         icon={<RocketOutlined style={{ fontSize: 16 }} />}
-        size="small"
+        size='small'
         onClick={redirectWrapped}
         style={iconButtonStyle}
       />
     </Tooltip>
-    <Tooltip title="DeepWiki" placement="bottom">
+    <Tooltip title='DeepWiki' placement='bottom'>
       <Button
         icon={<BookOutlined style={{ fontSize: 16 }} />}
-        size="small"
+        size='small'
         onClick={redirectWiki}
         style={iconButtonStyle}
       />
@@ -272,25 +274,27 @@ const renderDesktopActions = ({
 
 const renderMobileActions = ({ isTopDarkHeader, isDark, handleThemeToggle, mobileMoreItems, setSearchOpen }) => (
   <Space>
-    <Tooltip title="菜单搜索">
+    <Tooltip title='菜单搜索'>
       <Button
         icon={<SearchOutlined style={{ color: isTopDarkHeader ? '#fff' : undefined }} />}
-        size="small"
+        size='small'
         style={{ fontSize: 18 }}
         onClick={() => setSearchOpen(true)}
       />
     </Tooltip>
-    <Tooltip title={isDark ? '明亮模式' : '暗黑模式'} placement="bottom">
+    <Tooltip title={isDark ? '明亮模式' : '暗黑模式'} 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>
@@ -303,11 +307,13 @@ const renderMobileActions = ({ isTopDarkHeader, isDark, handleThemeToggle, mobil
 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 navigate = useNavigate()
@@ -346,13 +352,13 @@ const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuCli
         onSettingClick,
         redirectGithub,
         redirectWiki,
-        redirectWrapped,
+        redirectWrapped
       }),
     [primaryNavItems, onSettingClick]
   )
 
   const {
-    token: { colorBgContainer, colorBorder },
+    token: { colorBgContainer, colorBorder }
   } = theme.useToken()
   const { themeSettings, updateSettings } = useProThemeContext()
   const isDark = themeSettings.themeMode === 'dark'
@@ -388,19 +394,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)}
@@ -415,7 +421,7 @@ const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuCli
             redirectWiki,
             redirectWrapped,
             mobileMoreItems,
-            setSearchOpen,
+            setSearchOpen
           })}
           <Dropdown arrow menu={{ items }} trigger={['click']}>
             {renderUserTrigger(isAuthenticated, user, iconButtonStyle)}
@@ -434,7 +440,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 ec87c8326..802f9ab36 100644
--- a/src/pages/layout/proSecNav/index.jsx
+++ b/src/pages/layout/proSecNav/index.jsx
@@ -284,7 +284,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
 
       return (
         <button
-          type="button"
+          type='button'
           onMouseEnter={onPreload}
           onFocus={onPreload}
           onClick={onPreload}
@@ -305,7 +305,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
       const base = {
         ...rest,
         path,
-        label: Label,
+        label: Label
       }
       return children ? { ...base, children: children.map(translateItem) } : base
     }
@@ -381,7 +381,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/layout/proTabs/index.jsx b/src/pages/layout/proTabs/index.jsx
index bb62ebd23..fe4ab6411 100644
--- a/src/pages/layout/proTabs/index.jsx
+++ b/src/pages/layout/proTabs/index.jsx
@@ -25,12 +25,12 @@ const ProTabs = (props) => {
   const fullPath = pathname + search
 
   const {
-    token: { colorBgContainer },
+    token: { colorBgContainer }
   } = theme.useToken()
 
   const renderTabBar = (props, DefaultTabBar) => (
     <StickyBox offsetTop={0} style={{ zIndex: 10 }}>
-      <DefaultTabBar {...props} className="pro-tabs" style={{ ...props.style, backgroundColor: colorBgContainer }} />
+      <DefaultTabBar {...props} className='pro-tabs' style={{ ...props.style, backgroundColor: colorBgContainer }} />
     </StickyBox>
   )
 
@@ -38,7 +38,7 @@ const ProTabs = (props) => {
     document.querySelector('#container').scrollTo({
       top: 0,
       left: 0,
-      behavior: 'smooth',
+      behavior: 'smooth'
     })
   }, [pathname])
 
@@ -116,12 +116,12 @@ const ProTabs = (props) => {
   const tabRightMenu = [
     {
       label: '关闭其他',
-      key: 'other',
+      key: 'other'
     },
     {
       label: '全部关闭',
-      key: 'all',
-    },
+      key: 'all'
+    }
   ]
 
   const fixError = () => {
@@ -134,55 +134,57 @@ const ProTabs = (props) => {
   return (
     <Tabs
       hideAdd
-      type="editable-card"
+      type='editable-card'
       animated={{ inkBar: true, tabPane: false }}
       onChange={onChange}
       onTabClick={onTabClick}
       onTabScroll={onTabScroll}
       onEdit={onEdit}
       renderTabBar={renderTabBar}
-      className="layout-container"
-      id="container"
+      className='layout-container'
+      id='container'
       tabBarStyle={{
         zIndex: 2,
-        marginBottom: 0,
+        marginBottom: 0
       }}
       activeKey={activeKey}
       destroyOnHidden={false}
       tabBarExtraContent={{
         left: (
-          <Space align="center" size={30} style={{ margin: '0 10px' }}>
+          <Space align='center' size={30} style={{ margin: '0 10px' }}>
             <FireOutlined style={{ color: '#eb2f96', fontSize: 16 }} />
           </Space>
         ),
         right: (
           <>
             <Space style={{ padding: '0 5px' }}>
-              <Fullscreen ele="#fullScreenContent" placement="left" tips="主内容全屏" />
+              <Fullscreen ele='#fullScreenContent' placement='left' tips='主内容全屏' />
             </Space>
-            {panes.length > 2 ? (
-              <Dropdown
-                menu={{
-                  items: tabRightMenu,
-                  onClick: ({ key }) => {
-                    onTabContextMenu(key)
-                  },
-                }}
-                trigger={['hover']}
-              >
-                <Button type="link">
-                  More <DownOutlined />
-                </Button>
-              </Dropdown>
-            ) : null}
+            {panes.length > 2
+              ? (
+                <Dropdown
+                  menu={{
+                    items: tabRightMenu,
+                    onClick: ({ key }) => {
+                      onTabContextMenu(key)
+                    }
+                  }}
+                  trigger={['hover']}
+                >
+                  <Button type='link'>
+                    More <DownOutlined />
+                  </Button>
+                </Dropdown>
+                )
+              : null}
           </>
-        ),
+        )
       }}
       items={panes.map((pane) => ({
         label: (
           <span style={{ display: 'flex', gap: '5px', alignItems: 'center' }}>
             {pane.key === fullPath && pane.key !== '/404' && (
-              <SyncOutlined onClick={refreshTab} title="刷新" spin={isReload} />
+              <SyncOutlined onClick={refreshTab} title='刷新' spin={isReload} />
             )}
             {pane.i18nKey ? t(pane.i18nKey) : pane.title}
           </span>
@@ -192,19 +194,21 @@ const ProTabs = (props) => {
         forceRender: true,
         children: (
           <ErrorBoundary onReset={fixError} navigate={redirectTo}>
-            <div className="layout-tabpanel">
+            <div className='layout-tabpanel'>
               <KeepAlive id={pane.key} active={pane.key === fullPath} persistOnUnmount={pane.key === '/'}>
                 <Suspense fallback={<Loading />}>
-                  {isReload && pane.key === fullPath && pane.key !== '/404' ? (
-                    <Loading tip="刷新中..." />
-                  ) : (
-                    <>{pane.content}</>
-                  )}
+                  {isReload && pane.key === fullPath && pane.key !== '/404'
+                    ? (
+                      <Loading tip='刷新中...' />
+                      )
+                    : (
+                      <>{pane.content}</>
+                      )}
                 </Suspense>
               </KeepAlive>
             </div>
           </ErrorBoundary>
-        ),
+        )
       }))}
     />
   )
@@ -213,7 +217,7 @@ const ProTabs = (props) => {
 ProTabs.propTypes = {
   panesItem: PropTypes.object,
   tabActiveKey: PropTypes.string,
-  style: PropTypes.object,
+  style: PropTypes.object
 }
 
 export default ProTabs
diff --git a/src/pages/motion/index.jsx b/src/pages/motion/index.jsx
index ff62e2498..389e39ebd 100644
--- a/src/pages/motion/index.jsx
+++ b/src/pages/motion/index.jsx
@@ -30,34 +30,34 @@ const ParallaxVert = () => {
             margin: '20px auto',
             padding: '20px',
             backgroundColor: 'rgba(255, 255, 255, 0.05)',
-            backdropFilter: 'blur(10px)',
+            backdropFilter: 'blur(10px)'
           }}
           ref={constraintsRef}
-          className="dark:border-gray-600 dark:bg-black/20"
+          className='dark:border-gray-600 dark:bg-black/20'
         >
           <motion.div
             style={{
               width: 100,
               height: 100,
               backgroundColor: '#333',
-              borderRadius: '20px',
+              borderRadius: '20px'
             }}
-            className="dark:bg-gray-700"
+            className='dark:bg-gray-700'
             animate={controller}
             whileDrag={{
               backgroundColor: '#666',
-              scale: 1.2,
+              scale: 1.2
             }}
             drag
             onDragStart={(event, info) => console.log(info.point.x, info.point.y)}
             onDragEnd={(event, info) => console.log(info.point.x, info.point.y)}
             onDirectionLock={(axis) => console.log('axis', axis)}
-            dragSnapToOrigin={true}
+            dragSnapToOrigin
             dragConstraints={constraintsRef}
-          ></motion.div>
-          <div className="flex flex-col flex-wrap justify-center gap-3 sm:flex-row sm:gap-5">
+          />
+          <div className='flex flex-col flex-wrap justify-center gap-3 sm:flex-row sm:gap-5'>
             <motion.div
-              className="font-system cursor-pointer rounded-[20px] bg-black px-6 py-2.5 text-sm tracking-wider whitespace-nowrap text-white transition-colors duration-200 hover:bg-gray-800 sm:text-base dark:bg-white dark:text-black dark:hover:bg-gray-200"
+              className='font-system cursor-pointer rounded-[20px] bg-black px-6 py-2.5 text-sm tracking-wider whitespace-nowrap text-white transition-colors duration-200 hover:bg-gray-800 sm:text-base dark:bg-white dark:text-black dark:hover:bg-gray-200'
               onTap={() => {
                 controller.start({ scale: 1.2 })
               }}
@@ -65,7 +65,7 @@ const ParallaxVert = () => {
               大
             </motion.div>
             <motion.div
-              className="font-system cursor-pointer rounded-[20px] bg-black px-6 py-2.5 text-sm tracking-wider whitespace-nowrap text-white transition-colors duration-200 hover:bg-gray-800 sm:text-base dark:bg-white dark:text-black dark:hover:bg-gray-200"
+              className='font-system cursor-pointer rounded-[20px] bg-black px-6 py-2.5 text-sm tracking-wider whitespace-nowrap text-white transition-colors duration-200 hover:bg-gray-800 sm:text-base dark:bg-white dark:text-black dark:hover:bg-gray-200'
               onTap={() => {
                 controller.start({ rotate: 45 })
               }}
@@ -73,7 +73,7 @@ const ParallaxVert = () => {
               旋转
             </motion.div>
             <motion.div
-              className="font-system cursor-pointer rounded-[20px] bg-black px-6 py-2.5 text-sm tracking-wider whitespace-nowrap text-white transition-colors duration-200 hover:bg-gray-800 sm:text-base dark:bg-white dark:text-black dark:hover:bg-gray-200"
+              className='font-system cursor-pointer rounded-[20px] bg-black px-6 py-2.5 text-sm tracking-wider whitespace-nowrap text-white transition-colors duration-200 hover:bg-gray-800 sm:text-base dark:bg-white dark:text-black dark:hover:bg-gray-200'
               onClick={() => {
                 controller.start({ opacity: 0.2 })
               }}
@@ -81,7 +81,7 @@ const ParallaxVert = () => {
               透明度
             </motion.div>
             <motion.div
-              className="font-system cursor-pointer rounded-[20px] bg-black px-6 py-2.5 text-sm tracking-wider whitespace-nowrap text-white transition-colors duration-200 hover:bg-gray-800 sm:text-base dark:bg-white dark:text-black dark:hover:bg-gray-200"
+              className='font-system cursor-pointer rounded-[20px] bg-black px-6 py-2.5 text-sm tracking-wider whitespace-nowrap text-white transition-colors duration-200 hover:bg-gray-800 sm:text-base dark:bg-white dark:text-black dark:hover:bg-gray-200'
               onTap={() => {
                 controller.start({ opacity: 1, rotate: 0, scale: 1.0 })
               }}
@@ -90,27 +90,27 @@ const ParallaxVert = () => {
             </motion.div>
           </div>
         </motion.div>
-      ),
+      )
     },
     {
       title: 'About',
       content: '关于我们：我们致力于创造优秀的用户体验，通过现代化的技术栈和设计理念。',
-      component: <AboutSection scrollContainerRef={scrollContainerRef} />,
+      component: <AboutSection scrollContainerRef={scrollContainerRef} />
     },
     {
       title: 'Contact',
       content: '联系我们：如果您有任何问题或建议，请随时与我们取得联系。',
-      component: <ContactSection scrollContainerRef={scrollContainerRef} />,
-    },
+      component: <ContactSection scrollContainerRef={scrollContainerRef} />
+    }
   ]
 
   return (
     <FixTabPanel
       ref={scrollContainerRef}
-      showScrollProgress={true}
+      showScrollProgress
       scrollProgressProps={{
         height: 3,
-        color: 'linear-gradient(108deg,#0894ff,#ff2e54 70%,#ff9004)',
+        color: 'linear-gradient(108deg,#0894ff,#ff2e54 70%,#ff9004)'
       }}
       style={{ height: '100%' }}
     >
@@ -118,11 +118,11 @@ const ParallaxVert = () => {
       <ScrollableSections
         sections={sections}
         scrollContainerRef={scrollContainerRef}
-        navUlClassName="custom-nav-ul"
-        navLiClassName="custom-nav-li"
-        titleClassName="custom-title"
-        contentClassName="custom-content"
-        componentClassName="custom-component"
+        navUlClassName='custom-nav-ul'
+        navLiClassName='custom-nav-li'
+        titleClassName='custom-title'
+        contentClassName='custom-content'
+        componentClassName='custom-component'
       />
     </FixTabPanel>
   )
diff --git a/src/pages/portfilo/index.jsx b/src/pages/portfilo/index.jsx
index 283dd2e13..a4ea588ad 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 = () => {
@@ -83,7 +83,7 @@ const MyPortfilo = () => {
   const scaleX = useSpring(scrollYProgress, {
     stiffness: 100,
     damping: 30,
-    restDelta: 0.001,
+    restDelta: 0.001
   })
 
   const [targetOffset, setTargetOffset] = useState(80)
@@ -99,7 +99,7 @@ const MyPortfilo = () => {
     { key: 'skills', href: '#skills', title: <span style={{ fontSize: 12 }}>Skills</span> },
     { key: 'projects', href: '#projects', title: <span style={{ fontSize: 12 }}>Work</span> },
     { key: 'experience', href: '#experience', title: <span style={{ fontSize: 12 }}>Exp</span> },
-    { key: 'contact', href: '#contact', title: <span style={{ fontSize: 12 }}>Contact</span> },
+    { key: 'contact', href: '#contact', title: <span style={{ fontSize: 12 }}>Contact</span> }
   ]
 
   const handleAnchorClick = (e, link) => {
@@ -122,7 +122,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 = [
@@ -130,20 +130,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 D3.js and ECharts.',
       tags: ['Vue', 'D3.js', 'ECharts'],
-      icon: <CodeOutlined />,
-    },
+      icon: <CodeOutlined />
+    }
   ]
 
   const experiences = [
@@ -151,25 +151,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'
       style={{
         backgroundColor: token.colorBgContainer,
         color: token.colorText,
@@ -182,7 +182,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 */}
@@ -195,19 +195,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',
@@ -218,19 +218,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',
@@ -241,7 +241,7 @@ const MyPortfilo = () => {
             borderRadius: '50%',
             background: token.colorSuccess,
             filter: 'blur(120px)',
-            opacity: 0.08,
+            opacity: 0.08
           }}
         />
       </div>
@@ -256,7 +256,7 @@ const MyPortfilo = () => {
           height: 4,
           background: token.colorPrimary,
           transformOrigin: '0%',
-          zIndex: 1000,
+          zIndex: 1000
         }}
       />
 
@@ -269,13 +269,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={{
@@ -286,83 +286,85 @@ 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={() => 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={() => document.getElementById('portfolio-container')}
+              direction='vertical'
+              onClick={handleAnchorClick}
+              items={navItems}
+              style={{ backgroundColor: 'transparent' }}
+            />
+          </div>
+          )}
 
       <div style={{ maxWidth: 1200, margin: '0 auto', padding: '0 24px', position: 'relative', 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 }}
@@ -378,22 +380,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' })}
               >
@@ -404,11 +406,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 }}>
@@ -429,16 +431,16 @@ 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 }}>{item.icon}</div>
@@ -453,8 +455,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]}>
@@ -468,7 +470,7 @@ const MyPortfilo = () => {
                       fontSize: 16,
                       borderRadius: 20,
                       border: 'none',
-                      marginBottom: 8,
+                      marginBottom: 8
                     }}
                   >
                     {skill.name}
@@ -482,7 +484,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.
@@ -492,7 +494,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.
@@ -502,7 +504,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.
@@ -515,8 +517,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]}>
@@ -535,16 +537,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
@@ -568,38 +570,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 }}
@@ -611,14 +613,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/signin/index.jsx b/src/pages/signin/index.jsx
index fa3cce2db..eaa525c97 100644
--- a/src/pages/signin/index.jsx
+++ b/src/pages/signin/index.jsx
@@ -118,7 +118,7 @@ const SignIn = () => {
   const fillAccount = (email) => {
     form.setFieldsValue({
       email,
-      password: testAccounts[email].password,
+      password: testAccounts[email].password
     })
   }
 
@@ -131,13 +131,13 @@ const SignIn = () => {
     '--signin-text-2': token.colorTextSecondary,
     '--signin-primary': token.colorPrimary,
     '--signin-primary-2': token.colorInfo,
-    '--signin-shadow': token.boxShadowSecondary,
+    '--signin-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.grid} style={{ padding: isMobile ? 16 : 24 }}>
           {/* Left: Brand / Tech hero */}
@@ -145,10 +145,10 @@ const SignIn = () => {
             <section className={styles.hero}>
               <div className={styles.heroInner}>
                 <div className={styles.badgeRow}>
-                  <Tag variant="filled" color="processing">
+                  <Tag variant='filled' color='processing'>
                     AI-ready Console
                   </Tag>
-                  <Tag variant="filled">Pro React Admin</Tag>
+                  <Tag variant='filled'>Pro React Admin</Tag>
                 </div>
                 <Title level={1} className={styles.heroTitle}>
                   面向 AI 时代的
@@ -168,23 +168,23 @@ const SignIn = () => {
 
           {/* Right: Auth card */}
           <section className={styles.panel}>
-            <Card className={styles.card} variant="borderless" styles={{ body: { padding: isMobile ? 16 : 24 } }}>
+            <Card className={styles.card} variant='borderless' styles={{ body: { padding: isMobile ? 16 : 24 } }}>
               <div className={styles.titleBox}>
                 <Title level={2} className={styles.title}>
                   登录
                 </Title>
-                <Text type="secondary">选择测试账号快速填充，或输入凭据登录</Text>
+                <Text type='secondary'>选择测试账号快速填充，或输入凭据登录</Text>
               </div>
 
               {/* 测试账号快捷选择 */}
               <div className={styles.quickBox}>
                 <div className={styles.quickHeader}>
                   <Text strong>测试账号</Text>
-                  <Text type="secondary">（点击填充）</Text>
+                  <Text type='secondary'>（点击填充）</Text>
                 </div>
                 <div className={styles.quickList}>
                   {Object.entries(testAccounts).map(([email, account]) => (
-                    <button key={email} type="button" className={styles.quickItem} onClick={() => fillAccount(email)}>
+                    <button key={email} type='button' className={styles.quickItem} onClick={() => fillAccount(email)}>
                       <div className={styles.quickLeft}>
                         <span className={styles.quickTag}>{account.name}</span>
                         <span className={styles.quickMeta}>{email}</span>
@@ -197,37 +197,37 @@ const SignIn = () => {
 
               <Form
                 form={form}
-                name="signin"
+                name='signin'
                 onFinish={onFinish}
                 onFinishFailed={onFinishFailed}
-                autoComplete="off"
-                layout="vertical"
-                size="large"
+                autoComplete='off'
+                layout='vertical'
+                size='large'
               >
                 <Form.Item
-                  name="email"
+                  name='email'
                   rules={[
                     { required: true, message: '请输入邮箱!' },
-                    { type: 'email', message: '请输入有效的邮箱格式!' },
+                    { type: 'email', message: '请输入有效的邮箱格式!' }
                   ]}
                 >
-                  <Input prefix={<UserOutlined />} placeholder="邮箱" />
+                  <Input prefix={<UserOutlined />} placeholder='邮箱' />
                 </Form.Item>
 
-                <Form.Item name="password" rules={[{ required: true, message: '请输入密码!' }]}>
-                  <Input.Password prefix={<LockOutlined />} placeholder="密码" />
+                <Form.Item name='password' rules={[{ required: true, message: '请输入密码!' }]}>
+                  <Input.Password prefix={<LockOutlined />} placeholder='密码' />
                 </Form.Item>
 
                 <Form.Item style={{ marginBottom: 8 }}>
-                  <Button type="primary" htmlType="submit" block>
+                  <Button type='primary' htmlType='submit' block>
                     登录
                   </Button>
                 </Form.Item>
               </Form>
 
               <div className={styles.footerRow}>
-                <Text type="secondary">还没有账号？</Text>
-                <Button type="link" className={styles.registerBtn} onClick={() => redirectTo('/signup')}>
+                <Text type='secondary'>还没有账号？</Text>
+                <Button type='link' className={styles.registerBtn} onClick={() => redirectTo('/signup')}>
                   去注册
                 </Button>
               </div>
diff --git a/src/pages/topology/index.jsx b/src/pages/topology/index.jsx
index 9f5fcaa8d..0a309b66c 100644
--- a/src/pages/topology/index.jsx
+++ b/src/pages/topology/index.jsx
@@ -12,7 +12,7 @@ const nodeStyles = {
   service: { background: '#f6ffed', border: '1px solid #b7eb8f', color: '#52c41a' },
   data: { background: '#f9f0ff', border: '1px solid #d3adf7', color: '#722ed1' },
   // 修复：移除了 CSS 属性值中不必要的内部引号
-  infra: { background: '#fff1f0', border: '1px solid #ffccc7', color: '#f5222d' },
+  infra: { background: '#fff1f0', border: '1px solid #ffccc7', color: '#f5222d' }
 }
 
 const initialNodes = [
@@ -22,13 +22,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
   },
 
   // --- 网关层 ---
@@ -36,7 +36,7 @@ const initialNodes = [
     id: '3',
     position: { x: 400, y: 180 },
     data: { label: 'API Gateway', type: 'gateway' },
-    style: nodeStyles.gateway,
+    style: nodeStyles.gateway
   },
 
   // --- 核心服务层 ---
@@ -44,37 +44,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
   },
 
   // --- 基础设施层 ---
@@ -82,13 +82,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
   },
 
   // --- 数据层 ---
@@ -96,26 +96,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 = [
@@ -154,10 +154,10 @@ const initialEdges = [
   { id: 'e6-11', source: '6', target: '11', type: 'smoothstep', style: { strokeDasharray: '5 5' } },
   { id: 'e7-11', source: '7', target: '11', type: 'smoothstep', style: { strokeDasharray: '5 5' } },
   { id: 'e8-11', source: '8', target: '11', type: 'smoothstep', style: { strokeDasharray: '5 5' } },
-  { id: 'e3-11', source: '3', target: '11', type: 'smoothstep', style: { strokeDasharray: '5 5' } },
+  { id: 'e3-11', source: '3', target: '11', type: 'smoothstep', style: { strokeDasharray: '5 5' } }
 ]
 
-function Flow() {
+function Flow () {
   const [nodes, , onNodesChange] = useNodesState(initialNodes)
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges)
 
@@ -221,7 +221,7 @@ function Flow() {
   }, [refreshFlowViewport])
 
   return (
-    <FixTabPanel fill={true}>
+    <FixTabPanel fill>
       <div ref={containerRef} style={{ width: '100%', height: '100%' }}>
         <ReactFlow
           nodes={safeNodes}
@@ -236,7 +236,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 8aa4fd5d2..75a8fab87 100644
--- a/src/routers/authRouter.jsx
+++ b/src/routers/authRouter.jsx
@@ -43,7 +43,7 @@ const AuthRouter = (props) => {
         const pattern = candidate.startsWith('/') ? candidate : `/${candidate}`
         return Boolean(
           matchPath({ path: pattern, end: true }, normalized) ||
-          matchPath({ path: pattern.endsWith('/*') ? pattern : `${pattern}/*`, end: false }, normalized)
+            matchPath({ path: pattern.endsWith('/*') ? pattern : `${pattern}/*`, end: false }, normalized)
         )
       })
     }
@@ -197,7 +197,7 @@ const AuthRouter = (props) => {
       return (
         <>
           {contextHolder}
-          <Navigate to="/signin" replace />
+          <Navigate to='/signin' replace />
         </>
       )
     }
@@ -216,7 +216,7 @@ const AuthRouter = (props) => {
 
 AuthRouter.propTypes = {
   route: PropTypes.object,
-  children: PropTypes.node,
+  children: PropTypes.node
 }
 
 export default AuthRouter
diff --git a/src/service/http.js b/src/service/http.js
index 9ee4e7d54..51a3b40e2 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,17 +222,17 @@ 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 })
     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}`)
@@ -252,7 +252,7 @@ class HttpClient {
         config.onProgress({
           loaded: receivedLength,
           total: contentLength,
-          percent: Math.round((receivedLength / contentLength) * 100),
+          percent: Math.round((receivedLength / contentLength) * 100)
         })
       }
     }
@@ -284,7 +284,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()
@@ -296,7 +296,7 @@ class HttpClient {
   }
 
   // 并发控制 (简单实现)
-  parallel(tasks) {
+  parallel (tasks) {
     return Promise.all(tasks.map((task) => (typeof task === 'function' ? task() : this.request(task.url, task))))
   }
 }
@@ -342,7 +342,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 5716fc415..5062bc363 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,27 +167,27 @@ 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 }
   logger.info('默认请求头已更新:', headers)
 }
 
-export function setTimeout(timeout) {
+export function setTimeout (timeout) {
   CONFIG.TIMEOUT = timeout
   axiosInstance.defaults.timeout = timeout
   logger.info('请求超时时间已更新:', timeout)
@@ -271,7 +271,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
@@ -284,7 +284,7 @@ axiosInstance.interceptors.request.use(
 )
 
 // 处理未授权
-function handleUnauthorized(message) {
+function handleUnauthorized (message) {
   // authService.logout() // 移除以避免循环依赖
   // 清理权限缓存与开发覆盖，避免跳转登录后仍沿用旧权限
   try {
@@ -426,7 +426,7 @@ axiosInstance.interceptors.response.use(
 
 // ==================== 11. 文件下载处理 ====================
 class DownloadHandler {
-  static async handleDownload(response, fileName) {
+  static async handleDownload (response, fileName) {
     try {
       const blob = response.data
 
@@ -453,7 +453,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 = []
 
@@ -475,7 +475,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++) {
@@ -497,10 +497,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))
     ])
   }
 }
@@ -528,12 +528,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
     })
   },
 
@@ -543,12 +543,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
     })
   },
 
@@ -558,12 +558,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
     })
   },
 
@@ -573,12 +573,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
     })
   },
 
@@ -588,12 +588,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
     })
   },
 
@@ -605,16 +605,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
     })
   },
 
@@ -625,7 +625,7 @@ const request = {
    * @param {object} config - axios 配置
    * @param {function} config.onProgress - 上传进度回调
    */
-  upload(url, data, config = {}) {
+  upload (url, data, config = {}) {
     let formData = data
 
     // 如果传入的不是 FormData，则转换
@@ -644,7 +644,7 @@ const request = {
       data: formData,
       headers: {
         'Content-Type': 'multipart/form-data',
-        ...(config.headers || {}),
+        ...(config.headers || {})
       },
       onUploadProgress: (progressEvent) => {
         if (onUploadProgress && progressEvent.total) {
@@ -652,11 +652,11 @@ const request = {
           onUploadProgress({
             percent,
             loaded: progressEvent.loaded,
-            total: progressEvent.total,
+            total: progressEvent.total
           })
         }
       },
-      ...config,
+      ...config
     })
   },
 
@@ -668,7 +668,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
@@ -685,11 +685,11 @@ const request = {
           onDownloadProgress({
             percent,
             loaded: progressEvent.loaded,
-            total: progressEvent.total,
+            total: progressEvent.total
           })
         }
       },
-      ...safeConfig,
+      ...safeConfig
     })
 
     return DownloadHandler.handleDownload(response, fileName)
@@ -703,13 +703,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
     })
   },
 
@@ -717,7 +717,7 @@ const request = {
    * 通用请求方法
    * @param {object} config - axios 配置
    */
-  request(config) {
+  request (config) {
     return axiosInstance.request(config)
   },
 
@@ -728,7 +728,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
@@ -750,7 +750,7 @@ const request = {
    * 串行请求
    * @param {Array} requests - 请求数组
    */
-  async series(requests = []) {
+  async series (requests = []) {
     const results = []
 
     for (const req of requests) {
@@ -784,14 +784,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
 }
 
 // ==================== 导出 ====================