diff --git a/.github/workflows/compile-and-test.yml b/.github/workflows/compile-and-test.yml
index f15623be..318bb747 100644
--- a/.github/workflows/compile-and-test.yml
+++ b/.github/workflows/compile-and-test.yml
@@ -68,7 +68,7 @@ jobs:
       - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test --if-present
         if: matrix.os == 'ubuntu-latest'
 
-      - uses: actions/attest-build-provenance@v2
+      - uses: actions/attest-build-provenance@v3
         with:
           subject-path: "dist/root*, dist/latest*.yml"
 
diff --git a/.gitignore b/.gitignore
index db005ebe..4ed2e7aa 100644
--- a/.gitignore
+++ b/.gitignore
@@ -54,3 +54,4 @@ thumbs.db
 # Editor-based Rest Client
 .idea/httpRequests
 /.idea/csv-plugin.xml
+需求文档/整合需求文档.md
diff --git a/package.json b/package.json
index 537898bf..9ccfe737 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
   },
   "dependencies": {
     "archiver": "^7.0.1",
+    "better-sqlite3": "^12.2.0",
     "conf": "^14.0.0",
     "electron-data": "^2.1.2",
     "electron-store": "^10.1.0",
diff --git a/packages/main/package.json b/packages/main/package.json
index 627b0863..9ba074f4 100644
--- a/packages/main/package.json
+++ b/packages/main/package.json
@@ -22,7 +22,7 @@
   "devDependencies": {
     "@app/electron-versions": "*",
     "electron-devtools-installer": "4.0.0",
-    "@types/conf": "^14.0.0",}]}}}
+    "@types/conf": "^14.0.0",
     "typescript": "5.8.3",
     "vite": "7.0.0"
   }
diff --git a/packages/main/src/apis/electronApi.ts b/packages/main/src/apis/electronApi.ts
index dbe205ad..5fad6d20 100644
--- a/packages/main/src/apis/electronApi.ts
+++ b/packages/main/src/apis/electronApi.ts
@@ -1,9 +1,41 @@
 import { ipcMain } from 'electron';
+import { authService } from '../utils/AuthService.js';
+import { errorHandlingService } from '../utils/ErrorHandlingService';
+import { notificationService } from '../utils/NotificationService';
+
+// 用户认证相关API
+ipcMain.handle('login', async (event, loginInfo) => {
+  try {
+    const session = await authService.login(loginInfo);
+    return { success: true, session };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('logout', async () => {
+  try {
+    await authService.logout();
+    return { success: true };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('checkAuthStatus', async () => {
+  try {
+    const status = await authService.checkStatus();
+    return { success: true, status };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
 import { getLogManager } from '../utils/LogManager.js';
 import { acfunDanmuModule } from '../modules/AcfunDanmuModule.js';
 import settingsModule from '../modules/SettingsModule.js';
 import UserModule from '../modules/UserModule.js';
 import DashboardModule from '../modules/DashboardModule.js';
+import { appManager } from '../utils/AppManager';
 
 // 初始化用户模块和仪表盘模块
 const userModule = new UserModule();
@@ -16,7 +48,7 @@ let liveManagementModule: any;
 ipcMain.on('apps-ready', () => {
   liveManagementModule = globalThis.appManager.getModule('LiveManagementModule');
   if (!liveManagementModule) {
-    console.error('Failed to get LiveManagementModule instance from AppManager');
+    logger.error('Failed to get LiveManagementModule instance from AppManager');
   }
 });
 
@@ -27,7 +59,7 @@ ipcMain.on('apps-ready', () => {
     // 注册应用模块
     ipcMain.handle('app:registerModule', async (_, moduleName: string, modulePath: string) => {
         try {
-            const appManager = globalThis.appManager as any;
+            const appManager = globalThis.appManager as AppManager;
             await appManager.registerModule(moduleName, modulePath);
             return { success: true };
         } catch (error) {
@@ -39,7 +71,7 @@ ipcMain.on('apps-ready', () => {
     // 启用应用模块
     ipcMain.handle('app:enableModule', async (_, moduleName: string) => {
         try {
-            const appManager = globalThis.appManager as any;
+            const appManager = globalThis.appManager as AppManager;
             await appManager.enableModule(moduleName);
             return { success: true };
         } catch (error) {
@@ -149,6 +181,17 @@ export function initializeElectronApi() {
         }
     });
 
+    // 同步开播（设置推流码并启动直播）
+    ipcMain.handle('live:syncStartBroadcast', async () => {
+        try {
+            await liveManagementModule.syncStartBroadcast();
+            return { success: true };
+        } catch (error) {
+            console.error('Error syncing and starting broadcast:', error);
+            return { success: false, error: error instanceof Error ? error.message : String(error) };
+        }
+    });
+
     ipcMain.handle('live:saveOBSConfig', async (_, config) => {
         try {
             const result = await liveManagementModule.saveOBSConfig(config);
@@ -169,7 +212,60 @@ export function initializeElectronApi() {
         }
     });
 
-    // Acfun弹幕模块相关API
+    // 直播管理相关API扩展
+ipcMain.handle('live:configureRoom', async (_, roomConfig) => {
+  try {
+    const result = await liveManagementModule.configureRoom(roomConfig);
+    return { success: true, data: result };
+  } catch (error) {
+    console.error('Error configuring room:', error);
+    return { success: false, error: error instanceof Error ? error.message : String(error) };
+  }
+});
+
+ipcMain.handle('live:startStreaming', async (_, streamConfig) => {
+  try {
+    const streamInfo = await liveManagementModule.startStreaming(streamConfig);
+    return { success: true, data: streamInfo };
+  } catch (error) {
+    console.error('Error starting streaming:', error);
+    return { success: false, error: error instanceof Error ? error.message : String(error) };
+  }
+});
+
+ipcMain.handle('live:stopStreaming', async () => {
+  try {
+    await liveManagementModule.stopStreaming();
+    return { success: true };
+  } catch (error) {
+    console.error('Error stopping streaming:', error);
+    return { success: false, error: error instanceof Error ? error.message : String(error) };
+  }
+});
+
+// 获取直播分类
+ipcMain.handle('live:getCategories', async () => {
+  try {
+    const categories = await liveService.getCategories();
+    return { success: true, data: categories };
+  } catch (error) {
+    console.error('Error fetching categories:', error);
+    return { success: false, error: error instanceof Error ? error.message : String(error) };
+  }
+});
+
+// 获取推流信息
+ipcMain.handle('live:getStreamInfo', async () => {
+  try {
+    const streamInfo = await liveService.getStreamInfo();
+    return { success: true, data: streamInfo };
+  } catch (error) {
+    console.error('Error fetching stream info:', error);
+    return { success: false, error: error instanceof Error ? error.message : String(error) };
+  }
+});
+
+// Acfun弹幕模块相关API
     // 发送弹幕
     ipcMain.handle('acfunDanmu:sendDanmu', async (_, liveId: number, content: string) => {
         try {
@@ -521,4 +617,282 @@ export function initializeElectronApi() {
             return { success: false, error: 'Failed to start app' };
         }
     });
+
+    // 小程序管理相关API
+    ipcMain.handle('getInstalledMiniPrograms', async () => {
+        try {
+            const miniPrograms = await appManager.getMiniPrograms();
+            return miniPrograms;
+        } catch (error) {
+            console.error('获取已安装小程序失败:', error);
+            return {
+                success: false,
+                error: error instanceof Error ? error.message : String(error)
+            };
+        }
+    });
+
+    ipcMain.handle('getMarketplaceApps', async () => {
+        try {
+            const marketplaceApps = await appManager.getMarketplaceApps();
+            return marketplaceApps;
+        } catch (error) {
+            console.error('获取小程序市场应用失败:', error);
+            return {
+                success: false,
+                error: error instanceof Error ? error.message : String(error)
+            };
+        }
+    });
+
+    ipcMain.handle('installMiniProgram', async (_, name: string, source: string) => {
+        try {
+            await appManager.installMiniProgram(name, source);
+            return { success: true };
+        } catch (error) {
+            console.error('安装小程序失败:', error);
+            return {
+                success: false,
+                error: error instanceof Error ? error.message : String(error)
+            };
+        }
+    });
+
+    ipcMain.handle('startMiniProgram', async (_, id: string) => {
+        try {
+            await appManager.startApp(id);
+            return { success: true };
+        } catch (error) {
+            console.error('启动小程序失败:', error);
+            return {
+                success: false,
+                error: error instanceof Error ? error.message : String(error)
+            };
+        }
+    });
+
+    ipcMain.handle('stopMiniProgram', async (_, id: string) => {
+        try {
+            await appManager.closeApp(id);
+            return { success: true };
+        } catch (error) {
+            console.error('停止小程序失败:', error);
+            return {
+                success: false,
+                error: error instanceof Error ? error.message : String(error)
+            };
+        }
+    });
+
+    ipcMain.handle('updateMiniProgram', async (_, id: string) => {
+        try {
+            await appManager.updateMiniProgram(id);
+            return { success: true };
+        } catch (error) {
+            console.error('更新小程序失败:', error);
+            return {
+                success: false,
+                error: error instanceof Error ? error.message : String(error)
+            };
+        }
+    });
+
+    ipcMain.handle('removeMiniProgram', async (_, id: string) => {
+        try {
+            await appManager.removeMiniProgram(id);
+            return { success: true };
+        } catch (error) {
+            console.error('移除小程序失败:', error);
+            return {
+                success: false,
+                error: error instanceof Error ? error.message : String(error)
+            };
+        }
+    });
+
+    // 数据分析相关API
+ipcMain.handle('getRealTimeStats', async () => {
+  try {
+    const stats = await analyticsService.getRealTimeStats();
+    return { success: true, data: stats };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('getAudienceAnalysis', async (event, params) => {
+  try {
+    const analysis = await analyticsService.getAudienceAnalysis(params);
+    return { success: true, data: analysis };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('getGiftStats', async (event, timeRange) => {
+  try {
+    const stats = await analyticsService.getGiftStats(timeRange);
+    return { success: true, data: stats };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('generateReport', async (event, reportType) => {
+  try {
+    const report = await analyticsService.generateReport(reportType);
+    return { success: true, data: report };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+// 小本本相关API
+ipcMain.handle('notebook:getNotes', async () => {
+  try {
+    const notes = await notebookService.getNotes();
+    return { success: true, data: notes };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('notebook:saveNote', async (event, note) => {
+  try {
+    const savedNote = await notebookService.saveNote(note);
+    return { success: true, data: savedNote };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('notebook:deleteNote', async (event, noteId) => {
+  try {
+    await notebookService.deleteNote(noteId);
+    return { success: true };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('notebook:getNoteById', async (event, noteId) => {
+  try {
+    const note = await notebookService.getNoteById(noteId);
+    return { success: true, data: note };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+// 系统设置相关API
+ipcMain.handle('systemSettings:getAll', async () => {
+  try {
+    const settings = await systemSettingsService.getAllSettings();
+    return { success: true, data: settings };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('systemSettings:getByCategory', async (event, category) => {
+  try {
+    const settings = await systemSettingsService.getSettingsByCategory(category);
+    return { success: true, data: settings };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('systemSettings:updateByCategory', async (event, { category, settings }) => {
+  try {
+    const updatedSettings = await systemSettingsService.updateSettingsByCategory(category, settings);
+    return { success: true, data: updatedSettings };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+ipcMain.handle('systemSettings:resetToDefault', async (event, category) => {
+  try {
+    let result;
+    if (category) {
+      result = await systemSettingsService.resetCategoryToDefault(category);
+    } else {
+      result = await systemSettingsService.resetToDefault();
+    }
+    return { success: true, data: result };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+});
+
+    // 错误处理相关API
+    ipcMain.handle('error:logError', async (event, errorInfo) => {
+      try {
+        const errorId = await errorHandlingService.logError(errorInfo);
+        return { success: true, data: { errorId } };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+
+    ipcMain.handle('error:getErrorHistory', async (event, params) => {
+      try {
+        const errors = await errorHandlingService.getErrorHistory(params);
+        return { success: true, data: errors };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+
+    ipcMain.handle('error:clearErrorHistory', async () => {
+      try {
+        await errorHandlingService.clearErrorHistory();
+        return { success: true };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+
+    ipcMain.handle('error:reportError', async (event, errorId) => {
+      try {
+        const reportResult = await errorHandlingService.reportError(errorId);
+        return { success: true, data: reportResult };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+
+    // 通知相关API
+    ipcMain.handle('notification:getPermissionStatus', async () => {
+      try {
+        const status = await notificationService.getPermissionStatus();
+        return { success: true, data: status };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+
+    ipcMain.handle('notification:requestPermission', async () => {
+      try {
+        const status = await notificationService.requestPermission();
+        return { success: true, data: status };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+
+    ipcMain.handle('notification:sendTestNotification', async () => {
+      try {
+        const result = await notificationService.sendNotification({
+          title: '测试通知',
+          body: '这是一条测试通知，用于验证通知功能是否正常工作',
+          type: 'test'
+        });
+        return { success: result };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+
 }
\ No newline at end of file
diff --git a/packages/main/src/apis/eventSourceApi.ts b/packages/main/src/apis/eventSourceApi.ts
index 8ecfe61d..998d9b26 100644
--- a/packages/main/src/apis/eventSourceApi.ts
+++ b/packages/main/src/apis/eventSourceApi.ts
@@ -2,6 +2,7 @@ import { EventEmitter } from 'events';
 import { IncomingMessage } from 'http';
 import { ServerResponse } from 'http';
 import { Readable } from 'stream';
+import { getLogManager } from '../utils/logger';
 
 /**
  * EventSource连接管理器
@@ -10,6 +11,7 @@ import { Readable } from 'stream';
 class EventSourceManager {
   private connections: Map<string, ServerResponse>;
   private eventEmitter: EventEmitter;
+  private logger = getLogManager().getLogger('EventSourceManager');
 
   constructor() {
     this.connections = new Map();
@@ -41,10 +43,10 @@ class EventSourceManager {
     req.on('close', () => {
       this.connections.delete(clientId);
       this.eventEmitter.emit('disconnect', clientId);
-      console.log(`Client ${clientId} disconnected`);
+      this.logger.info(`Client ${clientId} disconnected`);
     });
 
-    console.log(`New EventSource connection from client ${clientId}`);
+    this.logger.info(`New EventSource connection from client ${clientId}`);
   }
 
   /**
@@ -125,13 +127,18 @@ const eventSourceManager = new EventSourceManager();
 
 export default eventSourceManager;
 
-export function setupEventSourceRoutes(app: any) {
+export function setupEventSourceRoutes(app: { get: (path: string, handler: (req: IncomingMessage, res: ServerResponse) => void) => void }) {
   /**
    * 弹幕流EventSource连接
    */
   app.get('/api/events/danmaku', (req: IncomingMessage, res: ServerResponse) => {
-    const clientId = req.headers['client-id'] || `client_${Date.now()}`;
-    eventSourceManager.createConnection(req, res, clientId as string);
+    const clientId = req.headers['client-id'] as string || `client_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    if (typeof clientId !== 'string' || clientId.trim().length === 0) {
+      res.writeHead(400);
+      res.end('Invalid client-id header');
+      return;
+    }
+    eventSourceManager.createConnection(req, res, clientId);
   });
 
   /**
diff --git a/packages/main/src/apis/httpApi.ts b/packages/main/src/apis/httpApi.ts
index f43aec86..264a5d84 100644
--- a/packages/main/src/apis/httpApi.ts
+++ b/packages/main/src/apis/httpApi.ts
@@ -13,11 +13,52 @@ interface ValidationError {
   message: string;
 }
 
+// 缺少的接口定义
+interface WindowInfo {
+  id: number;
+  title: string;
+  isFocused: boolean;
+  bounds: { x: number; y: number; width: number; height: number };
+  alwaysOnTop: boolean;
+}
+
+interface MiniProgramInfo {
+  id: string;
+  name: string;
+  path: string;
+  config: Record<string, any>;
+  lastUsed: Date;
+}
+
+// 请求验证辅助函数
+const validateRequest = (validations: ((req: Request) => ValidationError[])[]) => {
+  return (req: Request, res: Response, next: NextFunction) => {
+    const errors: ValidationError[] = [];
+    validations.forEach(validation => {
+      errors.push(...validation(req));
+    });
+    if (errors.length > 0) {
+      return res.status(400).json<ApiResponse<ValidationError[]>>({
+        success: false,
+        error: 'Validation failed',
+        data: errors
+      });
+    }
+    next();
+  };
+}
+import { initializeElectronApi } from './electronApi.js';
+import { acfunDanmuModule } from '../modules/AcfunDanmuModule.js';
+import { getLogManager } from '../utils/logger';
+import { AppManager } from '../core/AppManager';
+import { WindowManager } from '../modules/WindowManager';
+
 // 统一错误处理中间件
 const errorHandler = (fn: (req: Request, res: Response, next: NextFunction) => Promise<any>) => 
   (req: Request, res: Response, next: NextFunction) => {
     Promise.resolve(fn(req, res, next)).catch((error) => {
-      console.error('API Error:', error);
+      const logger = getLogManager().getLogger('httpApi');
+      logger.error('API Error:', error);
       res.status(500).json<ApiResponse>({
         success: false,
         error: error.message || 'An unexpected error occurred'
@@ -57,12 +98,44 @@ export function initializeHttpApi() {
 
 
   // 健康检查接口
-  router.get('/health', errorHandler(async (req: Request, res: Response) => {
-    res.json<ApiResponse<{ status: string; timestamp: string }>>({
-      success: true,
-      data: { status: 'ok', timestamp: new Date().toISOString() }
-    });
-  }));
+router.get('/health', errorHandler(async (req: Request, res: Response) => {
+  res.json<ApiResponse<{ status: string; timestamp: string }>>({
+    success: true,
+    data: { status: 'ok', timestamp: new Date().toISOString() }
+  });
+}));
+
+// 用户认证相关接口
+const validateLogin = (req: Request): ValidationError[] => {
+  const errors: ValidationError[] = [];
+  if (!req.body.username) errors.push({ field: 'username', message: '用户名必填' });
+  if (!req.body.password) errors.push({ field: 'password', message: '密码必填' });
+  return errors;
+};
+
+// 用户登录
+router.post('/auth/login', validateRequest([validateLogin]), errorHandler(async (req: Request, res: Response) => {
+  const { username, password } = req.body;
+  const token = await acfunDanmuModule.login(username, password);
+  res.json<ApiResponse<{ token }>>({ success: true, data: { token } });
+}));
+
+// 用户注销
+router.post('/auth/logout', errorHandler(async (req: Request, res: Response) => {
+  const { token } = req.body;
+  await acfunDanmuModule.logout(token);
+  res.json<ApiResponse<{}>>({ success: true, data: {} });
+}));
+
+// 验证用户令牌
+router.get('/auth/verify', errorHandler(async (req: Request, res: Response) => {
+  const token = req.headers.authorization?.split(' ')[1];
+  if (!token) {
+    return res.status(401).json<ApiResponse>({ success: false, error: '未提供令牌' });
+  }
+  const isValid = await acfunDanmuModule.verifyToken(token);
+  res.json<ApiResponse<{ valid: boolean }>>({ success: true, data: { valid: isValid } });
+}));
 
   // 窗口关闭验证函数
   const validateWindowClose = (req: Request): ValidationError[] => {
@@ -76,12 +149,20 @@ export function initializeHttpApi() {
   // ====== 窗口管理相关HTTP接口 ======
   // 关闭窗口
   router.post('/window/close', validateRequest([validateWindowClose]), errorHandler(async (req: Request, res: Response) => {
+    const logger = getLogManager().getLogger('httpApi');
     const { windowId } = req.body;
-    const result = await globalThis.windowManager.closeWindow(windowId);
-    res.json<ApiResponse<boolean>>({
-      success: true,
-      data: result
-    });
+    try {
+      const windowManager = globalThis.windowManager as WindowManager;
+      const result = await windowManager.closeWindow(windowId);
+      logger.info(`Closed window ${windowId}: ${result}`);
+      res.json<ApiResponse<boolean>>({
+        success: true,
+        data: result
+      });
+    } catch (error) {
+      logger.error(`Failed to close window ${windowId}:`, error);
+      throw error;
+    }
   }));
 
   // 窗口最小化验证函数
@@ -174,7 +255,293 @@ export function initializeHttpApi() {
     });
   }));
 
-  // ====== 应用管理相关HTTP接口 ======
+  // ====== 小程序管理相关HTTP接口 ======
+  // 获取小程序列表
+  router.get('/miniProgram/list', errorHandler(async (req: Request, res: Response) => {
+    const result = await globalThis.appManager.getMiniPrograms();
+    res.json<ApiResponse<MiniProgramInfo[]>>({ success: true, data: result });
+  }));
+
+  // 添加小程序验证函数
+  const validateAddMiniProgram = (req: Request): ValidationError[] => {
+    const errors: ValidationError[] = [];
+    if (!req.body.name) errors.push({ field: 'name', message: '小程序名称必填' });
+    if (!req.body.path) errors.push({ field: 'path', message: '小程序路径必填' });
+    return errors;
+  };
+
+  // 添加小程序
+  router.post('/miniProgram/add', validateRequest([validateAddMiniProgram]), errorHandler(async (req: Request, res: Response) => {
+    const { name, path, config } = req.body;
+    const result = await globalThis.appManager.addMiniProgram(name, path, config);
+    res.json<ApiResponse<{ id: string }>>({ success: true, data: { id: result } });
+  }));
+
+  // 更新小程序配置
+  router.post('/miniProgram/update', errorHandler(async (req: Request, res: Response) => {
+    const { id, config } = req.body;
+    await globalThis.appManager.updateMiniProgramConfig(id, config);
+    res.json<ApiResponse<{}>>({ success: true, data: {} });
+  }));
+
+  // 删除小程序
+  router.delete('/miniProgram/:id', errorHandler(async (req: Request, res: Response) => {
+    await globalThis.appManager.removeMiniProgram(req.params.id);
+    res.json<ApiResponse<{}>>({ success: true, data: {} });
+  }));
+
+  // 快捷键设置相关接口
+router.get('/settings/shortcuts', errorHandler(async (req: Request, res: Response) => {
+  const appManager = globalThis.appManager as AppManager;
+  const shortcuts = await appManager.getShortcuts();
+  res.json<ApiResponse<typeof shortcuts>>({ success: true, data: shortcuts });
+}));
+
+router.post('/settings/shortcuts', errorHandler(async (req: Request, res: Response) => {
+  const { shortcuts } = req.body;
+  const appManager = globalThis.appManager as AppManager;
+  await appManager.setShortcuts(shortcuts);
+  res.json<ApiResponse<{}>>({ success: true, data: {} });
+}));
+
+router.post('/settings/shortcuts/reset', errorHandler(async (req: Request, res: Response) => {
+  const appManager = globalThis.appManager as AppManager;
+  await appManager.resetShortcuts();
+  res.json<ApiResponse<{}>>({ success: true, data: {} });
+}));
+
+// 小程序市场相关接口
+router.get('/mini-programs/marketplace', async (req, res) => {
+  try {
+    const marketplaceApps = await appManager.getMarketplaceApps();
+    res.json({ success: true, data: marketplaceApps });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.post('/mini-programs/install', async (req, res) => {
+  try {
+    const { name, source } = req.body;
+    await appManager.installMiniProgram(name, source);
+    res.json({ success: true });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.post('/mini-programs/update', async (req, res) => {
+  try {
+    const { name } = req.body;
+    await appManager.updateMiniProgram(name);
+    res.json({ success: true });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// 弹幕系统相关接口
+router.get('/danmu/send', async (req, res) => {
+  try {
+    const { roomId, content, userId, nickname } = req.query;
+    const result = await acfunDanmuModule.sendDanmu(Number(roomId), Number(userId), nickname as string, content as string);
+    res.json({ success: true, data: result });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.get('/danmu/history', async (req, res) => {
+  try {
+    const { roomId, page = 1, pageSize = 20 } = req.query;
+    const history = await acfunDanmuModule.getDanmuHistory(Number(roomId), Number(page), Number(pageSize));
+    res.json({ success: true, data: history });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.post('/danmu/block', async (req, res) => {
+  try {
+    const { roomId, userId, duration = 3600 } = req.body;
+    await acfunDanmuModule.blockUser(Number(roomId), Number(userId), Number(duration));
+    res.json({ success: true });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// 房间管理相关接口
+router.get('/room/managers', async (req, res) => {
+  try {
+    const { uid, page = 1, pageSize = 20 } = req.query;
+    const managers = await acfunDanmuModule.getManagerList(Number(uid), Number(page), Number(pageSize));
+    res.json({ success: true, data: managers });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.post('/room/managers/add', async (req, res) => {
+  try {
+    const { uid, targetId } = req.body;
+    await acfunDanmuModule.addManager(Number(uid), Number(targetId));
+    res.json({ success: true });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.post('/room/managers/remove', async (req, res) => {
+  try {
+    const { uid, targetId } = req.body;
+    await acfunDanmuModule.removeManager(Number(uid), Number(targetId));
+    res.json({ success: true });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.post('/room/kick', async (req, res) => {
+  try {
+    const { uid, targetId, reason, duration = 3600 } = req.body;
+    await acfunDanmuModule.managerKickUser(Number(uid), Number(targetId), reason, Number(duration));
+    res.json({ success: true });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// 推流管理相关接口
+router.post('/stream/start', async (req, res) => {
+  try {
+    const { roomId, streamKey, quality = 'medium' } = req.body;
+    const result = await acfunDanmuModule.startStream(Number(roomId), streamKey, quality);
+    res.json({ success: true, data: result });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.post('/stream/stop', async (req, res) => {
+  try {
+    const { roomId } = req.body;
+    await acfunDanmuModule.stopStream(Number(roomId));
+    res.json({ success: true });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.get('/stream/status', async (req, res) => {
+  try {
+    const { roomId } = req.query;
+    const status = await acfunDanmuModule.getStreamStatus(Number(roomId));
+    res.json({ success: true, data: status });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// RTMP配置管理
+router.post('/stream/saveRtmpConfig', async (req, res) => {
+  try {
+    const { roomId, rtmpUrl, streamKey } = req.body;
+    const result = await acfunDanmuModule.saveRtmpConfig(Number(roomId), rtmpUrl, streamKey);
+    res.json({ success: true, data: result });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.get('/stream/getRtmpConfig', async (req, res) => {
+  try {
+    const { roomId } = req.query;
+    const config = await acfunDanmuModule.getRtmpConfig(Number(roomId));
+    res.json({ success: true, data: config });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// OBS连接状态监控
+router.get('/stream/obsStatus', async (req, res) => {
+  try {
+    const { roomId } = req.query;
+    const status = await acfunDanmuModule.getObsConnectionStatus(Number(roomId));
+    res.json({ success: true, data: status });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// 日志系统相关接口
+router.get('/logs', async (req, res) => {
+  try {
+    const { source, level, limit = 100 } = req.query;
+    const logs = getLogManager().getLogs(source as string, Number(limit));
+    res.json({ success: true, data: logs });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.delete('/logs', async (req, res) => {
+  try {
+    const { source } = req.body;
+    if (source) {
+      getLogManager().clearLogs(source);
+    } else {
+      getLogManager().clearAllLogs();
+    }
+    res.json({ success: true });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// 系统功能相关接口
+router.get('/system/network-check', async (req, res) => {
+  try {
+    const status = await appManager.checkNetworkStatus();
+    res.json({ success: true, data: { connected: status } });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+router.get('/mini-programs/status', async (req, res) => {
+  try {
+    const statuses = await appManager.getMiniProgramStatuses();
+    res.json({ success: true, data: statuses });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// 小程序安装接口
+router.post('/mini-program/install', async (req, res) => {
+  try {
+    const { packageUrl, version } = req.body;
+    const result = await appManager.installMiniProgram(packageUrl, version);
+    res.json({ success: result });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// 小程序更新接口
+router.post('/mini-program/update', async (req, res) => {
+  try {
+    const { appId } = req.body;
+    const result = await appManager.updateMiniProgram(appId);
+    res.json({ success: result });
+  } catch (error) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// ====== 应用管理相关HTTP接口 ======
   // 获取已安装应用
   router.get('/app/getInstalledApps', errorHandler(async (req: Request, res: Response) => {
     const result = await globalThis.appManager.getInstalledApps();
@@ -278,6 +645,23 @@ router.post('/acfunDanmu/restart', errorHandler(async (req: Request, res: Respon
   });
 }));
 
+// 上传直播封面
+const validateUploadCover = (req: Request): ValidationError[] => {
+  const errors: ValidationError[] = [];
+  if (!req.body.liveId || req.body.liveId <= 0) errors.push({ field: 'liveId', message: '有效的liveId必填' });
+  if (!req.body.imagePath) errors.push({ field: 'imagePath', message: '图片路径必填' });
+  return errors;
+};
+
+router.post('/acfunDanmu/uploadCover', validateRequest([validateUploadCover]), errorHandler(async (req: Request, res: Response) => {
+  const { liveId, imagePath } = req.body;
+  const result = await acfunDanmuModule.uploadCover(Number(liveId), imagePath);
+  res.json<ApiResponse<{}>>({
+    success: true,
+    data: result
+  });
+}));
+
 // 更新Acfun弹幕模块配置验证函数
 const validateUpdateConfig = (req: Request): ValidationError[] => {
   const errors: ValidationError[] = [];
diff --git a/packages/main/src/apis/index.ts b/packages/main/src/apis/index.ts
new file mode 100644
index 00000000..faaf9fc6
--- /dev/null
+++ b/packages/main/src/apis/index.ts
@@ -0,0 +1,84 @@
+import { ipcMain } from 'electron';
+import electron from 'electron';
+import DanmuModule from '../modules/DanmuModule';
+import DataReportService from '../services/DataReportService';
+import { logger } from '@app/utils/logger';
+import { ModuleContext } from '../core/ModuleContext';
+
+// API注册器 - 集中管理主进程API
+class ApiRegistry {
+  private modules: Record<string, any> = {};
+
+  constructor() {
+    this.registerModules();
+    this.setupIpcHandlers();
+  }
+
+  // 注册所有功能模块
+  private registerModules(): void {
+    // 注册弹幕模块
+    const danmuModule = new DanmuModule();
+    const moduleContext: ModuleContext = {
+        mainWindow: electron.BrowserWindow.getFocusedWindow() || null,
+        appDataPath: electron.app.getPath('userData'),
+        appVersion: electron.app.getVersion(),
+        configStore: new Map()
+    };
+    danmuModule.enable(moduleContext);
+    this.modules.danmu = danmuModule.getApi();
+
+    logger.info('All API modules registered successfully');
+  }
+
+  // 设置IPC处理器
+  private setupIpcHandlers(): void {
+    // 弹幕模块API
+    ipcMain.handle('danmu:connectToRoom', (_, roomId: number) => {
+      return this.modules.danmu.connectToRoom(roomId);
+    });
+
+    ipcMain.handle('danmu:disconnectFromRoom', (_, roomId: number) => {
+      this.modules.danmu.disconnectFromRoom(roomId);
+      return true;
+    });
+
+    ipcMain.handle('danmu:getActiveRooms', () => {
+      return this.modules.danmu.getActiveRooms();
+    });
+
+    // 数据报表模块API
+    ipcMain.handle('report:getDailyReport', async (_, date?: Date) => {
+      try {
+        return await DataReportService.getInstance().getDailyDanmuReport(date);
+      } catch (error) {
+        logger.error('Failed to get daily report:', error);
+        throw new Error('获取日报表失败');
+      }
+    });
+
+    ipcMain.handle('report:getAudienceAnalysis', async (_, roomId?: number, days?: number) => {
+      try {
+        return await DataReportService.getInstance().getAudienceBehaviorAnalysis(roomId, days);
+      } catch (error) {
+        logger.error('Failed to get audience analysis:', error);
+        throw new Error('获取观众分析失败');
+      }
+    });
+
+    ipcMain.handle('report:exportToCSV', async (_, reportData: any, reportType: string) => {
+      try {
+        return await DataReportService.getInstance().exportReportToCSV(reportData, reportType);
+      } catch (error) {
+        logger.error('Failed to export report to CSV:', error);
+        throw new Error('导出报表失败');
+      }
+    });
+
+    // 后续将添加更多模块的IPC处理...
+  }
+}
+
+// 初始化API注册器
+export const apiRegistry = new ApiRegistry();
+
+export default apiRegistry;
\ No newline at end of file
diff --git a/packages/main/src/bootstrap/.gitkeep b/packages/main/src/bootstrap/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/main/src/bootstrap/index.ts b/packages/main/src/bootstrap/index.ts
new file mode 100644
index 00000000..5cee3136
--- /dev/null
+++ b/packages/main/src/bootstrap/index.ts
@@ -0,0 +1,83 @@
+import type { AppInitConfig } from './AppInitConfig.js';
+import { createModuleRunner } from './ModuleRunner.js';
+import { createAcfunDanmuModule } from './modules/AcfunDanmuModule.js';
+import { LiveManagementModule } from './modules/LiveManagementModule.js';
+
+// 创建直播管理模块的工厂函数
+function createLiveManagementModule(config: { debug?: boolean } = {}): LiveManagementModule {
+  return new LiveManagementModule(config);
+}
+import { disallowMultipleAppInstance } from './modules/SingleInstanceApp.js';
+import { createWindowManagerModule } from './modules/WindowManager.js';
+import { terminateAppOnLastWindowClose } from './modules/ApplicationTerminatorOnLastWindowClose.js';
+import { hardwareAccelerationMode } from './modules/HardwareAccelerationModule.js';
+import { autoUpdater } from './modules/AutoUpdater.js';
+import { chromeDevToolsExtension } from './modules/ChromeDevToolsExtension.js';
+import { HttpManager } from './utils/HttpManager.js';
+import { ConfigManager } from './utils/ConfigManager.js';
+import { DataManager } from './utils/DataManager.js';
+import { AppManager } from './utils/AppManager.js';
+import { initializeElectronApi } from './apis/electronApi.js';
+import { initializeHttpApi } from './apis/httpApi.js';
+import { app } from "electron";
+
+export async function initApp(initConfig: AppInitConfig) {
+    const moduleRunner = createModuleRunner()
+        .init(disallowMultipleAppInstance())
+        .init(terminateAppOnLastWindowClose())
+        .init(hardwareAccelerationMode({ enable: true }))
+        .init(autoUpdater())
+        .init(createAcfunDanmuModule({ debug: process.env.NODE_ENV === 'development' }))
+    // Install DevTools extension if needed
+    // .init(chromeDevToolsExtension({extension: 'VUEJS3_DEVTOOLS'}))
+    // 初始化Electron API
+    initializeElectronApi();
+
+    globalThis.appName = app.getName();
+    globalThis.appVersion = app.getVersion();
+
+    // 延迟初始化WindowManager，确保IPC事件处理器已注册
+    const windowManager = createWindowManagerModule({ initConfig, openDevTools: process.env.NODE_ENV === 'development' });
+    moduleRunner.init(windowManager);
+
+    // 初始化全局变量
+    globalThis.configManager = new ConfigManager();
+    globalThis.dataManager = DataManager.getInstance();
+    globalThis.httpManager = new HttpManager();
+    // Initialize HTTP server to set APP_DIR before AppManager uses it
+    await globalThis.httpManager.initializeServer(); // <-- Add this line
+
+    // 初始化HTTP API并挂载路由
+    const apiRouter = initializeHttpApi();
+    globalThis.httpManager.addApiRoutes('/api', apiRouter);
+    
+    // 初始化EventSource服务
+    import('./initEventSource.js')
+      .then(({ initEventSourceServices }) => {
+        initEventSourceServices();
+      })
+      .catch(error => {
+        console.error('Failed to initialize EventSource services:', error);
+      });
+
+    // 初始化应用
+    globalThis.appManager = new AppManager();
+    await globalThis.appManager.init();
+    globalThis.dataManager.setAppManager(globalThis.appManager);
+
+    // 创建LiveManagementModule实例
+    const liveManagementModule = createLiveManagementModule({ debug: process.env.NODE_ENV === 'development' });
+    // 初始化模块
+    moduleRunner.init(liveManagementModule);
+    // 注册到AppManager
+    globalThis.appManager.registerModule('LiveManagementModule', liveManagementModule);
+
+    await moduleRunner;
+
+    // 应用数据准备就绪后通过windowManager通知所有窗口
+    windowManager.getWindows().forEach((window: Electron.BrowserWindow) => {
+      if (!window.isDestroyed()) {
+        window.webContents.send('apps-ready');
+      }
+    });
+}
\ No newline at end of file
diff --git a/packages/main/src/initEventSource.ts b/packages/main/src/bootstrap/initEventSource.ts
similarity index 100%
rename from packages/main/src/initEventSource.ts
rename to packages/main/src/bootstrap/initEventSource.ts
diff --git a/packages/main/src/config/.gitkeep b/packages/main/src/config/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/main/src/AppInitConfig.ts b/packages/main/src/config/AppInitConfig.ts
similarity index 97%
rename from packages/main/src/AppInitConfig.ts
rename to packages/main/src/config/AppInitConfig.ts
index 105f76b8..324b4ea8 100644
--- a/packages/main/src/AppInitConfig.ts
+++ b/packages/main/src/config/AppInitConfig.ts
@@ -8,4 +8,4 @@ export type AppInitConfig = {
         path: string;
       }
     | URL;
-};
+};
\ No newline at end of file
diff --git a/packages/main/src/config/config.ts b/packages/main/src/config/config.ts
new file mode 100644
index 00000000..05a6cbed
--- /dev/null
+++ b/packages/main/src/config/config.ts
@@ -0,0 +1,36 @@
+export default {
+    port: 12590,
+    applications: [],
+    // 弹幕服务配置
+    debug: false,
+    connectionMode: 'tcp',
+    logLevel: 'info',
+    // 直播管理配置
+    rtmpServer: 'rtmp://push.acfun.cn/live',
+    defaultCoverUrl: '',
+    roomId: '',
+    streamKey: '',
+    // OBS连接配置
+    obsIp: 'localhost',
+    obsPort: 4455,
+    obsPassword: '',
+    // 安全配置
+    security: {
+        autoScan: true,
+        permissionAudit: true,
+        runtimeMonitoring: true
+    },
+    // 快捷键配置
+    shortcuts: {},
+    // 通知配置
+    notification: {
+        enabled: true,
+        sound: true,
+        displayDuration: 5000
+    },
+    // 认证配置
+    auth: {
+        autoLogin: false,
+        lastLoginUser: null
+    }
+}
\ No newline at end of file
diff --git a/packages/main/src/core/.gitkeep b/packages/main/src/core/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/main/src/core/AppManager.ts b/packages/main/src/core/AppManager.ts
new file mode 100644
index 00000000..53e311c4
--- /dev/null
+++ b/packages/main/src/core/AppManager.ts
@@ -0,0 +1,886 @@
+import fs from "fs";
+import path from "path";
+import { promisify } from "util";
+import { ConfigManager } from "../utils/ConfigManager.js";
+import { HttpManager } from "../utils/HttpManager.js";
+import { WindowManager, WindowConfig } from "../modules/WindowManager.js";
+import { getPackageJson } from "./Devars.js";
+import { app } from "electron";
+import { EventEmitter } from "events";
+import { BrowserWindow, ipcMain } from 'electron';
+import { DataManager } from './DataManager';
+import { AppModule } from '../AppModule.js';
+import { securityScanner } from '../modules/SecurityScanner.js';
+
+
+const readdir = promisify(fs.readdir);
+const stat = promisify(fs.stat);
+
+interface AppConfig {
+  id: string;
+  name: string;
+  version: string;
+  info?: string;
+  settings?: Record<string, any>;
+  windows: WindowConfig;
+  supportedDisplays?: ("main" | "obs" | "client")[];
+  type?: string;
+  path?: string;
+}
+
+interface MiniProgramInfo {
+  id: string;
+  name: string;
+  path: string;
+  status: 'running' | 'stopped' | 'error';
+}
+
+export class AppManager extends EventEmitter {
+  private apps: Map<string, AppConfig> = new Map();
+  private appWindows: Map<string, Electron.BrowserWindow[]> = new Map();
+  private httpManager: HttpManager = globalThis.httpManager;
+  private windowManager: WindowManager = globalThis.windowManager;
+  private appDir: string = "";
+  private configManager: ConfigManager = globalThis.configManager;
+  private modules: Map<string, AppModule> = new Map();
+  private installedApps: any[] = [];
+  private config: any = {};
+  private appsDir: string = '';
+  private logManager: any = { addLog: (type: string, message: string, level: string) => console.log(`[${level}] ${type}: ${message}`) };
+
+  constructor() {
+    super();
+    this.initSecurityListeners();
+    this.loadConfig();
+    this.loadInstalledApps();
+    
+    // 初始化应用目录
+    this.appsDir = path.join(app.getPath('appData'), 'acfun-live-toolbox', 'applications');
+    if (!fs.existsSync(this.appsDir)) {
+      fs.mkdirSync(this.appsDir, { recursive: true });
+    }
+  }
+
+  private initSecurityListeners(): void {
+    // 监听安全扫描完成事件
+    securityScanner.on('scan-completed', (result) => {
+      console.log('安全扫描完成:', result);
+    });
+
+    // 监听安全扫描错误事件
+    securityScanner.on('scan-error', (result) => {
+      console.error('安全扫描错误:', result);
+    });
+
+    // 监听异常行为事件
+    securityScanner.on('abnormal-behavior', (appId, message) => {
+      console.warn(`小程序${appId}出现异常行为:`, message);
+      this.logManager.addLog('security', `小程序${appId}出现异常行为: ${message}`, 'warn');
+    });
+  }
+
+  private loadConfig(): void {
+    try {
+      const configPath = path.join(app.getPath('appData'), 'acfun-live-toolbox', 'app-manager-config.json');
+      if (fs.existsSync(configPath)) {
+        const content = fs.readFileSync(configPath, 'utf-8');
+        this.config = JSON.parse(content);
+      } else {
+        this.config = {
+          shortcuts: this.getDefaultShortcuts(),
+          security: {
+            autoScan: true,
+            permissionAudit: true,
+            runtimeMonitoring: true
+          }
+        };
+        this.saveConfig();
+      }
+    } catch (error) {
+      console.error('加载配置失败:', error);
+      this.config = {
+        shortcuts: this.getDefaultShortcuts(),
+        security: {
+          autoScan: true,
+          permissionAudit: true,
+          runtimeMonitoring: true
+        }
+      };
+    }
+  }
+
+  private async saveConfig(): Promise<void> {
+    try {
+      const configPath = path.join(app.getPath('appData'), 'acfun-live-toolbox', 'app-manager-config.json');
+      fs.writeFileSync(configPath, JSON.stringify(this.config, null, 2));
+    } catch (error) {
+      console.error('保存配置失败:', error);
+    }
+  }
+
+  private loadInstalledApps(): void {
+    try {
+      const appsPath = path.join(app.getPath('appData'), 'acfun-live-toolbox', 'installed-apps.json');
+      if (fs.existsSync(appsPath)) {
+        const content = fs.readFileSync(appsPath, 'utf-8');
+        this.installedApps = JSON.parse(content);
+      } else {
+        this.installedApps = [];
+        this.saveInstalledApps();
+      }
+    } catch (error) {
+      console.error('加载已安装应用失败:', error);
+      this.installedApps = [];
+    }
+  }
+
+  private async saveInstalledApps(): Promise<void> {
+    try {
+      const appsPath = path.join(app.getPath('appData'), 'acfun-live-toolbox', 'installed-apps.json');
+      fs.writeFileSync(appsPath, JSON.stringify(this.installedApps, null, 2));
+    } catch (error) {
+      console.error('保存已安装应用失败:', error);
+    }
+  }
+
+  /**
+   * 注册模块
+   * @param moduleId 模块ID
+   * @param module 模块实例
+   */
+  registerModule(moduleId: string, module: AppModule): void {
+    this.modules.set(moduleId, module);
+    this.emit('module-registered', moduleId);
+    console.log(`Module ${moduleId} registered successfully`);
+  }
+
+  /**
+   * 获取模块实例
+   * @param moduleId 模块ID
+   * @returns 模块实例或undefined
+   */
+  getModule(moduleId: string): AppModule | undefined {
+    return this.modules.get(moduleId);
+  }
+
+  /**
+   * 获取所有已注册的模块
+   * @returns 模块ID和实例的映射
+   */
+  getAllModules(): Map<string, AppModule> {
+    return this.modules;
+  }
+  // 修正：直接使用 HttpManager 初始化的应用目录
+  private async getAppDirectory(): Promise<string> {
+    return globalThis.httpManager.getAppDir(); // 使用 HttpManager 暴露的路径
+  }
+
+  async init(): Promise<void> {
+    this.appDir = await this.getAppDirectory(); // 从 HttpManager 获取已初始化的路径
+    const appFolders = await this.getAppFolders();
+    for (const folder of appFolders) {
+      const configPath = path.join(folder, "config.json");
+      const configContent = await fs.promises.readFile(configPath, "utf-8");
+      const config: AppConfig = JSON.parse(configContent);
+      this.apps.set(config.id, config);
+
+      // 托管静态文件
+      this.httpManager.serveStatic(`/application/${config.name}`, folder);
+
+      // 加载API接口
+      const apiPath = path.join(folder, "api.cjs");
+      if (fs.existsSync(apiPath)) {
+        // Access default export for ES module compatibility
+        const apiModule = require(apiPath);
+        const apiRoutes = apiModule.default || apiModule;
+        this.httpManager.addApiRoutes(
+          `/api/application/${config.name}`,
+          apiRoutes
+        );
+      }
+    }
+  }
+
+  // 修正：重写 getAppFolders 方法，使用纯 Promise 风格
+  private async getAppFolders(): Promise<string[]> {
+    const appDir = this.appDir; // 已通过 init 初始化的有效路径
+    if (!appDir) {
+      throw new Error("Application directory path is undefined");
+    }
+
+    const items = await readdir(appDir); // 使用 promisify 后的 readdir
+    const folders: string[] = [];
+
+    for (const item of items) {
+      const itemPath = path.join(appDir, item);
+      const stats = await stat(itemPath); // 使用 promisify 后的 stat
+      if (stats.isDirectory()) {
+        folders.push(itemPath);
+      }
+    }
+
+    return folders;
+  }
+
+  // 小程序管理相关方法
+  getMiniPrograms(): MiniProgramInfo[] {
+    return Array.from(this.apps.values())
+      .filter(app => app.type === 'miniProgram')
+      .map(app => ({ id: app.id, name: app.name, path: app.path, status: 'running' }));
+  }
+
+  async addMiniProgram(name: string, path: string, config?: Record<string, any>): Promise<string> {
+    const appId = `mini_${Date.now()}`;
+    const miniProgramConfig: AppConfig = {
+      id: appId,
+      name,
+      type: 'miniProgram',
+      path,
+      version: '1.0.0',
+      windows: { width: 400, height: 600, title: name }
+    };
+    this.apps.set(appId, { ...miniProgramConfig, ...config });
+    await this.saveAppConfig(appId, miniProgramConfig);
+    return appId;
+  }
+
+  async updateMiniProgramConfig(appId: string, config: Record<string, any>): Promise<void> {
+    const app = this.getAppConfig(appId);
+    if (!app || app.type !== 'miniProgram') throw new Error('小程序不存在');
+    const updatedConfig = { ...app, ...config };
+    this.apps.set(appId, updatedConfig);
+    await this.saveAppConfig(appId, updatedConfig);
+  }
+
+  async removeMiniProgram(appId: string): Promise<void> {
+    if (!this.apps.has(appId)) throw new Error('小程序不存在');
+    await this.closeApp(appId);
+    this.apps.delete(appId);
+    await this.configManager.deleteConfig(appId);
+  }
+
+  getAppConfig(appId: string): AppConfig | undefined {
+    return this.apps.get(appId);
+  }
+
+  async readAppConfig(appId: string): Promise<AppConfig> {
+    const config = this.apps.get(appId);
+    if (!config) {
+      throw new Error(`App ${appId} not found`);
+    }
+    // 读取已保存的配置
+    let savedConfig: any = await this.configManager.readConfig(config.name);
+    // 如果没有保存的配置，使用默认配置并保存
+    if (!savedConfig) {
+      savedConfig = { ...config };
+      await this.configManager.saveConfig(config.name, savedConfig);
+    }
+    return savedConfig;
+  }
+
+  async saveAppConfig(appId: string, configData: AppConfig): Promise<void> {
+    const app = this.apps.get(appId);
+    if (!app) {
+      throw new Error(`App ${appId} not found`);
+    }
+    await this.configManager.saveConfig(app.name, configData);
+  }
+
+  // 数据分析相关方法
+  async getLiveStatistics() {
+    // 实现直播统计数据获取逻辑
+    try {
+      const response = await this.callAcfunApi('/live/statistics');
+      return {
+        viewerCount: response.viewerCount || 0,
+        likeCount: response.likeCount || 0,
+        giftCount: response.giftCount || 0,
+        danmakuCount: response.danmakuCount || 0,
+        liveDuration: response.liveDuration || 0
+      };
+    } catch (error) {
+      this.logManager.addLog('analytics', `获取直播统计失败: ${error.message}`, 'error');
+      // 返回缓存数据或默认值
+      return this.liveStatsCache || {
+        viewerCount: 0,
+        likeCount: 0,
+        giftCount: 0,
+        danmakuCount: 0,
+        liveDuration: 0
+      };
+    }
+  }
+
+  async getAudienceAnalysis() {
+    // 实现观众行为分析逻辑
+    return {
+      sources: { direct: 0, share: 0, search: 0 },
+      watchTime: { avg: 0, distribution: [] },
+      interactionRate: 0
+    };
+  }
+
+  async checkNetworkStatus() {
+    // 实现完整网络检测逻辑
+    const results = {
+      acfunApi: false,
+      danmuServer: false,
+      pushServer: false,
+      cdn: false
+    };
+
+    // 检测ACFUN API连接性
+    try {
+      const response = await fetch('https://api.acfun.cn/rest/app/version', { timeout: 5000 });
+      results.acfunApi = response.ok;
+    } catch (error) {
+      this.logManager.addLog('network', `ACFUN API检测失败: ${error.message}`, 'error');
+    }
+
+    // 检测弹幕服务器连接性
+    try {
+      const response = await fetch('https://danmu.acfun.cn/api/v2/status', { timeout:5000 });
+      results.danmuServer = response.ok;
+    } catch (error) {
+      this.logManager.addLog('network', `弹幕服务器检测失败: ${error.message}`, 'error');
+    }
+
+    // 检测推流服务器连接性
+    try {
+      const response = await fetch('https://push.acfun.cn/api/v1/status', { timeout:5000 });
+      results.pushServer = response.ok;
+    } catch (error) {
+      this.logManager.addLog('network', `推流服务器检测失败: ${error.message}`, 'error');
+    }
+
+    // 检测CDN连接性
+    try {
+      const response = await fetch('https://cdn.acfun.cn/health-check', { timeout:5000 });
+      results.cdn = response.ok;
+    } catch (error) {
+      this.logManager.addLog('network', `CDN检测失败: ${error.message}`, 'error');
+    }
+
+    // 记录整体网络状态
+    const allOk = Object.values(results).every(status => status);
+    this.logManager.addLog('network', `网络状态检测完成: ${allOk ? '正常' : '部分服务异常'}`, allOk ? 'info' : 'warn');
+
+    return results;
+  }
+
+  async getMarketplaceApps() {
+    // 获取小程序市场应用列表
+    // 实际实现应从服务器获取，此处为模拟数据
+    return [
+      {
+        name: '弹幕增强工具',
+        description: '高级弹幕过滤与管理功能',
+        version: '1.0.0',
+        author: 'ACFUN官方',
+        rating: 4.8,
+        downloads: 1200
+      },
+      {
+        name: '观众数据分析',
+        description: '详细的观众行为分析报表',
+        version: '2.1.0',
+        author: '第三方开发者',
+        rating: 4.5,
+        downloads: 850
+      }
+    ];
+  }
+
+  async installMiniProgram(name: string, source: string) {
+    // 实现小程序安装逻辑
+    console.log(`开始安装小程序: ${name} 从来源: ${source}`);
+
+    // 1. 验证来源合法性
+    if (!this.validateSource(source)) {
+      throw new Error('不合法的小程序来源');
+    }
+
+    // 2. 创建临时目录
+    const tempDir = path.join(app.getPath('temp'), `acfun-mini-program-${Date.now()}`);
+    const installDir = path.join(this.appsDir, name);
+    
+    try {
+      // 确保临时目录不存在
+      if (fs.existsSync(tempDir)) {
+        fs.rmSync(tempDir, { recursive: true, force: true });
+      }
+      fs.mkdirSync(tempDir, { recursive: true });
+
+      // 3. 下载小程序资源
+      console.log(`正在下载小程序资源到临时目录: ${tempDir}`);
+      // 实际项目中应该实现真实的下载逻辑
+      // 这里为了演示，创建一个简单的模拟小程序结构
+      this.createMockMiniProgram(tempDir, name);
+
+      // 4. 安全扫描 - 代码扫描
+      if (this.config.security?.autoScan !== false) {
+        console.log('开始进行安全扫描...');
+        const scanResult = await securityScanner.scanMiniProgram(tempDir);
+        
+        if (!scanResult.passed) {
+          console.error('小程序安全扫描失败:', scanResult.issues);
+          throw new Error(`小程序安全扫描失败: ${scanResult.issues.map(issue => issue.description).join(', ')}`);
+        }
+        console.log('安全扫描通过');
+      }
+
+      // 5. 权限审计
+      if (this.config.security?.permissionAudit !== false) {
+        console.log('开始进行权限审计...');
+        const permissionResult = await securityScanner.auditPermissions(tempDir);
+        
+        // 如果权限分数过低，拒绝安装
+        if (permissionResult.analysis.permissionScore < 60) {
+          console.error('小程序权限审计失败:', permissionResult);
+          throw new Error(`小程序权限审计失败: 权限分数过低 (${permissionResult.analysis.permissionScore}/100)`);
+        }
+        console.log('权限审计通过，分数:', permissionResult.analysis.permissionScore);
+      }
+
+      // 6. 安装到本地目录
+      if (fs.existsSync(installDir)) {
+        fs.rmSync(installDir, { recursive: true, force: true });
+      }
+      fs.cpSync(tempDir, installDir, { recursive: true });
+      console.log(`小程序安装到: ${installDir}`);
+
+      // 7. 更新installedApps列表
+      const newApp = {
+        id: `mini_${Date.now()}`,
+        name,
+        type: 'miniProgram',
+        path: installDir,
+        source,
+        isRunning: false,
+        config: {},
+        lastUpdated: new Date().toISOString(),
+        installDate: new Date().toISOString()
+      };
+
+      this.installedApps.push(newApp);
+      await this.saveInstalledApps();
+      console.log('小程序安装完成:', newApp);
+      
+      return newApp.id;
+    } catch (error) {
+      console.error('小程序安装失败:', error);
+      throw error;
+    } finally {
+      // 清理临时目录
+      if (fs.existsSync(tempDir)) {
+        fs.rmSync(tempDir, { recursive: true, force: true });
+      }
+    }
+  }
+
+  private validateSource(source: string): boolean {
+    // 验证来源的合法性
+    // 实际项目中应该实现更严格的验证逻辑
+    const validDomains = ['https://mini-programs.acfun.cn', 'https://acfun-mini-programs.oss-cn-beijing.aliyuncs.com'];
+    
+    try {
+      const url = new URL(source);
+      return validDomains.some(domain => url.origin === domain);
+    } catch (error) {
+      // 如果不是URL，可能是本地路径或其他格式，需要进一步验证
+      return source.startsWith('./') || source.startsWith('../') || path.isAbsolute(source);
+    }
+  }
+
+  private createMockMiniProgram(dir: string, name: string): void {
+    // 创建模拟小程序结构，仅用于演示
+    const indexHtml = `
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${name}</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+      margin: 0;
+      padding: 20px;
+      background-color: #f5f5f5;
+    }
+    .container {
+      max-width: 800px;
+      margin: 0 auto;
+      background: white;
+      padding: 20px;
+      border-radius: 8px;
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    }
+    h1 {
+      color: #333;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>${name}</h1>
+    <p>这是一个模拟的小程序示例。</p>
+  </div>
+</body>
+</html>
+    `.trim();
+
+    const manifestJson = JSON.stringify({
+      name,
+      version: '1.0.0',
+      description: `${name}的描述`,
+      author: '未知',
+      entry: 'index.html'
+    }, null, 2);
+
+    const configJson = JSON.stringify({
+      id: `mini_${Date.now()}`,
+      name,
+      version: '1.0.0',
+      type: 'miniProgram',
+      windows: {
+        width: 800,
+        height: 600,
+        title: name
+      }
+    }, null, 2);
+
+    const permissionsJson = JSON.stringify({
+      network: {
+        required: true,
+        reason: '需要网络连接获取数据'
+      }
+    }, null, 2);
+
+    // 创建文件
+    fs.writeFileSync(path.join(dir, 'index.html'), indexHtml);
+    fs.writeFileSync(path.join(dir, 'manifest.json'), manifestJson);
+    fs.writeFileSync(path.join(dir, 'config.json'), configJson);
+    fs.writeFileSync(path.join(dir, 'permissions.json'), permissionsJson);
+  }
+
+  async getShortcuts() {
+    // 获取当前快捷键配置
+    return this.config.shortcuts || this.getDefaultShortcuts();
+  }
+
+  async setShortcuts(shortcuts: Record<string, string>) {
+    // 保存快捷键配置
+    this.config.shortcuts = shortcuts;
+    await this.saveConfig();
+  }
+
+  async resetShortcuts() {
+    // 重置快捷键为默认值
+    this.config.shortcuts = this.getDefaultShortcuts();
+    await this.saveConfig();
+  }
+
+  private getDefaultShortcuts() {
+    // 默认快捷键配置
+    return {
+      'startLive': 'Ctrl+Shift+L',
+      'stopLive': 'Ctrl+Shift+S',
+      'toggleDanmaku': 'Ctrl+D',
+      'muteMic': 'Ctrl+M',
+      'openSettings': 'Ctrl+,',
+    };
+  }
+
+  async updateMiniProgram(id: string) {
+    // 实现小程序更新逻辑
+    const appIndex = this.installedApps.findIndex(app => app.id === id && app.type === 'miniProgram');
+    if (appIndex === -1) {
+      throw new Error(`小程序 ${id} 未安装`);
+    }
+
+    const miniProgram = this.installedApps[appIndex];
+    console.log(`开始更新小程序: ${miniProgram.name} (${id})`);
+
+    // 如果小程序正在运行，先停止
+    if (miniProgram.isRunning) {
+      console.log('小程序正在运行，先停止...');
+      await this.closeApp(id);
+    }
+
+    // 创建临时目录
+    const tempDir = path.join(app.getPath('temp'), `acfun-mini-program-update-${Date.now()}`);
+    
+    try {
+      // 确保临时目录不存在
+      if (fs.existsSync(tempDir)) {
+        fs.rmSync(tempDir, { recursive: true, force: true });
+      }
+      fs.mkdirSync(tempDir, { recursive: true });
+
+      // 下载更新包
+      console.log(`正在下载更新包到临时目录: ${tempDir}`);
+      // 实际项目中应该从服务器下载更新包
+      // 这里为了演示，更新模拟小程序的内容
+      this.createMockMiniProgram(tempDir, miniProgram.name);
+
+      // 安全扫描
+      if (this.config.security?.autoScan !== false) {
+        console.log('开始进行安全扫描...');
+        const scanResult = await securityScanner.scanMiniProgram(tempDir);
+        
+        if (!scanResult.passed) {
+          console.error('更新包安全扫描失败:', scanResult.issues);
+          throw new Error(`更新包安全扫描失败: ${scanResult.issues.map(issue => issue.description).join(', ')}`);
+        }
+        console.log('安全扫描通过');
+      }
+
+      // 备份当前版本
+      const backupDir = `${miniProgram.path}.bak.${Date.now()}`;
+      if (fs.existsSync(miniProgram.path)) {
+        fs.renameSync(miniProgram.path, backupDir);
+      }
+
+      try {
+        // 安装更新包
+        fs.cpSync(tempDir, miniProgram.path, { recursive: true });
+        console.log(`小程序更新完成，安装到: ${miniProgram.path}`);
+
+        // 更新信息
+        miniProgram.lastUpdated = new Date().toISOString();
+        await this.saveInstalledApps();
+
+        // 清理备份
+        if (fs.existsSync(backupDir)) {
+          fs.rmSync(backupDir, { recursive: true, force: true });
+        }
+      } catch (installError) {
+        console.error('安装更新包失败，回滚到备份版本:', installError);
+        // 回滚到备份版本
+        if (fs.existsSync(backupDir)) {
+          if (fs.existsSync(miniProgram.path)) {
+            fs.rmSync(miniProgram.path, { recursive: true, force: true });
+          }
+          fs.renameSync(backupDir, miniProgram.path);
+        }
+        throw installError;
+      }
+    } catch (error) {
+      console.error('小程序更新失败:', error);
+      throw error;
+    } finally {
+      // 清理临时目录
+      if (fs.existsSync(tempDir)) {
+        fs.rmSync(tempDir, { recursive: true, force: true });
+      }
+    }
+
+    console.log('小程序更新成功');
+  }
+
+  async getMiniProgramStatuses() {
+    // 实现小程序状态监控逻辑
+    return this.installedApps
+      .filter(app => app.type === 'miniProgram')
+      .map(app => ({
+        name: app.name,
+        status: app.isRunning ? 'running' : 'stopped',
+        cpuUsage: 0,
+        memoryUsage: 0,
+        lastActive: new Date().toISOString()
+      }));
+  }
+
+  async getGiftStatistics() {
+    // 实现礼物数据统计逻辑
+    return {
+      totalValue: 0,
+      topUsers: [],
+      typeDistribution: {}
+    };
+  }
+
+  getAppUrl(appName: string): string {
+    const port = this.httpManager.getPort();
+    return `http://localhost:${port}/application/${appName}/index.html`;
+  }
+
+  async startApp(appId: string): Promise<Electron.BrowserWindow> {
+    const config = this.getAppConfig(appId);
+    if (!config) {
+      throw new Error(`App ${appId} not found`);
+    }
+
+    // 获取小程序信息
+    const miniProgram = this.installedApps.find(app => app.id === appId && app.type === 'miniProgram');
+
+    // 如果是小程序，进行安全检查
+    if (miniProgram) {
+      // 启动前再次进行快速安全扫描
+      if (this.config.security?.autoScan !== false) {
+        console.log(`启动前对小程序${appId}进行快速安全扫描...`);
+        const scanResult = await securityScanner.scanMiniProgram(miniProgram.path);
+        
+        if (!scanResult.passed) {
+          console.error('小程序安全扫描失败，拒绝启动:', scanResult.issues);
+          throw new Error(`小程序安全扫描失败，拒绝启动: ${scanResult.issues.map(issue => issue.description).join(', ')}`);
+        }
+      }
+
+      // 启动运行时监控
+      if (this.config.security?.runtimeMonitoring !== false) {
+        console.log(`启动小程序${appId}的运行时监控...`);
+        securityScanner.startRuntimeMonitoring(appId);
+      }
+
+      // 更新小程序状态为运行中
+      miniProgram.isRunning = true;
+      await this.saveInstalledApps();
+    }
+
+    const window = await this.windowManager.createWindow(config.windows);
+    window.loadURL(this.getAppUrl(config.name));
+
+    // 设置窗口事件监听以支持运行时监控
+    if (miniProgram && this.config.security?.runtimeMonitoring !== false) {
+      this.setupRuntimeMonitoring(appId, window);
+    }
+
+    if (!this.appWindows.has(appId)) {
+      this.appWindows.set(appId, []);
+    }
+    this.appWindows.get(appId)!.push(window);
+
+    return window;
+  }
+
+  private setupRuntimeMonitoring(appId: string, window: Electron.BrowserWindow): void {
+    // 设置窗口的事件监听以支持运行时监控
+    let lastMemoryUsage = 0;
+    let lastCpuUsage = 0;
+    let networkRequests: any[] = [];
+    let fileAccesses: any[] = [];
+    let errors: any[] = [];
+    let warnings: any[] = [];
+    let eventCount = 0;
+
+    // 定期收集性能数据
+    const monitorInterval = setInterval(() => {
+      // 获取窗口的性能数据
+      window.webContents.getProcessId().then(pid => {
+        // 模拟获取内存和CPU使用率
+        // 实际项目中应该使用真实的系统API获取
+        const memoryUsage = Math.random() * 100 + 50; // 50-150MB
+        const cpuUsage = Math.random() * 20; // 0-20%
+
+        // 记录运行时数据
+        securityScanner.recordRuntimeData(appId, {
+          memoryUsage,
+          cpuUsage,
+          networkRequests,
+          fileAccesses,
+          errors,
+          warnings,
+          eventCount
+        });
+
+        // 重置计数器
+        networkRequests = [];
+        fileAccesses = [];
+        errors = [];
+        warnings = [];
+        eventCount = 0;
+      });
+    }, 5000); // 每5秒收集一次数据
+
+    // 监听窗口关闭事件，清理监控
+    window.on('closed', () => {
+      clearInterval(monitorInterval);
+      securityScanner.stopRuntimeMonitoring(appId);
+      
+      // 更新小程序状态
+      const miniProgram = this.installedApps.find(app => app.id === appId && app.type === 'miniProgram');
+      if (miniProgram) {
+        miniProgram.isRunning = false;
+        this.saveInstalledApps().catch(console.error);
+      }
+    });
+
+    // 监听IPC消息，收集网络请求、文件访问等数据
+    ipcMain.on(`mini-program-${appId}-network-request`, (_, request) => {
+      networkRequests.push(request);
+      eventCount++;
+    });
+
+    ipcMain.on(`mini-program-${appId}-file-access`, (_, access) => {
+      fileAccesses.push(access);
+      eventCount++;
+    });
+
+    ipcMain.on(`mini-program-${appId}-error`, (_, error) => {
+      errors.push(error);
+      eventCount++;
+    });
+
+    ipcMain.on(`mini-program-${appId}-warning`, (_, warning) => {
+      warnings.push(warning);
+      eventCount++;
+    });
+  }
+
+  async closeApp(appId: string): Promise<void> {
+    const windows = this.appWindows.get(appId) || [];
+    windows.forEach((window) => window.close());
+    this.appWindows.delete(appId);
+    this.emit("app-closed", appId);
+  }
+
+  async restartApp(appId: string): Promise<void> {
+    await this.closeApp(appId);
+    await this.startApp(appId);
+  }
+
+  async reloadApps(): Promise<void> {
+    // 关闭所有窗口
+    Array.from(this.appWindows.keys()).forEach(
+      async (id) => await this.closeApp(id)
+    );
+
+    // 清理HTTP托管
+    this.apps.forEach((app) => {
+      this.httpManager.removeStatic(`/application/${app.name}`);
+      this.httpManager.removeApiRoutes(`/api/application/${app.id}`);
+    });
+
+    // 重新初始化
+    this.apps.clear();
+    await this.init();
+  }
+  private createClientWindow(appId: string): BrowserWindow {
+    const window = new BrowserWindow({
+      width: 800,
+      height: 600,
+      webPreferences: {
+        nodeIntegration: false,
+        contextIsolation: true,
+        preload: path.join(__dirname, "preload.js"),
+      },
+    });
+
+    // 加载渲染器页面
+    const indexPath = path.join(__dirname, '../../../renderer/index.html');
+    window.loadFile(indexPath).catch(err => {
+      console.error('Failed to load window content:', err);
+    });
+
+    // 监听窗口关闭事件
+    window.on("closed", () => {
+      DataManager.getInstance().handleClientClosed(appId);
+      this.emit("app-closed", appId);
+    });
+
+    return window;
+  }
+}
+
diff --git a/packages/main/src/AppModule.ts b/packages/main/src/core/AppModule.ts
similarity index 78%
rename from packages/main/src/AppModule.ts
rename to packages/main/src/core/AppModule.ts
index 7833a69b..0656ecff 100644
--- a/packages/main/src/AppModule.ts
+++ b/packages/main/src/core/AppModule.ts
@@ -2,4 +2,5 @@ import type { ModuleContext } from './ModuleContext.js';
 
 export interface AppModule {
     enable(context: ModuleContext): Promise<void> | void;
-}
+    disable?(): Promise<void> | void;
+}
\ No newline at end of file
diff --git a/packages/main/src/utils/ConfigManager.ts b/packages/main/src/core/ConfigManager.ts
similarity index 77%
rename from packages/main/src/utils/ConfigManager.ts
rename to packages/main/src/core/ConfigManager.ts
index bddd19ea..7dcd5942 100644
--- a/packages/main/src/utils/ConfigManager.ts
+++ b/packages/main/src/core/ConfigManager.ts
@@ -16,20 +16,67 @@ import archiver from "archiver";
 // 新增解压相关模块
 import { createReadStream } from "fs";
 import { Extract } from "unzipper";
-import config from "./config.js";
+import config from "./config";
+import { logger } from '@app/utils/logger';
 
 // 新增：定义配置模式接口（扩展Record允许任意属性）
-
+interface ConfigSchema extends Record<string, any> {
+  appName: string;
+  windowSize: { width: number; height: number };
+  // 优化通知设置接口定义
+  notificationSettings: {
+    enabled: boolean;
+    sound: boolean;
+    showToast: boolean;
+    toastDuration: number;
+    categories: Record<string, boolean>;
+  };
+  globalNotificationEnabled: boolean;
+  // 添加RTMP配置属性定义
+  rtmpConfigs?: Record<number, {
+    rtmpUrl: string;
+    streamKey: string;
+    updatedAt: string;
+  }>;
+  // 添加黑名单配置属性定义
+  blacklist?: Array<{
+    userId: number;
+    username?: string;
+    reason?: string;
+    addedAt: string;
+    expiresAt?: string;
+  }>;
+  // 添加直播设置
+  liveSettings?: {
+    defaultQuality: string;
+    autoRecord: boolean;
+    showGiftEffects: boolean;
+  };
+  // 添加录制配置
+  recordingSettings?: {
+    savePath: string;
+    format: string;
+    quality: string;
+    maxDuration?: number;
+  };
+  // 添加自动更新设置
+  autoUpdate?: {
+    enabled: boolean;
+    checkInterval: number;
+    ignoreVersions: string[];
+  };
+}
 
 class ConfigManager {
   private configPath: string;
   private DEFAULT_CONFIG_PATH: string;
   constructor(customPath?: string) {
-    this.DEFAULT_CONFIG_PATH = join(homedir(), globalThis.appName);
+    const appName = globalThis.appName || 'acfun-live-toolbox';
+    this.DEFAULT_CONFIG_PATH = join(homedir(), appName);
    
     // 初始化electron-data配置
     electron_data.config({
-      filename: globalThis.appName,
+      filename: appName,
       path: customPath || this.DEFAULT_CONFIG_PATH,
       autosave: true,
       prettysave: true
@@ -40,7 +87,7 @@ class ConfigManager {
     this.configPath = customPath || this.DEFAULT_CONFIG_PATH;
     this.ensureConfigDirectoryExists();
     // 异步初始化配置
-    this.initializeConfig().catch(err => console.error('配置初始化失败:', err));
+    this.initializeConfig().catch(err => logger.error('配置初始化失败:', err));
   }
 
   // 新增异步初始化方法
@@ -158,7 +205,8 @@ class ConfigManager {
     if (!existsSync(originalPath)) {
       return null;
     }
-    const backupFileName = `${globalThis.appName}_backup_${Date.now()}.zip`;
+    const appName = globalThis.appName || 'acfun-live-toolbox';
+    const backupFileName = `${appName}_backup_${Date.now()}.zip`;
     const backupPath = join(this.configPath, backupFileName);
 
     const output = createWriteStream(backupPath);
@@ -194,7 +242,7 @@ class ConfigManager {
       // 备份当前配置
       const backupPath = await this.backupConfig();
       if (!backupPath) {
-        console.warn("备份当前配置失败，可能无配置文件需要备份");
+        logger.warn("备份当前配置失败，可能无配置文件需要备份");
       }
 
       // 确保配置目录存在
@@ -215,4 +263,4 @@ class ConfigManager {
   }
 }
 
-export { ConfigManager };
+export { ConfigManager };
\ No newline at end of file
diff --git a/packages/main/src/utils/DataManager.ts b/packages/main/src/core/DataManager.ts
similarity index 100%
rename from packages/main/src/utils/DataManager.ts
rename to packages/main/src/core/DataManager.ts
diff --git a/packages/main/src/utils/HttpManager.ts b/packages/main/src/core/HttpManager.ts
similarity index 97%
rename from packages/main/src/utils/HttpManager.ts
rename to packages/main/src/core/HttpManager.ts
index 6057a74d..804dd09c 100644
--- a/packages/main/src/utils/HttpManager.ts
+++ b/packages/main/src/core/HttpManager.ts
@@ -5,6 +5,7 @@ import url from "url";
 import { app } from "electron";
 import { getPackageJson } from "./Devars.js";
 import express from "express";
+import { logger } from '@app/utils/logger';
 
 // 新增：事件源连接接口
 export interface EventSourceConnection {
@@ -41,7 +42,7 @@ export class HttpManager {
 
   // 修复找不到 ExpressRouter 名称的问题，推测应该使用 express.Router 类型
   addApiRoutes(prefix: string, router: express.Router): void {
-    console.log(`Mounting API routes at prefix: ${prefix}`);
+    logger.info(`Mounting API routes at prefix: ${prefix}`);
     this.apiRoutes.set(prefix, router);
     this.expressApp.use(prefix, router);
   }
@@ -116,7 +117,7 @@ export class HttpManager {
         await fs.access(this.APP_DIR);
       } catch {
         await fs.mkdir(this.APP_DIR, { recursive: true });
-        console.log(`创建应用目录: ${this.APP_DIR}`);
+        logger.info(`创建应用目录: ${this.APP_DIR}`);
       }
     }
 
@@ -161,7 +162,7 @@ export class HttpManager {
         }
 
         this.serverRunning = false;
-        console.log("服务器已关闭，准备重新启动...");
+        logger.info("服务器已关闭，准备重新启动...");
         const result = await this.initializeServer();
         resolve(result);
       });
@@ -249,7 +250,7 @@ export class HttpManager {
 
 `);
         } catch (error) {
-          console.error('Failed to send SSE event:', error);
+          logger.error('Failed to send SSE event:', error);
         }
       });
   
@@ -286,4 +287,4 @@ export class HttpManager {
   public getAppDir(): string {
     return this.APP_DIR;
   }
-}
+}
\ No newline at end of file
diff --git a/packages/main/src/core/ModuleContext.ts b/packages/main/src/core/ModuleContext.ts
new file mode 100644
index 00000000..c8a614f3
--- /dev/null
+++ b/packages/main/src/core/ModuleContext.ts
@@ -0,0 +1,16 @@
+import { BrowserWindow } from 'electron';
+
+/**
+ * 模块上下文接口
+ * 提供模块所需的应用全局资源
+ */
+export interface ModuleContext {
+  /** 主窗口实例 */
+  mainWindow: BrowserWindow;
+  /** 应用数据目录路径 */
+  appDataPath: string;
+  /** 应用版本号 */
+  appVersion: string;
+  /** 模块配置存储 */
+  configStore: Map<string, any>;
+}
\ No newline at end of file
diff --git a/packages/main/src/ModuleRunner.ts b/packages/main/src/core/ModuleRunner.ts
similarity index 99%
rename from packages/main/src/ModuleRunner.ts
rename to packages/main/src/core/ModuleRunner.ts
index 28db6a55..da1e646c 100644
--- a/packages/main/src/ModuleRunner.ts
+++ b/packages/main/src/core/ModuleRunner.ts
@@ -33,4 +33,4 @@ class ModuleRunner implements PromiseLike<void> {
 
 export function createModuleRunner() {
   return new ModuleRunner();
-}
+}
\ No newline at end of file
diff --git a/packages/main/src/core/config.ts b/packages/main/src/core/config.ts
new file mode 100644
index 00000000..c0247cbc
--- /dev/null
+++ b/packages/main/src/core/config.ts
@@ -0,0 +1,92 @@
+/**
+ * 默认应用配置
+ * 此文件由系统自动生成，用于提供基础配置模板
+ */
+const defaultConfig = {
+  // 应用基本信息
+  appName: 'AcfunLiveToolbox',
+  appVersion: '2.0.0',
+  copyright: 'Copyright © 2023 AcfunLiveToolbox',
+
+  // 窗口配置
+  windowSize: {
+    width: 1024,
+    height: 768,
+    minWidth: 800,
+    minHeight: 600
+  },
+  windowPosition: 'center',
+  resizable: true,
+  maximizable: true,
+
+  // 通知配置
+  notificationSettings: {
+    enabled: true,
+    sound: true,
+    showToast: true,
+    toastDuration: 5000,
+    categories: {
+      liveStatus: true,
+      danmuHighlight: true,
+      giftAlert: true,
+      systemUpdate: true,
+      reminder: true
+    }
+  },
+  globalNotificationEnabled: true,
+
+  // 网络配置
+  network: {
+    requestTimeout: 10000,
+    retryCount: 3,
+    proxyEnabled: false,
+    proxyServer: ''
+  },
+
+  // 数据存储配置
+  storage: {
+    maxDanmuHistory: 10000,
+    autoCleanup: true,
+    cleanupInterval: '7d'
+  },
+
+  // 外观配置
+  appearance: {
+    theme: 'light',
+    fontSize: 14,
+    compactMode: false,
+    language: 'zh-CN'
+  },
+
+  // 新增：RTMP配置
+  rtmpConfigs: {},
+  // 新增：黑名单配置
+  blacklist: [],
+  // 新增：直播设置
+  liveSettings: {
+    defaultQuality: '720p',
+    autoRecord: false,
+    showGiftEffects: true
+  },
+  // 新增：录制配置
+  recordingSettings: {
+    savePath: '',
+    format: 'mp4',
+    quality: 'medium'
+  },
+  // 新增：自动更新设置
+  autoUpdate: {
+    enabled: true,
+    checkInterval: 86400000,
+    ignoreVersions: []
+  },
+
+  // 开发者选项
+  developer: {
+    debugMode: false,
+    logLevel: 'info',
+    enablePerformanceMonitor: false
+  }
+};
+
+export default defaultConfig;
\ No newline at end of file
diff --git a/packages/main/src/main.ts b/packages/main/src/main.ts
new file mode 100644
index 00000000..745c9dad
--- /dev/null
+++ b/packages/main/src/main.ts
@@ -0,0 +1,124 @@
+import { app, BrowserWindow, ipcMain } from 'electron';
+import path from 'path';
+import { logger } from './utils/logger';
+import { ApiRegistry } from './apis';
+import { ConfigManager } from './core/ConfigManager';
+import notificationModule from './modules/NotificationModule';
+import errorHandlingModule from './modules/ErrorHandlingModule';
+import analyticsModule from './modules/AnalyticsModule';
+import { ModuleContext } from './core/ModuleContext';
+
+// 声明全局应用名称
+declare global {
+  var appName: string;
+}
+
+globalThis.appName = 'AcfunLiveToolbox';
+
+// 初始化核心服务
+const configManager = new ConfigManager();
+
+// 确保单实例运行
+const gotTheLock = app.requestSingleInstanceLock();
+if (!gotTheLock) {
+  app.quit();
+}
+
+let mainWindow: BrowserWindow | null = null;
+
+// 创建主窗口
+function createWindow() {
+  // 从配置获取窗口尺寸
+  configManager.get('windowSize').then(windowSize => {
+    mainWindow = new BrowserWindow({
+      width: windowSize?.width || 1024,
+      height: windowSize?.height || 768,
+      title: globalThis.appName,
+      webPreferences: {
+        nodeIntegration: false,
+        contextIsolation: true,
+        preload: path.join(__dirname, 'preload.js'),
+        webSecurity: true
+      },
+      show: false,
+      frame: true,
+      titleBarStyle: 'default'
+    });
+
+    // 创建模块上下文
+    const moduleContext: ModuleContext = {
+      mainWindow,
+      appDataPath: app.getPath('userData'),
+      appVersion: app.getVersion(),
+      configStore: new Map()
+    };
+
+    // 初始化所有模块
+    notificationModule.enable(moduleContext);
+    errorHandlingModule.enable(moduleContext);
+    analyticsModule.enable(moduleContext);
+
+    // 加载应用页面
+    if (process.env.NODE_ENV === 'development') {
+      mainWindow.loadURL('http://localhost:3000');
+      mainWindow.webContents.openDevTools();
+    } else {
+      mainWindow.loadFile(path.join(__dirname, '../renderer/index.html'));
+    }
+
+    // 窗口准备就绪后显示
+    mainWindow.on('ready-to-show', () => {
+      mainWindow?.show();
+    });
+
+    // 窗口关闭事件
+    mainWindow.on('closed', () => {
+      // 保存窗口尺寸
+      if (mainWindow) {
+        const { width, height } = mainWindow.getBounds();
+        configManager.set('windowSize', { width, height });
+      }
+      mainWindow = null;
+    });
+
+    // 注册API接口
+    ApiRegistry.register(mainWindow);
+  });
+}
+
+// 应用就绪事件
+app.on('ready', () => {
+  logger.info('应用启动');
+  createWindow();
+});
+
+// 所有窗口关闭事件
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit();
+  }
+});
+
+// 应用激活事件
+app.on('activate', () => {
+  if (mainWindow === null) {
+    createWindow();
+  }
+});
+
+// 第二实例启动事件
+app.on('second-instance', () => {
+  if (mainWindow) {
+    if (mainWindow.isMinimized()) mainWindow.restore();
+    mainWindow.focus();
+  }
+});
+
+// 错误捕获
+process.on('uncaughtException', (error) => {
+  logger.error('未捕获的异常:', error);
+});
+
+process.on('unhandledRejection', (reason, promise) => {
+  logger.error('未处理的Promise拒绝:', reason);
+});
\ No newline at end of file
diff --git a/packages/main/src/modules/AcfunDanmuModule.ts b/packages/main/src/modules/AcfunDanmuModule.ts
index ab12eb35..239dbc86 100644
--- a/packages/main/src/modules/AcfunDanmuModule.ts
+++ b/packages/main/src/modules/AcfunDanmuModule.ts
@@ -5,6 +5,8 @@ import path from 'path';
 import { app } from 'electron';
 import { getPackageJson } from '../utils/Devars.js';
 import { getLogManager } from '../utils/LogManager.js';
+import WebSocket from 'ws';
+import { ConfigManager } from '../core/ConfigManager.js';
 
 // 定义配置接口
 interface AcfunDanmuConfig {
@@ -22,15 +24,56 @@ const DEFAULT_CONFIG: AcfunDanmuConfig = {
   logLevel: 'info'
 };
 
+// 定义RTMP配置接口
+interface RtmpConfig {
+  rtmpUrl: string;
+  streamKey: string;
+  updatedAt: string;
+}
+
+// 弹幕发送响应接口
+interface DanmuSendSuccessResponse {
+  success: true;
+  data: {
+    danmuId: string;
+    timestamp: number;
+  };
+}
+
+interface DanmuSendErrorResponse {
+  success: false;
+  message: string;
+  data?: {
+    danmuId?: string;
+    timestamp?: number;
+  };
+}
+
+type DanmuSendResponse = DanmuSendSuccessResponse | DanmuSendErrorResponse;
+
+// 直播状态响应接口
+interface LiveStatusResponse {
+  liveId: number;
+  status: 'live' | 'offline' | 'reconnecting';
+  viewerCount?: number;
+  startTime?: string;
+  title?: string;
+  coverUrl?: string;
+}
+
 export class AcfunDanmuModule implements AppModule {
   private process: ChildProcess | null = null;
+  private obsWebSocket: WebSocket | null = null;
+  private obsConnectionStatus: 'disconnected' | 'connecting' | 'connected' = 'disconnected';
   private config: AcfunDanmuConfig;
   private logCallback: ((message: string, type: 'info' | 'error') => void) | null = null;
   private logManager: ReturnType<typeof getLogManager>;
+  private configManager: ConfigManager;
 
   constructor(config: Partial<AcfunDanmuConfig> = {}) {
     this.config = { ...DEFAULT_CONFIG, ...config };
     this.logManager = getLogManager();
+    this.configManager = new ConfigManager(); // 初始化ConfigManager
   }
 
   // 设置日志回调函数
@@ -176,25 +219,61 @@ export class AcfunDanmuModule implements AppModule {
   }
 
   // 实现AppModule接口
-  async enable({ app }: ModuleContext): Promise<void> {
+  async enable(context: ModuleContext): Promise<void> {
     // 设置日志回调
-    this.setLogCallback((message, type) => {
-      this.logManager.addLog('acfunDanmu', message, type as any);
+    this.setLogCallback((message: string, type: string) => {
+      this.logManager.addLog('acfunDanmu', message, type);
     });
-
+  
     // 延迟启动，确保应用已就绪
-    app.on('ready', () => {
-      setTimeout(() => {
-        this.start();
-      }, 1000);
-    });
-
+    if (context.app.isReady()) {
+      setTimeout(() => this.start(), 1000);
+    } else {
+      context.app.on('ready', () => {
+        setTimeout(() => this.start(), 1000);
+      });
+    }
+  
     // 主进程退出时停止服务
-    app.on('will-quit', () => {
+    context.app.on('will-quit', () => {
       this.stop();
     });
   }
-}
+  
+  // 新增：实现disable方法
+  async disable(): Promise<void> {
+    this.stop();
+    // 清理WebSocket连接
+    if (this.obsWebSocket) {
+      this.obsWebSocket.close();
+      this.obsWebSocket = null;
+    }
+  }
+  
+  // 弹幕相关方法
+  async sendDanmu(roomId: number, userId: number, nickname: string, content: string): Promise<any> {
+    return this.callAcfunDanmuApi(
+      `/live/danmu/send`,
+      'POST',
+      { roomId, userId, nickname, content }
+    );
+  }
+
+  async getDanmuHistory(roomId: number, page: number = 1, pageSize: number = 20): Promise<any> {
+    return this.callAcfunDanmuApi(
+      `/danmu/history`,
+      'GET',
+      { roomId, page, pageSize }
+    );
+  }
+
+  async blockUser(roomId: number, userId: number, duration: number = 3600): Promise<any> {
+    return this.callAcfunDanmuApi(
+      `/danmu/block`,
+      'POST',
+      { roomId, userId, duration }
+    );
+  }
 
   // 房管相关方法
   async getManagerList(uid: number, page: number = 1, pageSize: number = 20): Promise<any> {
@@ -294,6 +373,112 @@ export class AcfunDanmuModule implements AppModule {
     );
   }
 
+  // RTMP配置管理
+  async saveRtmpConfig(roomId: number, rtmpUrl: string, streamKey: string): Promise<boolean> {
+    try {
+      const config = this.configManager.readConfig();
+      const rtmpConfigs: Record<number, RtmpConfig> = config.rtmpConfigs || {};
+      rtmpConfigs[roomId] = { rtmpUrl, streamKey, updatedAt: new Date().toISOString() };
+      this.configManager.writeConfig({ ...config, rtmpConfigs });
+      return true;
+    } catch (error) {
+      this.logManager.addLog('AcfunDanmuModule', `Failed to save RTMP config: ${error.message}`, 'error');
+      return false;
+    }
+  }
+
+  async getRtmpConfig(roomId: number): Promise<RtmpConfig | null> {
+    try {
+      const rtmpConfigs: Record<number, RtmpConfig> = this.configManager.readConfig().rtmpConfigs || {};
+      return rtmpConfigs[roomId] || null;
+    } catch (error) {
+      this.logManager.addLog('AcfunDanmuModule', `Failed to get RTMP config: ${error.message}`, 'error');
+      return null;
+    }
+  }
+
+  // OBS连接管理
+  private setupOBSWebSocket(obsHost: string, obsPort: number, password: string): void {
+    const wsUrl = `ws://${obsHost}:${obsPort}/ws`;
+    this.obsWebSocket = new WebSocket(wsUrl);
+    this.obsConnectionStatus = 'connecting';
+  
+    this.obsWebSocket.on('open', () => {
+      this.logManager.addLog('AcfunDanmuModule', 'OBS WebSocket connected', 'info');
+      this.obsConnectionStatus = 'connected';
+      // 发送认证请求
+      this.obsWebSocket?.send(JSON.stringify({
+        "op": 1,
+        "d": {
+          "rpcVersion": 1,
+          "authentication": password
+        }
+      }));
+    });
+  
+    this.obsWebSocket.on('close', () => {
+      this.logManager.addLog('AcfunDanmuModule', 'OBS WebSocket disconnected', 'info');
+      this.obsConnectionStatus = 'disconnected';
+      // 自动重连逻辑
+      setTimeout(() => this.setupOBSWebSocket(obsHost, obsPort, password), 5000);
+    });
+  
+    this.obsWebSocket.on('error', (error) => {
+      this.logManager.addLog('AcfunDanmuModule', `OBS WebSocket error: ${error.message}`, 'error');
+      this.obsConnectionStatus = 'disconnected';
+    });
+  
+    this.obsWebSocket.on('message', (data) => {
+      const message = JSON.parse(data.toString());
+      // 处理OBS事件通知
+      if (message.op === 5) {
+        this.logManager.addLog('AcfunDanmuModule', `OBS event: ${message.d.eventType}`, 'info');
+        // 可扩展处理具体事件（如流状态变化）
+      }
+    });
+  }
+
+  connectToOBS(obsHost: string = 'localhost', obsPort: number = 4455, password: string = ''): void {
+    this.setupOBSWebSocket(obsHost, obsPort, password);
+  }
+
+  disconnectFromOBS(): void {
+    if (this.obsWebSocket) {
+      this.obsWebSocket.close();
+      this.obsWebSocket = null;
+      this.obsConnectionStatus = 'disconnected';
+    }
+  }
+
+  getOBSConnectionStatus(): 'disconnected' | 'connecting' | 'connected' {
+    return this.obsConnectionStatus;
+  }
+
+  // 推流管理相关方法
+  async startStream(roomId: number, streamKey: string, quality: string): Promise<any> {
+    return this.callAcfunDanmuApi(
+      `/stream/start`,
+      'POST',
+      { roomId, streamKey, quality }
+    );
+  }
+
+  async stopStream(roomId: number): Promise<any> {
+    return this.callAcfunDanmuApi(
+      `/stream/stop`,
+      'POST',
+      { roomId }
+    );
+  }
+
+  async getStreamStatus(roomId: number): Promise<any> {
+    return this.callAcfunDanmuApi(
+      `/stream/status`,
+      'GET',
+      { roomId }
+    );
+  }
+
   // 登录相关方法
   async login(account: string, password: string): Promise<any> {
     return this.callAcfunDanmuApi(
@@ -311,7 +496,7 @@ export class AcfunDanmuModule implements AppModule {
   }
 
   // 观看列表相关方法
-  async getWatchingList(liveID: number): Promise<any> {
+  async getWatchingList(liveId: number): Promise<any> {
     return this.callAcfunDanmuApi(
       `/live/watchingList`,
       'GET',
@@ -344,11 +529,11 @@ export class AcfunDanmuModule implements AppModule {
   }
 
   // 回放信息相关方法
-  async getPlayback(liveID: number): Promise<any> {
+  async getPlayback(liveId: number): Promise<any> {
     return this.callAcfunDanmuApi(
       `/live/playback`,
       'GET',
-      { liveId: liveID }
+      { liveId }
     );
   }
 
@@ -360,11 +545,11 @@ export class AcfunDanmuModule implements AppModule {
     );
   }
 
-  async getGiftList(liveID: number): Promise<any> {
+  async getGiftList(liveId: number): Promise<any> {
     return this.callAcfunDanmuApi(
-      `/gift/list`,
+      `/live/giftList`,
       'GET',
-      { liveId: liveID }
+      { liveId }
     );
   }
 
@@ -402,11 +587,11 @@ export class AcfunDanmuModule implements AppModule {
   }
 
   // 用户信息相关方法
-  async getUserInfo(userID?: number): Promise<any> {
+  async getUserInfo(userId?: number): Promise<any> {
     return this.callAcfunDanmuApi(
       `/user/info`,
       'GET',
-      userID ? { userId: userID } : {}
+      userId ? { userId } : {}
     );
   }
 
@@ -419,6 +604,22 @@ export class AcfunDanmuModule implements AppModule {
     );
   }
 
+  // 上传直播封面
+  async uploadCover(liveId: number, imagePath: string): Promise<any> {
+    if (!liveId || liveId <= 0) throw new Error('Invalid liveId');
+    if (!imagePath) throw new Error('Image path is required');
+    try {
+      return await this.callAcfunDanmuApi(
+        `/live/uploadCover`,
+        'POST',
+        { liveId, imageFile: imagePath }
+      );
+    } catch (error) {
+      this.logManager.addLog('AcfunDanmuModule', `Failed to upload cover: ${error.message}`, 'error');
+      throw error;
+    }
+  }
+
   // 直播预告相关方法
   async getScheduleList(): Promise<any> {
     return this.callAcfunDanmuApi(
@@ -428,17 +629,17 @@ export class AcfunDanmuModule implements AppModule {
   }
 
   // 弹幕相关方法
-  async sendDanmu(liveId: number, content: string): Promise<DanmuSendResponse> {
-    if (!liveId || liveId <=0) throw new Error('Invalid liveId');
-    if (!content || content.trim().length === 0 || content.length > 200) throw new Error('Invalid danmu content');
+  async sendDanmuV2(liveId: number, content: string): Promise<DanmuSendResponse> {
+    if (!liveId || liveId <= 0) throw new Error('Invalid liveId');
+    if (!content || content.trim().length === 0 || content.length > 200) throw new Error('Invalid danmu content: must be 1-200 characters');
     try {
       return await this.callAcfunDanmuApi<DanmuSendResponse>(
-        `/danmu/send`,
+        `/live/danmu/send`,
         'POST',
         { liveId, content }
       );
     } catch (error) {
-      this.logger.error(`Failed to send danmu: ${error.message}`, { liveId, content });
+      this.logManager.addLog('AcfunDanmuModule', `Failed to send danmu: ${error.message}`, 'error');
       throw error;
     }
   }
@@ -448,7 +649,7 @@ export class AcfunDanmuModule implements AppModule {
     return this.callAcfunDanmuApi(
       `/live/status`,
       'GET',
-      { liveId: liveID }
+      { liveId }
     );
   }
 
@@ -485,27 +686,27 @@ export class AcfunDanmuModule implements AppModule {
   }
 
   // 直播剪辑相关方法
-  async checkCanCut(liveID: number): Promise<any> {
+  async checkCanCut(liveId: number): Promise<any> {
     return this.callAcfunDanmuApi(
       `/live/checkCanCut`,
       'GET',
-      { liveId: liveID }
+      { liveId }
     );
   }
 
-  async setCanCut(liveID: number, canCut: boolean): Promise<any> {
+  async setCanCut(liveId: number, canCut: boolean): Promise<any> {
     return this.callAcfunDanmuApi(
       `/live/setCanCut`,
       'POST',
-      { liveId: liveID, canCut }
+      { liveId, canCut }
     );
   }
 
   // HTTP客户端工具方法
-  private async callAcfunDanmuApi(path: string, method: 'GET' | 'POST' = 'GET', data: any = null): Promise<any> {
+  private async callAcfunDanmuApi<T = any>(path: string, method: 'GET' | 'POST' = 'GET', data: any = null): Promise<T> {
     try {
       let url = `http://localhost:${this.config.port}/api${path}`;
-      const options = {
+      const options: RequestInit = {
         method,
         headers: {
           'Content-Type': 'application/json',
@@ -524,7 +725,7 @@ export class AcfunDanmuModule implements AppModule {
       if (!response.ok) {
         throw new Error(`HTTP error! status: ${response.status}`);
       }
-      return await response.json();
+      return await response.json() as T;
     } catch (error) {
       console.error(`[AcfunDanmu] API调用失败: ${error instanceof Error ? error.message : String(error)}`);
       throw error;
diff --git a/packages/main/src/modules/AnalyticsModule.ts b/packages/main/src/modules/AnalyticsModule.ts
new file mode 100644
index 00000000..2f7ff12c
--- /dev/null
+++ b/packages/main/src/modules/AnalyticsModule.ts
@@ -0,0 +1,139 @@
+import { EventEmitter } from 'events';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
+
+/**
+ * 数据分析模块
+ * 负责实时统计、观众行为分析、礼物统计和数据报表生成
+ */
+export class AnalyticsModule extends EventEmitter implements AppModule {
+  private isEnabled = false;
+
+  constructor() {
+    super();
+  }
+
+  /**
+   * 启用数据分析模块
+   */
+  enable(context: ModuleContext): void {
+    if (this.isEnabled) return;
+    this.isEnabled = true;
+    this.initialize(context);
+  }
+
+  /**
+   * 禁用数据分析模块
+   */
+  disable(): void {
+    if (!this.isEnabled) return;
+    this.isEnabled = false;
+    this.removeAllListeners();
+    this.emit('disabled');
+  }
+
+  /**
+   * 初始化数据分析模块
+   */
+  private async initialize(context: ModuleContext): Promise<void> {
+    // 使用上下文信息进行初始化
+    console.log(`Analytics initialized with app version: ${context.appVersion}`);
+    this.emit('initialized');
+  }
+
+  /**
+   * 获取实时统计数据
+   * @param roomId 直播间ID
+   * @returns 实时统计信息
+   */
+  async getRealTimeStats(roomId: number): Promise<{
+    viewerCount: number;
+    likeCount: number;
+    giftCount: number;
+    popularity: number;
+  }> {
+    // 实现实时统计逻辑
+    return {
+      viewerCount: 0,
+      likeCount: 0,
+      giftCount: 0,
+      popularity: 0
+    };
+  }
+
+  /**
+   * 分析观众行为
+   * @param roomId 直播间ID
+   * @returns 观众行为分析结果
+   */
+  async analyzeAudienceBehavior(roomId: number): Promise<{
+    activeUsers: number;
+    newUsers: number;
+    userRetention: number;
+    topViewingTimes: Array<{
+      hour: number;
+      count: number;
+    }>
+  }> {
+    // 实现观众行为分析逻辑
+    return {
+      activeUsers: 0,
+      newUsers: 0,
+      userRetention: 0,
+      topViewingTimes: []
+    };
+  }
+
+  /**
+   * 获取礼物统计数据
+   * @param roomId 直播间ID
+   * @param period 时间周期(daily, weekly, monthly)
+   * @returns 礼物统计结果
+   */
+  async getGiftStatistics(roomId: number, period: 'daily' | 'weekly' | 'monthly'): Promise<{
+    totalGifts: number;
+    totalValue: number;
+    topGifters: Array<{
+      userId: number;
+      userName: string;
+      giftCount: number;
+      totalValue: number;
+    }>;
+    giftDistribution: Array<{
+      giftId: number;
+      giftName: string;
+      count: number;
+    }>
+  }> {
+    // 实现礼物统计逻辑
+    return {
+      totalGifts: 0,
+      totalValue: 0,
+      topGifters: [],
+      giftDistribution: []
+    };
+  }
+
+  /**
+   * 生成数据报表
+   * @param roomId 直播间ID
+   * @param period 时间周期
+   * @returns 报表数据
+   */
+  async generateReport(roomId: number, period: 'daily' | 'weekly' | 'monthly'): Promise<{
+    reportId: string;
+    generationTime: Date;
+    data: any;
+    downloadUrl: string;
+  }> {
+    // 实现报表生成逻辑
+    return {
+      reportId: `report-${roomId}-${period}-${Date.now()}`,
+      generationTime: new Date(),
+      data: {},
+      downloadUrl: ''
+    };
+  }
+}
+
+export default new AnalyticsModule();
\ No newline at end of file
diff --git a/packages/main/src/modules/ApplicationTerminatorOnLastWindowClose.ts b/packages/main/src/modules/ApplicationTerminatorOnLastWindowClose.ts
index e66fccd3..db37840a 100644
--- a/packages/main/src/modules/ApplicationTerminatorOnLastWindowClose.ts
+++ b/packages/main/src/modules/ApplicationTerminatorOnLastWindowClose.ts
@@ -1,13 +1,24 @@
-import {AppModule} from '../AppModule.js';
-import {ModuleContext} from '../ModuleContext.js';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
+import { app } from 'electron';
 
 class ApplicationTerminatorOnLastWindowClose implements AppModule {
-  enable({app}: ModuleContext): Promise<void> | void {
-    app.on('window-all-closed', () => app.quit());
+  private windowAllClosedListener?: () => void;
+
+  enable(context: ModuleContext): Promise<void> | void {
+    this.windowAllClosedListener = () => app.quit();
+    app.on('window-all-closed', this.windowAllClosedListener);
+  }
+
+  disable(): Promise<void> | void {
+    if (this.windowAllClosedListener) {
+      app.off('window-all-closed', this.windowAllClosedListener);
+      this.windowAllClosedListener = undefined;
+    }
   }
 }
 
 
-export function terminateAppOnLastWindowClose(...args: ConstructorParameters<typeof ApplicationTerminatorOnLastWindowClose>) {
-  return new ApplicationTerminatorOnLastWindowClose(...args);
+export function terminateAppOnLastWindowClose() {
+  return new ApplicationTerminatorOnLastWindowClose();
 }
diff --git a/packages/main/src/modules/AutoUpdater.ts b/packages/main/src/modules/AutoUpdater.ts
index d8b8f8ec..9e98bc10 100644
--- a/packages/main/src/modules/AutoUpdater.ts
+++ b/packages/main/src/modules/AutoUpdater.ts
@@ -1,35 +1,40 @@
-import {AppModule} from '../AppModule.js';
-import electronUpdater, {type AppUpdater, type Logger} from 'electron-updater';
+import { AppModule } from '../core/AppModule';
+import { autoUpdater, type AppUpdater, type Logger } from 'electron-updater';
+import { ModuleContext } from '../core/ModuleContext';
 
 type DownloadNotification = Parameters<AppUpdater['checkForUpdatesAndNotify']>[0];
 
 export class AutoUpdater implements AppModule {
 
   readonly #logger: Logger | null;
-  readonly #notification: DownloadNotification;
+  readonly #notification: DownloadNotification | undefined;
+  private context: ModuleContext | undefined;
 
   constructor(
     {
       logger = null,
-      downloadNotification = undefined,
-    }:
-      {
-        logger?: Logger | null | undefined,
-        downloadNotification?: DownloadNotification
-      } = {},
+      downloadNotification,
+    }: {
+      logger?: Logger | null;
+      downloadNotification?: DownloadNotification;
+    } = {},
   ) {
     this.#logger = logger;
     this.#notification = downloadNotification;
   }
 
-  async enable(): Promise<void> {
+  async enable(context: ModuleContext): Promise<boolean> {
+    this.context = context;
     await this.runAutoUpdater();
+    return true;
+  }
+
+  async disable(): Promise<boolean> {
+    // 实现禁用逻辑
+    return true;
   }
 
   getAutoUpdater(): AppUpdater {
-    // Using destructuring to access autoUpdater due to the CommonJS module of 'electron-updater'.
-    // It is a workaround for ESM compatibility issues, see https://github.com/electron-userland/electron-builder/issues/7976.
-    const {autoUpdater} = electronUpdater;
     return autoUpdater;
   }
 
@@ -39,24 +44,21 @@ export class AutoUpdater implements AppModule {
       updater.logger = this.#logger || null;
       updater.fullChangelog = true;
 
-      if (import.meta.env.VITE_DISTRIBUTION_CHANNEL) {
-        updater.channel = import.meta.env.VITE_DISTRIBUTION_CHANNEL;
+      if (process.env.VITE_DISTRIBUTION_CHANNEL) {
+        updater.channel = process.env.VITE_DISTRIBUTION_CHANNEL;
       }
 
       return await updater.checkForUpdatesAndNotify(this.#notification);
     } catch (error) {
-      if (error instanceof Error) {
-        if (error.message.includes('No published versions')) {
-          return null;
-        }
+      if (error instanceof Error && error.message.includes('No published versions')) {
+        return null;
       }
-
       throw error;
     }
   }
 }
 
 
-export function autoUpdater(...args: ConstructorParameters<typeof AutoUpdater>) {
+export function createAutoUpdater(...args: ConstructorParameters<typeof AutoUpdater>) {
   return new AutoUpdater(...args);
 }
diff --git a/packages/main/src/modules/BlacklistManager.ts b/packages/main/src/modules/BlacklistManager.ts
new file mode 100644
index 00000000..90574523
--- /dev/null
+++ b/packages/main/src/modules/BlacklistManager.ts
@@ -0,0 +1,208 @@
+import { EventEmitter } from 'events';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
+import { ConfigManager } from '../core/ConfigManager';
+import { LogManager } from '../utils/LogManager';
+
+// 黑名单用户接口
+export interface BlacklistUser {
+  userId: string;
+  username: string;
+  reason?: string;
+  addedAt: number;
+  expiresAt?: number; // 可选的过期时间，永久黑名单不设置此值
+}
+
+/**
+ * 黑名单管理模块
+ * 负责处理用户黑名单的添加、移除、查询和持久化
+ */
+export class BlacklistManager extends EventEmitter implements AppModule {
+  private blacklist: Map<string, BlacklistUser>;
+  private configManager!: ConfigManager;
+  private logManager!: LogManager;
+  private static readonly CONFIG_KEY = 'blacklist';
+  private isEnabled = false;
+
+  constructor() {
+    super();
+    this.blacklist = new Map();
+  }
+
+  /**
+   * 启用黑名单模块
+   */
+  enable(context: ModuleContext): void {
+    if (this.isEnabled) return;
+    this.isEnabled = true;
+    this.configManager = new ConfigManager();
+    this.logManager = new LogManager(context.appDataPath);
+    this.initialize();
+  }
+
+  /**
+   * 禁用黑名单模块
+   */
+  disable(): void {
+    if (!this.isEnabled) return;
+    this.isEnabled = false;
+    this.removeAllListeners();
+    this.blacklist.clear();
+  }
+
+  /**
+   * 初始化黑名单模块
+   * 从配置加载已保存的黑名单数据
+   */
+  private initialize(): void {
+    this.logManager.addLog('BlacklistManager', 'Initializing blacklist manager', 'info');
+    this.loadBlacklist();
+    this.cleanupExpiredEntries();
+  }
+
+  /**
+   * 从配置加载黑名单数据
+   */
+  private loadBlacklist(): void {
+    try {
+      const savedBlacklist = this.configManager.readConfig()[BlacklistManager.CONFIG_KEY] || [];
+      savedBlacklist.forEach((user: BlacklistUser) => {
+        this.blacklist.set(user.userId, user);
+      });
+      this.logManager.addLog('BlacklistManager', `Loaded ${this.blacklist.size} blacklist entries`, 'info');
+    } catch (error) {
+      this.logManager.addLog('BlacklistManager', `Failed to load blacklist: ${error.message}`, 'error');
+      // 加载失败时初始化空黑名单
+      this.blacklist = new Map();
+    }
+  }
+
+  /**
+   * 保存黑名单数据到配置
+   */
+  private saveBlacklist(): void {
+    try {
+      const blacklistArray = Array.from(this.blacklist.values());
+      this.configManager.writeConfig({
+        [BlacklistManager.CONFIG_KEY]: blacklistArray
+      });
+      this.logManager.addLog('BlacklistManager', `Saved ${blacklistArray.length} blacklist entries`, 'info');
+    } catch (error) {
+      this.logManager.addLog('BlacklistManager', `Failed to save blacklist: ${error.message}`, 'error');
+    }
+  }
+
+  /**
+   * 清理过期的黑名单条目
+   */
+  private cleanupExpiredEntries(): void {
+    const now = Date.now();
+    let expiredCount = 0;
+
+    this.blacklist.forEach((user, userId) => {
+      if (user.expiresAt && user.expiresAt < now) {
+        this.blacklist.delete(userId);
+        expiredCount++;
+      }
+    });
+
+    if (expiredCount > 0) {
+      this.logManager.addLog('BlacklistManager', `Removed ${expiredCount} expired blacklist entries`, 'info');
+      this.saveBlacklist();
+      this.emit('blacklistUpdated', this.getBlacklist());
+    }
+  }
+
+  /**
+   * 添加用户到黑名单
+   * @param user - 要添加的黑名单用户信息
+   * @returns 添加结果
+   */
+  public addToBlacklist(user: BlacklistUser): boolean {
+    if (this.blacklist.has(user.userId)) {
+      this.logManager.addLog('BlacklistManager', `User ${user.username} (${user.userId}) is already in blacklist`, 'warn');
+      return false;
+    }
+
+    // 设置添加时间（如果未提供）
+    const userToAdd = {
+      ...user,
+      addedAt: user.addedAt || Date.now()
+    };
+
+    this.blacklist.set(user.userId, userToAdd);
+    this.logManager.addLog('BlacklistManager', `Added user ${user.username} (${user.userId}) to blacklist. Reason: ${user.reason || 'Not specified'}`, 'info');
+    this.saveBlacklist();
+    this.emit('blacklistUpdated', this.getBlacklist());
+    this.emit('userAdded', userToAdd);
+    return true;
+  }
+
+  /**
+   * 从黑名单移除用户
+   * @param userId - 要移除的用户ID
+   * @returns 移除结果
+   */
+  public removeFromBlacklist(userId: string): boolean {
+    const user = this.blacklist.get(userId);
+    if (!user) {
+      this.logManager.addLog('BlacklistManager', `User ${userId} is not in blacklist`, 'warn');
+      return false;
+    }
+
+    this.blacklist.delete(userId);
+    this.logManager.addLog('BlacklistManager', `Removed user ${user.username} (${userId}) from blacklist`, 'info');
+    this.saveBlacklist();
+    this.emit('blacklistUpdated', this.getBlacklist());
+    this.emit('userRemoved', user);
+    return true;
+  }
+
+  /**
+   * 检查用户是否在黑名单中
+   * @param userId - 要检查的用户ID
+   * @returns 是否在黑名单中
+   */
+  public isBlacklisted(userId: string): boolean {
+    this.cleanupExpiredEntries(); // 检查前先清理过期条目
+    return this.blacklist.has(userId);
+  }
+
+  /**
+   * 获取黑名单中的用户信息
+   * @param userId - 用户ID
+   * @returns 用户信息或undefined
+   */
+  public getBlacklistUser(userId: string): BlacklistUser | undefined {
+    this.cleanupExpiredEntries();
+    return this.blacklist.get(userId);
+  }
+
+  /**
+   * 获取完整的黑名单列表
+   * @returns 黑名单用户数组
+   */
+  public getBlacklist(): BlacklistUser[] {
+    this.cleanupExpiredEntries();
+    return Array.from(this.blacklist.values());
+  }
+
+  /**
+   * 清空黑名单
+   * @returns 操作结果
+   */
+  public clearBlacklist(): boolean {
+    if (this.blacklist.size === 0) {
+      this.logManager.addLog('BlacklistManager', 'Blacklist is already empty', 'warn');
+      return false;
+    }
+
+    const count = this.blacklist.size;
+    this.blacklist.clear();
+    this.logManager.addLog('BlacklistManager', `Cleared ${count} entries from blacklist`, 'info');
+    this.saveBlacklist();
+    this.emit('blacklistUpdated', this.getBlacklist());
+    this.emit('blacklistCleared');
+    return true;
+  }
+}
\ No newline at end of file
diff --git a/packages/main/src/modules/ChromeDevToolsExtension.ts b/packages/main/src/modules/ChromeDevToolsExtension.ts
index ef14fd6a..26d05916 100644
--- a/packages/main/src/modules/ChromeDevToolsExtension.ts
+++ b/packages/main/src/modules/ChromeDevToolsExtension.ts
@@ -1,5 +1,6 @@
-import {AppModule} from '../AppModule.js';
-import {ModuleContext} from '../ModuleContext.js';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
+import { app } from 'electron';
 import installer from 'electron-devtools-installer';
 
 const {
@@ -38,9 +39,15 @@ export class ChromeDevToolsExtension implements AppModule {
     this.#extension = extension;
   }
 
-  async enable({app}: ModuleContext): Promise<void> {
+  async enable(context: ModuleContext): Promise<boolean> {
     await app.whenReady();
     await installExtension(extensionsDictionary[this.#extension]);
+    return true;
+  }
+
+  async disable(): Promise<boolean> {
+    // Chrome扩展无法通过编程方式禁用，返回true表示操作成功
+    return true;
   }
 }
 
diff --git a/packages/main/src/modules/DanmuModule.ts b/packages/main/src/modules/DanmuModule.ts
new file mode 100644
index 00000000..2e5dc957
--- /dev/null
+++ b/packages/main/src/modules/DanmuModule.ts
@@ -0,0 +1,175 @@
+import { AppModule } from '../core/AppModule';
+import { DanmuDatabaseService } from '../services/DanmuDatabaseService';
+import { AcfunDanmuModule } from '../../acfundanmu';
+import { logger } from '../utils/logger';
+import { ModuleContext } from '../core/ModuleContext';
+
+// 定义弹幕数据接口
+interface Danmu {
+  userId: number;
+  username: string;
+  content: string;
+  type: string;
+  color?: string;
+  fontSize?: number;
+  isGift?: boolean;
+  giftValue?: number;
+  timestamp?: number;
+}
+
+// 弹幕连接管理器 - 处理多直播间弹幕流分发
+export class DanmuConnectionManager implements AppModule {
+  private static instance: DanmuConnectionManager;
+  private roomConnections: Map<number, AcfunDanmuModule> = new Map();
+  private dbService: DanmuDatabaseService;
+  private isEnabled = false;
+
+  private constructor() {
+    this.dbService = DanmuDatabaseService.getInstance();
+  }
+
+  public static getInstance(): DanmuConnectionManager {
+    if (!DanmuConnectionManager.instance) {
+      DanmuConnectionManager.instance = new DanmuConnectionManager();
+    }
+    return DanmuConnectionManager.instance;
+  }
+
+  /**
+   * 启用弹幕模块
+   */
+  async enable(context: ModuleContext): Promise<void> {
+    if (this.isEnabled) return;
+    this.isEnabled = true;
+    this.initialize(context);
+  }
+
+  /**
+   * 禁用弹幕模块
+   */
+  async disable(): Promise<void> {
+    if (!this.isEnabled) return;
+    this.isEnabled = false;
+    this.disconnectAll();
+  }
+
+  /**
+   * 初始化弹幕模块
+   */
+  private initialize(context: ModuleContext): void {
+    logger.info(`Danmu module initialized with app data path: ${context.appDataPath}`);
+    // 使用上下文信息进行初始化
+  }
+
+  // 连接到直播间弹幕流
+  async connectToRoom(roomId: number): Promise<boolean> {
+    if (this.roomConnections.has(roomId)) {
+      logger.warn(`Already connected to room ${roomId}`);
+      return true;
+    }
+
+    try {
+      const danmuModule = new AcfunDanmuModule();
+      await danmuModule.start();
+
+      // 监听弹幕事件并存储到数据库
+      danmuModule.on('danmu', (danmu) => this.handleDanmu(roomId, danmu));
+      danmuModule.on('error', (error) => this.handleConnectionError(roomId, error));
+      danmuModule.on('close', () => this.handleConnectionClose(roomId));
+
+      this.roomConnections.set(roomId, danmuModule);
+      logger.info(`Successfully connected to room ${roomId}`);
+      return true;
+    } catch (error) {
+      logger.error(`Failed to connect to room ${roomId}:`, error);
+      return false;
+    }
+  }
+
+  // 断开直播间弹幕流连接
+  disconnectFromRoom(roomId: number): void {
+    const connection = this.roomConnections.get(roomId);
+    if (connection) {
+      connection.removeAllListeners();
+      connection.disconnect();
+      this.roomConnections.delete(roomId);
+      logger.info(`Disconnected from room ${roomId} danmu stream`);
+    }
+  }
+
+  // 断开所有直播间连接
+  disconnectAll(): void {
+    this.roomConnections.forEach((_, roomId) => this.disconnectFromRoom(roomId));
+  }
+
+  // 处理接收到的弹幕
+  private handleDanmu(roomId: number, danmu: any): void {
+    try {
+      // 存储弹幕到数据库
+      this.dbService.insertDanmu({
+        roomId,
+        userId: danmu.userId,
+        username: danmu.username,
+        content: danmu.content,
+        type: danmu.type,
+        color: danmu.color,
+        fontSize: danmu.fontSize,
+        isGift: danmu.isGift || false,
+        giftValue: danmu.giftValue || 0
+      });
+
+      // TODO: 实现弹幕分发逻辑，发送到前端
+    } catch (error) {
+      logger.error(`Failed to process danmu for room ${roomId}:`, error);
+    }
+  }
+
+  // 处理连接错误
+  private handleConnectionError(roomId: number, error: Error): void {
+    logger.error(`Danmu connection error for room ${roomId}:`, error);
+    // 自动重连逻辑
+    setTimeout(() => this.connectToRoom(roomId), 5000);
+  }
+
+  // 处理连接关闭
+  private handleConnectionClose(roomId: number): void {
+    logger.warn(`Danmu connection closed for room ${roomId}`);
+    this.roomConnections.delete(roomId);
+    // 自动重连
+    setTimeout(() => this.connectToRoom(roomId), 3000);
+  }
+
+  // 获取活跃的直播间连接
+  getActiveRooms(): number[] {
+    return Array.from(this.roomConnections.keys());
+  }
+}
+
+// 弹幕模块 - 实现多直播间弹幕流分发机制
+export default class DanmuModule implements AppModule {
+  private connectionManager: DanmuConnectionManager;
+
+  async enable(context: ModuleContext): Promise<void> {
+    this.connectionManager = DanmuConnectionManager.getInstance();
+    logger.info('DanmuModule enabled with multi-room support');
+
+    // 注册应用退出时的清理函数
+    context.app.on('will-quit', () => {
+      this.connectionManager.disconnectAll();
+    });
+  }
+
+  async disable(): Promise<void> {
+    this.connectionManager.disconnectAll();
+    logger.info('DanmuModule disabled');
+  }
+
+  // 提供API方法供前端调用
+  getApi() {
+    return {
+      connectToRoom: (roomId: number) => this.connectionManager.connectToRoom(roomId),
+      disconnectFromRoom: (roomId: number) => this.connectionManager.disconnectFromRoom(roomId),
+      getActiveRooms: () => this.connectionManager.getActiveRooms()
+    };
+  }
+}
\ No newline at end of file
diff --git a/packages/main/src/modules/DashboardModule.ts b/packages/main/src/modules/DashboardModule.ts
index f1a2a458..be89d599 100644
--- a/packages/main/src/modules/DashboardModule.ts
+++ b/packages/main/src/modules/DashboardModule.ts
@@ -1,7 +1,9 @@
 import { singleton } from 'tsyringe';
-
-import { randomInt } from 'crypto';
-import { acfunLiveAPI } from 'acfundanmu';
+import { authService } from '../utils/AuthService';
+import fetch from 'node-fetch';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
+import logger from '../utils/logger';
 
 interface Stats {
     viewerCount: number;
@@ -23,9 +25,19 @@ const CACHE_DURATION_MS = 5 * 60 * 1000; // 5分钟缓存有效期
  * 仪表盘模块 - 处理仪表盘相关数据和功能
  */
 @singleton()
-export default class DashboardModule {
+export default class DashboardModule implements AppModule {
   private lastStatsUpdate: number = 0;
   private statsCache: Stats | null = null;
+  private lastBlocksUpdate: number = 0;
+  private blocksCache: DynamicBlock[] | null = null;
+
+  enable(context: ModuleContext): Promise<void> | void {
+    // 初始化逻辑（如果需要）
+  }
+
+  disable(): Promise<void> | void {
+    // 清理逻辑（如果需要）
+  }
 
   /**
    * 根据当前时间生成系统通知
@@ -53,15 +65,30 @@ export default class DashboardModule {
         }
 
         try {
-          // 调用ACFUN直播API获取真实数据
-            const liveData = await acfunLiveAPI.getLiveData(1); // 获取最近1天数据
-            
+          // 获取认证令牌
+            const token = await authService.getCurrentToken();
+            if (!token) {
+                throw new Error('用户未登录，无法获取统计数据');
+            }
+
+            // 调用ACFUN直播API获取真实数据
+            const response = await fetch('https://api.acfun.cn/v2/live/stats', {
+                method: 'GET',
+                headers: {
+                    'Authorization': `Bearer ${token}`
+                }
+            });
+
+            if (!response.ok) {
+                throw new Error(`获取统计数据失败: ${response.statusText}`);
+            }
+
+            const liveData = await response.json();
             const statsData = {
                 viewerCount: liveData.viewerCount || 0,
                 likeCount: liveData.interactionStats?.likeCount || 0,
                 bananaCount: liveData.giftStats?.bananaCount || 0,
                 acCoinCount: liveData.virtualCurrencyStats?.acCoinCount || 0,
-                // 添加额外的安全检查
                 totalIncome: liveData.incomeStats?.total || 0
             };
 
@@ -71,7 +98,7 @@ export default class DashboardModule {
 
           return statsData;
         } catch (error) {
-          console.error('获取直播统计数据失败:', error);
+          logger.error('获取直播统计数据失败:', error);
           
           // 缓存失败时使用缓存数据或返回默认值
           if (this.statsCache) {
@@ -83,7 +110,8 @@ export default class DashboardModule {
             viewerCount: 0,
             likeCount: 0,
             bananaCount: 0,
-            acCoinCount: 0
+            acCoinCount: 0,
+            totalIncome: 0
           };
         }
       }
@@ -92,9 +120,6 @@ export default class DashboardModule {
    * 获取动态内容块
    * @returns 动态内容块数组
    */
-  private lastBlocksUpdate: number = 0;
-  private blocksCache: DynamicBlock[] | null = null;
-
   async getDynamicBlocks(): Promise<DynamicBlock[]> {
     // 检查缓存是否有效（10分钟内）
     const now = Date.now();
@@ -103,29 +128,39 @@ export default class DashboardModule {
     }
 
     try {
-      // 模拟从服务器获取动态内容
-      // 实际应用中应该调用真实的API
+      // 获取认证令牌
+      const token = await authService.getCurrentToken();
+      if (!token) {
+          throw new Error('用户未登录，无法获取动态内容');
+      }
+
+      // 调用API获取动态内容
+      const response = await fetch('https://api.acfun.cn/v2/dashboard/blocks', {
+          method: 'GET',
+          headers: {
+              'Authorization': `Bearer ${token}`
+          }
+      });
+
+      if (!response.ok) {
+          throw new Error(`获取动态内容失败: ${response.statusText}`);
+      }
+
+      const data = await response.json();
       const currentHour = new Date().getHours();
       const systemNotice = this.getSystemNotice(currentHour);
 
-      // 模拟最近直播数据
-      const recentStreams = [
-        '直播标题: 今天我们聊聊前端技术 | 观众数: 1,280 | 时长: 2小时30分',
-        '直播标题: 我的游戏日常 | 观众数: 850 | 时长: 3小时15分',
-        '直播标题: 周末闲聊 | 观众数: 620 | 时长: 1小时45分'
-      ];
-
-      // 随机决定是否显示活动通知
-      const showActivity = Math.random() > 0.5;
-      let activityNotice: DynamicBlock[] = [];
+      // 处理API返回的最近直播数据
+      const recentStreams = data.recentStreams.map((stream: any) => 
+          `直播标题: ${stream.title} | 观众数: ${stream.viewerCount.toLocaleString()} | 时长: ${stream.duration}`
+      );
 
-      if (showActivity) {
-        activityNotice = [{
+      // 处理平台活动通知
+      const activityNotice = data.platformActivity ? [{
           title: '平台活动',
           type: 'string',
-          content: '本周末有直播挑战赛活动，参与即可获得丰厚奖励！详情请查看活动中心。'
-        }];
-      }
+          content: data.platformActivity
+      }] : [];
 
       const blocks = [
         {
@@ -147,7 +182,7 @@ export default class DashboardModule {
 
       return blocks;
     } catch (error) {
-      console.error('获取动态内容块失败:', error);
+      logger.error('获取动态内容块失败:', error);
       // 返回缓存数据或默认内容
       if (this.blocksCache) {
         return this.blocksCache;
@@ -165,12 +200,7 @@ export default class DashboardModule {
    * 刷新统计数据
    * @returns 新的统计数据
    */
-  refreshStats(): {
-    viewerCount: number;
-    likeCount: number;
-    bananaCount: number;
-    acCoinCount: number;
-  } {
+  async refreshStats(): Promise<Stats> {
     // 强制刷新数据
     this.statsCache = null;
     return this.getStats();
diff --git a/packages/main/src/modules/ErrorHandlingModule.ts b/packages/main/src/modules/ErrorHandlingModule.ts
new file mode 100644
index 00000000..8ada5d09
--- /dev/null
+++ b/packages/main/src/modules/ErrorHandlingModule.ts
@@ -0,0 +1,156 @@
+import { EventEmitter } from 'events';
+import { BrowserWindow, ipcMain } from 'electron';
+import { join } from 'path';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
+
+/**
+ * 错误类型定义
+ */
+type ErrorType = 'network' | 'authentication' | 'validation' | 'runtime' | 'unknown';
+
+/**
+ * 错误信息接口
+ */
+interface ErrorInfo {
+  type: ErrorType;
+  code: string;
+  message: string;
+  details?: any;
+  timestamp: Date;
+}
+
+/**
+ * 错误处理模块
+ * 负责全局错误捕获、错误展示和用户反馈
+ */
+export class ErrorHandlingModule extends EventEmitter implements AppModule {
+  private mainWindow: BrowserWindow | null = null;
+  private errorHistory: ErrorInfo[] = [];
+  private maxHistorySize = 50;
+  private isEnabled = false;
+
+  constructor() {
+    super();
+  }
+
+  /**
+   * 启用错误处理模块
+   */
+  async enable(context: ModuleContext): Promise<void> {
+    if (this.isEnabled) return;
+    this.isEnabled = true;
+    this.mainWindow = context.mainWindow;
+    if (!this.mainWindow) {
+      throw new Error('主窗口未初始化，无法启用错误处理模块');
+    }
+    this.setupGlobalErrorHandlers();
+    this.setupIpcListeners();
+  }
+
+  /**
+   * 禁用错误处理模块
+   */
+  async disable(): Promise<void> {
+    if (!this.isEnabled) return;
+    this.isEnabled = false;
+    this.removeAllListeners();
+    ipcMain.removeHandler('get-error-history');
+    ipcMain.removeHandler('clear-error-history');
+    // 移除全局错误监听器
+    process.removeListener('unhandledRejection', this.handleUnhandledRejection.bind(this));
+    process.removeListener('uncaughtException', this.handleUncaughtException.bind(this));
+    this.errorHistory = [];
+  }
+
+  /**
+   * 设置IPC监听器
+   */
+  private setupIpcListeners(): void {
+    ipcMain.handle('get-error-history', () => this.getErrorHistory());
+    ipcMain.handle('clear-error-history', () => this.clearErrorHistory());
+  }
+
+  /**
+   * 设置全局错误处理器
+   */
+  private setupGlobalErrorHandlers(): void {
+    // 捕获未处理的Promise拒绝
+    process.on('unhandledRejection', this.handleUnhandledRejection.bind(this));
+
+    // 捕获未捕获的异常
+    process.on('uncaughtException', this.handleUncaughtException.bind(this));
+  }
+
+  /**
+   * 处理未处理的Promise拒绝
+   */
+  private handleUnhandledRejection(reason: unknown): void {
+    this.handleError({
+      type: 'runtime',
+      code: 'UNHANDLED_REJECTION',
+      message: reason instanceof Error ? reason.message : String(reason),
+      details: { reason }
+    });
+  }
+
+  /**
+   * 处理未捕获的异常
+   */
+  private handleUncaughtException(error: Error): void {
+    this.handleError({
+      type: 'runtime',
+      code: 'UNCAUGHT_EXCEPTION',
+      message: error.message,
+      details: { stack: error.stack }
+    });
+  }
+
+  /**
+   * 处理错误
+   */
+  handleError(error: Omit<ErrorInfo, 'timestamp'>): ErrorInfo {
+    const errorInfo: ErrorInfo = {
+      ...error,
+      timestamp: new Date()
+    };
+
+    // 添加到错误历史
+    this.errorHistory.unshift(errorInfo);
+    if (this.errorHistory.length > this.maxHistorySize) {
+      this.errorHistory.pop();
+    }
+
+    // 触发错误事件
+    this.emit('error', errorInfo);
+
+    // 显示错误通知
+    this.sendErrorToRenderer(errorInfo);
+
+    return errorInfo;
+  }
+
+  /**
+   * 发送错误信息到渲染进程
+   */
+  private sendErrorToRenderer(errorInfo: ErrorInfo): void {
+    if (this.mainWindow?.isDestroyed()) return;
+    this.mainWindow?.webContents.send('error-occurred', errorInfo);
+  }
+
+  /**
+   * 获取错误历史
+   */
+  getErrorHistory(): ErrorInfo[] {
+    return [...this.errorHistory];
+  }
+
+  /**
+   * 清除错误历史
+   */
+  clearErrorHistory(): void {
+    this.errorHistory = [];
+  }
+}
+
+export default new ErrorHandlingModule();
\ No newline at end of file
diff --git a/packages/main/src/modules/HardwareAccelerationModule.ts b/packages/main/src/modules/HardwareAccelerationModule.ts
index dc488dab..64e24de8 100644
--- a/packages/main/src/modules/HardwareAccelerationModule.ts
+++ b/packages/main/src/modules/HardwareAccelerationModule.ts
@@ -1,5 +1,5 @@
-import {AppModule} from '../AppModule.js';
-import {ModuleContext} from '../ModuleContext.js';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
 
 export class HardwareAccelerationModule implements AppModule {
   readonly #shouldBeDisabled: boolean;
@@ -9,10 +9,16 @@ export class HardwareAccelerationModule implements AppModule {
     this.#shouldBeDisabled = !enable;
   }
 
-  enable({app}: ModuleContext): Promise<void> | void {
+  async enable({app}: ModuleContext): Promise<boolean> {
     if (this.#shouldBeDisabled) {
       app.disableHardwareAcceleration();
     }
+    return true;
+  }
+
+  async disable(): Promise<boolean> {
+    // 硬件加速设置无法在运行时动态启用，返回true表示操作成功
+    return true;
   }
 }
 
diff --git a/packages/main/src/modules/LiveManagementModule.ts b/packages/main/src/modules/LiveManagementModule.ts
index 50e3f10d..b2d0fcf3 100644
--- a/packages/main/src/modules/LiveManagementModule.ts
+++ b/packages/main/src/modules/LiveManagementModule.ts
@@ -1,8 +1,9 @@
 import { EventEmitter } from 'events';
 import { getLogManager } from '../utils/LogManager.js';
-import { AppModule } from '../AppModule.js';
-import { ModuleContext } from '../ModuleContext.js';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
 import OBSWebSocket from 'obs-websocket-js';
+import fetch from 'node-fetch';
 
 // 直播管理模块配置接口
 export interface LiveManagementConfig {
@@ -35,8 +36,8 @@ export type StreamStatus = 'live' | 'waiting' | 'offline';
 export class LiveManagementModule extends EventEmitter implements AppModule {
   private config: LiveManagementConfig;
   private logger = getLogManager().getLogger('LiveManagementModule');
-private obsWebSocket = new OBSWebSocket();
-private obsStatus: OBSStatus = 'offline';
+  private obsWebSocket = new OBSWebSocket();
+  private obsStatus: OBSStatus = 'offline';
   private streamStatus: StreamStatus = 'offline';
   private roomInfo: RoomInfo = {
     title: '未设置标题',
@@ -157,8 +158,8 @@ private obsStatus: OBSStatus = 'offline';
       // 实际应用中，这里应该调用API获取真实推流码
       // 如果没有推流码，则生成一个模拟的
       if (!this.config.streamKey) {
-        this.config.streamKey = this.generateMockStreamKey();
-      }
+      this.config.streamKey = await this.fetchStreamKeyFromAPI();
+    }
       return {
         server: this.config.rtmpServer || 'rtmp://push.acfun.cn/live',
         key: this.config.streamKey
@@ -176,7 +177,7 @@ private obsStatus: OBSStatus = 'offline';
   async refreshStreamKey(): Promise<{ server: string; streamKey: string }> {
     try {
       // 实际应用中，这里应该调用API刷新推流码
-      this.config.streamKey = this.generateMockStreamKey();
+      this.config.streamKey = await this.fetchStreamKeyFromAPI();
       this.logger.info('Stream key refreshed');
       return {
         server: this.config.rtmpServer || 'rtmp://push.acfun.cn/live',
@@ -192,6 +193,39 @@ private obsStatus: OBSStatus = 'offline';
    * 连接OBS
    * @returns 是否成功
    */
+  private async fetchStreamKeyFromAPI(attempt = 0): Promise<string> {
+    try {
+      if (!this.config.roomId) {
+        throw new Error('Room ID is not configured');
+      }
+      
+      // 调用真实API获取推流码
+      const response = await fetch(`https://api.acfun.cn/v2/rooms/${this.config.roomId}/stream-key`, {
+        method: 'GET',
+        headers: {
+          'Authorization': `Bearer ${global.authToken}`
+        }
+      });
+      
+      if (!response.ok) {
+        throw new Error(`Failed to fetch stream key: ${response.statusText}`);
+      }
+      
+      const data = await response.json();
+      this.reconnectAttempts = 0; // 重置重试计数器
+      return data.streamKey;
+    } catch (error) {
+      if (attempt < this.maxReconnectAttempts) {
+        const delay = Math.min(1000 * Math.pow(2, attempt), this.maxReconnectDelay);
+        this.logger.warn(`Stream key fetch failed, retrying in ${delay}ms (attempt ${attempt + 1})`);
+        await new Promise(resolve => setTimeout(resolve, delay));
+        return this.fetchStreamKeyFromAPI(attempt + 1);
+      }
+      this.logger.error('Max retries reached for stream key fetch');
+      throw error;
+    }
+  }
+
   async connectOBS(): Promise<boolean> {
   try {
     this.obsStatus = 'connecting';
@@ -221,6 +255,114 @@ private obsStatus: OBSStatus = 'offline';
   }
 }
 
+  /**
+   * 同步推流配置到OBS并开始直播
+   */
+  async syncStartBroadcast(): Promise<boolean> {
+    try {
+      if (this.obsStatus !== 'online') {
+        await this.connectOBS();
+      }
+
+      // 获取推流码
+      const { server, key } = await this.getStreamKey();
+      if (!server || !key) {
+        throw new Error('推流码获取失败');
+      }
+
+      // 设置OBS推流配置
+      await this.obsWebSocket.call('SetStreamServiceSettings', {
+        streamServiceType: 'rtmp_custom',
+        streamServiceSettings: {
+          server,
+          key,
+          useAuth: false
+        }
+      });
+
+      // 自动配置OBS场景和源
+      await this.configureOBSScene();
+
+      // 开始推流
+      await this.obsWebSocket.call('StartStream');
+      this.streamStatus = 'live';
+      this.logger.info('直播已同步开始');
+      this.emit('streamStatusChanged', { status: this.streamStatus });
+      return true;
+    } catch (error) {
+      this.logger.error('同步开播失败:', error);
+      throw error;
+    }
+  }
+
+  /**
+   * 配置OBS场景和源
+   */
+  private async configureOBSScene(): Promise<void> {
+    try {
+      // 检查场景是否存在，不存在则创建
+      const sceneName = 'ACFun直播场景';
+      const scenes = await this.obsWebSocket.call('GetSceneList');
+      const sceneExists = scenes.scenes.some(s => s.sceneName === sceneName);
+
+      if (!sceneExists) {
+        await this.obsWebSocket.call('CreateScene', { sceneName });
+        this.logger.info(`创建OBS场景: ${sceneName}`);
+      }
+
+      // 设置当前场景
+      await this.obsWebSocket.call('SetCurrentScene', { sceneName });
+
+      // 添加或更新显示器捕获源
+      const displaySourceName = '主显示器';
+      const sources = await this.obsWebSocket.call('GetSourcesList');
+      const displaySourceExists = sources.sources.some(s => s.sourceName === displaySourceName);
+
+      if (!displaySourceExists) {
+        await this.obsWebSocket.call('CreateSource', {
+          sceneName,
+          sourceName: displaySourceName,
+          sourceKind: 'monitor_capture',
+          sourceSettings: {
+            monitor: 0 // 使用第一个显示器
+          }
+        });
+        this.logger.info(`添加显示器捕获源: ${displaySourceName}`);
+      }
+
+      // 添加或更新文本源显示直播标题
+      const titleSourceName = '直播标题';
+      const titleSourceExists = sources.sources.some(s => s.sourceName === titleSourceName);
+      const roomInfo = await this.getRoomInfo();
+
+      if (!titleSourceExists) {
+        await this.obsWebSocket.call('CreateSource', {
+          sceneName,
+          sourceName: titleSourceName,
+          sourceKind: 'text_gdiplus',
+          sourceSettings: {
+            text: roomInfo.title || 'ACFun直播',
+            font: { face: 'Microsoft YaHei', size: 36 },
+            color: 0xFFFFFF,
+            position: { x: 50, y: 50 }
+          }
+        });
+        this.logger.info(`添加文本源: ${titleSourceName}`);
+      } else {
+        await this.obsWebSocket.call('SetSourceSettings', {
+          sourceName: titleSourceName,
+          sourceSettings: {
+            text: roomInfo.title || 'ACFun直播'
+          }
+        });
+      }
+
+      this.logger.info('OBS场景配置完成');
+    } catch (error) {
+      this.logger.error('配置OBS场景失败:', error);
+      throw error;
+    }
+
   /**
    * 获取OBS状态
    * @returns OBS状态对象
@@ -278,30 +420,26 @@ private obsStatus: OBSStatus = 'offline';
 
 
   // 实现AppModule接口的enable方法
-  enable(context: ModuleContext): void {
+  async enable(context: ModuleContext): Promise<boolean> {
     this.app = context.app;
     this.logger.info('LiveManagementModule enabled');
-
-    // 注册应用退出时的清理函数
-    this.app.on('will-quit', () => {
-      this.cleanup();
-    });
+    return true;
   }
 
-  // 清理资源
-  private cleanup(): void {
-  if (this.reconnectTimeout) {
-    clearTimeout(this.reconnectTimeout);
-  }
-  
-  // 断开OBS连接
-  if (this.obsWebSocket && this.obsStatus === 'online') {
-    this.obsWebSocket.disconnect().catch(error => {
-      this.logger.error('Error disconnecting OBS:', error);
-    });
+  async disable(): Promise<boolean> {
+    if (this.obsStatus === 'online') {
+      await this.obsWebSocket.disconnect();
+    }
+    this.streamStatus = 'offline';
+    this.obsStatus = 'offline';
+    this.logger.info('LiveManagementModule disabled');
+    return true;
   }
-  
-  this.logger.info('LiveManagementModule cleanup done');
+
+  // 注册应用退出时的清理函数
+  this.app.on('will-quit', () => {
+    this.cleanup();
+  });
 }
 
   async stopStream(): Promise<boolean> {
diff --git a/packages/main/src/modules/MiniProgramModule.ts b/packages/main/src/modules/MiniProgramModule.ts
new file mode 100644
index 00000000..883e9ac6
--- /dev/null
+++ b/packages/main/src/modules/MiniProgramModule.ts
@@ -0,0 +1,162 @@
+import { EventEmitter } from 'events';
+import { existsSync, readdirSync } from 'fs';
+import { readFile, writeFile, mkdir } from 'fs/promises';
+import { join } from 'path';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
+import { getLogManager } from '../utils/LogManager';
+
+/**
+ * 小程序元数据接口
+ */
+interface MiniProgramMetadata {
+  appId: string;
+  name: string;
+  description: string;
+  version: string;
+  author: string;
+  entry: string;
+  icon: string;
+  permissions: string[];
+}
+
+/**
+ * 小程序实例接口
+ */
+interface MiniProgramInstance {
+  appId: string;
+  metadata: MiniProgramMetadata;
+  isRunning: boolean;
+  pid?: number;
+  windowId?: number;
+}
+
+/**
+ * 小程序系统模块
+ * 负责小程序的管理、运行和市场功能
+ */
+export class MiniProgramModule extends EventEmitter implements AppModule {
+  private miniProgramsPath: string;
+  private installedPrograms: Map<string, MiniProgramMetadata>;
+  private runningPrograms: Map<string, MiniProgramInstance>;
+  private logger = getLogManager().getLogger('MiniProgramModule');
+
+  constructor() {
+    super();
+    this.miniProgramsPath = join(__dirname, '../../mini-programs');
+    this.installedPrograms = new Map();
+    this.runningPrograms = new Map();
+  }
+
+  /**
+   * 初始化小程序系统
+   */
+  private async initialize(): Promise<void> {
+    // 创建小程序目录
+    await this.ensureDirectoryExists(this.miniProgramsPath);
+    // 加载已安装的小程序
+    await this.loadInstalledPrograms();
+    this.emit('initialized');
+  }
+
+  /**
+   * 确保目录存在
+   */
+  private async ensureDirectoryExists(path: string): Promise<void> {
+    if (!existsSync(path)) {
+      await mkdir(path, { recursive: true });
+    }
+  }
+
+  /**
+   * 加载已安装的小程序
+   */
+  private async loadInstalledPrograms(): Promise<void> {
+    const entries = await readdirSync(this.miniProgramsPath, { withFileTypes: true });
+    for (const entry of entries) {
+      if (entry.isDirectory()) {
+        const appId = entry.name;
+        const manifestPath = join(this.miniProgramsPath, appId, 'manifest.json');
+        if (await existsSync(manifestPath)) {
+          try {
+            const manifestContent = await readFile(manifestPath, 'utf-8');
+            const metadata: MiniProgramMetadata = JSON.parse(manifestContent);
+            this.installedPrograms.set(appId, metadata);
+          } catch (error) {
+            this.logger.error(`Failed to load manifest for ${appId}:`, error);
+          }
+        }
+      }
+    }
+  }
+
+  /**
+   * 获取已安装的小程序列表
+   */
+  public getInstalledPrograms(): MiniProgramMetadata[] {
+    return Array.from(this.installedPrograms.values());
+  }
+
+  /**
+   * 启动小程序
+   */
+  public async startProgram(appId: string): Promise<MiniProgramInstance | null> {
+    if (this.runningPrograms.has(appId)) {
+      return this.runningPrograms.get(appId) || null;
+    }
+
+    const metadata = this.installedPrograms.get(appId);
+    if (!metadata) {
+      throw new Error(`Program ${appId} not installed`);
+    }
+
+    // 这里实现小程序启动逻辑
+    const instance: MiniProgramInstance = {
+      appId,
+      metadata,
+      isRunning: true
+    };
+
+    this.runningPrograms.set(appId, instance);
+    this.emit('programStarted', instance);
+    return instance;
+  }
+
+  /**
+   * 停止小程序
+   */
+  public async stopProgram(appId: string): Promise<boolean> {
+    const instance = this.runningPrograms.get(appId);
+    if (!instance) return false;
+
+    // 这里实现小程序停止逻辑
+    instance.isRunning = false;
+    this.runningPrograms.delete(appId);
+    this.emit('programStopped', appId);
+    return true;
+  }
+
+  /**
+   * 获取运行中的小程序
+   */
+  public getRunningPrograms(): MiniProgramInstance[] {
+    return Array.from(this.runningPrograms.values());
+  }
+
+  async enable(context: ModuleContext): Promise<boolean> {
+    this.logger.info('Enabling MiniProgramModule');
+    await this.initialize();
+    return true;
+  }
+
+  async disable(): Promise<boolean> {
+    this.logger.info('Disabling MiniProgramModule');
+    // 停止所有运行中的小程序
+    for (const appId of Array.from(this.runningPrograms.keys())) {
+      await this.stopProgram(appId);
+    }
+    return true;
+  }
+}
+
+export default new MiniProgramModule();
\ No newline at end of file
diff --git a/packages/main/src/modules/NotebookModule.ts b/packages/main/src/modules/NotebookModule.ts
new file mode 100644
index 00000000..736fb641
--- /dev/null
+++ b/packages/main/src/modules/NotebookModule.ts
@@ -0,0 +1,212 @@
+import { EventEmitter } from 'events';
+import { existsSync, readdirSync } from 'fs';
+import { readFile, writeFile, unlink, mkdir } from 'fs/promises';
+import { join } from 'path';
+import { v4 as uuidv4 } from 'uuid';
+import { AppModule } from '../core/AppModule';
+import { ModuleContext } from '../core/ModuleContext';
+import { getLogManager } from '../utils/LogManager';
+
+/**
+ * 笔记接口定义
+ */
+interface Note {
+  id: string;
+  title: string;
+  content: string;
+  tags: string[];
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+/**
+ * 小本本功能模块
+ * 负责笔记的创建、编辑、查询和删除管理
+ */
+export class NotebookModule extends EventEmitter implements AppModule {
+  private notesDirectory: string;
+  private notes: Map<string, Note>;
+  private logger = getLogManager().getLogger('NotebookModule');
+
+  constructor() {
+    super();
+    this.notesDirectory = join(__dirname, '../../data/notebooks');
+    this.notes = new Map();
+  }
+
+  /**
+   * 初始化小本本模块
+   */
+  private async initialize(): Promise<void> {
+    // 确保笔记目录存在
+    await this.ensureDirectoryExists(this.notesDirectory);
+    // 加载现有笔记
+    await this.loadNotes();
+  }
+
+  /**
+   * 确保目录存在
+   */
+  private async ensureDirectoryExists(path: string): Promise<void> {
+    if (!existsSync(path)) {
+      await mkdir(path, { recursive: true });
+    }
+  }
+
+  /**
+   * 加载所有笔记
+   */
+  private async loadNotes(): Promise<void> {
+    try {
+      const files = await readdirSync(this.notesDirectory);
+      const noteFiles = files.filter(file => file.endsWith('.json'));
+
+      for (const file of noteFiles) {
+        const filePath = join(this.notesDirectory, file);
+        const fileContent = await readFile(filePath, 'utf-8');
+        const note: Note = JSON.parse(fileContent);
+
+        // 转换日期字符串为Date对象
+        note.createdAt = new Date(note.createdAt);
+        note.updatedAt = new Date(note.updatedAt);
+
+        this.notes.set(note.id, note);
+      }
+
+      this.emit('notesLoaded', this.getNotes());
+    } catch (error) {
+      console.error('Failed to load notes:', error);
+    }
+  }
+
+  /**
+   * 创建新笔记
+   */
+  public async createNote(noteData: Omit<Note, 'id' | 'createdAt' | 'updatedAt'>): Promise<Note> {
+    const note: Note = {
+      id: uuidv4(),
+      ...noteData,
+      createdAt: new Date(),
+      updatedAt: new Date()
+    };
+
+    // 保存笔记到文件
+    await this.saveNoteToFile(note);
+
+    // 添加到内存存储
+    this.notes.set(note.id, note);
+
+    // 触发事件
+    this.emit('noteCreated', note);
+
+    return note;
+  }
+
+  /**
+   * 保存笔记到文件
+   */
+  private async saveNoteToFile(note: Note): Promise<void> {
+    const filePath = join(this.notesDirectory, `${note.id}.json`);
+    await writeFile(filePath, JSON.stringify(note, null, 2), 'utf-8');
+  }
+
+  /**
+   * 获取所有笔记
+   */
+  public getNotes(): Note[] {
+    return Array.from(this.notes.values()).sort((a, b) => 
+      b.updatedAt.getTime() - a.updatedAt.getTime()
+    );
+  }
+
+  /**
+   * 根据ID获取笔记
+   */
+  public getNoteById(id: string): Note | undefined {
+    return this.notes.get(id);
+  }
+
+  /**
+   * 更新笔记
+   */
+  public async updateNote(id: string, updates: Partial<Omit<Note, 'id' | 'createdAt'>>): Promise<Note | null> {
+    const existingNote = this.notes.get(id);
+    if (!existingNote) {
+      return null;
+    }
+
+    const updatedNote: Note = {
+      ...existingNote,
+      ...updates,
+      updatedAt: new Date()
+    };
+
+    // 保存更新后的笔记
+    await this.saveNoteToFile(updatedNote);
+
+    // 更新内存存储
+    this.notes.set(id, updatedNote);
+
+    // 触发事件
+    this.emit('noteUpdated', updatedNote);
+
+    return updatedNote;
+  }
+
+  /**
+   * 删除笔记
+   */
+  public async deleteNote(id: string): Promise<boolean> {
+    const existingNote = this.notes.get(id);
+    if (!existingNote) {
+      return false;
+    }
+
+    // 删除文件
+    const filePath = join(this.notesDirectory, `${id}.json`);
+    await unlink(filePath);
+
+    // 从内存中移除
+    this.notes.delete(id);
+
+    // 触发事件
+    this.emit('noteDeleted', id);
+
+    return true;
+  }
+
+  /**
+   * 根据标签搜索笔记
+   */
+  public searchNotesByTag(tag: string): Note[] {
+    return Array.from(this.notes.values())
+      .filter(note => note.tags.includes(tag))
+      .sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime());
+  }
+
+  /**
+   * 根据关键词搜索笔记
+   */
+  public searchNotesByKeyword(keyword: string): Note[] {
+    const lowerKeyword = keyword.toLowerCase();
+    return Array.from(this.notes.values())
+      .filter(note => 
+        note.title.toLowerCase().includes(lowerKeyword) || 
+        note.content.toLowerCase().includes(lowerKeyword)
+      )
+      .sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime());
+  }
+
+  async enable(context: ModuleContext): Promise<boolean> {
+    this.logger.info('Enabling NotebookModule');
+    await this.initialize();
+    return true;
+  }
+
+  async disable(): Promise<boolean> {
+    this.logger.info('Disabling NotebookModule');
+    return true;
+  }
+}
+
+export default new NotebookModule();
\ No newline at end of file
diff --git a/packages/main/src/modules/NotificationModule.ts b/packages/main/src/modules/NotificationModule.ts
new file mode 100644
index 00000000..3e76aa26
--- /dev/null
+++ b/packages/main/src/modules/NotificationModule.ts
@@ -0,0 +1,231 @@
+import { EventEmitter } from 'events';
+import { Notification } from 'electron';
+import { ConfigManager } from '../core/ConfigManager';
+import { AppModule } from '../core/AppModule';
+import type { ModuleContext } from '../core/ModuleContext';
+
+/**
+ * 通知类型枚举
+ */
+enum NotificationType {
+  LIVE_STATUS = 'liveStatus',
+  DANMU_HIGHLIGHT = 'danmuHighlight',
+  GIFT_ALERT = 'giftAlert',
+  SYSTEM_UPDATE = 'systemUpdate',
+  REMINDER = 'reminder'
+}
+
+/**
+ * 通知配置接口
+ */
+interface NotificationConfig {
+  enabled: boolean;
+  sound: boolean;
+  toastDuration: number;
+  showToast: boolean;
+}
+
+/**
+ * 通知服务模块
+ * 负责管理应用内所有通知的配置、触发和展示
+ */
+export class NotificationModule extends EventEmitter implements AppModule {
+  private configManager: ConfigManager;
+  private notificationConfigs: Map<NotificationType, NotificationConfig>;
+  private globalEnabled: boolean;
+  private globalSound: boolean;
+  private globalShowToast: boolean;
+  private globalToastDuration: number;
+
+  constructor() {
+    super();
+    this.configManager = new ConfigManager();
+    this.notificationConfigs = new Map();
+    this.globalEnabled = true;
+    this.globalSound = true;
+    this.globalShowToast = true;
+    this.globalToastDuration = 5000;
+    this.initialize();
+  }
+
+  /**
+   * 初始化通知模块
+   */
+  private async initialize(): Promise<void> {
+      await this.initializeNotificationConfig();
+      await this.loadConfigurations();
+      this.setupDefaultConfigs();
+  }
+
+  /**
+   * 初始化通知配置
+   */
+  private async initializeNotificationConfig() {
+      const config = await this.configManager.readConfig();
+      const notificationSettings = config.notificationSettings || {};
+      
+      // 加载全局通知设置
+      this.globalEnabled = notificationSettings.enabled !== false;
+      this.globalSound = notificationSettings.sound !== false;
+      this.globalShowToast = notificationSettings.showToast !== false;
+      this.globalToastDuration = notificationSettings.toastDuration || 5000;
+      
+      // 加载分类通知设置
+      const categories = notificationSettings.categories || {};
+      Object.values(NotificationType).forEach(type => {
+          const enabled = categories[type] !== false;
+          this.notificationConfigs.set(type as NotificationType, {
+              enabled,
+              sound: this.globalSound,
+              showToast: this.globalShowToast,
+              toastDuration: this.globalToastDuration
+          });
+      });
+  }
+
+  /**
+   * 设置默认配置
+   */
+  private setupDefaultConfigs(): void {
+      // 为未配置的通知类型设置默认值
+      Object.values(NotificationType).forEach(type => {
+          if (!this.notificationConfigs.has(type)) {
+              this.notificationConfigs.set(type, {
+                  enabled: true,
+                  sound: true,
+                  displayDuration: 5000,
+                  position: 'top-right'
+              });
+          }
+      });
+  }
+
+  /**
+   * 加载通知配置
+   */
+  private async loadConfigurations(): Promise<void> {
+     try {
+       const notificationSettings = await this.configManager.get('notificationSettings') || {};
+       const categories = notificationSettings.categories || {};
+        
+       // 加载全局设置
+       this.globalEnabled = notificationSettings.enabled !== false;
+       this.globalSound = notificationSettings.sound !== false;
+       this.globalShowToast = notificationSettings.showToast !== false;
+       this.globalToastDuration = notificationSettings.toastDuration || 5000;
+        
+       // 加载分类设置
+       Object.values(NotificationType).forEach(type => {
+         this.notificationConfigs.set(type as NotificationType, {
+           enabled: categories[type] !== false,
+           sound: this.globalSound,
+           showToast: this.globalShowToast,
+           toastDuration: this.globalToastDuration
+         });
+       });
+     } catch (error) {
+       console.error('Failed to load notification configurations:', error);
+     }
+   }
+
+  /**
+   * 获取特定类型的通知配置
+   */
+  public getNotificationConfig(type: NotificationType): NotificationConfig {
+    return this.notificationConfigs.get(type) || {
+      enabled: true,
+      sound: true,
+      displayDuration: 5000,
+      position: 'top-right'
+    };
+  }
+
+  /**
+   * 更新通知配置
+   */
+  public async updateNotificationConfig(
+    type: NotificationType,
+    config: Partial<NotificationConfig>
+  ): Promise<NotificationConfig> {
+    const currentConfig = this.getNotificationConfig(type);
+    const updatedConfig = { ...currentConfig, ...config };
+
+    this.notificationConfigs.set(type, updatedConfig);
+    await this.saveConfigurations();
+
+    this.emit('configUpdated', type, updatedConfig);
+    return updatedConfig;
+  }
+
+  /**
+   * 保存所有通知配置
+   */
+  private async saveConfigurations(): Promise<void> {
+    const configObject: Record<string, NotificationConfig> = {};
+    this.notificationConfigs.forEach((config, type) => {
+      configObject[type] = config;
+    });
+
+    await this.configManager.set('notificationSettings', configObject);
+    await this.configManager.set('globalNotificationEnabled', this.globalEnabled);
+  }
+
+  /**
+   * 触发通知
+   */
+  public showNotification(
+    type: NotificationType,
+    title: string,
+    body: string,
+    onClick?: () => void
+  ): boolean {
+    // 检查全局通知开关和类型开关
+    if (!this.globalEnabled) return false;
+
+    const config = this.getNotificationConfig(type);
+    if (!config.enabled || !config.showToast) return false;
+
+    // 创建通知
+    const notification = new Notification({
+      title,
+      body,
+      silent: !config.sound,
+      timeoutType: 'default'
+    });
+
+    // 设置点击事件
+    if (onClick) {
+      notification.on('click', onClick);
+    }
+
+    // 显示通知
+    notification.show();
+
+    // 设置自动关闭（由系统默认处理）
+
+    this.emit('notificationShown', type, { title, body });
+    return true;
+  }
+
+  /**
+   * 启用/禁用所有通知
+   */
+  public async setGlobalNotificationEnabled(enabled: boolean): Promise<void> {
+    this.globalEnabled = enabled;
+    await this.configManager.set('globalNotificationEnabled', enabled);
+    this.emit('globalStatusChanged', enabled);
+  }
+
+  /**
+   * 获取全局通知状态
+   */
+  public isGlobalNotificationEnabled(): boolean {
+    return this.globalEnabled;
+  }
+  
+  public enable(context: ModuleContext): void {
+    this.initialize();
+  }
+}
+
+export default new NotificationModule();
\ No newline at end of file
diff --git a/packages/main/src/modules/SettingsModule.ts b/packages/main/src/modules/SettingsModule.ts
index 83514694..f68096be 100644
--- a/packages/main/src/modules/SettingsModule.ts
+++ b/packages/main/src/modules/SettingsModule.ts
@@ -1,4 +1,5 @@
-import { ConfigManager } from '../utils/ConfigManager';
+import { AppModule } from '../core/AppModule';
+import { ConfigManager } from '../core/ConfigManager';
 import { existsSync, unlinkSync, readdirSync, rmdirSync } from 'fs';
 import { join } from 'path';
 import { homedir } from 'os';
@@ -25,7 +26,7 @@ const DEFAULT_SETTINGS: AppSettings = {
 };
 
 @singleton()
-export class SettingsModule {
+export class SettingsModule implements AppModule {
   private configManager: ConfigManager;
   private constructor() {
     this.configManager = new ConfigManager();
@@ -149,6 +150,14 @@ export class SettingsModule {
       return false;
     }
   }
+
+  public async enable(): Promise<boolean> {
+    return true;
+  }
+
+  public async disable(): Promise<boolean> {
+    return true;
+  }
 }
 
 export default SettingsModule.getInstance();
\ No newline at end of file
diff --git a/packages/main/src/modules/StreamRecordingModule.ts b/packages/main/src/modules/StreamRecordingModule.ts
new file mode 100644
index 00000000..6ba63f6f
--- /dev/null
+++ b/packages/main/src/modules/StreamRecordingModule.ts
@@ -0,0 +1,192 @@
+import { singleton } from 'tsyringe';
+import { spawn } from 'child_process';
+import { existsSync, mkdirSync, writeFileSync, readdirSync, statSync } from 'fs';
+import { join } from 'path';
+import logger from '../utils/logger';
+import { ConfigManager } from '../core/ConfigManager';
+
+@singleton()
+export class StreamRecordingModule {
+  private recordingsPath: string;
+  private isRecording: boolean = false;
+  private currentProcess: any = null;
+  private configManager: ConfigManager;
+  private currentRecordingFile: string = '';
+
+  constructor() {
+    this.configManager = new ConfigManager();
+    this.recordingsPath = join(this.configManager.getConfigPath(), 'recordings');
+    // 确保录制目录存在
+    if (!existsSync(this.recordingsPath)) {
+      mkdirSync(this.recordingsPath, { recursive: true });
+    }
+  }
+
+  /**
+   * 开始录制直播
+   * @param roomId 直播间ID
+   * @param quality 录制质量 (high, medium, low)
+   * @returns 录制文件名
+   */
+  startRecording(roomId: number, quality: 'high' | 'medium' | 'low' = 'high'): string {
+    if (this.isRecording) {
+      throw new Error('已有录制任务正在进行中');
+    }
+
+    try {
+      // 生成录制文件名
+      const timestamp = new Date().toISOString().replace(/:/g, '-');
+      const filename = `acfun_${roomId}_${timestamp}.flv`;
+      this.currentRecordingFile = filename;
+      const outputPath = join(this.recordingsPath, filename);
+
+      // 获取直播流地址 (实际应用中需要从ACFUN API获取真实流地址)
+      const streamUrl = this.getStreamUrl(roomId, quality);
+
+      // 使用ffmpeg录制流 (需要确保系统已安装ffmpeg)
+      this.currentProcess = spawn('ffmpeg', [
+        '-i', streamUrl,
+        '-c:v', 'copy',
+        '-c:a', 'copy',
+        '-y', // 覆盖已存在文件
+        outputPath
+      ]);
+
+      this.isRecording = true;
+
+      // 记录日志
+      this.currentProcess.stdout.on('data', (data: Buffer) => {
+        logger.info(`录制输出: ${data.toString().trim()}`);
+      });
+
+      this.currentProcess.stderr.on('data', (data: Buffer) => {
+        logger.error(`录制错误: ${data.toString().trim()}`);
+      });
+
+      this.currentProcess.on('close', (code: number) => {
+        this.isRecording = false;
+        this.currentProcess = null;
+        this.updateRecordingMetadata(filename, 'completed');
+        logger.info(`录制进程已退出，代码: ${code}`);
+      });
+
+      // 记录录制元数据
+      this.saveRecordingMetadata(filename, roomId, quality);
+
+      return filename;
+    } catch (error) {
+      logger.error('开始录制失败:', error);
+      this.isRecording = false;
+      throw error;
+    }
+  }
+
+  /**
+   * 停止录制
+   */
+  stopRecording(): boolean {
+    if (!this.isRecording || !this.currentProcess) {
+      return false;
+    }
+
+    try {
+      // 优雅地结束ffmpeg进程
+      this.currentProcess.kill('SIGINT');
+      this.isRecording = false;
+      this.updateRecordingMetadata(this.currentRecordingFile, 'stopped');
+      return true;
+    } catch (error) {
+      logger.error('停止录制失败:', error);
+      return false;
+    }
+  }
+
+  /**
+   * 获取录制状态
+   */
+  getRecordingStatus(): { isRecording: boolean; currentFile?: string; recordingsPath: string } {
+    return {
+      isRecording: this.isRecording,
+      currentFile: this.currentRecordingFile || undefined,
+      recordingsPath: this.recordingsPath
+    };
+  }
+
+  /**
+   * 获取录制文件列表
+   */
+  getRecordingList(): { name: string; size: number; date: Date }[] {
+    try {
+      const files = readdirSync(this.recordingsPath, { withFileTypes: true })
+        .filter(dirent => dirent.isFile() && dirent.name.endsWith('.flv'))
+        .map(file => {
+          const filePath = join(this.recordingsPath, file.name);
+          const stats = existsSync(filePath) ? statSync(filePath) : { size: 0, mtime: new Date() };
+          return {
+            name: file.name,
+            size: stats.size,
+            date: new Date(stats.mtime)
+          };
+        });
+
+      // 按日期降序排序
+      return files.sort((a, b) => b.date.getTime() - a.date.getTime());
+    } catch (error) {
+      logger.error('获取录制列表失败:', error);
+      return [];
+    }
+  }
+
+  /**
+   * 获取直播流地址 (模拟实现)
+   * @param roomId 直播间ID
+   * @param quality 质量
+   */
+  private getStreamUrl(roomId: number, quality: string): string {
+    // 实际应用中需要从ACFUN API获取真实的流地址
+    const qualityParams = {
+      high: '1080p',
+      medium: '720p',
+      low: '480p'
+    };
+    // 这里使用模拟地址，实际项目中需替换为真实API调用
+    return `https://live.acfun.cn/api/stream/${roomId}?quality=${qualityParams[quality]}`;
+  }
+
+  /**
+   * 保存录制元数据
+   */
+  private saveRecordingMetadata(filename: string, roomId: number, quality: string): void {
+    const metadata = {
+      filename,
+      roomId,
+      quality,
+      startTime: new Date().toISOString(),
+      status: 'recording',
+      fileSize: 0
+    };
+
+    const metadataPath = join(this.recordingsPath, `${filename}.json`);
+    writeFileSync(metadataPath, JSON.stringify(metadata, null, 2), 'utf8');
+  }
+
+  /**
+   * 更新录制元数据
+   */
+  private updateRecordingMetadata(filename: string, status: 'completed' | 'stopped' | 'failed'): void {
+    try {
+      const metadataPath = join(this.recordingsPath, `${filename}.json`);
+      if (existsSync(metadataPath)) {
+        // 实际实现中应读取并更新现有元数据
+        const metadata = {
+          ...require(metadataPath),
+          status,
+          endTime: new Date().toISOString()
+        };
+        writeFileSync(metadataPath, JSON.stringify(metadata, null, 2), 'utf8');
+      }
+    } catch (error) {
+      logger.error('更新录制元数据失败:', error);
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/main/src/modules/UserAuthModule.ts b/packages/main/src/modules/UserAuthModule.ts
new file mode 100644
index 00000000..a23946d7
--- /dev/null
+++ b/packages/main/src/modules/UserAuthModule.ts
@@ -0,0 +1,193 @@
+import { EventEmitter } from 'events';
+import { app } from 'electron';
+import { ConfigManager } from '../utils/ConfigManager';
+import { LogManager } from '../utils/LogManager';
+
+// 用户认证状态枚举
+export enum AuthStatus {
+  LOGGED_OUT = 'logged_out',
+  LOGGING_IN = 'logging_in',
+  LOGGED_IN = 'logged_in',
+  GUEST = 'guest'
+}
+
+// 用户信息接口
+export interface UserInfo {
+  userId: string;
+  username: string;
+  avatar?: string;
+  token?: string;
+  permissions: string[];
+}
+
+/**
+ * 用户认证模块
+ * 负责处理登录、登出、会话管理和权限控制
+ */
+export class UserAuthModule extends EventEmitter {
+  private status: AuthStatus = AuthStatus.LOGGED_OUT;
+  private currentUser: UserInfo | null = null;
+  private configManager: ConfigManager;
+  private logManager: LogManager;
+  private autoLoginTimer?: NodeJS.Timeout;
+
+  constructor() {
+    super();
+    this.configManager = globalThis.configManager;
+    this.logManager = globalThis.logManager;
+    this.initialize();
+  }
+
+  /**
+   * 初始化认证模块
+   */
+  private async initialize(): Promise<void> {
+    this.logManager.addLog('UserAuthModule', 'Initializing user authentication module', 'info');
+    await this.checkAutoLogin();
+  }
+
+  /**
+   * 检查是否需要自动登录
+   */
+  private async checkAutoLogin(): Promise<void> {
+    const authConfig = this.configManager.readConfig().auth || {};
+
+    if (authConfig.autoLogin && authConfig.lastLoginUser) {
+      this.logManager.addLog('UserAuthModule', 'Attempting auto-login for user', 'info');
+      this.status = AuthStatus.LOGGING_IN;
+      this.emit('statusChanged', this.status);
+
+      try {
+        // 模拟自动登录过程
+        this.autoLoginTimer = setTimeout(async () => {
+          // 在实际实现中，这里应该调用ACFUN API验证token有效性
+          this.currentUser = authConfig.lastLoginUser;
+          this.status = AuthStatus.LOGGED_IN;
+          this.logManager.addLog('UserAuthModule', `Auto-login successful for user: ${this.currentUser.username}`, 'info');
+          this.emit('statusChanged', this.status);
+          this.emit('userChanged', this.currentUser);
+        }, 1500);
+      } catch (error) {
+        this.logManager.addLog('UserAuthModule', `Auto-login failed: ${error.message}`, 'error');
+        this.status = AuthStatus.LOGGED_OUT;
+        this.emit('statusChanged', this.status);
+      }
+    }
+  }
+
+  /**
+   * 以游客模式登录
+   */
+  public enterGuestMode(): void {
+    this.logManager.addLog('UserAuthModule', 'Entering guest mode', 'info');
+    this.status = AuthStatus.GUEST;
+    this.currentUser = {
+      userId: 'guest',
+      username: '游客',
+      permissions: ['guest']
+    };
+    this.emit('statusChanged', this.status);
+    this.emit('userChanged', this.currentUser);
+  }
+
+  /**
+   * 用户登录
+   * @param token - 认证token
+   * @param userInfo - 用户信息
+   */
+  public async login(token: string, userInfo: UserInfo): Promise<boolean> {
+    if (this.status === AuthStatus.LOGGING_IN) {
+      this.logManager.addLog('UserAuthModule', 'Login process already in progress', 'warn');
+      return false;
+    }
+
+    this.status = AuthStatus.LOGGING_IN;
+    this.emit('statusChanged', this.status);
+
+    try {
+      // 在实际实现中，这里应该验证token并获取完整用户信息
+      this.currentUser = {
+        ...userInfo,
+        token
+      };
+
+      // 保存登录状态用于自动登录
+      const authConfig = {
+        autoLogin: true,
+        lastLoginUser: this.currentUser
+      };
+      this.configManager.writeConfig({ auth: authConfig });
+
+      this.status = AuthStatus.LOGGED_IN;
+      this.logManager.addLog('UserAuthModule', `Login successful for user: ${this.currentUser.username}`, 'info');
+      this.emit('statusChanged', this.status);
+      this.emit('userChanged', this.currentUser);
+      return true;
+    } catch (error) {
+      this.logManager.addLog('UserAuthModule', `Login failed: ${error.message}`, 'error');
+      this.status = AuthStatus.LOGGED_OUT;
+      this.emit('statusChanged', this.status);
+      return false;
+    }
+  }
+
+  /**
+   * 用户登出
+   * @param keepAutoLogin - 是否保持自动登录状态
+   */
+  public logout(keepAutoLogin: boolean = false): void {
+    this.logManager.addLog('UserAuthModule', 'User logging out', 'info');
+
+    // 清除自动登录状态（如果需要）
+    if (!keepAutoLogin) {
+      const authConfig = this.configManager.readConfig().auth || {};
+      authConfig.autoLogin = false;
+      this.configManager.writeConfig({ auth: authConfig });
+    }
+
+    // 清除当前用户信息
+    this.currentUser = null;
+    this.status = AuthStatus.LOGGED_OUT;
+    this.emit('statusChanged', this.status);
+    this.emit('userChanged', null);
+
+    // 清除可能的自动登录定时器
+    if (this.autoLoginTimer) {
+      clearTimeout(this.autoLoginTimer);
+      this.autoLoginTimer = undefined;
+    }
+  }
+
+  /**
+   * 获取当前认证状态
+   */
+  public getStatus(): AuthStatus {
+    return this.status;
+  }
+
+  /**
+   * 获取当前用户信息
+   */
+  public getUserInfo(): UserInfo | null {
+    return this.currentUser;
+  }
+
+  /**
+   * 检查用户是否有权限执行某个操作
+   * @param permission - 权限名称
+   */
+  public hasPermission(permission: string): boolean {
+    if (!this.currentUser) return false;
+    return this.currentUser.permissions.includes(permission) || this.currentUser.permissions.includes('admin');
+  }
+
+  /**
+   * 销毁模块资源
+   */
+  public destroy(): void {
+    if (this.autoLoginTimer) {
+      clearTimeout(this.autoLoginTimer);
+    }
+    this.removeAllListeners();
+  }
+}
\ No newline at end of file
diff --git a/packages/main/src/modules/UserModule.ts b/packages/main/src/modules/UserModule.ts
index adb18685..1be3b76c 100644
--- a/packages/main/src/modules/UserModule.ts
+++ b/packages/main/src/modules/UserModule.ts
@@ -1,5 +1,6 @@
 import { singleton } from 'tsyringe';
 import { ConfigManager } from '../utils/ConfigManager';
+import logger from '../utils/logger';
 
 interface UserInfo {
   name: string;
@@ -40,7 +41,7 @@ export default class UserModule {
         this.saveUserInfo();
       }
     } catch (error) {
-      console.error('Failed to load user info:', error);
+      logger.error('Failed to load user info:', error);
       // 设置默认用户信息
       this.userInfo = DEFAULT_USER_INFO;
     }
@@ -55,7 +56,7 @@ export default class UserModule {
         this.configManager.set('userInfo', this.userInfo);
       }
     } catch (error) {
-      console.error('Failed to save user info:', error);
+      logger.error('Failed to save user info:', error);
     }
   }
 
@@ -88,7 +89,7 @@ export default class UserModule {
       }
       return false;
     } catch (error) {
-      console.error('Failed to update user info:', error);
+      logger.error('Failed to update user info:', error);
       return false;
     }
   }
@@ -102,7 +103,7 @@ export default class UserModule {
     try {
       // 模拟登录过程
       // 实际应用中应该调用真实的登录API
-      console.log('Login attempt with:', credentials.username);
+      logger.info('Login attempt with:', credentials.username);
 
       // 模拟登录成功
       this.userInfo = {
@@ -114,7 +115,7 @@ export default class UserModule {
       this.saveUserInfo();
       return true;
     } catch (error) {
-      console.error('Login failed:', error);
+      logger.error('Login failed:', error);
       return false;
     }
   }
@@ -129,7 +130,7 @@ export default class UserModule {
       this.configManager.delete('userInfo');
       return true;
     } catch (error) {
-      console.error('Logout failed:', error);
+      logger.error('Logout failed:', error);
       return false;
     }
   }
diff --git a/packages/main/src/services/.gitkeep b/packages/main/src/services/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/main/src/services/AuthService.ts b/packages/main/src/services/AuthService.ts
new file mode 100644
index 00000000..ab28b703
--- /dev/null
+++ b/packages/main/src/services/AuthService.ts
@@ -0,0 +1,206 @@
+import { session, app } from 'electron';
+import { v4 as uuidv4 } from 'uuid';
+import fs from 'fs';
+import path from 'path';
+import { logger } from '@app/utils/logger';
+
+// 定义会话接口
+interface AuthSession {
+  userId: string;
+  username: string;
+  token: string;
+  expiresAt: number;
+  roles: string[];
+}
+
+// 定义登录信息接口
+interface LoginInfo {
+  username: string;
+  password: string;
+  loginMethod: 'qr' | 'password' | 'guest';
+  qrCodeId?: string;
+}
+
+// 认证服务类
+export class AuthService {
+  private static instance: AuthService;
+  private sessionStore: Map<string, AuthSession> = new Map();
+  private sessionFilePath: string;
+  private guestSession: AuthSession = {
+    userId: 'guest',
+    username: '游客',
+    token: 'guest-token',
+    expiresAt: Date.now() + 30 * 24 * 60 * 60 * 1000, // 30天有效期
+    roles: ['guest']
+  };
+
+  private constructor() {
+    // 初始化会话存储路径
+    this.sessionFilePath = path.join(app.getPath('userData'), 'sessions.json');
+    this.loadSessions();
+  }
+
+  // 单例模式获取实例
+  public static getInstance(): AuthService {
+    if (!AuthService.instance) {
+      AuthService.instance = new AuthService();
+    }
+    return AuthService.instance;
+  }
+
+  // 加载会话数据
+  private loadSessions(): void {
+    try {
+      if (fs.existsSync(this.sessionFilePath)) {
+        const data = fs.readFileSync(this.sessionFilePath, 'utf8');
+        const sessions = JSON.parse(data) as Record<string, AuthSession>;
+        Object.entries(sessions).forEach(([token, session]) => {
+          if (session.expiresAt > Date.now()) {
+            this.sessionStore.set(token, session);
+          }
+        });
+      }
+    } catch (error) {
+      logger.error('Failed to load sessions:', error);
+    }
+  }
+
+  // 保存会话数据
+  private saveSessions(): void {
+    try {
+      const sessions: Record<string, AuthSession> = {};
+      this.sessionStore.forEach((session, token) => {
+        sessions[token] = session;
+      });
+      fs.writeFileSync(this.sessionFilePath, JSON.stringify(sessions, null, 2));
+    } catch (error) {
+      logger.error('Failed to save sessions:', error);
+    }
+  }
+
+  // 登录方法
+  async login(loginInfo: LoginInfo): Promise<AuthSession> {
+    // 游客登录处理
+    if (loginInfo.loginMethod === 'guest') {
+      return this.guestSession;
+    }
+
+    // 真实账号密码登录实现
+    if (loginInfo.loginMethod === 'password') {
+      try {
+        const response = await fetch('https://api.acfun.cn/v2/auth/login', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            username: loginInfo.username,
+            password: loginInfo.password
+          })
+        });
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(errorData.message || '登录失败: ' + response.statusText);
+        }
+
+        const data = await response.json();
+        // 验证响应数据结构
+        if (!data.userId || !data.token || !data.expiresIn) {
+          throw new Error('登录响应数据格式无效');
+        }
+        const newSession: AuthSession = {
+          userId: data.userId,
+          username: data.username,
+          token: data.token,
+          expiresAt: Date.now() + data.expiresIn * 1000,
+          roles: data.roles || ['user']
+        };
+
+        this.sessionStore.set(newSession.token, newSession);
+        this.saveSessions();
+        return newSession;
+      } catch (error) {
+        logger.error('登录API调用失败:', error);
+        throw new Error('登录失败: ' + (error instanceof Error ? error.message : String(error)));
+      }
+    }
+
+    // 二维码登录处理（实际项目中需要实现二维码验证逻辑）
+    if (loginInfo.loginMethod === 'qr' && loginInfo.qrCodeId) {
+      throw new Error('二维码登录功能尚未实现');
+    }
+
+    throw new Error('无效的登录方式');
+  }
+
+  // 登出方法
+  async logout(token?: string): Promise<void> {
+    if (token) {
+      this.sessionStore.delete(token);
+      this.saveSessions();
+    }
+    // 清除当前会话存储
+    const currentSession = session.defaultSession;
+    await currentSession.clearStorageData();
+    await currentSession.cookies.remove({});
+  }
+
+  // 检查认证状态
+  async checkStatus(token?: string): Promise<AuthSession | null> {
+    if (!token) {
+      return null;
+    }
+
+    // 游客会话特殊处理
+    if (token === 'guest-token') {
+      return this.guestSession;
+    }
+
+    const session = this.sessionStore.get(token);
+    if (session && session.expiresAt > Date.now()) {
+      return session;
+    }
+
+    // 会话过期或不存在
+    if (session) {
+      this.sessionStore.delete(token);
+      this.saveSessions();
+    }
+    return null;
+  }
+
+  // 获取当前令牌
+  async getCurrentToken(): Promise<string | null> {
+    try {
+      const sessions = Array.from(this.sessionStore.values());
+      const now = Date.now();
+      // 查找未过期的最新会话
+      const validSession = sessions
+        .filter(s => s.expiresAt > now)
+        .sort((a, b) => b.expiresAt - a.expiresAt)[0];
+      return validSession?.token || null;
+    } catch (error) {
+      logger.error('获取当前令牌失败:', error);
+      return null;
+    }
+  }
+
+  // 验证权限
+  hasPermission(token: string, requiredPermission: string): boolean {
+    const session = this.sessionStore.get(token);
+    if (!session) {
+      return false;
+    }
+
+    // 管理员拥有所有权限
+    if (session.roles.includes('admin')) {
+      return true;
+    }
+
+    // 这里可以实现更复杂的权限验证逻辑
+    return session.roles.includes(requiredPermission);
+  }
+}
+
+export const authService = AuthService.getInstance();
\ No newline at end of file
diff --git a/packages/main/src/services/DanmuDatabaseService.ts b/packages/main/src/services/DanmuDatabaseService.ts
new file mode 100644
index 00000000..1ae63cd4
--- /dev/null
+++ b/packages/main/src/services/DanmuDatabaseService.ts
@@ -0,0 +1,196 @@
+import Database from 'better-sqlite3';
+import { app } from 'electron';
+import path from 'path';
+import fs from 'fs';
+import { logger } from '@app/utils/logger';
+
+// 弹幕数据库服务 - 处理弹幕的持久化存储
+export class DanmuDatabaseService {
+  private static instance: DanmuDatabaseService;
+  private db: Database.Database;
+  private dbPath: string;
+
+  private constructor() {
+    // 初始化数据库路径
+    const userDataPath = app.getPath('userData');
+    this.dbPath = path.join(userDataPath, 'danmu.db');
+    this.db = this.initDatabase();
+  }
+
+  // 单例模式获取实例
+  public static getInstance(): DanmuDatabaseService {
+    if (!DanmuDatabaseService.instance) {
+      DanmuDatabaseService.instance = new DanmuDatabaseService();
+    }
+    return DanmuDatabaseService.instance;
+  }
+
+  // 初始化数据库连接并创建表
+  private initDatabase(): Database.Database {
+    try {
+      // 确保目录存在
+      const dir = path.dirname(this.dbPath);
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+
+      // 连接数据库
+      const db = new Database(this.dbPath);
+
+      // 创建弹幕表
+      db.exec(`
+        CREATE TABLE IF NOT EXISTS danmu (
+          id INTEGER PRIMARY KEY AUTOINCREMENT,
+          roomId INTEGER NOT NULL,
+          userId TEXT NOT NULL,
+          username TEXT NOT NULL,
+          content TEXT NOT NULL,
+          timestamp DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+          type TEXT NOT NULL,
+          color TEXT,
+          fontSize INTEGER,
+          isGift BOOLEAN DEFAULT FALSE,
+          giftValue INTEGER DEFAULT 0
+        );
+
+        // 创建索引提升查询性能
+        CREATE INDEX IF NOT EXISTS idx_danmu_roomId ON danmu(roomId);
+        CREATE INDEX IF NOT EXISTS idx_danmu_timestamp ON danmu(timestamp);
+      `);
+
+      return db;
+    } catch (error) {
+      logger.error('Failed to initialize danmu database:', error);
+      throw new Error('弹幕数据库初始化失败');
+    }
+  }
+
+  // 插入新弹幕
+  public insertDanmu(danmu: {
+    roomId: number;
+    userId: string;
+    username: string;
+    content: string;
+    type: string;
+    color?: string;
+    fontSize?: number;
+    isGift?: boolean;
+    giftValue?: number;
+  }): void {
+    try {
+      const stmt = this.db.prepare(`
+        INSERT INTO danmu (
+          roomId, userId, username, content, type, color, fontSize, isGift, giftValue
+        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
+      `);
+
+      stmt.run(
+        danmu.roomId,
+        danmu.userId,
+        danmu.username,
+        danmu.content,
+        danmu.type,
+        danmu.color || null,
+        danmu.fontSize || null,
+        danmu.isGift ? 1 : 0,
+        danmu.giftValue || 0
+      );
+    } catch (error) {
+      logger.error('Failed to insert danmu:', error);
+      throw new Error('保存弹幕失败');
+    }
+  }
+
+  // 批量插入弹幕
+  public bulkInsertDanmu(danmus: Array<{
+    roomId: number;
+    userId: string;
+    username: string;
+    content: string;
+    type: string;
+    color?: string;
+    fontSize?: number;
+    isGift?: boolean;
+    giftValue?: number;
+  }>): void {
+    const transaction = this.db.transaction((items) => {
+      for (const item of items) {
+        this.insertDanmu(item);
+      }
+    });
+
+    try {
+      transaction(danmus);
+    } catch (error) {
+      logger.error('Failed to bulk insert danmu:', error);
+      throw new Error('批量保存弹幕失败');
+    }
+  }
+
+  // 查询指定房间的弹幕
+  public getDanmuByRoomId(roomId: number, limit: number = 100, offset: number = 0): Array<any> {
+    try {
+      const stmt = this.db.prepare(`
+        SELECT * FROM danmu
+        WHERE roomId = ?
+        ORDER BY timestamp DESC
+        LIMIT ? OFFSET ?
+      `);
+
+      return stmt.all(roomId, limit, offset);
+    } catch (error) {
+      logger.error('Failed to query danmu by roomId:', error);
+      throw new Error('查询弹幕失败');
+    }
+  }
+
+  // 查询指定时间范围内的弹幕
+  public getDanmuByTimeRange(
+    roomId: number,
+    startTime: Date,
+    endTime: Date
+  ): Array<any> {
+    try {
+      const stmt = this.db.prepare(`
+        SELECT * FROM danmu
+        WHERE roomId = ?
+        AND timestamp BETWEEN ? AND ?
+        ORDER BY timestamp ASC
+      `);
+
+      return stmt.all(roomId, startTime.toISOString(), endTime.toISOString());
+    } catch (error) {
+      logger.error('Failed to query danmu by time range:', error);
+      throw new Error('查询时间范围内弹幕失败');
+    }
+  }
+
+  // 关闭数据库连接
+  public close(): void {
+    if (this.db) {
+      this.db.close();
+    }
+  }
+
+  // 执行查询并返回结果
+  public executeQuery(sql: string, params: any[] = []): any[] {
+    try {
+      const stmt = this.db.prepare(sql);
+      return stmt.all(...params);
+    } catch (error) {
+      console.error('Failed to execute query:', error);
+      throw new Error('执行数据库查询失败');
+    }
+  }
+
+  // 执行单行查询并返回结果
+  public getSingleResult(sql: string, params: any[] = []): any {
+    try {
+      const stmt = this.db.prepare(sql);
+      return stmt.get(...params);
+    } catch (error) {
+      console.error('Failed to get single result:', error);
+      throw new Error('获取单行查询结果失败');
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/main/src/services/DataReportService.ts b/packages/main/src/services/DataReportService.ts
new file mode 100644
index 00000000..3cf894bf
--- /dev/null
+++ b/packages/main/src/services/DataReportService.ts
@@ -0,0 +1,214 @@
+import { DanmuDatabaseService } from './DanmuDatabaseService';
+import { logger } from '@app/utils/logger';
+import fs from 'fs';
+import path from 'path';
+import { app } from 'electron';
+
+// 数据报表服务 - 处理数据统计与分析功能
+export class DataReportService {
+  private static instance: DataReportService;
+  private dbService: DanmuDatabaseService;
+  private exportPath: string;
+
+  private constructor() {
+    this.dbService = DanmuDatabaseService.getInstance();
+    this.exportPath = path.join(app.getPath('documents'), 'AcfunLiveToolbox', 'Reports');
+    this.ensureExportDirectory();
+  }
+
+  public static getInstance(): DataReportService {
+    if (!DataReportService.instance) {
+      DataReportService.instance = new DataReportService();
+    }
+    return DataReportService.instance;
+  }
+
+  // 确保导出目录存在
+  private ensureExportDirectory(): void {
+    if (!fs.existsSync(this.exportPath)) {
+      fs.mkdirSync(this.exportPath, { recursive: true });
+    }
+  }
+
+  // 获取每日弹幕统计报表
+  async getDailyDanmuReport(date: Date = new Date()): Promise<any> {
+    try {
+      // 设置日期范围为当天
+      const startDate = new Date(date);
+      startDate.setHours(0, 0, 0, 0);
+      const endDate = new Date(date);
+      endDate.setHours(23, 59, 59, 999);
+
+      // 查询当天弹幕总量
+      const totalDanmu = this.dbService.getSingleResult(`
+        SELECT COUNT(*) as total FROM danmu
+        WHERE timestamp BETWEEN ? AND ?
+      `, [startDate.toISOString(), endDate.toISOString()]);
+
+      // 查询各房间弹幕分布
+      const roomDistribution = this.dbService.executeQuery(`
+        SELECT roomId, COUNT(*) as count
+        FROM danmu
+        WHERE timestamp BETWEEN ? AND ?
+        GROUP BY roomId
+        ORDER BY count DESC
+      `, [startDate.toISOString(), endDate.toISOString()]);
+
+      // 查询弹幕高峰时段
+      const hourlyDistribution = this.dbService.executeQuery(`
+        SELECT strftime('%H', timestamp) as hour, COUNT(*) as count
+        FROM danmu
+        WHERE timestamp BETWEEN ? AND ?
+        GROUP BY hour
+        ORDER BY hour
+      `, [startDate.toISOString(), endDate.toISOString()]);
+
+      // 查询礼物统计
+      const giftStats = this.dbService.getSingleResult(`
+        SELECT SUM(giftValue) as totalGiftValue, COUNT(*) as giftCount
+        FROM danmu
+        WHERE timestamp BETWEEN ? AND ? AND isGift = 1
+      `, [startDate.toISOString(), endDate.toISOString()]);
+
+      return {
+        date: startDate.toISOString().split('T')[0],
+        totalDanmu: totalDanmu.total,
+        roomDistribution,
+        hourlyDistribution,
+        giftStats: {
+          totalGiftValue: giftStats.totalGiftValue || 0,
+          giftCount: giftStats.giftCount || 0
+        }
+      };
+    } catch (error) {
+      logger.error('Failed to generate daily danmu report:', error);
+      throw new Error('生成数据报表失败');
+    }
+  }
+
+  // 获取观众行为分析
+  async getAudienceBehaviorAnalysis(roomId?: number, days: number = 7): Promise<any> {
+    try {
+      const endDate = new Date();
+      const startDate = new Date();
+      startDate.setDate(startDate.getDate() - days);
+
+      // 构建查询条件
+      const roomCondition = roomId ? 'AND roomId = ?' : '';
+      const params: any[] = [startDate.toISOString(), endDate.toISOString()];
+      if (roomId) params.push(roomId);
+
+      // 查询活跃用户统计
+      const activeUsers = this.dbService.executeQuery(`
+        SELECT userId, username, COUNT(*) as danmuCount
+        FROM danmu
+        WHERE timestamp BETWEEN ? AND ? ${roomCondition}
+        GROUP BY userId
+        ORDER BY danmuCount DESC
+        LIMIT 20
+      `, [...params]);
+
+      // 查询观众活跃度趋势
+      const activityTrend = this.dbService.executeQuery(`
+        SELECT strftime('%Y-%m-%d', timestamp) as date, COUNT(DISTINCT userId) as activeUsers
+        FROM danmu
+        WHERE timestamp BETWEEN ? AND ? ${roomCondition}
+        GROUP BY date
+        ORDER BY date
+      `, [...params]);
+
+      // 查询常用弹幕关键词 (简单版本)
+      const keywords = this.dbService.executeQuery(`
+        SELECT content, COUNT(*) as count
+        FROM danmu
+        WHERE timestamp BETWEEN ? AND ? ${roomCondition} AND LENGTH(content) > 2
+        GROUP BY content
+        ORDER BY count DESC
+        LIMIT 50
+      `, [...params]);
+
+      return {
+        timeRange: {
+          start: startDate.toISOString(),
+          end: endDate.toISOString()
+        },
+        roomId,
+        activeUsers,
+        activityTrend,
+        topKeywords: keywords
+      };
+    } catch (error) {
+      logger.error('Failed to generate audience behavior analysis:', error);
+      throw new Error('生成观众行为分析失败');
+    }
+  }
+
+  // 导出报表为CSV
+  async exportReportToCSV(reportData: any, reportType: string): Promise<string> {
+    try {
+      const dateStr = new Date().toISOString().split('T')[0];
+      const fileName = `${reportType}_report_${dateStr}.csv`;
+      const filePath = path.join(this.exportPath, fileName);
+
+      // 根据报表类型生成CSV内容
+      let csvContent = '';
+      if (reportType === 'daily') {
+        csvContent = this.generateDailyReportCSV(reportData);
+      } else if (reportType === 'audience') {
+        csvContent = this.generateAudienceReportCSV(reportData);
+      }
+
+      // 写入文件
+      fs.writeFileSync(filePath, csvContent, 'utf-8');
+      return filePath;
+    } catch (error) {
+      logger.error('Failed to export report to CSV:', error);
+      throw new Error('导出报表失败');
+    }
+  }
+
+  // 辅助函数：CSV字段转义
+  private escapeCSVField(field: string): string {
+    if (typeof field !== 'string') {
+      field = String(field);
+    }
+    if (field.includes(',') || field.includes('"') || field.includes('\n')) {
+      return `"${field.replace(/"/g, '""')}"`;
+    }
+    return field;
+  }
+
+  // 生成日报CSV内容
+  private generateDailyReportCSV(data: any): string {
+    // 实现CSV生成逻辑
+    let csv = '日期,总弹幕数,礼物总数,礼物总价值\n';
+    csv += `${this.escapeCSVField(data.date)},${this.escapeCSVField(data.totalDanmu.toString())},${this.escapeCSVField(data.giftStats.giftCount.toString())},${this.escapeCSVField(data.giftStats.totalGiftValue.toString())}\n\n`;
+
+    csv += '房间ID,弹幕数量\n';
+    if (data.roomDistribution && Array.isArray(data.roomDistribution)) {
+      data.roomDistribution.forEach((item: any) => {
+        csv += `${this.escapeCSVField(item.roomId.toString())},${this.escapeCSVField(item.count.toString())}\n`;
+      });
+    }
+
+    return csv;
+  }
+
+  // 生成观众分析CSV内容
+  private generateAudienceReportCSV(data: any): string {
+    // 实现CSV生成逻辑
+    let csv = `时间范围: ${this.escapeCSVField(data.timeRange.start)} 至 ${this.escapeCSVField(data.timeRange.end)}
+`;
+    if (data.roomId) csv += `房间ID: ${this.escapeCSVField(data.roomId.toString())}
+`;
+    csv += '
+活跃用户,发送弹幕数
+';
+
+    data.activeUsers.forEach((user: any) => {
+      csv += `${this.escapeCSVField(user.username)} (${this.escapeCSVField(user.userId.toString())}),${this.escapeCSVField(user.danmuCount.toString())}
+`;
+    });
+
+    return csv;
+  }
\ No newline at end of file
diff --git a/packages/main/src/services/ErrorHandlingService.ts b/packages/main/src/services/ErrorHandlingService.ts
new file mode 100644
index 00000000..d41e9d10
--- /dev/null
+++ b/packages/main/src/services/ErrorHandlingService.ts
@@ -0,0 +1,163 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import { app } from 'electron';
+import { v4 as uuidv4 } from 'uuid';
+import { logger } from '@app/utils/logger';
+
+interface ErrorInfo {
+  message: string;
+  stack?: string;
+  context?: Record<string, any>;
+  timestamp: Date;
+}
+
+interface StoredError extends ErrorInfo {
+  id: string;
+}
+
+/**
+ * 错误处理服务，负责应用程序的错误日志记录、查询和管理
+ */
+export class ErrorHandlingService {
+  private static instance: ErrorHandlingService;
+  private errorLogPath: string;
+  private maxErrorHistory = 1000; // 最大错误历史记录数
+
+  private constructor() {
+    // 初始化错误日志文件路径
+    const userDataPath = app.getPath('userData');
+    this.errorLogPath = path.join(userDataPath, 'error-logs.json');
+    this.initializeErrorLogFile();
+  }
+
+  /**
+   * 获取单例实例
+   */
+  public static getInstance(): ErrorHandlingService {
+    if (!ErrorHandlingService.instance) {
+      ErrorHandlingService.instance = new ErrorHandlingService();
+    }
+    return ErrorHandlingService.instance;
+  }
+
+  /**
+   * 初始化错误日志文件（如果不存在则创建）
+   */
+  private initializeErrorLogFile(): void {
+    if (!fs.existsSync(this.errorLogPath)) {
+      fs.writeFileSync(this.errorLogPath, JSON.stringify([]), 'utf8');
+    }
+  }
+
+  /**
+   * 记录错误信息
+   * @param errorInfo 错误信息对象
+   * @returns 错误ID
+   */
+  public async logError(errorInfo: Omit<ErrorInfo, 'timestamp'>): Promise<string> {
+    try {
+      const error: StoredError = {
+        id: uuidv4(),
+        ...errorInfo,
+        timestamp: new Date()
+      };
+
+      // 读取现有错误日志
+      const errors = await this.getErrorHistory();
+      // 添加新错误并限制历史记录数量
+      const updatedErrors = [error, ...errors].slice(0, this.maxErrorHistory);
+
+      // 写入更新后的错误日志
+      await fs.promises.writeFile(
+        this.errorLogPath,
+        JSON.stringify(updatedErrors, null, 2),
+        'utf8'
+      );
+
+      return error.id;
+    } catch (error) {
+      logger.error('Failed to log error:', error);
+      throw new Error(`Error logging failed: ${(error as Error).message}`);
+    }
+  }
+
+  /**
+   * 获取错误历史记录
+   * @param params 查询参数（可选）
+   * @returns 错误历史记录数组
+   */
+  public async getErrorHistory(params: { limit?: number; startDate?: Date; endDate?: Date } = {}): Promise<StoredError[]> {
+    try {
+      // 读取错误日志文件
+      const data = await fs.promises.readFile(this.errorLogPath, 'utf8');
+      let errors: StoredError[] = JSON.parse(data);
+
+      // 解析日期字符串为Date对象
+      errors = errors.map(error => ({
+        ...error,
+        timestamp: new Date(error.timestamp)
+      }));
+
+      // 应用日期范围过滤
+      if (params.startDate) {
+        errors = errors.filter(error => error.timestamp >= params.startDate);
+      }
+      if (params.endDate) {
+        errors = errors.filter(error => error.timestamp <= params.endDate);
+      }
+
+      // 应用数量限制
+      if (params.limit) {
+        errors = errors.slice(0, params.limit);
+      }
+
+      return errors;
+    } catch (error) {
+      logger.error('Failed to get error history:', error);
+      throw new Error(`Error history retrieval failed: ${(error as Error).message}`);
+    }
+  }
+
+  /**
+   * 清除错误历史记录
+   */
+  public async clearErrorHistory(): Promise<void> {
+    try {
+      await fs.promises.writeFile(this.errorLogPath, JSON.stringify([]), 'utf8');
+    } catch (error) {
+      logger.error('Failed to clear error history:', error);
+      throw new Error(`Error history clearing failed: ${(error as Error).message}`);
+    }
+  }
+
+  /**
+   * 报告错误（可以扩展为发送到远程服务器）
+   * @param errorId 错误ID
+   * @returns 报告结果
+   */
+  public async reportError(errorId: string): Promise<{ success: boolean; reportId?: string }> {
+    try {
+      const errors = await this.getErrorHistory();
+      const errorToReport = errors.find(e => e.id === errorId);
+
+      if (!errorToReport) {
+        throw new Error(`Error with ID ${errorId} not found`);
+      }
+
+      // 在实际应用中，这里可以实现将错误发送到远程服务器的逻辑
+      // 目前仅模拟报告成功
+      const reportId = `report-${uuidv4()}`;
+      console.log(`Error reported successfully. Report ID: ${reportId}`, errorToReport);
+
+      return { success: true, reportId };
+    } catch (error) {
+      logger.error('Failed to report error:', error);
+      throw new Error(`Error reporting failed: ${(error as Error).message}`);
+    }
+  }
+}
+
+/**
+ * 错误处理服务单例实例
+ */
+export const errorHandlingService = ErrorHandlingService.getInstance();
\ No newline at end of file
diff --git a/packages/main/src/utils/LogManager.ts b/packages/main/src/services/LogManager.ts
similarity index 81%
rename from packages/main/src/utils/LogManager.ts
rename to packages/main/src/services/LogManager.ts
index b880eb7d..e7c8facd 100644
--- a/packages/main/src/utils/LogManager.ts
+++ b/packages/main/src/services/LogManager.ts
@@ -2,6 +2,7 @@ import { EventEmitter } from 'events';
 import fs from 'fs';
 import path from 'path';
 import { app } from 'electron';
+import { logger } from '@app/utils/logger';
 
 // 日志级别
 export type LogLevel = 'info' | 'debug' | 'error' | 'warn';
@@ -35,13 +36,15 @@ export class LogManager extends EventEmitter {
   }
 
   // 获取当前日志文件大小
- private getCurrentFileSize(): void {
-   try {
-     const stats = fs.statSync(this.logFilePath);
-     this.currentFileSize = stats.size;
-   } catch (error) {
-     this.currentFileSize = 0;
-   }
+  private getCurrentFileSize(): void {
+    try {
+      const stats = fs.statSync(this.logFilePath);
+      this.currentFileSize = stats.size;
+    } catch (error) {
+      logger.warn('获取日志文件大小失败，将从0开始计算:', error);
+      this.currentFileSize = 0;
+    }
+  }
 
   // 添加日志条目
   addLog(source: string, message: string, level: LogLevel = 'info'): void {
@@ -85,7 +88,7 @@ export class LogManager extends EventEmitter {
 
     // 使用fs.promises重写为异步/等待模式并添加重试逻辑
     this.appendLogWithRetry(logLine, 3).catch(err => {
-      console.error('Failed to write log to file after retries:', err);
+      logger.error('Failed to write log to file after retries:', err);
     });
  }
 
@@ -105,19 +108,20 @@ export class LogManager extends EventEmitter {
  }
 
  //轮转日志文件
- private rotateLogFile(): void {
+ private async rotateLogFile(): Promise<void> {
    try {
      // 如果日志文件存在，则重命名为带时间戳格式
-     if (fs.existsSync(this.logFilePath)) {
+     if (await fs.promises.access(this.logFilePath).then(() => true).catch(() => false)) {
        const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
        const rotatedPath = `${this.logFilePath}.${timestamp}`;
-       fs.renameSync(this.logFilePath, rotatedPath);
+       await fs.promises.rename(this.logFilePath, rotatedPath);
        this.currentFileSize = 0;
        // 可以添加旧日志文件的压缩或清理逻辑
      }
    } catch (error) {
-     console.error('Failed to rotate log file:', error);
+     logger.error('Failed to rotate log file:', error);
    }
+ }
 
   // 获取特定源的日志
   getLogs(source: string, limit: number = 100): LogEntry[] {
@@ -142,14 +146,15 @@ export class LogManager extends EventEmitter {
   }
 
   // 清除所有日志
-  clearAllLogs(): void {
+  async clearAllLogs(): Promise<void> {
     this.logs.clear();
     // 也可以选择清除日志文件
-    fs.writeFile(this.logFilePath, '', (err) => {
-      if (err) {
-        console.error('Failed to clear log file:', err);
-      }
-    });
+    try {
+      await fs.promises.writeFile(this.logFilePath, '');
+      this.currentFileSize = 0;
+    } catch (err) {
+      logger.error('Failed to clear log file:', err);
+    }
   }
 }
 
diff --git a/packages/main/src/services/NotebookService.ts b/packages/main/src/services/NotebookService.ts
new file mode 100644
index 00000000..2a8cecc1
--- /dev/null
+++ b/packages/main/src/services/NotebookService.ts
@@ -0,0 +1,152 @@
+import { app } from 'electron';
+import * as fs from 'fs';
+import * as path from 'path';
+import { v4 as uuidv4 } from 'uuid';
+
+interface Note {
+  id: string;
+  title: string;
+  content: string;
+  createdAt: string;
+  updatedAt: string;
+  tags?: string[];
+}
+
+export class NotebookService {
+  private notesPath: string;
+  private notes: Note[];
+
+  constructor() {
+    // 初始化笔记存储路径
+    const userDataPath = app.getPath('userData');
+    this.notesPath = path.join(userDataPath, 'notes.json');
+    this.notes = this.loadNotes();
+  }
+
+  /**
+   * 从文件加载笔记数据
+   */
+  private loadNotes(): Note[] {
+    try {
+      if (fs.existsSync(this.notesPath)) {
+        const data = fs.readFileSync(this.notesPath, 'utf8');
+        return JSON.parse(data) as Note[];
+      }
+      return [];
+    } catch (error) {
+      console.error('Failed to load notes:', error);
+      return [];
+    }
+  }
+
+  /**
+   * 保存笔记数据到文件
+   */
+  private saveNotes(): void {
+    try {
+      // 确保目录存在
+      const dir = path.dirname(this.notesPath);
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+
+      fs.writeFileSync(this.notesPath, JSON.stringify(this.notes, null, 2), 'utf8');
+    } catch (error) {
+      console.error('Failed to save notes:', error);
+      throw new Error('无法保存笔记数据');
+    }
+  }
+
+  /**
+   * 获取所有笔记
+   */
+  getNotes(): Note[] {
+    return [...this.notes].sort((a, b) => 
+      new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
+    );
+  }
+
+  /**
+   * 根据ID获取笔记
+   * @param noteId 笔记ID
+   */
+  getNoteById(noteId: string): Note | undefined {
+    return this.notes.find(note => note.id === noteId);
+  }
+
+  /**
+   * 保存笔记（新建或更新）
+   * @param note 笔记对象
+   */
+  saveNote(note: Partial<Note>): Note {
+    const now = new Date().toISOString();
+
+    if (note.id) {
+      // 更新现有笔记
+      const index = this.notes.findIndex(n => n.id === note.id);
+      if (index === -1) {
+        throw new Error('笔记不存在');
+      }
+
+      const updatedNote: Note = {
+        ...this.notes[index],
+        ...note,
+        updatedAt: now
+      };
+
+      this.notes[index] = updatedNote;
+      this.saveNotes();
+      return updatedNote;
+    } else {
+      // 创建新笔记
+      const newNote: Note = {
+        id: uuidv4(),
+        title: note.title || '无标题笔记',
+        content: note.content || '',
+        createdAt: now,
+        updatedAt: now,
+        tags: note.tags || []
+      };
+
+      this.notes.unshift(newNote); // 添加到数组开头
+      this.saveNotes();
+      return newNote;
+    }
+  }
+
+  /**
+   * 删除笔记
+   * @param noteId 笔记ID
+   */
+  deleteNote(noteId: string): void {
+    const initialLength = this.notes.length;
+    this.notes = this.notes.filter(note => note.id !== noteId);
+
+    if (this.notes.length < initialLength) {
+      this.saveNotes();
+    } else {
+      throw new Error('笔记不存在');
+    }
+  }
+
+  /**
+   * 根据标签筛选笔记
+   * @param tag 标签名称
+   */
+  getNotesByTag(tag: string): Note[] {
+    return this.notes.filter(note => note.tags?.includes(tag));
+  }
+
+  /**
+   * 获取所有标签
+   */
+  getAllTags(): string[] {
+    const tagsSet = new Set<string>();
+    this.notes.forEach(note => {
+      note.tags?.forEach(tag => tagsSet.add(tag));
+    });
+    return Array.from(tagsSet);
+  }
+}
+
+export const notebookService = new NotebookService();
\ No newline at end of file
diff --git a/packages/main/src/services/NotificationService.ts b/packages/main/src/services/NotificationService.ts
new file mode 100644
index 00000000..20f27400
--- /dev/null
+++ b/packages/main/src/services/NotificationService.ts
@@ -0,0 +1,209 @@
+import { Notification, ipcMain } from 'electron';
+import { systemSettingsService } from './SystemSettingsService';
+import * as path from 'path';
+
+/**
+ * 通知服务，负责管理和发送系统通知
+ */
+export class NotificationService {
+  private static instance: NotificationService;
+  private notificationSounds: Record<string, string> = {};
+  private permissionStatus: 'granted' | 'denied' | 'default' = 'default';
+
+  private constructor() {
+    this.initialize();
+  }
+
+  /**
+   * 获取单例实例
+   */
+  public static getInstance(): NotificationService {
+    if (!NotificationService.instance) {
+      NotificationService.instance = new NotificationService();
+    }
+    return NotificationService.instance;
+  }
+
+  /**
+   * 初始化通知服务
+   */
+  private async initialize(): Promise<void> {
+    // 初始化通知声音路径
+    this.initializeSoundPaths();
+    // 注册IPC事件处理程序
+    this.registerIpcHandlers();
+    // 加载通知设置
+    await this.loadNotificationSettings();
+  }
+
+  /**
+   * 初始化通知声音路径
+   */
+  private initializeSoundPaths(): void {
+    // 在实际应用中，这里应该指向应用内的声音文件
+    this.notificationSounds = {
+      default: path.join(__dirname, '../../assets/sounds/default.wav'),
+      soft: path.join(__dirname, '../../assets/sounds/soft.wav'),
+      loud: path.join(__dirname, '../../assets/sounds/loud.wav')
+    };
+  }
+
+  /**
+   * 注册IPC事件处理程序
+   */
+  private registerIpcHandlers(): void {
+    // 获取通知权限状态
+    ipcMain.handle('notification:getPermissionStatus', async () => {
+      return { success: true, data: this.permissionStatus };
+    });
+
+    // 请求通知权限
+    ipcMain.handle('notification:requestPermission', async () => {
+      try {
+        const permission = await Notification.requestPermission();
+        this.permissionStatus = permission;
+        return { success: true, data: permission };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+
+    // 发送测试通知
+    ipcMain.handle('notification:sendTestNotification', async () => {
+      try {
+        await this.sendNotification({
+          title: '测试通知',
+          body: '这是一条测试通知，用于验证通知功能是否正常工作',
+          type: 'systemUpdate'
+        });
+        return { success: true };
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    });
+  }
+
+  /**
+   * 加载通知设置
+   */
+  private async loadNotificationSettings(): Promise<void> {
+    try {
+      const settings = await systemSettingsService.getSettingsByCategory('notifications');
+      // 应用通知设置
+      if (settings && settings.enableNotifications === false) {
+        // 通知已被禁用
+        console.log('Notifications are disabled in settings');
+      }
+    } catch (error) {
+      console.error('Failed to load notification settings:', error);
+    }
+  }
+
+  /**
+   * 检查通知是否应该被发送
+   */
+  private async shouldSendNotification(type: string): Promise<boolean> {
+    try {
+      // 检查全局通知设置
+      const settings = await systemSettingsService.getSettingsByCategory('notifications');
+
+      // 如果全局禁用通知，直接返回false
+      if (!settings || !settings.enableNotifications) {
+        return false;
+      }
+
+      // 检查是否启用了特定类型的通知
+      if (settings.notificationTypes && Array.isArray(settings.notificationTypes)) {
+        return settings.notificationTypes.includes(type);
+      }
+
+      // 默认允许所有类型通知
+      return true;
+    } catch (error) {
+      console.error('Error checking notification permissions:', error);
+      // 出错时默认不发送通知
+      return false;
+    }
+  }
+
+  /**
+   * 获取通知声音文件路径
+   */
+  private async getNotificationSoundPath(): Promise<string | undefined> {
+    try {
+      const settings = await systemSettingsService.getSettingsByCategory('notifications');
+
+      // 如果禁用了通知声音，返回undefined
+      if (!settings || !settings.notificationSound) {
+        return undefined;
+      }
+
+      // 获取配置的声音类型
+      const soundType = settings.soundType || 'default';
+      return this.notificationSounds[soundType];
+    } catch (error) {
+      console.error('Error getting notification sound:', error);
+      return undefined;
+    }
+  }
+
+  /**
+   * 发送系统通知
+   * @param options 通知选项
+   */
+  public async sendNotification(options: {
+    title: string;
+    body: string;
+    type: string;
+    icon?: string;
+    data?: any;
+    urgency?: 'low' | 'normal' | 'critical';
+  }): Promise<boolean> {
+    try {
+      // 检查权限
+      if (this.permissionStatus !== 'granted') {
+        console.log('Notification permission not granted');
+        return false;
+      }
+
+      // 检查通知设置是否允许该类型通知
+      const shouldSend = await this.shouldSendNotification(options.type);
+      if (!shouldSend) {
+        console.log(`Notification type ${options.type} is disabled`);
+        return false;
+      }
+
+      // 获取通知声音
+      const soundPath = await this.getNotificationSoundPath();
+
+      // 创建通知选项
+      const notificationOptions: Electron.NotificationConstructorOptions = {
+        title: options.title,
+        body: options.body,
+        silent: !soundPath,
+        icon: options.icon || path.join(__dirname, '../../assets/icons/notification-icon.png'),
+        urgency: options.urgency || 'normal',
+        data: options.data
+      };
+
+      // 添加声音（仅Windows支持）
+      if (soundPath && process.platform === 'win32') {
+        notificationOptions.sound = soundPath;
+      }
+
+      // 发送通知
+      const notification = new Notification(notificationOptions);
+      notification.show();
+
+      return true;
+    } catch (error) {
+      console.error('Failed to send notification:', error);
+      return false;
+    }
+  }
+}
+
+/**
+ * 通知服务单例实例
+ */
+export const notificationService = NotificationService.getInstance();
\ No newline at end of file
diff --git a/packages/main/src/utils/ProcessManager.ts b/packages/main/src/services/ProcessManager.ts
similarity index 100%
rename from packages/main/src/utils/ProcessManager.ts
rename to packages/main/src/services/ProcessManager.ts
diff --git a/packages/main/src/services/SystemSettingsService.ts b/packages/main/src/services/SystemSettingsService.ts
new file mode 100644
index 00000000..a00b32df
--- /dev/null
+++ b/packages/main/src/services/SystemSettingsService.ts
@@ -0,0 +1,224 @@
+import { app } from 'electron';
+import * as fs from 'fs';
+import * as path from 'path';
+
+interface GeneralSettings {
+  autoStart: boolean;
+  minimizeToTray: boolean;
+  showNotifications: boolean;
+  checkUpdates: boolean;
+}
+
+interface NetworkSettings {
+  proxyEnabled: boolean;
+  proxyServer: string;
+  proxyPort: number;
+  timeout: number;
+  maxRetries: number;
+}
+
+interface ShortcutSettings {
+  global: Record<string, string>;
+  inApp: Record<string, string>;
+}
+
+interface ServerSettings {
+  httpPort: number;
+  wsPort: number;
+  enableCors: boolean;
+  allowedOrigins: string[];
+}
+
+interface AppearanceSettings {
+  theme: 'light' | 'dark' | 'system';
+  language: string;
+  fontSize: number;
+  accentColor: string;
+  compactMode: boolean;
+}
+
+interface NotificationSettings {
+  newDanmu: boolean;
+  giftReceived: boolean;
+  followerJoined: boolean;
+  systemMessages: boolean;
+  soundEnabled: boolean;
+}
+
+interface SystemSettings {
+  general: GeneralSettings;
+  network: NetworkSettings;
+  shortcuts: ShortcutSettings;
+  server: ServerSettings;
+  appearance: AppearanceSettings;
+  notifications: NotificationSettings;
+  lastUpdated: string;
+}
+
+const DEFAULT_SETTINGS: SystemSettings = {
+  general: {
+    autoStart: false,
+    minimizeToTray: true,
+    showNotifications: true,
+    checkUpdates: true
+  },
+  network: {
+    proxyEnabled: false,
+    proxyServer: '',
+    proxyPort: 8080,
+    timeout: 30000,
+    maxRetries: 3
+  },
+  shortcuts: {
+    global: {
+      'show-app': 'Ctrl+Shift+A',
+      'toggle-mute': 'Ctrl+M',
+      'take-screenshot': 'Ctrl+Shift+S'
+    },
+    inApp: {
+      'save-note': 'Ctrl+S',
+      'search': 'Ctrl+F',
+      'new-note': 'Ctrl+N'
+    }
+  },
+  server: {
+    httpPort: 8088,
+    wsPort: 8089,
+    enableCors: true,
+    allowedOrigins: ['http://localhost:3000']
+  },
+  appearance: {
+    theme: 'system',
+    language: 'zh-CN',
+    fontSize: 14,
+    accentColor: '#2d8cf0',
+    compactMode: false
+  },
+  notifications: {
+    newDanmu: true,
+    giftReceived: true,
+    followerJoined: true,
+    systemMessages: true,
+    soundEnabled: true
+  },
+  lastUpdated: new Date().toISOString()
+};
+
+export class SystemSettingsService {
+  private settingsPath: string;
+  private settings: SystemSettings;
+
+  constructor() {
+    // 初始化设置存储路径
+    const userDataPath = app.getPath('userData');
+    this.settingsPath = path.join(userDataPath, 'settings.json');
+    this.settings = this.loadSettings();
+  }
+
+  /**
+   * 从文件加载设置
+   */
+  private loadSettings(): SystemSettings {
+    try {
+      if (fs.existsSync(this.settingsPath)) {
+        const data = fs.readFileSync(this.settingsPath, 'utf8');
+        const savedSettings = JSON.parse(data) as Partial<SystemSettings>;
+        // 合并保存的设置与默认设置，确保所有字段都存在
+        return this.mergeSettings(DEFAULT_SETTINGS, savedSettings);
+      }
+      return { ...DEFAULT_SETTINGS };
+    } catch (error) {
+      console.error('Failed to load settings:', error);
+      // 加载失败时使用默认设置
+      return { ...DEFAULT_SETTINGS };
+    }
+  }
+
+  /**
+   * 合并设置对象，确保所有默认字段都存在
+   */
+  private mergeSettings(defaults: any, custom: any): any {
+    const merged = { ...defaults };
+    for (const key in custom) {
+      if (Object.prototype.hasOwnProperty.call(custom, key)) {
+        if (typeof custom[key] === 'object' && custom[key] !== null && !Array.isArray(custom[key])) {
+          merged[key] = this.mergeSettings(defaults[key], custom[key]);
+        } else {
+          merged[key] = custom[key];
+        }
+      }
+    }
+    return merged;
+  }
+
+  /**
+   * 保存设置到文件
+   */
+  private saveSettings(): void {
+    try {
+      // 确保目录存在
+      const dir = path.dirname(this.settingsPath);
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+
+      // 更新最后修改时间
+      this.settings.lastUpdated = new Date().toISOString();
+
+      fs.writeFileSync(this.settingsPath, JSON.stringify(this.settings, null, 2), 'utf8');
+    } catch (error) {
+      console.error('Failed to save settings:', error);
+      throw new Error('无法保存应用设置');
+    }
+  }
+
+  /**
+   * 获取所有设置
+   */
+  getAllSettings(): SystemSettings {
+    return { ...this.settings };
+  }
+
+  /**
+   * 获取特定类别的设置
+   */
+  getSettingsByCategory<T extends keyof SystemSettings>(category: T): SystemSettings[T] {
+    return { ...this.settings[category] };
+  }
+
+  /**
+   * 更新特定类别的设置
+   */
+  updateSettingsByCategory<T extends keyof SystemSettings>(
+    category: T,
+    newSettings: Partial<SystemSettings[T]>
+  ): SystemSettings[T] {
+    this.settings[category] = {
+      ...this.settings[category],
+      ...newSettings
+    };
+
+    this.saveSettings();
+    return { ...this.settings[category] };
+  }
+
+  /**
+   * 重置所有设置为默认值
+   */
+  resetToDefault(): SystemSettings {
+    this.settings = { ...DEFAULT_SETTINGS };
+    this.saveSettings();
+    return { ...this.settings };
+  }
+
+  /**
+   * 重置特定类别的设置为默认值
+   */
+  resetCategoryToDefault<T extends keyof SystemSettings>(category: T): SystemSettings[T] {
+    this.settings[category] = { ...DEFAULT_SETTINGS[category] };
+    this.saveSettings();
+    return { ...this.settings[category] };
+  }
+}
+
+export const systemSettingsService = new SystemSettingsService();
\ No newline at end of file
diff --git a/packages/main/src/types/.gitkeep b/packages/main/src/types/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/main/src/ModuleContext.ts b/packages/main/src/types/ModuleContext.ts
similarity index 96%
rename from packages/main/src/ModuleContext.ts
rename to packages/main/src/types/ModuleContext.ts
index a3643126..d83c8d3c 100644
--- a/packages/main/src/ModuleContext.ts
+++ b/packages/main/src/types/ModuleContext.ts
@@ -1,3 +1,3 @@
 export type ModuleContext = {
   readonly app: Electron.App;
-}
+}
\ No newline at end of file
diff --git a/packages/main/src/utils/AppManager.ts b/packages/main/src/utils/AppManager.ts
deleted file mode 100644
index e06753c6..00000000
--- a/packages/main/src/utils/AppManager.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-import fs from "fs";
-import path from "path";
-import { promisify } from "util";
-import { ConfigManager } from "./ConfigManager.js";
-import { HttpManager } from "./HttpManager.js";
-import { WindowManager, WindowConfig } from "../modules/WindowManager.js";
-import { getPackageJson } from "./Devars.js";
-import { app } from "electron";
-import { EventEmitter } from "events";
-import { BrowserWindow, ipcMain } from 'electron';
-import { DataManager } from './DataManager';
-import { AppModule } from '../AppModule.js';
-
-const readdir = promisify(fs.readdir);
-const stat = promisify(fs.stat);
-
-interface AppConfig {
-  id: string;
-  name: string;
-  version: string;
-  info?: string;
-  settings?: Record<string, any>;
-  windows: WindowConfig;
-  supportedDisplays?: ("main" | "obs" | "client")[];
-}
-
-export class AppManager extends EventEmitter {
-  private apps: Map<string, AppConfig> = new Map();
-  private appWindows: Map<string, Electron.BrowserWindow[]> = new Map();
-  private httpManager: HttpManager = globalThis.httpManager;
-  private windowManager: WindowManager = globalThis.windowManager;
-  private appDir: string = "";
-  private configManager: ConfigManager = globalThis.configManager;
-  private modules: Map<string, AppModule> = new Map();
-
-  constructor() {
-    super();
-  }
-
-  /**
-   * 注册模块
-   * @param moduleId 模块ID
-   * @param module 模块实例
-   */
-  registerModule(moduleId: string, module: AppModule): void {
-    this.modules.set(moduleId, module);
-    this.emit('module-registered', moduleId);
-    console.log(`Module ${moduleId} registered successfully`);
-  }
-
-  /**
-   * 获取模块实例
-   * @param moduleId 模块ID
-   * @returns 模块实例或undefined
-   */
-  getModule(moduleId: string): AppModule | undefined {
-    return this.modules.get(moduleId);
-  }
-
-  /**
-   * 获取所有已注册的模块
-   * @returns 模块ID和实例的映射
-   */
-  getAllModules(): Map<string, AppModule> {
-    return this.modules;
-  }
-  // 修正：直接使用 HttpManager 初始化的应用目录
-  private async getAppDirectory(): Promise<string> {
-    return globalThis.httpManager.getAppDir(); // 使用 HttpManager 暴露的路径
-  }
-
-  async init(): Promise<void> {
-    this.appDir = await this.getAppDirectory(); // 从 HttpManager 获取已初始化的路径
-    const appFolders = await this.getAppFolders();
-    for (const folder of appFolders) {
-      const configPath = path.join(folder, "config.json");
-      const configContent = await fs.promises.readFile(configPath, "utf-8");
-      const config: AppConfig = JSON.parse(configContent);
-      this.apps.set(config.id, config);
-
-      // 托管静态文件
-      this.httpManager.serveStatic(`/application/${config.name}`, folder);
-
-      // 加载API接口
-      const apiPath = path.join(folder, "api.cjs");
-      if (fs.existsSync(apiPath)) {
-        // Access default export for ES module compatibility
-        const apiModule = require(apiPath);
-        const apiRoutes = apiModule.default || apiModule;
-        this.httpManager.addApiRoutes(
-          `/api/application/${config.name}`,
-          apiRoutes
-        );
-      }
-    }
-  }
-
-  // 修正：重写 getAppFolders 方法，使用纯 Promise 风格
-  private async getAppFolders(): Promise<string[]> {
-    const appDir = this.appDir; // 已通过 init 初始化的有效路径
-    if (!appDir) {
-      throw new Error("Application directory path is undefined");
-    }
-
-    const items = await readdir(appDir); // 使用 promisify 后的 readdir
-    const folders: string[] = [];
-
-    for (const item of items) {
-      const itemPath = path.join(appDir, item);
-      const stats = await stat(itemPath); // 使用 promisify 后的 stat
-      if (stats.isDirectory()) {
-        folders.push(itemPath);
-      }
-    }
-
-    return folders;
-  }
-
-  getAppConfig(appId: string): AppConfig | undefined {
-    return this.apps.get(appId);
-  }
-
-  async readAppConfig(appId: string): Promise<AppConfig> {
-    const config = this.apps.get(appId);
-    if (!config) {
-      throw new Error(`App ${appId} not found`);
-    }
-    // 读取已保存的配置
-    let savedConfig: any = await this.configManager.readConfig(config.name);
-    // 如果没有保存的配置，使用默认配置并保存
-    if (!savedConfig) {
-      savedConfig = { ...config };
-      await this.configManager.saveConfig(config.name, savedConfig);
-    }
-    return savedConfig;
-  }
-
-  async saveAppConfig(appId: string, configData: AppConfig): Promise<void> {
-    const app = this.apps.get(appId);
-    if (!app) {
-      throw new Error(`App ${appId} not found`);
-    }
-    await this.configManager.saveConfig(app.name, configData);
-  }
-
-  getAppUrl(appName: string): string {
-    const port = this.httpManager.getPort();
-    return `http://localhost:${port}/application/${appName}/index.html`;
-  }
-
-  async startApp(appId: string): Promise<Electron.BrowserWindow> {
-    const config = this.getAppConfig(appId);
-    if (!config) {
-      throw new Error(`App ${appId} not found`);
-    }
-    const window = await this.windowManager.createWindow(config.windows);
-    window.loadURL(this.getAppUrl(config.name));
-
-    if (!this.appWindows.has(appId)) {
-      this.appWindows.set(appId, []);
-    }
-    this.appWindows.get(appId)!.push(window);
-
-    return window;
-  }
-
-  async closeApp(appId: string): Promise<void> {
-    const windows = this.appWindows.get(appId) || [];
-    windows.forEach((window) => window.close());
-    this.appWindows.delete(appId);
-    this.emit("app-closed", appId);
-  }
-
-  async restartApp(appId: string): Promise<void> {
-    await this.closeApp(appId);
-    await this.startApp(appId);
-  }
-
-  async reloadApps(): Promise<void> {
-    // 关闭所有窗口
-    Array.from(this.appWindows.keys()).forEach(
-      async (id) => await this.closeApp(id)
-    );
-
-    // 清理HTTP托管
-    this.apps.forEach((app) => {
-      this.httpManager.removeStatic(`/application/${app.name}`);
-      this.httpManager.removeApiRoutes(`/api/application/${app.id}`);
-    });
-
-    // 重新初始化
-    this.apps.clear();
-    await this.init();
-  }
-  private createClientWindow(appId: string): BrowserWindow {
-    const window = new BrowserWindow({
-      width: 800,
-      height: 600,
-      webPreferences: {
-        nodeIntegration: false,
-        contextIsolation: true,
-        preload: path.join(__dirname, "preload.js"),
-      },
-    });
-
-    // 加载渲染器页面
-    const indexPath = path.join(__dirname, '../../../renderer/index.html');
-    window.loadFile(indexPath).catch(err => {
-      console.error('Failed to load window content:', err);
-    });
-
-    // 监听窗口关闭事件
-    window.on("closed", () => {
-      DataManager.getInstance().handleClientClosed(appId);
-      this.emit("app-closed", appId);
-    });
-
-    return window;
-  }
-}
-
diff --git a/packages/main/src/utils/config.ts b/packages/main/src/utils/config.ts
deleted file mode 100644
index 0021e562..00000000
--- a/packages/main/src/utils/config.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export default  {
-    port: 12590,
-    applications: []
-}
\ No newline at end of file
diff --git a/packages/main/src/utils/logger.ts b/packages/main/src/utils/logger.ts
new file mode 100644
index 00000000..e6777af7
--- /dev/null
+++ b/packages/main/src/utils/logger.ts
@@ -0,0 +1,86 @@
+import { createWriteStream, existsSync, mkdirSync } from 'fs';
+import { join } from 'path';
+import { app } from 'electron';
+import { format } from 'util';
+
+// 确保日志目录存在
+const logDir = join(app.getPath('userData'), 'logs');
+if (!existsSync(logDir)) {
+  mkdirSync(logDir, { recursive: true });
+}
+
+// 创建日志写入流并添加错误处理
+const createLogStream = (filename: string) => {
+  const stream = createWriteStream(join(logDir, filename), { flags: 'a' });
+  stream.on('error', (err) => {
+    console.error('日志流错误:', err);
+  });
+  return stream;
+};
+
+// 创建日志写入流
+const errorLogStream = createLogStream('error.log');
+const combinedLogStream = createLogStream('combined.log');
+
+// 在应用退出时关闭日志流
+app.on('will-quit', () => {
+  errorLogStream.end();
+  combinedLogStream.end();
+});
+
+/**
+ * 安全序列化元数据
+ */
+const safeStringify = (data: unknown): string => {
+  try {
+    return JSON.stringify(data);
+  } catch (e) {
+    return format('%o', data); // 使用util.format作为后备
+  }
+};
+
+/**
+ * 日志工具类
+ */
+export const logger = {
+  /**
+   * 普通信息日志
+   */
+  info: (message: string, ...meta: unknown[]): void => {
+    const logMessage = `[${new Date().toISOString()}] [INFO] ${message} ${meta.length ? safeStringify(meta) : ''}\n`;
+    console.log(logMessage);
+    combinedLogStream.write(logMessage);
+  },
+
+  /**
+   * 错误日志
+   */
+  error: (message: string, ...meta: unknown[]): void => {
+    const logMessage = `[${new Date().toISOString()}] [ERROR] ${message} ${meta.length ? safeStringify(meta) : ''}\n`;
+    console.error(logMessage);
+    errorLogStream.write(logMessage);
+    combinedLogStream.write(logMessage);
+  },
+
+  /**
+   * 警告日志
+   */
+  warn: (message: string, ...meta: unknown[]): void => {
+    const logMessage = `[${new Date().toISOString()}] [WARN] ${message} ${meta.length ? safeStringify(meta) : ''}\n`;
+    console.warn(logMessage);
+    combinedLogStream.write(logMessage);
+  },
+
+  /**
+   * 调试日志
+   */
+  debug: (message: string, ...meta: unknown[]): void => {
+    const logMessage = `[${new Date().toISOString()}] [DEBUG] ${message} ${meta.length ? safeStringify(meta) : ''}\n`;
+    if (process.env.NODE_ENV === 'development') {
+      console.debug(logMessage);
+      combinedLogStream.write(logMessage);
+    }
+  }
+};
+
+export default logger;
\ No newline at end of file
diff --git a/packages/renderer/src/App.vue b/packages/renderer/src/App.vue
index ce958dc5..b9dcf4be 100644
--- a/packages/renderer/src/App.vue
+++ b/packages/renderer/src/App.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
+import QuickToolbar from './components/QuickToolbar.vue';
 import { Layout as TLayout, Content as TContent } from "tdesign-vue-next";
 import TitleBar from "./components/TitleBar.vue";
 import Sidebar from "./components/Sidebar.vue";
 </script>
 
 <template>
+  <QuickToolbar />
   <div class="app-container">
     <!-- 标题栏组件 -->
     <TitleBar />
diff --git a/packages/renderer/src/components/QuickToolbar.vue b/packages/renderer/src/components/QuickToolbar.vue
new file mode 100644
index 00000000..b3683e65
--- /dev/null
+++ b/packages/renderer/src/components/QuickToolbar.vue
@@ -0,0 +1,124 @@
+<script setup lang="ts">
+import { Tooltip, Button, Dropdown, Menu } from 'tdesign-vue-next';
+import { ref, onMounted } from 'vue';
+import { ipcRenderer } from 'electron';
+
+// 工具栏状态
+const isVisible = ref(true);
+const isMinimized = ref(false);
+
+// 工具栏操作
+const defaultActions = [
+  { name: 'startLive', icon: 'play-circle', tooltip: '开始直播' },
+  { name: 'stopLive', icon: 'pause-circle', tooltip: '停止直播' },
+  { name: 'refreshData', icon: 'refresh', tooltip: '刷新数据' },
+  { name: 'settings', icon: 'setting', tooltip: '设置' },
+  { name: 'help', icon: 'question-circle', tooltip: '帮助' },
+];
+const toolbarActions = ref([]);
+
+// 执行工具栏操作
+const handleAction = async (action: string) => {
+  try {
+    switch(action) {
+      case 'startLive':
+        await ipcRenderer.invoke('live:start');
+        break;
+      case 'stopLive':
+        await ipcRenderer.invoke('live:stop');
+        break;
+      case 'refreshData':
+        await ipcRenderer.invoke('dashboard:refresh');
+        break;
+      case 'settings':
+        await ipcRenderer.invoke('window:openSettings');
+        break;
+      case 'help':
+        await ipcRenderer.invoke('window:openHelp');
+        break;
+    }
+  } catch (error) {
+    console.error(`执行操作失败: ${error}`);
+  }
+};
+
+onMounted(async () => {
+  try {
+    const settings = await ipcRenderer.invoke('settings:getSettings');
+    toolbarActions.value = settings.toolbarActions || defaultActions;
+  } catch (error) {
+    console.error('获取工具栏配置失败:', error);
+    toolbarActions.value = defaultActions;
+  }
+});
+
+</script>
+
+<template>
+  <div class="quick-toolbar" :class="{ minimized: isMinimized }">
+    <div class="toolbar-handle" @click="isMinimized = !isMinimized">
+      <span v-if="!isMinimized">≡</span>
+      <span v-else>≡</span>
+    </div>
+    <div class="toolbar-actions">
+      <Tooltip
+        v-for="action in toolbarActions"
+        :key="action.name"
+        :content="action.tooltip"
+        placement="right"
+      >
+        <Button
+          variant="text"
+          shape="circle"
+          size="large"
+          :icon="action.icon"
+          @click="handleAction(action.name)"
+          class="toolbar-btn"
+        />
+      </Tooltip>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.quick-toolbar {
+  position: fixed;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: #1e293b;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  z-index: 1000;
+  transition: all 0.3s ease;
+}
+
+.toolbar-handle {
+  padding: 8px;
+  color: #cbd5e1;
+  cursor: pointer;
+  text-align: center;
+  border-bottom: 1px solid #334155;
+}
+
+.toolbar-actions {
+  display: flex;
+  flex-direction: column;
+  padding: 10px 5px;
+}
+
+.toolbar-btn {
+  color: #f8fafc !important;
+  background-color: transparent !important;
+  margin: 5px 0;
+  transition: all 0.2s;
+}
+
+.toolbar-btn:hover {
+  background-color: #334155 !important;
+}
+
+.minimized .toolbar-actions {
+  display: none;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/components/TitleBar.vue b/packages/renderer/src/components/TitleBar.vue
index 8ccd04f7..386caf60 100644
--- a/packages/renderer/src/components/TitleBar.vue
+++ b/packages/renderer/src/components/TitleBar.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { DialogPlugin, Button as TButton } from "tdesign-vue-next";
+import { ipcRenderer } from 'electron';
+import { darkMode, toggleTheme } from '../composables/useTheme';
+import { DialogPlugin, Button as TButton, Switch } from "tdesign-vue-next";
 
 // 扩展Window接口以包含我们的API
 declare global {
@@ -69,7 +71,10 @@ const closeWindow = () => {
 <template>
   <div class="title-bar">
     <div class="app-title">AcFrame直播框架</div>
-    <div class="window-controls">
+    <div class="theme-toggle">
+  <Switch v-model="darkMode" @change="toggleTheme" />
+</div>
+<div class="window-controls">
       <div style="margin-right: 8px; display: flex; align-items: center">
         <span style="margin-right: 4px; font-size: 12px" class="dark-mode"
           >深色模式</span
diff --git a/packages/renderer/src/composables/useTheme.ts b/packages/renderer/src/composables/useTheme.ts
new file mode 100644
index 00000000..8c7cb7bb
--- /dev/null
+++ b/packages/renderer/src/composables/useTheme.ts
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { ref, onMounted, watch } from 'vue';
+import { ipcRenderer } from 'electron';
+
+// 主题状态管理
+const currentTheme = ref('light');
+
+// 应用主题
+const applyTheme = () => {
+  document.documentElement.setAttribute('data-theme', currentTheme.value);
+};
+
+// 初始化主题
+const initTheme = async () => {
+  try {
+    const settings = await ipcRenderer.invoke('settings:getSettings');
+    currentTheme.value = settings.theme || 'light';
+    applyTheme();
+  } catch (error) {
+    console.error('获取主题设置失败:', error);
+    currentTheme.value = 'light';
+    applyTheme();
+  }
+};
+
+// 监听主题变化并保存到设置
+watch(currentTheme, async (newValue) => {
+  try {
+    await ipcRenderer.invoke('settings:updateSettings', { theme: newValue });
+  } catch (error) {
+    console.error('保存主题设置失败:', error);
+  }
+});
+
+// 切换主题
+const setTheme = (theme: string) => {
+  currentTheme.value = theme;
+};
+
+// 初始化主题
+onMounted(() => {
+  initTheme();
+});
+
+export {
+  currentTheme,
+  setTheme
+};
+
+</script>
\ No newline at end of file
diff --git a/packages/renderer/src/pages/Dashboard.vue b/packages/renderer/src/pages/Dashboard.vue
index b9350147..0e8ea3c2 100644
--- a/packages/renderer/src/pages/Dashboard.vue
+++ b/packages/renderer/src/pages/Dashboard.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue';
-import { Card, Row, Col, Statistic, Message, Skeleton } from 'tdesign-vue-next';
+import { ref, onMounted, onUnmounted, reactive } from 'vue';
+import { LineChart, BarChart, PieChart, Card, Select, Table } from 'tdesign-vue-next';
+import { Card, Row, Col, Statistic, Message, Skeleton, LineChart, PieChart, PieChartItem, LineChartSeries, LineChartXAxis, LineChartYAxis, LineChartTooltip, BarChart, BarChartXAxis, BarChartYAxis, BarChartSeries, BarChartTooltip, Table } from 'tdesign-vue-next';
 import { ipcRenderer } from 'electron';
 
 // 状态数据
@@ -10,6 +11,22 @@ const userInfo = ref<{ name: string, avatar: string }>({
   avatar: 'https://picsum.photos/200'
 });
 
+// 图表数据
+const chartData = ref<{
+  audienceTrend: Array<{
+    time: string,
+    viewers: number
+  }>,
+  giftStats: Array<{
+    name: string,
+    value: number
+  }>
+}>({
+  audienceTrend: [],
+  giftStats: [],
+    topViewers: []
+  });
+
 // 统计数据
 const statsData = ref<{
   viewerCount: number,
@@ -66,7 +83,30 @@ if (statsResult.success) {
 }
 
     // 调用API获取动态内容块
-    const blocksResult = await ipcRenderer.invoke('dashboard:getDynamicBlocks');
+const blocksResult = await ipcRenderer.invoke('dashboard:getDynamicBlocks');
+
+// 获取观众趋势数据
+const trendResult = await ipcRenderer.invoke('dashboard:getAudienceTrend');
+if (trendResult.success) {
+  chartData.value.audienceTrend = trendResult.data || [];
+} else {
+  console.warn('获取观众趋势数据失败:', trendResult.error);
+}
+
+// 获取礼物统计数据
+const giftResult = await ipcRenderer.invoke('dashboard:getGiftStats');
+if (giftResult.success) {
+  chartData.value.giftStats = giftResult.data?.giftStats || [];
+  // 处理观众排行数据
+  chartData.value.topViewers = giftResult.data?.topViewers.map((item: any) => ({
+    rank: item.rank,
+    username: item.username,
+    watchTime: item.duration,
+    gifts: item.giftCount
+  })) || [];
+} else {
+  console.warn('获取礼物统计数据失败:', giftResult.error);
+}
 if (blocksResult.success) {
   dynamicBlocks.value = blocksResult.data;
 } else {
@@ -148,7 +188,15 @@ onUnmounted(() => {
               :value-style="{ color: 'var(--td-brand-color)' }"
             />
           </Card>
-        </Col>
+        <Card title="观众贡献排行" style="margin-top: 16px;">
+          <Table :data="chartData.topViewers" :columns="[
+            { title: '排名', dataKey: 'rank', width: 80 },
+            { title: '用户名', dataKey: 'username' },
+            { title: '观看时长(分钟)', dataKey: 'watchTime' },
+            { title: '礼物数量', dataKey: 'gifts' }
+          ]" />
+        </Card>
+      </Col>
         <Col xs="24" sm="12" md="6">
           <Card class="stats-card">
             <Statistic
@@ -178,6 +226,39 @@ onUnmounted(() => {
         </Col>
       </Row>
 
+      <!-- 数据图表区域 -->
+      <Row gutter="20" class="charts-row row-frame">
+        <Col xs="24" md="12">
+          <Card class="chart-card">
+            <h3>观众趋势图</h3>
+            <LineChart :data="chartData.audienceTrend" height="300">
+          <LineChartXAxis field="time" />
+          <LineChartYAxis field="viewers" />
+          <LineChartSeries field="viewers" smooth />
+          <LineChartTooltip />
+        </LineChart>
+
+        <Card title="小时数据对比" style="margin-top: 16px;">
+          <BarChart :data="chartData.hourlyComparison" height="300">
+            <BarChartXAxis field="hour" />
+            <BarChartYAxis />
+            <BarChartSeries field="current" name="当前小时" />
+            <BarChartSeries field="previous" name="昨日同期" />
+            <BarChartTooltip />
+          </BarChart>
+        </Card>
+          </Card>
+        </Col>
+        <Col xs="24" md="12">
+          <Card class="chart-card">
+            <h3>礼物统计</h3>
+            <PieChart :data="chartData.giftStats" height="300">
+              <PieChartItem nameField="name" valueField="value" radius="40%" />
+            </PieChart>
+          </Card>
+        </Col>
+      </Row>
+
       <!-- 动态内容块区域 -->
       <div class="dynamic-blocks">
         <template v-for="(block, index) in dynamicBlocks" :key="index">
diff --git a/packages/renderer/src/pages/ErrorPage.vue b/packages/renderer/src/pages/ErrorPage.vue
new file mode 100644
index 00000000..73ee2e85
--- /dev/null
+++ b/packages/renderer/src/pages/ErrorPage.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="error-page-container">
+    <div class="error-content">
+      <t-icon name="error-circle" class="error-icon" />
+      <h1 class="error-title">{{ errorTitle }}</h1>
+      <p class="error-message">{{ errorMessage }}</p>
+      <div class="error-actions">
+        <t-button @click="goBack" theme="primary">返回上一页</t-button>
+        <t-button @click="goHome">返回首页</t-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, defineProps } from 'vue';
+import { TIcon } from 'tdesign-vue-next';
+import { useRouter } from 'vue-router';
+
+const props = defineProps<{
+  errorTitle?: string;
+  errorMessage?: string;
+}>();
+
+const router = useRouter();
+const errorTitle = ref(props.errorTitle || '发生错误');
+const errorMessage = ref(props.errorMessage || '页面加载失败，请稍后重试');
+
+const goBack = () => {
+  router.go(-1);
+};
+
+const goHome = () => {
+  router.push('/');
+};
+</script>
+
+<style scoped>
+.error-page-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background-color: var(--t-color-bg-page);
+}
+
+.error-content {
+  text-align: center;
+  padding: 2rem;
+  border-radius: var(--t-radius-large);
+  background-color: var(--t-color-bg-container);
+  box-shadow: var(--t-shadow-card);
+}
+
+.error-icon {
+  font-size: 4rem;
+  color: var(--t-color-danger);
+  margin-bottom: 1rem;
+}
+
+.error-title {
+  font-size: 1.5rem;
+  font-weight: var(--t-font-weight-bold);
+  color: var(--t-color-text-primary);
+  margin-bottom: 0.5rem;
+}
+
+.error-message {
+  color: var(--t-color-text-secondary);
+  margin-bottom: 1.5rem;
+  max-width: 400px;
+}
+
+.error-actions {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/pages/LiveManagement.vue b/packages/renderer/src/pages/LiveManagement.vue
index 4f09401c..e641ca4f 100644
--- a/packages/renderer/src/pages/LiveManagement.vue
+++ b/packages/renderer/src/pages/LiveManagement.vue
@@ -22,6 +22,7 @@ declare global {
         startStream: () => Promise<any>;
         saveOBSConfig: (config: {obsIp: string, obsPort: number, obsPassword: string}) => Promise<any>;
         getOBSConfig: () => Promise<any>;
+        syncStartBroadcast: () => Promise<any>;
       };
     };
   }
@@ -332,6 +333,29 @@ const startStream = async () => {
   }
 };
 
+// 同步开播（设置推流码并启动直播）
+const syncStartBroadcast = async () => {
+  try {
+    loading.value = true;
+    const response = await window.api.live.syncStartBroadcast();
+    if (response.success) {
+      roomInfo.streamStatus = 'live';
+      TMessage.success('已同步推流码并开始直播');
+    } else {
+      errorHandler.handleError(
+        errorHandler.createApiError('同步开播失败: ' + response.error, 'SYNC_START_BROADCAST_FAILED')
+      );
+    }
+  } catch (error) {
+    console.error('同步开播失败:', error);
+    errorHandler.handleError(
+      errorHandler.createNetworkError('同步开播失败，请重试', 'SYNC_START_BROADCAST_FAILED', error)
+    );
+  } finally {
+    loading.value = false;
+  }
+};
+
 // 保存房间信息
 const saveRoomInfo = async () => {
   try {
@@ -360,15 +384,19 @@ const saveRoomInfo = async () => {
 const handleCoverUpload = async (file: File) => {
   try {
     uploadLoading.value = true;
-    // 模拟上传，实际应调用API
-    // 这里只是将文件转换为base64预览
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      roomInfo.coverUrl = e.target?.result as string;
+    const formData = new FormData();
+    formData.append('cover', file);
+    
+    // 调用实际上传API
+    const response = await window.api.live.uploadCover(formData);
+    if (response.success) {
+      roomInfo.coverUrl = response.data.coverUrl;
       uploadLoading.value = false;
       TMessage.success('封面上传成功');
-    };
-    reader.readAsDataURL(file);
+    } else {
+      uploadLoading.value = false;
+      TMessage.error('上传封面失败: ' + response.error);
+    }
   } catch (error) {
     console.error('上传封面失败:', error);
     uploadLoading.value = false;
@@ -640,14 +668,23 @@ onMounted(() => {
             >
               下播
             </TButton>
-            <TButton
-              v-else-if="roomInfo.obsStatus === 'online'"
-              @click="startStream"
-              variant="primary"
-              size="small"
-            >
-              开播
-            </TButton>
+            <div v-else-if="roomInfo.obsStatus === 'online'">
+              <TButton
+                @click="startStream"
+                variant="primary"
+                size="small"
+                class="mr-2"
+              >
+                开播
+              </TButton>
+              <TButton
+                @click="syncStartBroadcast"
+                variant="default"
+                size="small"
+              >
+                同步开播
+              </TButton>
+            </div>
             <TButton
               v-else
               @click="connectOBS"
diff --git a/packages/renderer/src/pages/Login.vue b/packages/renderer/src/pages/Login.vue
index 3820077e..c4114b08 100644
--- a/packages/renderer/src/pages/Login.vue
+++ b/packages/renderer/src/pages/Login.vue
@@ -1,14 +1,42 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
-import { Button, Checkbox, Message } from 'tdesign-vue-next';
+import { ref, onMounted, reactive } from 'vue';
+import { Button, Checkbox, Message, Input, Loading } from 'tdesign-vue-next';
 import { useRouter } from 'vue-router';
+import axios from 'axios';
+
+// 创建API实例
+const api = axios.create({
+  baseURL: '/api',
+  timeout: 5000,
+  headers: {
+    'Content-Type': 'application/json'
+  }
+});
+
+// 请求拦截器添加token
+api.interceptors.request.use(config => {
+  const token = localStorage.getItem('token');
+  if (token) {
+    config.headers.Authorization = `Bearer ${token}`;
+  }
+  return config;
+});
 
 // 状态管理
-const isLoginMode = ref(true); // true: 二维码登录, false: 欢迎界面
+const isLoginMode = ref(true); // true: 账号登录, false: 欢迎界面
+const isScanMode = ref(false); // 是否扫码登录模式
+const qrCodeUrl = ref(''); // 二维码图片URL
+const pollingInterval = ref(null); // 轮询定时器
+const qrCodeExpireTimer = ref(null); // 二维码过期定时器
+const isScanned = ref(false); // 是否已扫码
 const agreeTerms = ref(false);
 const loginStatus = ref('');
-const qrCodeUrl = ref('https://picsum.photos/200/200');
 const version = ref('3.1.0');
+const formData = reactive({
+  username: '',
+  password: ''
+});
+const loading = ref(false);
 
 const router = useRouter();
 
@@ -27,12 +55,10 @@ const checkLoginStatus = () => {
   }, 1000);
 };
 
-// 刷新二维码
-const refreshQrCode = () => {
-  // 模拟刷新二维码
-  qrCodeUrl.value = `https://picsum.photos/200/200?random=${Math.random()}`;
-  loginStatus.value = '二维码已刷新，请扫码登录';
-  Message.success('二维码已刷新');
+// 清除表单
+const resetForm = () => {
+  formData.username = '';
+  formData.password = '';
 };
 
 // 切换登录模式
@@ -40,22 +66,117 @@ const toggleLoginMode = () => {
   isLoginMode.value = !isLoginMode.value;
 };
 
+// 生成登录二维码
+const generateQrCode = async () => {
+  try {
+    // 清除之前的定时器
+    if (qrCodeExpireTimer.value) clearTimeout(qrCodeExpireTimer.value);
+    isScanned.value = false;
+    qrCodeUrl.value = '';
+    const response = await api.get('/auth/qrcode');
+    qrCodeUrl.value = response.data.qrCodeUrl;
+    startPollingLoginStatus(response.data.qrCodeId);
+    // 设置二维码过期自动刷新
+    qrCodeExpireTimer.value = setTimeout(() => {
+      if (qrCodeUrl.value) {
+        generateQrCode();
+        Message.info('二维码已过期，已自动刷新');
+      }
+    }, 180000);
+  } catch (error) {
+    Message.error('生成二维码失败，请重试');
+  }
+};
+
+// 开始轮询登录状态
+const startPollingLoginStatus = (qrCodeId) => {
+  // 清除之前的定时器
+  if (pollingInterval.value) clearInterval(pollingInterval.value);
+
+  // 设置新的轮询
+  pollingInterval.value = setInterval(async () => {
+    try {
+      const response = await api.get(`/auth/qrcode/${qrCodeId}/status`);
+      if (response.data.status === 'scanned') {
+          // 已扫码待确认
+          isScanned.value = true;
+          Message.info('已扫描，请在手机上确认登录');
+        } else if (response.data.status === 'success') {
+
+        // 登录成功
+        localStorage.setItem('token', response.data.token);
+        clearInterval(pollingInterval.value);
+        Message.success('登录成功');
+        router.push('/');
+      } else if (response.data.status === 'expired') {
+        // 二维码过期
+        clearInterval(pollingInterval.value);
+        Message.warning('二维码已过期，请刷新');
+        qrCodeUrl.value = '';
+      }
+    } catch (error) {
+      clearInterval(pollingInterval.value);
+      Message.error('检查登录状态失败');
+    }
+  }, 2000);
+};
+
+// 组件卸载时清除定时器
+onUnmounted(() => {
+  if (pollingInterval.value) clearInterval(pollingInterval.value);
+  if (qrCodeExpireTimer.value) clearTimeout(qrCodeExpireTimer.value);
+});
+
 // 登录处理
-const handleLogin = () => {
+const handleLogin = async () => {
   if (!agreeTerms.value) {
     Message.warning('请同意用户协议和隐私政策');
     return;
   }
 
+  if (!formData.username || !formData.password) {
+    Message.warning('请输入用户名和密码');
+    return;
+  }
+
+  loading.value = true;
   loginStatus.value = '登录中...';
 
-  // 模拟登录API调用
-  setTimeout(() => {
+  try {
+    const response = await api.post('/auth/login', {
+      username: formData.username,
+      password: formData.password
+    });
+
+    // 存储token
+    const { token } = response.data.data;
+    localStorage.setItem('token', token);
+
     loginStatus.value = '登录成功，正在跳转...';
     Message.success('登录成功');
-    // 跳转到仪表盘
     router.push('/');
-  }, 2000);
+  } catch (error) {
+    loginStatus.value = '登录失败，请检查账号密码';
+    Message.error(error.response?.data?.error || '登录失败，请重试');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 检查登录状态
+const checkLoginStatus = async () => {
+  const token = localStorage.getItem('token');
+  if (!token) return;
+
+  try {
+    await api.get('/auth/verify');
+    // 令牌有效，直接跳转
+    router.push('/');
+  } catch (error) {
+    // 令牌无效，清除本地存储
+    localStorage.removeItem('token');
+    loginStatus.value = '请重新登录';
+  }
 };
 
 // 打开免责声明
@@ -76,11 +197,48 @@ const openDisclaimer = () => {
     <div class="login-area">
       <template v-if="isLoginMode">
         <div class="login-card">
-          <h2 class="login-title">扫码登录</h2>
-          <div class="qr-code-container">
-            <img :src="qrCodeUrl" alt="登录二维码" class="qr-code">
-            <button @click="refreshQrCode" class="refresh-btn">刷新二维码</button>
-          </div>
+          <div class="login-tabs">
+  <div :class="{ 'tab-active': !isScanMode }" @click="isScanMode = false">账号密码登录</div>
+  <div :class="{ 'tab-active': isScanMode }" @click="isScanMode = true">扫码登录</div>
+</div>
+
+<template v-if="!isScanMode">
+  <div class="login-form">
+    <Input
+      v-model="formData.username"
+      placeholder="请输入用户名"
+      class="login-input"
+      :prefix-icon="'user'"
+    />
+    <Input
+      v-model="formData.password"
+      type="password"
+      placeholder="请输入密码"
+      class="login-input"
+      :prefix-icon="'lock'"
+    />
+  </div>
+</template>
+
+<template v-if="isScanMode">
+  <div class="qr-code-container">
+    <div class="qr-code" v-if="qrCodeUrl">
+      <img :src="qrCodeUrl" alt="扫码登录">
+      <div v-if="isScanned" class="qr-scanned-indicator">
+        <i class="scanned-icon">✓</i>
+        <span>已扫描，请在手机上确认</span>
+      </div>
+    </div>
+    <div class="qr-loading" v-else>
+      <Loading size="large" />
+    </div>
+    <p class="qr-tip">请使用ACFUN手机APP扫码登录</p>
+    <Button type="text" class="refresh-qr" @click="generateQrCode">
+      刷新二维码
+    </Button>
+    <p class="qr-expire-tip">二维码有效期为180秒</p>
+  </div>
+</template>
           <p class="login-status">{{ loginStatus }}</p>
           <div class="terms-agreement">
             <Checkbox v-model="agreeTerms" size="small">
@@ -226,13 +384,110 @@ const openDisclaimer = () => {
   margin-bottom: 15px;
 }
 
+.login-tabs {
+  display: flex;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #334155;
+}
+
+.login-tabs > div {
+  padding: 8px 16px;
+  cursor: pointer;
+  position: relative;
+  font-size: 14px;
+}
+
+.tab-active {
+  color: #1890ff;
+}
+
+.tab-active::after {
+  content: '';
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  background-color: #1890ff;
+}
+
+.qr-code-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.qr-code {
+  width: 200px;
+  height: 200px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid #334155;
+  border-radius: 8px;
+  margin-bottom: 15px;
+}
+
+.qr-code img {
+  max-width: 180px;
+  max-height: 180px;
+}
+
+.qr-loading {
+  width: 200px;
+  height: 200px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.qr-tip {
+  color: #94a3b8;
+  font-size: 14px;
+  margin-top: 15px;
+}
+.qr-expire-tip {
+  color: #94a3b8;
+  font-size: 12px;
+  margin-top: 8px;
+}
+.qr-scanned-indicator {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: rgba(0, 0, 0, 0.7);
+  color: white;
+  padding: 10px;
+  border-radius: 4px;
+  text-align: center;
+  width: 80%;
+}
+.scanned-icon {
+  color: #36d399;
+  font-size: 20px;
+  margin-right: 5px;
+  font-weight: bold;
+.qr-scanned {
+  color: #36d399;
+  font-size: 14px;
+  margin-top: 10px;
+  text-align: center;
+}
+
+.refresh-qr {
+  color: #3b82f6;
+}
+
 .switch-mode {
   text-align: center;
   color: #3b82f6;
   cursor: pointer;
   font-size: 14px;
-.welcome-card {
-  width: 400px;
+}
+
+.welcome-card {  width: 400px;
   padding: 40px;
   background-color: #1e293b;
   border-radius: var(--td-radius-medium); /* 使用主题变量统一圆角 */
diff --git a/packages/renderer/src/pages/MiniProgramCenter.vue b/packages/renderer/src/pages/MiniProgramCenter.vue
new file mode 100644
index 00000000..279f5825
--- /dev/null
+++ b/packages/renderer/src/pages/MiniProgramCenter.vue
@@ -0,0 +1,179 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { Card, List, Skeleton, Message, Empty } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+
+// 小程序状态
+const isLoading = ref(true);
+const miniPrograms = ref([]);
+const errorMsg = ref('');
+
+// 获取小程序列表
+const fetchMiniPrograms = async () => {
+  try {
+    isLoading.value = true;
+    const data = await ipcRenderer.invoke('miniprogram:getList');
+    miniPrograms.value = data;
+    errorMsg.value = '';
+  } catch (error) {
+    errorMsg.value = `获取小程序列表失败: ${error instanceof Error ? error.message : String(error)}`;
+    Message.error(errorMsg.value);
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 启动小程序
+const launchMiniProgram = async (programId: string) => {
+  try {
+    await ipcRenderer.invoke('miniprogram:launch', programId);
+    Message.success('小程序启动成功');
+  } catch (error) {
+    Message.error(`启动小程序失败: ${error instanceof Error ? error.message : String(error)}`);
+  }
+};
+
+// 页面加载时获取小程序列表
+onMounted(() => {
+  fetchMiniPrograms();
+});
+</script>
+
+<template>
+  <div class="miniprogram-center">
+    <div class="page-header">
+      <h1>小程序中心</h1>
+      <p>发现并管理可用的小程序扩展</p>
+    </div>
+
+    <!-- 加载状态 -->
+    <div v-if="isLoading" class="loading-container">
+      <Skeleton class="skeleton-card" repeat="6" />
+    </div>
+
+    <!-- 错误状态 -->
+    <div v-else-if="errorMsg" class="error-container">
+      <Empty description="{{ errorMsg }}" />
+    </div>
+
+    <!-- 小程序列表 -->
+    <div v-else class="program-grid">
+      <Card
+        v-for="program in miniPrograms"
+        :key="program.id"
+        class="program-card"
+        @click="launchMiniProgram(program.id)"
+      >
+        <div class="program-icon">
+          <img :src="program.icon" alt="{{ program.name }}" />
+        </div>
+        <div class="program-info">
+          <h3 class="program-name">{{ program.name }}</h3>
+          <p class="program-desc">{{ program.description }}</p>
+          <div class="program-meta">
+            <span class="version">v{{ program.version }}</span>
+            <span class="author">{{ program.author }}</span>
+          </div>
+        </div>
+      </Card>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.miniprogram-center {
+  padding: 20px;
+  background-color: #0f172a; /* 页面背景色 - UI规范 */
+  min-height: 100vh;
+}
+
+.page-header {
+  margin-bottom: 30px;
+  color: #f8fafc; /* 主要文本色 - UI规范 */
+}
+
+.page-header h1 {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 8px;
+}
+
+.page-header p {
+  color: #cbd5e1; /* 次要文本色 - UI规范 */
+  font-size: 16px;
+}
+
+.loading-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 20px;
+}
+
+.skeleton-card {
+  height: 200px;
+  background-color: #1e293b; /* 卡片背景色 - UI规范 */
+  border-radius: 4px; /* 统一圆角 - UI规范 */
+}
+
+.error-container {
+  margin-top: 50px;
+}
+
+.program-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 20px;
+}
+
+.program-card {
+  background-color: #1e293b; /* 卡片背景色 - UI规范 */
+  border-radius: 4px; /* 统一圆角 - UI规范 */
+  overflow: hidden;
+  cursor: pointer;
+  transition: transform 0.2s, box-shadow 0.2s;
+  border: none;
+}
+
+.program-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+}
+
+.program-icon {
+  padding: 20px;
+  display: flex;
+  justify-content: center;
+}
+
+.program-icon img {
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.program-info {
+  padding: 0 20px 20px;
+}
+
+.program-name {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 8px;
+  color: #f8fafc; /* 主要文本色 - UI规范 */
+}
+
+.program-desc {
+  font-size: 14px;
+  color: #cbd5e1; /* 次要文本色 - UI规范 */
+  margin-bottom: 12px;
+  line-height: 1.5;
+}
+
+.program-meta {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #94a3b8; /* 辅助文本色 - UI规范 */
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/pages/MiniProgramManagement.vue b/packages/renderer/src/pages/MiniProgramManagement.vue
new file mode 100644
index 00000000..600b18e4
--- /dev/null
+++ b/packages/renderer/src/pages/MiniProgramManagement.vue
@@ -0,0 +1,345 @@
+<template>
+  <div class="mini-program-management">
+    <t-card class="page-header-card" title="小程序管理中心">
+      <template #extra>
+        <t-input placeholder="搜索小程序..." class="search-input" />
+        <t-button icon="plus" theme="primary" class="ml-2" @click="showInstallModal = true">添加小程序</t-button>
+          <t-button icon="download" theme="default" class="ml-2" @click="checkUpdates">检查更新</t-button>
+      </template>
+    </t-card>
+
+    <t-tabs class="category-tabs mt-4" defaultValue="all">
+      <t-tab-panel value="all" label="全部">全部小程序</t-tab-panel>
+      <t-tab-panel value="live" label="直播工具">直播相关小程序</t-tab-panel>
+      <t-tab-panel value="utility" label="实用工具">实用工具类小程序</t-tab-panel>
+      <t-tab-panel value="custom" label="自定义">自定义开发小程序</t-tab-panel>
+      <t-tab-panel value="marketplace" label="小程序市场">探索更多小程序</t-tab-panel>
+    </t-tabs>
+
+    <div class="program-grid mt-4">
+      <t-skeleton v-if="isLoading" :rows="6" :columns="3" />
+      <template v-else-if="activeTab === 'marketplace'">
+        <t-card class="program-card" v-for="app in marketplaceApps" :key="app.id">
+          <div class="program-icon">
+            <img :src="app.icon || '/icons/default.png'" alt="{{ app.name }}" />
+          </div>
+          <div class="program-info">
+            <h3 class="program-name">{{ app.name }}</h3>
+            <p class="program-desc">{{ app.description }}</p>
+            <div class="program-meta">
+              <span class="version">v{{ app.version }}</span>
+              <span class="category">{{ app.category }}</span>
+            </div>
+          </div>
+          <div class="program-actions">
+            <t-button @click="handleMarketplaceInstall(app)" theme="primary">安装</t-button>
+          </div>
+        </t-card>
+      </template>
+      <template v-else>
+        <t-card class="program-card" v-for="program in programList" :key="program.id">
+        <div class="program-icon">
+          <img :src="program.icon" alt="{{ program.name }}" />
+        </div>
+        <div class="program-info">
+          <h3 class="program-name">{{ program.name }}</h3>
+          <p class="program-desc">{{ program.description }}</p>
+          <div class="program-meta">
+            <span class="version">v{{ program.version }}</span>
+            <span class="status-badge" :class="program.status">{{ formatStatus(program.status) }}</span>
+          </div>
+        </div>
+        <div class="program-actions">
+          <t-button @click="handleAction(program, 'start')" :disabled="program.status === 'running'">
+            {{ program.status === 'running' ? '运行中' : '启动' }}
+          </t-button>
+          <t-button @click="handleAction(program, 'stop')" :disabled="program.status !== 'running'" theme="default">
+            停止
+          </t-button>
+          <t-dropdown>
+            <t-button icon="more" theme="default" />
+            <template #content>
+              <t-dropdown-item @click="handleAction(program, 'update')">更新</t-dropdown-item>
+              <t-dropdown-item @click="handleAction(program, 'settings')">设置</t-dropdown-item>
+              <t-dropdown-item @click="handleAction(program, 'remove')" theme="danger">移除</t-dropdown-item>
+            </template>
+          </t-dropdown>
+        </div>
+      </t-card>
+    </div>
+
+    <div class="bottom-status-bar">
+      <span>共 {{ programList.length }} 个小程序</span>
+      <t-pagination :total="programList.length" :page-size="8" />
+    </div>
+      <!-- 小程序安装模态框 -->
+      <t-dialog
+        v-model:visible="showInstallModal"
+        header="安装小程序"
+        :width="500"
+      >
+        <div class="install-form">
+          <t-input
+            v-model="newProgramUrl"
+            placeholder="输入小程序URL或上传本地包"
+            class="mb-4"
+          />
+          <t-input
+            v-model="newProgramName"
+            placeholder="小程序名称"
+            class="mb-4"
+          />
+        </div>
+        <template #footer>
+          <t-button @click="showInstallModal = false">取消</t-button>
+          <t-button theme="primary" @click="handleInstall">安装</t-button>
+        </template>
+      </t-dialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+const showInstallModal = ref(false);
+const newProgramUrl = ref('');
+const newProgramName = ref('');
+
+const handleInstall = () => {
+  if (!newProgramUrl.value) {
+    TMessage.error('请输入小程序URL');
+    return;
+  }
+  const newProgram = {
+    id: Date.now().toString(),
+    name: newProgramName.value || '新小程序',
+    description: '新安装的小程序',
+    icon: '/icons/default.png',
+    version: '1.0.0',
+    status: 'stopped',
+    category: 'custom'
+  };
+  programList.value.push(newProgram);
+  showInstallModal.value = false;
+  TMessage.success(`已成功安装 ${newProgram.name}`);
+};
+  import { TDialog, TInput, TButton, TMessage } from 'tdesign-vue-next';
+import { TCard, TInput, TButton, TTabs, TTabPanel, TDropdown, TDropdownItem, TPagination } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+import { TMessage } from 'tdesign-vue-next';
+
+interface MiniProgram {
+  id: string;
+  name: string;
+  description: string;
+  icon: string;
+  version: string;
+  status: 'running' | 'stopped' | 'error' | 'updating';
+  category: string;
+  resourceUsage?: {
+    cpu: number;
+    memory: number;
+  };
+}
+
+const programList = ref<MiniProgram[]>([]);
+const marketplaceApps = ref<any[]>([]);
+const activeTab = ref('all');
+const isLoading = ref(false);
+
+// 初始化加载已安装小程序
+onMounted(async () => {
+  fetchInstalledPrograms();
+});
+
+const fetchInstalledPrograms = async () => {
+  isLoading.value = true;
+  try {
+    // 实际项目中应替换为真实API调用
+    const response = await window.api.getInstalledMiniPrograms();
+    programList.value = response;
+  } catch (error) {
+    TMessage.error('获取已安装小程序失败');
+    console.error(error);
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+const fetchMarketplaceApps = async () => {
+  isLoading.value = true;
+  try {
+    marketplaceApps.value = await window.api.getMarketplaceApps();
+  } catch (error) {
+    TMessage.error('获取小程序市场列表失败');
+    console.error(error);
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+watch(activeTab, (newVal) => {
+  if (newVal === 'marketplace') {
+    fetchMarketplaceApps();
+  }
+});
+
+const formatStatus = (status: string) => {
+  const statusMap = {
+    running: '运行中',
+    stopped: '已停止',
+    error: '异常',
+    updating: '更新中'
+  };
+  return statusMap[status] || status;
+};
+
+const handleMarketplaceInstall = async (app: any) => {
+  newProgramName.value = app.name;
+  newProgramUrl.value = app.packageUrl;
+  showInstallModal.value = true;
+};
+
+const handleAction = async (program: MiniProgram, action: string) => {
+  try {
+    switch (action) {
+      case 'start':
+        // Implement start logic
+        program.status = 'running';
+        TMessage.success(`已启动 ${program.name}`);
+        break;
+      case 'stop':
+        // Implement stop logic
+        program.status = 'stopped';
+        TMessage.success(`已停止 ${program.name}`);
+        break;
+      case 'update':
+        // Implement update logic
+        TMessage.info(`正在更新 ${program.name}...`);
+        break;
+      case 'settings':
+        // Open settings dialog
+        TMessage.info(`打开 ${program.name} 设置`);
+        break;
+      case 'remove':
+        // Implement remove logic
+        programList.value = programList.value.filter(p => p.id !== program.id);
+        TMessage.success(`已移除 ${program.name}`);
+        break;
+    }
+  } catch (err) {
+    console.error(`Failed to ${action} program:`, err);
+    TMessage.error(`操作失败: ${err instanceof Error ? err.message : String(err)}`);
+  }
+};
+</script>
+
+<style scoped>
+.mini-program-management {
+  padding: 20px;
+}
+
+.search-input {
+  width: 300px;
+  margin-right: 10px;
+}
+
+.category-tabs {
+  margin-bottom: 20px;
+}
+
+.program-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 20px;
+}
+
+.program-card {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.program-icon {
+  text-align: center;
+  padding: 16px 0;
+}
+
+.program-icon img {
+  width: 64px;
+  height: 64px;
+  border-radius: 4px;
+}
+
+.program-info {
+  flex: 1;
+  padding: 0 16px 16px;
+}
+
+.program-name {
+  margin: 0 0 8px;
+  font-size: 16px;
+}
+
+.program-desc {
+  margin: 0 0 12px;
+  color: #666;
+  font-size: 14px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.program-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.version {
+  font-size: 12px;
+  color: #999;
+}
+
+.status-badge {
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+}
+
+.status-badge.running {
+  background-color: #e8f5e9;
+  color: #4caf50;
+}
+
+.status-badge.stopped {
+  background-color: #f5f5f5;
+  color: #757575;
+}
+
+.status-badge.error {
+  background-color: #ffebee;
+  color: #f44336;
+}
+
+.program-actions {
+  display: flex;
+  gap: 8px;
+  padding: 16px;
+  border-top: 1px solid #f0f0f0;
+}
+
+.program-actions t-button {
+  flex: 1;
+}
+
+.bottom-status-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 20px;
+  padding-top: 16px;
+  border-top: 1px solid #f0f0f0;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/pages/RecordManagement.vue b/packages/renderer/src/pages/RecordManagement.vue
new file mode 100644
index 00000000..7cd7eacd
--- /dev/null
+++ b/packages/renderer/src/pages/RecordManagement.vue
@@ -0,0 +1,135 @@
+<template>
+  <div class="record-management-container">
+    <div class="top-area">
+      <div class="info-text">
+        <p>这里是您的直播记录列表，包含所有历史直播数据</p>
+      </div>
+      <t-button @click="openDocumentation" theme="default">
+        查看说明文档
+      </t-button>
+    </div>
+
+    <div class="record-list-container">
+      <t-list class="record-list">
+        <t-list-item v-for="record in records" :key="record.id" class="record-item">
+          <template #main>
+            <div class="record-info">
+              <div class="record-time">{{ formatDateTime(record.timestamp) }}</div>
+              <div class="record-actions">
+                <t-button @click="copyDownloadLink(record.id)" size="small">
+                  复制下载链接
+                </t-button>
+              </div>
+            </div>
+          </template>
+        </t-list-item>
+      </t-list>
+
+      <div v-if="records.length === 0" class="empty-state">
+        <t-empty description="暂无直播记录"></t-empty>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { TButton, TList, TEmpty } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+import { format } from 'date-fns';
+import { zhCN } from 'date-fns/locale';
+
+interface LiveRecord {
+  id: string;
+  timestamp: number;
+  downloadUrl: string;
+}
+
+const records = ref<LiveRecord[]>([]);
+
+onMounted(async () => {
+  try {
+    const recordData = await ipcRenderer.invoke('records:getLiveRecords');
+    records.value = recordData;
+  } catch (error) {
+    console.error('Failed to fetch live records:', error);
+  }
+});
+
+const formatDateTime = (timestamp: number): string => {
+  return format(new Date(timestamp), 'yyyy年MM月dd日 HH:mm:ss', { locale: zhCN });
+};
+
+const copyDownloadLink = async (recordId: string) => {
+  try {
+    const record = records.value.find(r => r.id === recordId);
+    if (record) {
+      await navigator.clipboard.writeText(record.downloadUrl);
+      // Show success message
+    } else {
+      console.error('Record not found:', recordId);
+    }
+  } catch (error) {
+    console.error('Failed to copy download link:', error);
+  }
+};
+
+const openDocumentation = () => {
+  ipcRenderer.send('open-documentation', 'record-management');
+};
+</script>
+
+<style scoped>
+.record-management-container {
+  padding: 20px;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.top-area {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.info-text {
+  color: var(--t-color-text-secondary);
+}
+
+.record-list-container {
+  background-color: var(--t-color-bg-container);
+  border-radius: var(--t-radius-medium);
+  padding: 16px;
+  height: calc(100% - 80px);
+  overflow-y: auto;
+}
+
+.record-item {
+  padding: 12px 0;
+  border-bottom: 1px solid var(--t-color-border);
+}
+
+.record-item:last-child {
+  border-bottom: none;
+}
+
+.record-info {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+
+.record-time {
+  font-size: var(--t-font-size-medium);
+  color: var(--t-color-text-primary);
+}
+
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/pages/Settings.vue b/packages/renderer/src/pages/Settings.vue
index 13e491da..3bf485b0 100644
--- a/packages/renderer/src/pages/Settings.vue
+++ b/packages/renderer/src/pages/Settings.vue
@@ -9,20 +9,57 @@ const settings = ref<{
   streamToolPath: string,
   serverPort: number,
   signalingPort: number,
-  cacheSize: string
+  cacheSize: string,
+  theme: string,
+  logLevel: string,
+  apiDebugMode: boolean,
+  toolbarActions?: Array<{ name: string; icon: string; tooltip: string }>
 }>({
   syncStreamTool: false,
   streamToolPath: '',
   serverPort: 1299,
   signalingPort: 4396,
-  cacheSize: '0 MB'
+  cacheSize: '0 MB',
+  theme: 'light',
+  toolbarActions: []
 });
+const themeOptions = [
+  { label: '浅色主题', value: 'light' },
+  { label: '深色主题', value: 'dark' }
+];
+
+const handleThemeChange = (theme: string) => {
+  document.documentElement.setAttribute('data-theme', theme);
+};
+
+const selectedActions = ref<string[]>([]);
+const activeNames = ref<string[]>(['toolbar']);
+const toolbarActionOptions = [
+  { name: 'startLive', icon: 'play-circle', tooltip: '开始直播' },
+  { name: 'stopLive', icon: 'pause-circle', tooltip: '停止直播' },
+  { name: 'refreshData', icon: 'refresh', tooltip: '刷新数据' },
+  { name: 'settings', icon: 'setting', tooltip: '设置' },
+  { name: 'help', icon: 'question-circle', tooltip: '帮助' },
+];
+
+const loadToolbarSettings = () => {
+  selectedActions.value = settings.value.toolbarActions?.map(action => action.name) || [];
+};
+
+const saveToolbarSettings = async () => {
+  settings.value.toolbarActions = toolbarActionOptions.filter(option =>
+    selectedActions.value.includes(option.name)
+  );
+  await saveSettings();
+  Message.success('工具栏配置保存成功');
+};
 
 // 页面加载时获取设置
 onMounted(async () => {
   try {
     const data = await ipcRenderer.invoke('settings:getSettings');
     settings.value = data;
+    loadToolbarSettings(); // 加载工具栏设置
   } catch (error) {
     Message.error(`获取设置失败: ${error instanceof Error ? error.message : String(error)}`);
   }
@@ -121,11 +158,39 @@ const clearConfigCache = async () => {
 
     <!-- 系统区域 -->
     <div class="setting-section">
-      <h2 class="section-title">系统</h2>
-      <p class="section-desc">系统相关设置和操作</p>
-      <Button @click="openFolder('控制台')" class="action-btn">
-        打开控制台
-      </Button>
+  <h2 class="section-title">系统</h2>
+  <p class="section-desc">系统相关设置和操作</p>
+  <div class="setting-item">
+    <div class="setting-label">主题模式</div>
+    <Select v-model="settings.theme" :options="themeOptions" @change="handleThemeChange" />
+  </div>
+  <Button @click="openFolder('控制台')" class="action-btn">
+    打开控制台
+  </Button>
+</div>
+
+    <!-- 快捷工具栏配置区域 -->
+    <div class="setting-section">
+      <h2 class="section-title">快捷工具栏配置</h2>
+      <div class="toolbar-settings">
+        <Collapse v-model="activeNames" class="setting-section">
+          <CollapsePanel name="toolbar" header="快捷工具栏配置">
+            <div class="toolbar-settings-content">
+              <Space direction="vertical" size="large">
+                <CheckboxGroup v-model="selectedActions" :options="toolbarActionOptions">
+                  <template #label="{ option }">
+                    <div class="action-item">
+                      <Icon :name="option.icon" class="action-icon" />
+                      <span>{{ option.tooltip }}</span>
+                    </div>
+                  </template>
+                </CheckboxGroup>
+                <Button @click="saveToolbarSettings" type="primary">保存配置</Button>
+              </Space>
+            </div>
+          </CollapsePanel>
+        </Collapse>
+      </div>
     </div>
 
     <!-- 推流工具路径区域 -->
@@ -204,7 +269,7 @@ const clearConfigCache = async () => {
         <div class="setting-label">配置缓存大小</div>
         <div class="cache-info">
           {{ settings.cacheSize }}
-          <Button @click="clearConfigCache" class="action-btn">清理缓存</Button>
+          <Button @click="clearConfigCache" class="action-btn" :disabled="true">清理缓存</Button>
         </div>
       </div>
       <div class="setting-item">
diff --git a/packages/renderer/src/pages/StreamMonitoring.vue b/packages/renderer/src/pages/StreamMonitoring.vue
new file mode 100644
index 00000000..8a43ad83
--- /dev/null
+++ b/packages/renderer/src/pages/StreamMonitoring.vue
@@ -0,0 +1,206 @@
+<template>
+  <div class="stream-monitoring-container">
+    <t-card class="page-card">
+      <div class="layout-row">
+        <!-- 房间信息区域 -->
+        <div class="room-info-section">
+          <div class="cover-container">
+            <img :src="roomInfo.coverUrl" alt="直播封面" class="room-cover" />
+          </div>
+          <div class="room-details">
+            <t-marquee class="room-title" :scrollable="true">{{ roomInfo.title }}</t-marquee>
+            <div class="room-category">
+              <t-tag>{{ roomInfo.category }}</t-tag>
+              <t-tag variant="outline">{{ roomInfo.subCategory }}</t-tag>
+            </div>
+            <div class="stream-duration">
+              <t-icon name="clock-circle" /> 已播时长: {{ formatDuration(roomInfo.duration) }}
+            </div>
+          </div>
+        </div>
+
+        <!-- 数据统计区域 -->
+        <div class="stats-section">
+          <t-statistic-card class="stat-card" title="观众数" :value="stats.viewers" />
+          <t-statistic-card class="stat-card" title="点赞数" :value="stats.likes" />
+          <t-statistic-card class="stat-card" title="香蕉数" :value="stats.bananas" />
+          <t-statistic-card class="stat-card" title="AC币" :value="stats.acCoins" />
+        </div>
+      </div>
+
+      <!-- 状态监控区域 -->
+      <div class="status-section">
+        <t-descriptions title="推流状态监控" layout="horizontal" :column="3">
+          <t-descriptions-item label="推流状态">
+            <t-badge :status="streamStatus === 'live' ? 'success' : 'error'" :text="getStatusText(streamStatus)" />
+          </t-descriptions-item>
+          <t-descriptions-item label="连接状态">
+            <t-badge :status="connectionStatus === 'connected' ? 'success' : 'error'" :text="getConnectionText(connectionStatus)" />
+          </t-descriptions-item>
+          <t-descriptions-item label="码率">
+            {{ stats.bitrate }} kbps
+          </t-descriptions-item>
+        </t-descriptions>
+      </div>
+    </t-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { TCard, TStatisticCard, TBadge, TDescriptions, TIcon, TTag, TMarquee } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+
+interface RoomInfo {
+  coverUrl: string;
+  title: string;
+  category: string;
+  subCategory: string;
+  duration: number;
+}
+
+interface StreamStats {
+  viewers: number;
+  likes: number;
+  bananas: number;
+  acCoins: number;
+  bitrate: number;
+}
+
+// 房间信息状态
+const roomInfo = ref<RoomInfo>({
+  coverUrl: 'https://picsum.photos/400/225',
+  title: '示例直播标题 - 这是一个较长的标题用于测试滚动效果',
+  category: '游戏',
+  subCategory: 'MOBA',
+  duration: 12500
+});
+
+// 统计数据状态
+const stats = ref<StreamStats>({
+  viewers: 1280,
+  likes: 5642,
+  bananas: 328,
+  acCoins: 1560,
+  bitrate: 2500
+});
+
+// 推流状态 (live, offline, reconnecting)
+const streamStatus = ref<'live' | 'offline' | 'reconnecting'>('live');
+
+// 连接状态 (connected, disconnected, connecting)
+const connectionStatus = ref<'connected' | 'disconnected' | 'connecting'>('connected');
+
+// 格式化时长 (秒 -> HH:MM:SS)
+const formatDuration = (seconds: number): string => {
+  const hours = Math.floor(seconds / 3600).toString().padStart(2, '0');
+  const minutes = Math.floor((seconds % 3600) / 60).toString().padStart(2, '0');
+  const secs = (seconds % 60).toString().padStart(2, '0');
+  return `${hours}:${minutes}:${secs}`;
+};
+
+// 获取推流状态文本
+const getStatusText = (status: string): string => {
+  const statusMap = {
+    'live': '直播中',
+    'offline': '已离线',
+    'reconnecting': '重连中'
+};
+  return statusMap[status] || '未知';
+};
+
+// 获取连接状态文本
+const getConnectionText = (status: string): string => {
+  const connMap = {
+    'connected': '已连接',
+    'disconnected': '已断开',
+    'connecting': '连接中'
+};
+  return connMap[status] || '未知';
+};
+
+// 模拟实时数据更新
+onMounted(() => {
+  const updateInterval = setInterval(() => {
+    // 随机更新部分统计数据模拟实时变化
+    stats.value.viewers = Math.max(1000, stats.value.viewers + Math.floor(Math.random() * 50) - 20);
+    stats.value.likes += Math.floor(Math.random() * 10);
+    stats.value.bitrate = Math.floor(Math.random() * 500) + 2000;
+  }, 5000);
+
+  // 组件卸载时清除定时器
+  onUnmounted(() => clearInterval(updateInterval));
+});
+</script>
+
+<style scoped>
+.stream-monitoring-container {
+ padding: 20px;
+}
+
+.layout-row {
+ display: flex;
+ gap: 20px;
+ margin-bottom: 20px;
+}
+
+.room-info-section {
+ flex: 1;
+ display: flex;
+ gap: 16px;
+}
+
+.cover-container {
+ width: 200px;
+ height: 112px;
+ border-radius: var(--t-radius-small);
+ overflow: hidden;
+}
+
+.room-cover {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.room-details {
+ flex: 1;
+ min-width: 0;
+}
+
+.room-title {
+ font-size: 18px;
+ font-weight: 600;
+ margin-bottom: 8px;
+ color: var(--t-color-text-primary);
+}
+
+.room-category {
+ display: flex;
+ gap: 8px;
+ margin-bottom: 8px;
+}
+
+.stream-duration {
+ color: var(--t-color-text-secondary);
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ gap: 4px;
+}
+
+.stats-section {
+ flex: 1;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 16px;
+}
+
+.stat-card {
+ height: 100%;
+}
+
+.status-section {
+ margin-top: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/router/index.ts b/packages/renderer/src/router/index.ts
index a1e3aa29..3bb521aa 100644
--- a/packages/renderer/src/router/index.ts
+++ b/packages/renderer/src/router/index.ts
@@ -1,71 +1,39 @@
-import { createRouter, createWebHashHistory } from 'vue-router';
-import type { RouteRecordRaw } from 'vue-router';
-// 使用preload脚本暴露的ipcRenderer
-const { ipcRenderer } = window;
-
-import Login from '../pages/Login.vue';
-import Dashboard from '../pages/Dashboard.vue';
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
+import Login from '../views/Login.vue';
+import Dashboard from '../views/Dashboard.vue';
+import { ipcRenderer } from 'electron';
 import Home from '../pages/index.vue';
 import AppView from '../pages/AppView.vue';
 import LiveManagement from '../pages/LiveManagement.vue';
 import Settings from '../pages/Settings.vue';
 import StreamMonitor from '../pages/StreamMonitor.vue';
 
-const routes: RouteRecordRaw[] = [
+const routes: Array<RouteRecordRaw> = [
   {
     path: '/login',
-    name: 'login',
+    name: 'Login',
     component: Login,
     meta: {
-      title: '登录',
-    },
+      requiresAuth: false
+    }
   },
   {
-    path: '/',
-    name: 'dashboard',
+    path: '/dashboard',
+    name: 'Dashboard',
     component: Dashboard,
     meta: {
-      title: '仪表盘',
-      requiresAuth: true
-    },
-  },
-  {
-    path: '/app/:appId',
-    name: 'app-view',
-    component: AppView,
-    meta: {
-      title: '应用视图',
-    },
-    props: true
-  },
-  {
-    path: '/live-management',
-    name: 'liveManagement',
-    component: LiveManagement,
-    meta: {
-      title: '直播管理',
       requiresAuth: true
-    },
+    }
   },
   {
-    path: '/settings',
-    name: 'settings',
-    component: Settings,
-    meta: {
-      title: '系统设置',
-      requiresAuth: true
-    },
+    path: '/',
+    redirect: '/login'
   },
   {
-    path: '/stream-monitor',
-    name: 'streamMonitor',
-    component: StreamMonitor,
-    meta: {
-      title: '直播监控',
-      requiresAuth: true
-    },
-  },
-];
+    path: '/:pathMatch(.*)*',
+    redirect: '/login'
+  }
+]
 
 // 动态加载应用路由
 const loadAppRoutes = async () => {
@@ -97,7 +65,41 @@ const loadAppRoutes = async () => {
 
 const router = createRouter({
   history: createWebHashHistory(),
-  routes,
+  routes
+});
+
+// 路由守卫
+router.beforeEach(async (to, from, next) => {
+  // 检查是否需要认证
+  if (to.meta.requiresAuth) {
+    try {
+      // 获取存储的会话令牌
+      const sessionStr = localStorage.getItem('session') || sessionStorage.getItem('session');
+      if (!sessionStr) {
+        next('/login');
+        return;
+      }
+
+      const session = JSON.parse(sessionStr);
+      // 检查会话状态
+      const authStatus = await ipcRenderer.invoke('checkAuthStatus', session.token);
+      if (authStatus.success && authStatus.status) {
+        // 会话有效，继续访问
+        next();
+      } else {
+        // 会话无效，重定向到登录页
+        localStorage.removeItem('session');
+        sessionStorage.removeItem('session');
+        next('/login');
+      }
+    } catch (error) {
+      console.error('路由守卫错误:', error);
+      next('/login');
+    }
+  } else {
+    // 不需要认证的页面
+    next();
+  }
 });
 
 // 路由守卫
diff --git a/packages/renderer/src/style.css b/packages/renderer/src/style.css
index 0552a3c8..fcde5d97 100644
--- a/packages/renderer/src/style.css
+++ b/packages/renderer/src/style.css
@@ -4,7 +4,7 @@
   font-weight: 400;
 
   /* 基础主题变量 - 浅色模式默认值 */
-  --td-brand-color: #3662E3;
+  --td-brand-color: #1890ff;
   --td-brand-color-hover: #406ffd;
   --td-brand-color-active: #2855d8;
   --td-brand-color-disabled: #8daaf2;
@@ -29,8 +29,9 @@
 
   /* 边框色 */
   --td-border-color: #E5E6EB;
-  --td-border-color-light: #F2F3F5;
-  --td-border-color-dark: #C9CDD4;
+  --td-bg-color: #ffffff;
+--td-text-color: #1d2129;
+--td-border-color: #e5e6eb;
 
   /* 尺寸变量 */
   --td-radius-small: 2px;
@@ -50,9 +51,16 @@
 }
 
 /* 深色模式主题变量 */
-:root[theme-mode="dark"] {
+:root[data-theme="light"] {}
+:root[data-theme="dark"] {
+  --td-bg-color: #1e293b;
+  --td-text-color: #f8fafc;
+  --td-border-color: #334155;
+}
+
   /* 品牌色保持不变 */
-  --td-brand-color: #3662E3;
+  --td-brand-color: #1890ff;
+  --td-brand-color: #1890ff;
   --td-brand-color-hover: #406ffd;
   --td-brand-color-active: #2855d8;
   --td-brand-color-disabled: #8daaf2;
@@ -109,7 +117,7 @@ h1 {
 }
 
 button {
-  border-radius: 8px;
+  border-radius: 4px;
   border: 1px solid transparent;
   padding: 0.6em 1.2em;
   font-size: 1em;
@@ -127,6 +135,15 @@ button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;
 }
 
+h1, h2, h3 {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+p, div {
+  font-size: 14px;
+}
+
 .card {
   padding: 2em;
 }
diff --git a/packages/renderer/src/views/Analytics.vue b/packages/renderer/src/views/Analytics.vue
new file mode 100644
index 00000000..1a48b372
--- /dev/null
+++ b/packages/renderer/src/views/Analytics.vue
@@ -0,0 +1,565 @@
+<template>
+  <div class="analytics-container">
+    <t-card class="page-header">
+      <h2 class="page-title">数据分析中心</h2>
+      <div class="date-range-picker">
+        <t-date-range-picker
+          v-model="dateRange"
+          :presets="datePresets"
+          @change="handleDateRangeChange"
+        />
+        <t-button @click="refreshData" class="refresh-btn">
+          <RefreshIcon size="16" />
+          刷新数据
+        </t-button>
+      </div>
+    </t-card>
+
+    <!-- 实时统计卡片 -->
+    <div class="realtime-stats">
+      <t-card class="stat-card">
+        <div class="stat-icon online-users-icon">
+          <UserIcon size="24" />
+        </div>
+        <div class="stat-content">
+          <p class="stat-label">当前在线观众</p>
+          <p class="stat-value">{{ realtimeStats.onlineUsers || 0 }}</p>
+          <p class="stat-change" :class="realtimeStats.userChange >= 0 ? 'positive' : 'negative'">
+            {{ realtimeStats.userChange >= 0 ? '+' : '' }}{{ realtimeStats.userChange }} 较昨日
+          </p>
+        </div>
+      </t-card>
+
+      <t-card class="stat-card">
+        <div class="stat-icon views-icon">
+          <EyeIcon size="24" />
+        </div>
+        <div class="stat-content">
+          <p class="stat-label">累计观看人数</p>
+          <p class="stat-value">{{ formatNumber(realtimeStats.totalViews || 0) }}</p>
+          <p class="stat-change" :class="realtimeStats.viewChange >= 0 ? 'positive' : 'negative'">
+            {{ realtimeStats.viewChange >= 0 ? '+' : '' }}{{ realtimeStats.viewChange }}% 较昨日
+          </p>
+        </div>
+      </t-card>
+
+      <t-card class="stat-card">
+        <div class="stat-icon danmu-icon">
+          <MessageIcon size="24" />
+        </div>
+        <div class="stat-content">
+          <p class="stat-label">弹幕总数</p>
+          <p class="stat-value">{{ formatNumber(realtimeStats.danmuCount || 0) }}</p>
+          <p class="stat-rate">{{ realtimeStats.danmuRate || 0 }} 条/分钟</p>
+        </div>
+      </t-card>
+
+      <t-card class="stat-card">
+        <div class="stat-icon gift-icon">
+          <GiftIcon size="24" />
+        </div>
+        <div class="stat-content">
+          <p class="stat-label">礼物收入</p>
+          <p class="stat-value">{{ realtimeStats.giftRevenue || 0 }} 元</p>
+          <p class="stat-change" :class="realtimeStats.giftChange >= 0 ? 'positive' : 'negative'">
+            {{ realtimeStats.giftChange >= 0 ? '+' : '' }}{{ realtimeStats.giftChange }}% 较昨日
+          </p>
+        </div>
+      </t-card>
+    </div>
+
+    <!-- 分析标签页 -->
+    <t-tabs v-model="activeTab" class="analytics-tabs">
+      <t-tab-panel value="audience" label="观众分析">
+        <div class="tab-content">
+          <t-card class="chart-card">
+            <h3 class="chart-title">观众地域分布</h3>
+            <div class="chart-container">
+              <t-chart :option="audienceGeoOption" />
+            </div>
+          </t-card>
+
+          <div class="chart-row">
+            <t-card class="chart-card half-width">
+              <h3 class="chart-title">观众性别比例</h3>
+              <div class="chart-container">
+                <t-chart :option="audienceGenderOption" />
+              </div>
+            </t-card>
+
+            <t-card class="chart-card half-width">
+              <h3 class="chart-title">观众年龄分布</h3>
+              <div class="chart-container">
+                <t-chart :option="audienceAgeOption" />
+              </div>
+            </t-card>
+          </div>
+        </div>
+      </t-tab-panel>
+
+      <t-tab-panel value="gift" label="礼物分析">
+        <div class="tab-content">
+          <t-card class="chart-card">
+            <div class="chart-header">
+              <h3 class="chart-title">礼物收入趋势</h3>
+              <t-select v-model="giftTimeRange" @change="fetchGiftStats">
+                <t-option value="day" label="今日"></t-option>
+                <t-option value="week" label="本周"></t-option>
+                <t-option value="month" label="本月"></t-option>
+              </t-select>
+            </div>
+            <div class="chart-container">
+              <t-chart :option="giftTrendOption" />
+            </div>
+          </t-card>
+
+          <t-card class="chart-card">
+            <h3 class="chart-title">礼物排行榜</h3>
+            <t-table
+              :data="giftRankData"
+              :columns="giftRankColumns"
+              :pagination="false"
+            ></t-table>
+          </t-card>
+        </div>
+      </t-tab-panel>
+
+      <t-tab-panel value="reports" label="数据报表">
+        <div class="tab-content">
+          <t-card class="report-card">
+            <div class="report-controls">
+              <t-select v-model="reportType">
+                <t-option value="daily" label="日报"></t-option>
+                <t-option value="weekly" label="周报"></t-option>
+                <t-option value="monthly" label="月报"></t-option>
+              </t-select>
+              <t-button type="primary" @click="generateReport">
+                <DownloadIcon size="16" class="mr-2" />
+                生成报表
+              </t-button>
+            </div>
+
+            <div class="report-preview" v-if="reportData">
+              <h3 class="report-title">{{ reportType === 'daily' ? '每日数据报表' : reportType === 'weekly' ? '每周数据报表' : '每月数据报表' }}</h3>
+              <p class="report-date">日期范围: {{ reportData.dateRange }}</p>
+              <div class="report-summary">
+                <div class="report-item">
+                  <span class="report-label">总观看人数:</span>
+                  <span class="report-value">{{ formatNumber(reportData.totalViews) }}</span>
+                </div>
+                <div class="report-item">
+                  <span class="report-label">平均在线人数:</span>
+                  <span class="report-value">{{ Math.round(reportData.avgOnline) }}</span>
+                </div>
+                <div class="report-item">
+                  <span class="report-label">弹幕总数:</span>
+                  <span class="report-value">{{ formatNumber(reportData.totalDanmu) }}</span>
+                </div>
+                <div class="report-item">
+                  <span class="report-label">礼物总收入:</span>
+                  <span class="report-value">{{ reportData.totalRevenue }} 元</span>
+                </div>
+              </div>
+              <div class="report-actions">
+                <t-button variant="outline" @click="downloadReport">
+                  <DownloadIcon size="16" class="mr-2" />
+                  下载报表
+                </t-button>
+                <t-button variant="outline" @click="exportReport">
+                  <FileTextIcon size="16" class="mr-2" />
+                  导出数据
+                </t-button>
+              </div>
+            </div>
+          </t-card>
+        </div>
+      </t-tab-panel>
+    </t-tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted, watch } from 'vue';
+import { Tabs, TabPanel, Card, DateRangePicker, Button, Select, Option, Table, Chart } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+import { RefreshIcon, UserIcon, EyeIcon, MessageIcon, GiftIcon, DownloadIcon, FileTextIcon } from '@tdesign/icons-vue-next';
+
+// 状态管理
+const activeTab = ref('audience');
+const dateRange = ref<string[]>([]);
+const giftTimeRange = ref('day');
+const reportType = ref('daily');
+const loading = ref(false);
+
+// 数据存储
+const realtimeStats = ref({});
+const audienceGeoOption = ref({});
+const audienceGenderOption = ref({});
+const audienceAgeOption = ref({});
+const giftTrendOption = ref({});
+giftRankData = ref([]);
+const reportData = ref(null);
+
+// 预设日期范围
+const datePresets = [
+  { label: '今日', value: ['today', 'today'] },
+  { label: '昨日', value: ['yesterday', 'yesterday'] },
+  { label: '近7天', value: ['7daysago', 'today'] },
+  { label: '近30天', value: ['30daysago', 'today'] },
+];
+
+// 礼物排行榜列定义
+const giftRankColumns = [
+  { title: '排名', type: 'index', width: 80 },
+  { title: '礼物名称', key: 'name' },
+  { title: '赠送次数', key: 'count' },
+  { title: '总价值(元)', key: 'value' },
+  { title: '占比', key: 'percentage', render: (h, { row }) => `${row.percentage}%` },
+];
+
+// 生命周期钩子
+onMounted(() => {
+  fetchRealtimeStats();
+  fetchAudienceAnalysis();
+  fetchGiftStats();
+
+  // 设置定时刷新实时数据
+  const statsInterval = setInterval(fetchRealtimeStats, 30000);
+
+  // 清理函数
+  onUnmounted(() => {
+    clearInterval(statsInterval);
+  });
+});
+
+// 日期范围变化处理
+const handleDateRangeChange = () => {
+  fetchAudienceAnalysis();
+  fetchGiftStats();
+};
+
+// 刷新数据
+const refreshData = () => {
+  loading.value = true;
+  Promise.all([fetchRealtimeStats(), fetchAudienceAnalysis(), fetchGiftStats()])
+    .finally(() => {
+      loading.value = false;
+    });
+};
+
+// 获取实时统计数据
+const fetchRealtimeStats = async () => {
+  try {
+    const result = await ipcRenderer.invoke('getRealTimeStats');
+    if (result.success) {
+      realtimeStats.value = result.data;
+    }
+  } catch (error) {
+    console.error('获取实时统计数据失败:', error);
+  }
+};
+
+// 获取观众分析数据
+const fetchAudienceAnalysis = async () => {
+  try {
+    const result = await ipcRenderer.invoke('getAudienceAnalysis', {
+      dateRange: dateRange.value,
+    });
+    if (result.success) {
+      const data = result.data;
+      // 处理地域分布图表数据
+      audienceGeoOption.value = {
+        tooltip: { trigger: 'item' },
+        series: [{
+          type: 'pie',
+          data: data.geoData,
+          label: { show: true, formatter: '{b}: {c} ({d}%)' },
+        }]
+      };
+
+      // 处理性别比例图表数据
+      audienceGenderOption.value = {
+        tooltip: { trigger: 'item' },
+        series: [{
+          type: 'pie',
+          radius: '70%',
+          data: data.genderData,
+        }]
+      };
+
+      // 处理年龄分布图表数据
+      audienceAgeOption.value = {
+        xAxis: { type: 'category', data: data.ageGroups },
+        yAxis: { type: 'value' },
+        series: [{
+          data: data.ageData,
+          type: 'bar',
+        }]
+      };
+    }
+  } catch (error) {
+    console.error('获取观众分析数据失败:', error);
+  }
+};
+
+// 获取礼物统计数据
+const fetchGiftStats = async () => {
+  try {
+    const result = await ipcRenderer.invoke('getGiftStats', giftTimeRange.value);
+    if (result.success) {
+      const data = result.data;
+      // 处理礼物趋势图表数据
+      giftTrendOption.value = {
+        xAxis: { type: 'category', data: data.timeLabels },
+        yAxis: { type: 'value' },
+        series: [{
+          data: data.trendData,
+          type: 'line',
+          smooth: true,
+        }]
+      };
+
+      // 设置礼物排行榜数据
+      giftRankData.value = data.rankData;
+    }
+  } catch (error) {
+    console.error('获取礼物统计数据失败:', error);
+  }
+};
+
+// 生成报表
+const generateReport = async () => {
+  try {
+    loading.value = true;
+    const result = await ipcRenderer.invoke('generateReport', reportType.value);
+    if (result.success) {
+      reportData.value = result.data;
+    }
+  } catch (error) {
+    console.error('生成报表失败:', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 下载报表
+const downloadReport = () => {
+  // 实现下载逻辑
+  alert('报表下载功能待实现');
+};
+
+// 导出数据
+const exportReport = () => {
+  // 实现导出逻辑
+  alert('数据导出功能待实现');
+};
+
+// 格式化数字
+const formatNumber = (num) => {
+  if (num >= 10000) {
+    return (num / 10000).toFixed(1) + '万';
+  }
+  return num.toString();
+};
+
+// 格式化时长
+const formatDuration = (seconds) => {
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor((seconds % 3600) / 60);
+  const s = seconds % 60;
+  return [h, m, s].map(v => v.toString().padStart(2, '0')).join(':');
+};
+</script>
+
+<style scoped>
+.analytics-container {
+  padding: 20px;
+}
+
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.page-title {
+  margin: 0;
+  font-size: 20px;
+}
+
+.date-range-picker {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.refresh-btn {
+  display: flex;
+  align-items: center;
+}
+
+.realtime-stats {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 16px;
+  margin-bottom: 24px;
+}
+
+.stat-card {
+  height: 100%;
+}
+
+.stat-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16px;
+}
+
+.online-users-icon {
+  background-color: rgba(45, 140, 240, 0.1);
+  color: #2d8cf0;
+}
+
+.views-icon {
+  background-color: rgba(0, 194, 146, 0.1);
+  color: #00c292;
+}
+
+.danmu-icon {
+  background-color: rgba(250, 150, 50, 0.1);
+  color: #fa9632;
+}
+
+.gift-icon {
+  background-color: rgba(245, 34, 45, 0.1);
+  color: #f5222d;
+}
+
+.stat-content {
+  flex: 1;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 4px;
+}
+
+.stat-value {
+  font-size: 24px;
+  font-weight: bold;
+  margin: 0;
+}
+
+.stat-change,
+.stat-rate {
+  font-size: 12px;
+  margin-top: 4px;
+}
+
+.positive {
+  color: #00c292;
+}
+
+.negative {
+  color: #f5222d;
+}
+
+.analytics-tabs {
+  margin-top: 24px;
+}
+
+.tab-content {
+  padding-top: 16px;
+}
+
+.chart-card {
+  margin-bottom: 24px;
+}
+
+.chart-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.chart-title {
+  margin: 0 0 16px 0;
+  font-size: 16px;
+}
+
+.chart-container {
+  width: 100%;
+  height: 300px;
+}
+
+.chart-row {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+}
+
+.half-width {
+  width: 100%;
+}
+
+.report-card {
+  padding: 20px;
+}
+
+.report-controls {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.report-preview {
+  border-top: 1px solid #eee;
+  padding-top: 24px;
+}
+
+.report-title {
+  margin-top: 0;
+  font-size: 18px;
+}
+
+.report-date {
+  color: #666;
+  margin-bottom: 24px;
+}
+
+.report-summary {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 16px;
+  margin-bottom: 24px;
+}
+
+.report-item {
+  display: flex;
+  flex-direction: column;
+}
+
+.report-label {
+  color: #666;
+  font-size: 14px;
+}
+
+.report-value {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.report-actions {
+  display: flex;
+  gap: 16px;
+  justify-content: flex-end;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/Dashboard.vue b/packages/renderer/src/views/Dashboard.vue
new file mode 100644
index 00000000..49152a07
--- /dev/null
+++ b/packages/renderer/src/views/Dashboard.vue
@@ -0,0 +1,317 @@
+<template>
+  <div class="dashboard-container">
+    <!-- 欢迎信息区域 -->
+    <div class="welcome-section">
+      <div class="welcome-content">
+        <h1 class="welcome-title">
+          欢迎回来，{{ username }}！
+          <span class="welcome-time">{{ greetingTime }}</span>
+        </h1>
+        <p class="welcome-desc">今天是 {{ currentDate }}，祝您直播顺利！</p>
+      </div>
+      <div class="welcome-bg"></div>
+    </div>
+
+    <!-- 核心数据概览 -->
+    <div class="data-overview">
+      <h2 class="section-title">核心数据概览</h2>
+      <div class="data-cards">
+        <!-- 观众人数卡片 -->
+        <t-card class="data-card" hover shadow>
+          <div class="data-card-content">
+            <div class="data-info">
+              <p class="data-label">当前观众</p>
+              <h3 class="data-value">{{ viewerCount }}</h3>
+              <p class="data-change"><t-icon name="trending-up" class="trend-icon" /> {{ viewerChange }}%</p>
+            </div>
+            <div class="data-icon">
+              <t-icon name="user-group" size="48" />
+            </div>
+          </div>
+        </t-card>
+
+        <!-- 礼物收入卡片 -->
+        <t-card class="data-card" hover shadow>
+          <div class="data-card-content">
+            <div class="data-info">
+              <p class="data-label">礼物收入</p>
+              <h3 class="data-value">{{ giftAmount }} 元</h3>
+              <p class="data-change"><t-icon name="trending-up" class="trend-icon" /> {{ giftChange }}%</p>
+            </div>
+            <div class="data-icon">
+              <t-icon name="gift" size="48" />
+            </div>
+          </div>
+        </t-card>
+
+        <!-- 弹幕数量卡片 -->
+        <t-card class="data-card" hover shadow>
+          <div class="data-card-content">
+            <div class="data-info">
+              <p class="data-label">弹幕数量</p>
+              <h3 class="data-value">{{ danmakuCount }}</h3>
+              <p class="data-change"><t-icon name="trending-down" class="trend-icon down" /> {{ danmakuChange }}%</p>
+            </div>
+            <div class="data-icon">
+              <t-icon name="message" size="48" />
+            </div>
+          </div>
+        </t-card>
+
+        <!-- 直播时长卡片 -->
+        <t-card class="data-card" hover shadow>
+          <div class="data-card-content">
+            <div class="data-info">
+              <p class="data-label">直播时长</p>
+              <h3 class="data-value">{{ liveDuration }}</h3>
+              <p class="data-change">今日已直播 {{ todayLiveDuration }}</p>
+            </div>
+            <div class="data-icon">
+              <t-icon name="clock" size="48" />
+            </div>
+          </div>
+        </t-card>
+      </div>
+    </div>
+
+    <!-- 背景视觉效果 -->
+    <div class="background-effect"></div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed } from 'vue';
+import { Card, Icon } from 'tdesign-vue-next';
+import { UserGroup, Gift, Message, Clock, TrendingUp, TrendingDown } from '@tdesign/icons-vue-next';
+import { ipcRenderer } from 'electron';
+
+// 组件注册
+const UserGroupIcon = UserGroup;
+const GiftIcon = Gift;
+const MessageIcon = Message;
+const ClockIcon = Clock;
+const TrendingUpIcon = TrendingUp;
+const TrendingDownIcon = TrendingDown;
+
+// 状态管理
+const username = ref('主播');
+const greetingTime = ref('');
+const currentDate = ref('');
+const viewerCount = ref('0');
+const viewerChange = ref('0');
+const giftAmount = ref('0');
+giftChange = ref('0');
+const danmakuCount = ref('0');
+const danmakuChange = ref('0');
+const liveDuration = ref('00:00:00');
+const todayLiveDuration = ref('00:00:00');
+
+// 计算当前时间段问候语
+const getGreetingTime = () => {
+  const hour = new Date().getHours();
+  if (hour < 6) return '凌晨好';
+  if (hour < 9) return '早上好';
+  if (hour < 12) return '上午好';
+  if (hour < 14) return '中午好';
+  if (hour < 18) return '下午好';
+  if (hour < 22) return '晚上好';
+  return '夜深了';
+};
+
+// 格式化当前日期
+const formatDate = () => {
+  const date = new Date();
+  const options: Intl.DateTimeFormatOptions = {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric',
+    weekday: 'long'
+  };
+  return date.toLocaleDateString('zh-CN', options);
+};
+
+// 获取用户信息
+const getUserInfo = async () => {
+  try {
+    const session = JSON.parse(localStorage.getItem('session') || sessionStorage.getItem('session') || '{}');
+    if (session.username) {
+      username.value = session.username;
+    }
+  } catch (error) {
+    console.error('获取用户信息失败:', error);
+  }
+};
+
+// 获取核心数据
+const fetchCoreData = async () => {
+  try {
+    // 模拟数据请求，实际项目中应替换为真实API调用
+    const data = await ipcRenderer.invoke('getDashboardData');
+    viewerCount.value = data.viewerCount || '0';
+    viewerChange.value = data.viewerChange || '0';
+    giftAmount.value = data.giftAmount || '0';
+    giftChange.value = data.giftChange || '0';
+    danmakuCount.value = data.danmakuCount || '0';
+    danmakuChange.value = data.danmakuChange || '0';
+    liveDuration.value = data.liveDuration || '00:00:00';
+    todayLiveDuration.value = data.todayLiveDuration || '00:00:00';
+  } catch (error) {
+    console.error('获取核心数据失败:', error);
+  }
+};
+
+// 初始化
+onMounted(async () => {
+  greetingTime.value = getGreetingTime();
+  currentDate.value = formatDate();
+  await getUserInfo();
+  await fetchCoreData();
+
+  // 定时刷新数据
+  const interval = setInterval(fetchCoreData, 5000);
+  // 组件卸载时清除定时器
+  onUnmounted(() => clearInterval(interval));
+});
+</script>
+
+<style scoped>
+.dashboard-container {
+  position: relative;
+  min-height: 100vh;
+  padding: 20px;
+}
+
+/* 欢迎信息区域 */
+.welcome-section {
+  position: relative;
+  height: 200px;
+  border-radius: 12px;
+  overflow: hidden;
+  margin-bottom: 30px;
+}
+
+.welcome-content {
+  position: relative;
+  z-index: 1;
+  padding: 40px 30px;
+  color: #fff;
+}
+
+.welcome-title {
+  font-size: 28px;
+  font-weight: 600;
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.welcome-time {
+  font-size: 16px;
+  font-weight: normal;
+  margin-left: 15px;
+  opacity: 0.9;
+}
+
+.welcome-desc {
+  font-size: 16px;
+  opacity: 0.9;
+}
+
+.welcome-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(135deg, #165DFF 0%, #0E42D2 100%);
+  z-index: 0;
+}
+
+/* 数据概览区域 */
+.data-overview {
+  margin-bottom: 30px;
+}
+
+.section-title {
+  font-size: 18px;
+  margin-bottom: 16px;
+  color: #1D2129;
+  font-weight: 600;
+}
+
+.data-cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  gap: 20px;
+}
+
+.data-card {
+  height: 100%;
+  transition: transform 0.3s ease;
+}
+
+.data-card:hover {
+  transform: translateY(-5px);
+}
+
+.data-card-content {
+  display: flex;
+  align-items: center;
+  padding: 20px;
+}
+
+.data-info {
+  flex: 1;
+}
+
+.data-label {
+  font-size: 14px;
+  color: #6B7280;
+  margin-bottom: 4px;
+}
+
+.data-value {
+  font-size: 28px;
+  font-weight: 600;
+  color: #1D2129;
+  margin-bottom: 4px;
+}
+
+.data-change {
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+}
+
+.trend-icon {
+  margin-right: 4px;
+  font-size: 14px;
+}
+
+.trend-icon.down {
+  color: #F53F3F;
+}
+
+.data-icon {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  background-color: #F0F5FF;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #165DFF;
+}
+
+/* 背景视觉效果 */
+.background-effect {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 400px;
+  height: 400px;
+  background: radial-gradient(circle, rgba(22,93,255,0.05) 0%, rgba(255,255,255,0) 70%);
+  z-index: -1;
+  pointer-events: none;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/LiveManagement.vue b/packages/renderer/src/views/LiveManagement.vue
new file mode 100644
index 00000000..1a4d7682
--- /dev/null
+++ b/packages/renderer/src/views/LiveManagement.vue
@@ -0,0 +1,307 @@
+<template>
+  <div class="live-management-container">
+    <t-tabs v-model="activeTab" class="live-tabs">
+      <t-tab-panel value="room-config" label="房间配置">
+        <t-form ref="roomConfigForm" :data="roomConfig" :rules="roomConfigRules" class="config-form">
+          <t-form-item name="title" label="直播标题">
+            <t-input v-model="roomConfig.title" placeholder="请输入直播标题" maxlength="50" />
+          </t-form-item>
+          <t-form-item name="cover" label="封面图片">
+            <t-upload
+              v-model="roomConfig.cover"
+              :auto-upload="true"
+              :accept="['image/png', 'image/jpeg']"
+              :max-size="5 * 1024 * 1024"
+              :on-success="handleCoverUpload"
+            >
+              <t-button variant="outline">选择图片</t-button>
+            </t-upload>
+            <div class="cover-preview" v-if="roomConfig.cover">
+              <img :src="roomConfig.cover" alt="封面预览" class="preview-image" />
+            </div>
+          </t-form-item>
+          <t-form-item name="category" label="直播分区">
+            <t-select v-model="roomConfig.category" :options="categories" placeholder="选择分区" />
+          </t-form-item>
+          <t-form-item name="allowClip" label="允许观众剪辑">
+            <t-switch v-model="roomConfig.allowClip" />
+          </t-form-item>
+          <t-form-item>
+            <t-button type="primary" @click="saveRoomConfig">保存配置</t-button>
+          </t-form-item>
+        </t-form>
+      </t-tab-panel>
+
+      <t-tab-panel value="stream-control" label="推流管理">
+        <div class="stream-control-panel">
+          <div class="stream-status" v-if="streamStatus">
+            <t-badge :value="streamStatus.active ? '直播中' : '未开播'" :variant="streamStatus.active ? 'danger' : 'default'" />
+            <p class="status-detail">当前状态: {{ streamStatus.active ? '正在推流' : '已停止' }}</p>
+            <p class="status-detail" v-if="streamStatus.active">推流时长: {{ formatDuration(streamStatus.duration) }}</p>
+          </div>
+
+          <div class="stream-info" v-if="streamInfo">
+            <t-card class="info-card">
+              <h3 class="card-title">RTMP推流信息</h3>
+              <div class="info-item">
+                <span class="info-label">服务器地址:</span>
+                <t-input :value="streamInfo.serverUrl" readonly />
+                <t-button size="small" @click="copyToClipboard(streamInfo.serverUrl)">复制</t-button>
+              </div>
+              <div class="info-item">
+                <span class="info-label">直播码:</span>
+                <t-input :value="streamInfo.streamKey" readonly type="password" />
+                <t-button size="small" @click="copyToClipboard(streamInfo.streamKey)">复制</t-button>
+              </div>
+            </t-card>
+          </div>
+
+          <div class="stream-actions">
+            <t-button
+              type="primary"
+              variant="danger"
+              @click="handleStartStream"
+              :disabled="streamStatus?.active"
+              :loading="streamLoading"
+            >
+              开始推流
+            </t-button>
+            <t-button
+              variant="outline"
+              @click="handleStopStream"
+              :disabled="!streamStatus?.active"
+              :loading="streamLoading"
+            >
+              停止推流
+            </t-button>
+          </div>
+        </div>
+      </t-tab-panel>
+    </t-tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue';
+import { Tabs, TabPanel, Form, FormItem, Input, Button, Upload, Switch, Select, Card, Badge, Tooltip } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+import { CopyIcon } from '@tdesign/icons-vue-next';
+
+// 状态管理
+const activeTab = ref('room-config');
+const roomConfig = reactive({
+  title: '',
+  cover: '',
+  category: '',
+  allowClip: false
+});
+const categories = ref([]);
+const streamStatus = ref(null);
+const streamInfo = ref(null);
+const streamLoading = ref(false);
+
+// 表单验证规则
+const roomConfigRules = {
+  title: [{ required: true, message: '请输入直播标题', trigger: 'blur' }],
+  category: [{ required: true, message: '请选择直播分区', trigger: 'change' }]
+};
+
+// 生命周期钩子
+onMounted(async () => {
+  // 加载分类数据
+  loadCategories();
+  // 获取当前直播状态
+  getStreamStatus();
+  // 获取推流信息
+  getStreamInfo();
+});
+
+// 加载分类数据
+const loadCategories = async () => {
+  try {
+    const result = await ipcRenderer.invoke('live:getCategories');
+    if (result.success) {
+      categories.value = result.data;
+    }
+  } catch (error) {
+    console.error('加载分类失败:', error);
+  }
+};
+
+// 获取直播状态
+const getStreamStatus = async () => {
+  try {
+    const result = await ipcRenderer.invoke('live:getStreamStatus');
+    if (result.success) {
+      streamStatus.value = result.data;
+    }
+  } catch (error) {
+    console.error('获取直播状态失败:', error);
+  }
+};
+
+// 获取推流信息
+const getStreamInfo = async () => {
+  try {
+    const result = await ipcRenderer.invoke('live:getStreamInfo');
+    if (result.success) {
+      streamInfo.value = result.data;
+    }
+  } catch (error) {
+    console.error('获取推流信息失败:', error);
+  }
+};
+
+// 保存房间配置
+const saveRoomConfig = async () => {
+  const form = document.querySelector('t-form') as any;
+  const valid = await form.validate();
+  if (!valid) return;
+
+  try {
+    const result = await ipcRenderer.invoke('live:configureRoom', roomConfig);
+    if (result.success) {
+      // 显示成功提示
+      alert('房间配置保存成功');
+    } else {
+      alert('保存失败: ' + result.error);
+    }
+  } catch (error) {
+    console.error('保存房间配置失败:', error);
+    alert('保存配置时发生错误');
+  }
+};
+
+// 处理封面上传
+const handleCoverUpload = (response) => {
+  if (response.success) {
+    roomConfig.cover = response.data.url;
+  }
+};
+
+// 开始推流
+const handleStartStream = async () => {
+  streamLoading.value = true;
+  try {
+    const result = await ipcRenderer.invoke('live:startStreaming', {
+      useObs: true
+    });
+    if (result.success) {
+      streamInfo.value = result.data;
+      alert('推流已开始');
+      // 定期更新状态
+      setInterval(getStreamStatus, 5000);
+    } else {
+      alert('启动推流失败: ' + result.error);
+    }
+  } catch (error) {
+    console.error('启动推流失败:', error);
+    alert('启动推流时发生错误');
+  } finally {
+    streamLoading.value = false;
+    getStreamStatus();
+  }
+};
+
+// 停止推流
+const handleStopStream = async () => {
+  streamLoading.value = true;
+  try {
+    const result = await ipcRenderer.invoke('live:stopStreaming');
+    if (result.success) {
+      alert('推流已停止');
+    } else {
+      alert('停止推流失败: ' + result.error);
+    }
+  } catch (error) {
+    console.error('停止推流失败:', error);
+    alert('停止推流时发生错误');
+  } finally {
+    streamLoading.value = false;
+    getStreamStatus();
+  }
+};
+
+// 格式化时长
+const formatDuration = (seconds) => {
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor((seconds % 3600) / 60);
+  const s = seconds % 60;
+  return [h, m, s].map(v => v.toString().padStart(2, '0')).join(':');
+};
+
+// 复制到剪贴板
+const copyToClipboard = (text) => {
+  navigator.clipboard.writeText(text).then(() => {
+    alert('已复制到剪贴板');
+  });
+};
+</script>
+
+<style scoped>
+.live-management-container {
+  padding: 20px;
+}
+
+.config-form {
+  max-width: 600px;
+}
+
+.cover-preview {
+  margin-top: 16px;
+}
+
+.preview-image {
+  width: 200px;
+  height: 112px;
+  object-fit: cover;
+  border-radius: 4px;
+}
+
+.stream-control-panel {
+  padding: 20px;
+}
+
+.stream-status {
+  margin-bottom: 24px;
+}
+
+.status-detail {
+  margin-top: 8px;
+  color: #666;
+}
+
+.stream-info {
+  margin-bottom: 24px;
+}
+
+.info-card {
+  margin-bottom: 24px;
+}
+
+.card-title {
+  margin-bottom: 16px;
+  font-size: 16px;
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.info-label {
+  width: 100px;
+  margin-right: 16px;
+}
+
+.info-item .t-input {
+  flex: 1;
+  margin-right: 8px;
+}
+
+.stream-actions {
+  display: flex;
+  gap: 16px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/Login.vue b/packages/renderer/src/views/Login.vue
new file mode 100644
index 00000000..004d3903
--- /dev/null
+++ b/packages/renderer/src/views/Login.vue
@@ -0,0 +1,333 @@
+<template>
+  <div class="login-container">
+    <div class="login-card">
+      <div class="login-header">
+        <h2>ACFUN直播工具箱</h2>
+        <p>请选择登录方式</p>
+      </div>
+
+      <t-tabs v-model="activeTab" class="login-tabs">
+        <t-tab-panel value="qr" label="二维码登录">
+          <div class="qr-login">
+            <div class="qr-code-container">
+              <div class="qr-code" v-if="!qrLoginSuccess">
+                <img src="/qr-placeholder.png" alt="登录二维码" class="qr-image">
+                <p class="qr-tip">请使用ACFUN手机APP扫描二维码</p>
+                <t-count-down :time="300000" format="mm:ss" class="count-down" />
+              </div>
+              <div class="qr-success" v-else>
+                <t-icon name="check-circle" size="64" class="success-icon" />
+                <p>扫描成功，请在手机上确认</p>
+              </div>
+            </div>
+          </div>
+        </t-tab-panel>
+
+        <t-tab-panel value="password" label="账号密码登录">
+          <t-form ref="loginForm" :data="loginFormData" :rules="loginRules" class="login-form">
+            <t-form-item name="username" label="用户名">
+              <t-input
+                v-model="loginFormData.username"
+                placeholder="请输入用户名"
+                :prefix-icon="User"
+              />
+            </t-form-item>
+            <t-form-item name="password" label="密码">
+              <t-input
+                v-model="loginFormData.password"
+                type="password"
+                placeholder="请输入密码"
+                :prefix-icon="Lock"
+                :suffix="<t-icon name='eye' @click='togglePasswordVisibility' />"
+              />
+            </t-form-item>
+            <t-form-item>
+              <t-checkbox v-model="rememberMe">记住我</t-checkbox>
+              <t-link class="forgot-password">忘记密码?</t-link>
+            </t-form-item>
+            <t-form-item>
+              <t-button
+                type="primary"
+                block
+                @click="handlePasswordLogin"
+                :loading="loginLoading"
+              >
+                登录
+              </t-button>
+            </t-form-item>
+          </t-form>
+        </t-tab-panel>
+
+        <t-tab-panel value="guest" label="游客模式">
+          <div class="guest-login">
+            <t-card class="guest-info-card">
+              <div class="guest-icon">
+                <t-icon name="user" size="48" />
+              </div>
+              <p class="guest-info">游客模式下部分功能将受到限制</p>
+              <p class="guest-features">• 无法管理直播房间
+• 无法查看详细数据分析
+• 无法使用小程序市场</p>
+              <t-button
+                type="default"
+                block
+                @click="handleGuestLogin"
+                style="margin-top: 20px"
+              >
+                进入游客模式
+              </t-button>
+            </t-card>
+          </div>
+        </t-tab-panel>
+      </t-tabs>
+
+      <div class="login-footer">
+        <p>© 2024 ACFUN直播工具箱</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+import { Tabs, TabPanel, Form, FormItem, Input, Button, Checkbox, Link, Card, CountDown, Icon } from 'tdesign-vue-next';
+import { User, Lock, Eye, EyeOff, CheckCircle } from '@tdesign/icons-vue-next';
+import { ipcRenderer } from 'electron';
+import { useRouter } from 'vue-router';
+
+// 组件注册
+const User = User;
+const Lock = Lock;
+const Eye = Eye;
+const EyeOff = EyeOff;
+const CheckCircle = CheckCircle;
+
+// 状态管理
+const activeTab = ref('qr');
+const qrLoginSuccess = ref(false);
+const passwordVisible = ref(false);
+const rememberMe = ref(false);
+const loginLoading = ref(false);
+const router = useRouter();
+
+// 表单数据
+const loginFormData = reactive({
+  username: '',
+  password: ''
+});
+
+// 表单验证规则
+const loginRules = {
+  username: [
+    { required: true, message: '请输入用户名', trigger: 'blur' }
+  ],
+  password: [
+    { required: true, message: '请输入密码', trigger: 'blur' },
+    { min: 6, message: '密码长度不能少于6位', trigger: 'blur' }
+  ]
+};
+
+// 切换密码可见性
+const togglePasswordVisibility = () => {
+  passwordVisible.value = !passwordVisible.value;
+};
+
+// 处理密码登录
+const handlePasswordLogin = async () => {
+  const form = document.querySelector('t-form') as any;
+  const valid = await form.validate();
+  if (!valid) return;
+
+  loginLoading.value = true;
+  try {
+    const result = await ipcRenderer.invoke('login', {
+      loginMethod: 'password',
+      username: loginFormData.username,
+      password: loginFormData.password
+    });
+
+    if (result.success) {
+      // 保存会话信息
+      if (rememberMe.value) {
+        localStorage.setItem('session', JSON.stringify(result.session));
+      } else {
+        sessionStorage.setItem('session', JSON.stringify(result.session));
+      }
+      // 跳转到主界面
+      router.push('/dashboard');
+    } else {
+      // 显示错误信息
+      alert(result.error);
+    }
+  } catch (error: any) {
+    alert('登录失败: ' + error.message);
+  } finally {
+    loginLoading.value = false;
+  }
+};
+
+// 处理游客登录
+const handleGuestLogin = async () => {
+  try {
+    const result = await ipcRenderer.invoke('login', {
+      loginMethod: 'guest'
+    });
+
+    if (result.success) {
+      sessionStorage.setItem('session', JSON.stringify(result.session));
+      router.push('/dashboard');
+    } else {
+      alert(result.error);
+    }
+  } catch (error: any) {
+    alert('登录失败: ' + error.message);
+  }
+};
+
+// 模拟二维码登录轮询检查
+const checkQrLoginStatus = () => {
+  // 实际项目中应该是轮询后端检查二维码状态
+  setTimeout(() => {
+    qrLoginSuccess.value = true;
+    setTimeout(() => {
+      handleGuestLogin(); // 模拟登录成功
+    }, 2000);
+  }, 5000);
+};
+
+// 初始化二维码登录检查
+checkQrLoginStatus();
+</script>
+
+<style scoped>
+.login-container {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 20px;
+}
+
+.login-card {
+  width: 100%;
+  max-width: 420px;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+}
+
+.login-header {
+  padding: 30px 20px;
+  text-align: center;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.login-header h2 {
+  margin: 0 0 10px;
+  color: #165DFF;
+  font-size: 24px;
+}
+
+.login-header p {
+  margin: 0;
+  color: #666;
+}
+
+.login-tabs {
+  padding: 20px;
+}
+
+.qr-login {
+  display: flex;
+  justify-content: center;
+  padding: 20px 0;
+}
+
+.qr-code-container {
+  text-align: center;
+}
+
+.qr-code {
+  padding: 20px;
+  border: 1px solid #f0f0f0;
+  border-radius: 8px;
+  display: inline-block;
+}
+
+.qr-image {
+  width: 180px;
+  height: 180px;
+  background-color: #f5f5f5;
+}
+
+.qr-tip {
+  margin: 15px 0 10px;
+  color: #666;
+}
+
+.count-down {
+  color: #165DFF;
+  font-size: 14px;
+}
+
+.qr-success {
+  padding: 40px 20px;
+  text-align: center;
+}
+
+.success-icon {
+  color: #00B42A;
+  margin-bottom: 15px;
+}
+
+.login-form {
+  margin-top: 10px;
+}
+
+.forgot-password {
+  margin-left: auto;
+  display: inline-block;
+}
+
+.guest-login {
+  padding: 10px 0;
+}
+
+.guest-info-card {
+  text-align: center;
+  padding: 30px 20px;
+}
+
+.guest-icon {
+  margin-bottom: 20px;
+  color: #165DFF;
+}
+
+.guest-info {
+  color: #333;
+  margin-bottom: 15px;
+  font-size: 14px;
+}
+
+.guest-features {
+  text-align: left;
+  color: #666;
+  font-size: 13px;
+  line-height: 1.8;
+  margin-bottom: 20px;
+}
+
+.login-footer {
+  padding: 15px 20px;
+  text-align: center;
+  border-top: 1px solid #f0f0f0;
+}
+
+.login-footer p {
+  margin: 0;
+  color: #999;
+  font-size: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/Notebook.vue b/packages/renderer/src/views/Notebook.vue
new file mode 100644
index 00000000..d3a68004
--- /dev/null
+++ b/packages/renderer/src/views/Notebook.vue
@@ -0,0 +1,611 @@
+<template>
+  <div class="notebook-container">
+    <div class="sidebar">
+      <t-card class="sidebar-header">
+        <t-input
+          v-model="searchQuery"
+          placeholder="搜索笔记..."
+          :prefix-icon="SearchIcon"
+          class="search-input"
+        />
+        <t-button type="primary" @click="createNewNote" class="new-note-btn">
+          <PlusIcon size="16" class="mr-2" />
+          新建笔记
+        </t-button>
+      </t-card>
+
+      <t-card class="notes-list-card">
+        <div class="notes-list-header">
+          <h3 class="notes-title">我的笔记</h3>
+          <t-select v-model="sortOption" @change="sortNotes">
+            <t-option value="updatedAt" label="最近更新"></t-option>
+            <t-option value="createdAt" label="创建时间"></t-option>
+            <t-option value="title" label="标题"></t-option>
+          </t-select>
+        </div>
+
+        <div class="notes-list">
+          <div
+            v-for="note in filteredNotes"
+            :key="note.id"
+            class="note-item"
+            :class="{ 'active': selectedNoteId === note.id }"
+            @click="selectNote(note.id)"
+          >
+            <div class="note-item-content">
+              <h4 class="note-title">{{ note.title }}</h4>
+              <p class="note-preview">{{ getNotePreview(note.content) }}</p>
+              <div class="note-meta">
+                <span class="note-date">{{ formatDate(note.updatedAt) }}</span>
+                <div class="note-tags" v-if="note.tags && note.tags.length > 0">
+                  <t-tag
+                    v-for="tag in note.tags.slice(0, 2)"
+                    :key="tag"
+                    variant="outline"
+                    size="small"
+                  >
+                    {{ tag }}
+                  </t-tag>
+                  <t-tag v-if="note.tags.length > 2" variant="outline" size="small">
+                    +{{ note.tags.length - 2 }}
+                  </t-tag>
+                </div>
+              </div>
+            </div>
+            <div class="note-actions">
+              <t-button
+                size="icon"
+                variant="text"
+                @click.stop="deleteNote(note.id)"
+                class="delete-btn"
+              >
+                <DeleteIcon size="16" />
+              </t-button>
+            </div>
+          </div>
+
+          <div class="empty-state" v-if="filteredNotes.length === 0 && !loading">
+            <NoteIcon size="48" class="empty-icon" />
+            <p class="empty-text">暂无笔记</p>
+            <p class="empty-subtext">点击"新建笔记"开始记录</p>
+          </div>
+
+          <div class="loading-state" v-if="loading">
+            <t-loading size="small" />
+            <p class="loading-text">加载中...</p>
+          </div>
+        </div>
+      </t-card>
+    </div>
+
+    <div class="main-content">
+      <div class="editor-container" v-if="selectedNote || isCreatingNewNote">
+        <t-card class="editor-card">
+          <t-input
+            v-model="currentNote.title"
+            placeholder="请输入标题..."
+            class="note-title-input"
+            :disabled="isSaving"
+          />
+
+          <t-textarea
+            v-model="currentNote.content"
+            placeholder="请输入笔记内容..."
+            class="note-content-editor"
+            :disabled="isSaving"
+          />
+
+          <div class="note-tags-editor">
+            <t-tag-input
+              v-model="currentNote.tags"
+              placeholder="添加标签..."
+              :disabled="isSaving"
+            />
+          </div>
+
+          <div class="editor-actions">
+            <div class="note-status" v-if="currentNote.id">
+              <span>最后更新: {{ formatDate(currentNote.updatedAt) }}</span>
+            </div>
+            <div class="action-buttons">
+              <t-button
+                variant="outline"
+                @click="cancelEdit"
+                :disabled="isSaving"
+              >
+                取消
+              </t-button>
+              <t-button
+                type="primary"
+                @click="saveCurrentNote"
+                :disabled="isSaving || !canSaveNote"
+                :loading="isSaving"
+              >
+                {{ isSaving ? '保存中...' : '保存笔记' }}
+              </t-button>
+            </div>
+          </div>
+        </t-card>
+      </div>
+
+      <div class="welcome-state" v-else>
+        <NoteIcon size="64" class="welcome-icon" />
+        <h2 class="welcome-title">小本本</h2>
+        <p class="welcome-text">选择一个笔记进行编辑，或创建新笔记开始记录</p>
+        <t-button type="primary" @click="createNewNote" class="welcome-btn">
+          <PlusIcon size="16" class="mr-2" />
+          新建笔记
+        </t-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed, onMounted, watch } from 'vue';
+import { ipcRenderer } from 'electron';
+import { TCard, TInput, TButton, TTextarea, TSelect, TOption, TTag, TTagInput, TLoading } from 'tdesign-vue-next';
+import { SearchIcon, PlusIcon, DeleteIcon, NoteIcon } from '@tdesign/icons-vue-next';
+
+interface Note {
+  id: string;
+  title: string;
+  content: string;
+  createdAt: string;
+  updatedAt: string;
+  tags?: string[];
+}
+
+// 状态管理
+const notes = ref<Note[]>([]);
+const selectedNoteId = ref<string>('');
+const currentNote = ref<Partial<Note>>({});
+const searchQuery = ref('');
+const sortOption = ref('updatedAt');
+const isCreatingNewNote = ref(false);
+const isSaving = ref(false);
+const loading = ref(false);
+
+// 计算属性
+const filteredNotes = computed(() => {
+  let result = [...notes.value];
+
+  // 搜索过滤
+  if (searchQuery.value) {
+    const query = searchQuery.value.toLowerCase();
+    result = result.filter(
+      note =>
+        note.title.toLowerCase().includes(query) ||
+        note.content.toLowerCase().includes(query) ||
+        (note.tags && note.tags.some(tag => tag.toLowerCase().includes(query)))
+    );
+  }
+
+  // 排序
+  result.sort((a, b) => {
+    if (sortOption.value === 'updatedAt') {
+      return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();
+    } else if (sortOption.value === 'createdAt') {
+      return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
+    } else if (sortOption.value === 'title') {
+      return a.title.localeCompare(b.title);
+    }
+    return 0;
+  });
+
+  return result;
+});
+
+const canSaveNote = computed(() => {
+  return (
+    currentNote.value.title &&
+    currentNote.value.title.trim().length > 0 &&
+    currentNote.value.content !== undefined
+  );
+});
+
+const selectedNote = computed(() => {
+  if (!selectedNoteId.value) return null;
+  return notes.value.find(note => note.id === selectedNoteId.value) || null;
+});
+
+// 生命周期钩子
+onMounted(() => {
+  fetchNotes();
+});
+
+// 监听选中笔记变化
+watch(selectedNote, (newNote) => {
+  if (newNote) {
+    currentNote.value = { ...newNote };
+    isCreatingNewNote.value = false;
+  }
+});
+
+// 方法
+const fetchNotes = async () => {
+  try {
+    loading.value = true;
+    const result = await ipcRenderer.invoke('notebook:getNotes');
+    if (result.success) {
+      notes.value = result.data;
+      // 如果有笔记且未选择笔记，默认选择第一条
+      if (notes.value.length > 0 && !selectedNoteId.value) {
+        selectNote(notes.value[0].id);
+      }
+    }
+  } catch (error) {
+    console.error('获取笔记失败:', error);
+    alert('获取笔记失败，请重试');
+  } finally {
+    loading.value = false;
+  }
+};
+
+const selectNote = (noteId: string) => {
+  selectedNoteId.value = noteId;
+};
+
+const createNewNote = () => {
+  currentNote.value = {
+    title: '',
+    content: '',
+    tags: []
+  };
+  selectedNoteId.value = '';
+  isCreatingNewNote.value = true;
+};
+
+const saveCurrentNote = async () => {
+  if (!canSaveNote.value) return;
+
+  try {
+    isSaving.value = true;
+    const noteToSave = {
+      ...currentNote.value,
+      title: currentNote.value.title?.trim()
+    };
+
+    const result = await ipcRenderer.invoke('notebook:saveNote', noteToSave);
+    if (result.success) {
+      // 更新本地笔记列表
+      const savedNote = result.data;
+      const existingIndex = notes.value.findIndex(n => n.id === savedNote.id);
+
+      if (existingIndex >= 0) {
+        notes.value.splice(existingIndex, 1, savedNote);
+      } else {
+        notes.value.unshift(savedNote);
+      }
+
+      // 选中新保存的笔记
+      selectNote(savedNote.id);
+
+      // 显示成功提示
+      alert('笔记保存成功');
+    } else {
+      alert('保存失败: ' + result.error);
+    }
+  } catch (error) {
+    console.error('保存笔记失败:', error);
+    alert('保存笔记时发生错误');
+  } finally {
+    isSaving.value = false;
+  }
+};
+
+const deleteNote = async (noteId: string) => {
+  if (!confirm('确定要删除这条笔记吗？此操作不可撤销。')) {
+    return;
+  }
+
+  try {
+    const result = await ipcRenderer.invoke('notebook:deleteNote', noteId);
+    if (result.success) {
+      // 从本地列表中移除
+      notes.value = notes.value.filter(note => note.id !== noteId);
+
+      // 如果删除的是当前选中的笔记
+      if (selectedNoteId.value === noteId) {
+        selectedNoteId.value = '';
+        currentNote.value = {};
+
+        // 如果还有其他笔记，选中第一条
+        if (notes.value.length > 0) {
+          selectNote(notes.value[0].id);
+        }
+      }
+    } else {
+      alert('删除失败: ' + result.error);
+    }
+  } catch (error) {
+    console.error('删除笔记失败:', error);
+    alert('删除笔记时发生错误');
+  }
+};
+
+const cancelEdit = () => {
+  if (isCreatingNewNote.value) {
+    currentNote.value = {};
+    isCreatingNewNote.value = false;
+  } else if (selectedNote.value) {
+    currentNote.value = { ...selectedNote.value };
+  }
+};
+
+const sortNotes = () => {
+  // 由computed属性filteredNotes处理排序
+};
+
+// 辅助方法
+const getNotePreview = (content: string) => {
+  if (!content) return '';
+  // 移除HTML标签（如果有）
+  const plainText = content.replace(/<[^>]*>?/gm, '');
+  // 返回前100个字符作为预览
+  return plainText.length > 100 ? plainText.substring(0, 100) + '...' : plainText;
+};
+
+const formatDate = (dateString: string) => {
+  const date = new Date(dateString);
+  return date.toLocaleString('zh-CN', {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+};
+</script>
+
+<style scoped>
+.notebook-container {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+.sidebar {
+  width: 320px;
+  border-right: 1px solid #eee;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.sidebar-header {
+  padding: 16px;
+  border-bottom: 1px solid #eee;
+}
+
+.search-input {
+  margin-bottom: 16px;
+}
+
+.new-note-btn {
+  width: 100%;
+}
+
+.notes-list-card {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border-radius: 0;
+  border: none;
+}
+
+.notes-list-header {
+  padding: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #eee;
+}
+
+.notes-title {
+  margin: 0;
+  font-size: 16px;
+}
+
+.notes-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+
+.note-item {
+  padding: 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  margin-bottom: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  transition: background-color 0.2s;
+}
+
+.note-item:hover {
+  background-color: #f5f5f5;
+}
+
+.note-item.active {
+  background-color: #f0f7ff;
+  border-left: 3px solid #2d8cf0;
+}
+
+.note-item-content {
+  flex: 1;
+  overflow: hidden;
+}
+
+.note-title {
+  margin: 0 0 4px 0;
+  font-size: 14px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.note-preview {
+  margin: 0;
+  font-size: 12px;
+  color: #666;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.note-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 8px;
+  font-size: 12px;
+}
+
+.note-date {
+  color: #999;
+  white-space: nowrap;
+}
+
+.note-tags {
+  display: flex;
+}
+
+.note-actions {
+  display: flex;
+  align-items: flex-start;
+}
+
+.delete-btn {
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.note-item:hover .delete-btn {
+  opacity: 1;
+}
+
+.empty-state,
+.welcome-state,
+.loading-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: #666;
+  text-align: center;
+  padding: 24px;
+}
+
+.empty-icon,
+.welcome-icon {
+  color: #ccc;
+  margin-bottom: 16px;
+}
+
+.empty-text,
+.welcome-title {
+  margin: 0 0 8px 0;
+  font-size: 18px;
+  font-weight: 500;
+}
+
+.empty-subtext,
+.welcome-text {
+  margin: 0;
+  color: #999;
+  max-width: 300px;
+}
+
+.welcome-btn {
+  margin-top: 24px;
+}
+
+.loading-state {
+  color: #666;
+}
+
+.loading-text {
+  margin-top: 16px;
+}
+
+.main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.editor-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  overflow: hidden;
+}
+
+.editor-card {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.note-title-input {
+  font-size: 20px;
+  font-weight: 500;
+  border: none;
+  padding: 16px 0;
+  margin-bottom: 8px;
+  border-bottom: 1px solid #eee;
+}
+
+.note-title-input:focus {
+  box-shadow: none;
+  border-color: #2d8cf0;
+}
+
+.note-content-editor {
+  flex: 1;
+  min-height: 300px;
+  border: none;
+  resize: none;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.note-content-editor:focus {
+  box-shadow: none;
+  border-color: #eee;
+}
+
+.note-tags-editor {
+  padding: 16px 0;
+  border-top: 1px solid #eee;
+  margin-top: 8px;
+}
+
+.editor-actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 0;
+  border-top: 1px solid #eee;
+  margin-top: 8px;
+  font-size: 12px;
+  color: #666;
+}
+
+.action-buttons {
+  display: flex;
+  gap: 8px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/Settings.vue b/packages/renderer/src/views/Settings.vue
new file mode 100644
index 00000000..7c2f96a0
--- /dev/null
+++ b/packages/renderer/src/views/Settings.vue
@@ -0,0 +1,153 @@
+<template>
+  <div class="settings-container">
+    <t-card class="settings-card">
+      <div class="settings-header">
+        <h2>系统设置</h2>
+        <t-button @click="resetToDefault" theme="danger" variant="outline" class="reset-button">
+          恢复默认设置
+        </t-button>
+      </div>
+
+      <t-tabs v-model="activeTab" class="settings-tabs">
+        <t-tab-panel value="general" label="基本设置">
+          <general-settings :settings="settings.general" @update-settings="handleSettingsUpdate('general')" />
+        </t-tab-panel>
+        <t-tab-panel value="network" label="网络设置">
+          <network-settings :settings="settings.network" @update-settings="handleSettingsUpdate('network')" />
+        </t-tab-panel>
+        <t-tab-panel value="shortcuts" label="快捷键设置">
+          <shortcut-settings :settings="settings.shortcuts" @update-settings="handleSettingsUpdate('shortcuts')" />
+        </t-tab-panel>
+        <t-tab-panel value="notifications" label="通知设置">
+          <notification-settings :settings="settings.notifications" @update-settings="handleSettingsUpdate('notifications')" />
+        </t-tab-panel>
+        <t-tab-panel value="appearance" label="外观设置">
+          <appearance-settings :settings="settings.appearance" @update-settings="handleSettingsUpdate('appearance')" />
+        </t-tab-panel>
+      </t-tabs>
+    </t-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, reactive } from 'vue';
+import { ipcRenderer } from 'electron';
+import { TMessage } from 'tdesign-vue-next';
+import GeneralSettings from './components/settings/GeneralSettings.vue';
+import NetworkSettings from './components/settings/NetworkSettings.vue';
+import ShortcutSettings from './components/settings/ShortcutSettings.vue';
+import NotificationSettings from './components/settings/NotificationSettings.vue';
+import AppearanceSettings from './components/settings/AppearanceSettings.vue';
+
+interface SettingsState {
+  general?: Record<string, any>;
+  network?: Record<string, any>;
+  shortcuts?: Record<string, any>;
+  notifications?: Record<string, any>;
+  appearance?: Record<string, any>;
+}
+
+// 状态管理
+const activeTab = ref('general');
+const settings = reactive<SettingsState>({});
+const loading = ref(true);
+
+/**
+ * 从后端加载所有设置
+ */
+const loadAllSettings = async () => {
+  try {
+    loading.value = true;
+    const response = await ipcRenderer.invoke('systemSettings:getAll');
+    if (response.success) {
+      Object.assign(settings, response.data);
+    } else {
+      TMessage.error(`加载设置失败: ${response.error}`);
+      console.error('Failed to load settings:', response.error);
+    }
+  } catch (error) {
+    TMessage.error(`加载设置时发生错误: ${(error as Error).message}`);
+    console.error('Error loading settings:', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+/**
+ * 更新特定分类的设置
+ */
+const handleSettingsUpdate = async (category: string) => {
+  try {
+    const categorySettings = settings[category as keyof SettingsState];
+    if (!categorySettings) return;
+
+    const response = await ipcRenderer.invoke('systemSettings:updateByCategory', {
+      category,
+      settings: categorySettings
+    });
+
+    if (response.success) {
+      TMessage.success('设置更新成功');
+      // 更新本地状态
+      settings[category as keyof SettingsState] = response.data;
+    } else {
+      TMessage.error(`更新设置失败: ${response.error}`);
+      console.error(`Failed to update ${category} settings:`, response.error);
+    }
+  } catch (error) {
+    TMessage.error(`更新设置时发生错误: ${(error as Error).message}`);
+    console.error(`Error updating ${category} settings:`, error);
+  }
+};
+
+/**
+ * 恢复默认设置
+ */
+const resetToDefault = async () => {
+  try {
+    const response = await ipcRenderer.invoke('systemSettings:resetToDefault');
+    if (response.success) {
+      Object.assign(settings, response.data);
+      TMessage.success('已恢复默认设置');
+    } else {
+      TMessage.error(`恢复默认设置失败: ${response.error}`);
+      console.error('Failed to reset settings:', response.error);
+    }
+  } catch (error) {
+    TMessage.error(`恢复默认设置时发生错误: ${(error as Error).message}`);
+    console.error('Error resetting settings:', error);
+  }
+};
+
+// 初始化加载设置
+onMounted(() => {
+  loadAllSettings();
+});
+</script>
+
+<style scoped>
+.settings-container {
+  padding: 20px;
+}
+
+.settings-card {
+  height: calc(100vh - 40px);
+  overflow: hidden;
+}
+
+.settings-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.reset-button {
+  margin-left: auto;
+}
+
+.settings-tabs {
+  height: calc(100% - 80px);
+  overflow-y: auto;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/components/settings/AppearanceSettings.vue b/packages/renderer/src/views/components/settings/AppearanceSettings.vue
new file mode 100644
index 00000000..897e56e8
--- /dev/null
+++ b/packages/renderer/src/views/components/settings/AppearanceSettings.vue
@@ -0,0 +1,199 @@
+<template>
+  <t-form
+    :data="settings"
+    @submit="handleSubmit"
+    class="appearance-settings-form"
+  >
+    <t-form-item label="界面主题" name="theme">
+      <t-select v-model="settings.theme">
+        <t-option value="default" label="默认主题"></t-option>
+        <t-option value="blue" label="蓝色主题"></t-option>
+        <t-option value="purple" label="紫色主题"></t-option>
+        <t-option value="green" label="绿色主题"></t-option>
+        <t-option value="custom" label="自定义主题"></t-option>
+      </t-select>
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.theme === 'custom'"
+      label="主色调"
+      name="primaryColor"
+    >
+      <t-color-picker v-model="settings.primaryColor" />
+      <div class="color-preview" :style="{ backgroundColor: settings.primaryColor }"></div>
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.theme === 'custom'"
+      label="辅助色"
+      name="secondaryColor"
+    >
+      <t-color-picker v-model="settings.secondaryColor" />
+      <div class="color-preview" :style="{ backgroundColor: settings.secondaryColor }"></div>
+    </t-form-item>
+
+    <t-form-item label="界面缩放" name="interfaceScale">
+      <t-slider
+        v-model="settings.interfaceScale"
+        :min="80"
+        :max="150"
+        :step="5"
+        :marks="{ 80: '80%', 100: '100%', 120: '120%', 150: '150%' }"
+      />
+      <div class="slider-value">{{ settings.interfaceScale }}%</div>
+    </t-form-item>
+
+    <t-form-item label="紧凑模式" name="compactMode">
+      <t-switch v-model="settings.compactMode" />
+      <div class="form-hint">减少界面元素间距，适合小屏幕使用</div>
+    </t-form-item>
+
+    <t-form-item label="导航栏位置" name="navbarPosition">
+      <t-radio-group v-model="settings.navbarPosition">
+        <t-radio value="top">顶部导航</t-radio>
+        <t-radio value="left">左侧导航</t-radio>
+        <t-radio value="right">右侧导航</t-radio>
+      </t-radio-group>
+    </t-form-item>
+
+    <t-form-item label="显示动画效果" name="enableAnimations">
+      <t-switch v-model="settings.enableAnimations" />
+      <div class="form-hint">启用或禁用界面过渡动画效果</div>
+    </t-form-item>
+
+    <t-form-item label="自定义背景" name="customBackground">
+      <t-switch v-model="settings.customBackground" />
+      <t-upload
+        v-if="settings.customBackground"
+        :accept="['image/png', 'image/jpeg', 'image/svg+xml']"
+        :max-size="5 * 1024 * 1024"
+        @success="handleBackgroundUpload"
+      >
+        <t-button variant="outline">选择背景图片</t-button>
+      </t-upload>
+      <div v-if="settings.backgroundImage"
+        class="background-preview"
+        :style="{ backgroundImage: `url(${settings.backgroundImage})` }"
+      ></div>
+    </t-form-item>
+
+    <div class="form-actions">
+      <t-button type="submit" theme="primary">保存设置</t-button>
+      <t-button @click="handleReset" variant="outline">重置</t-button>
+      <t-button @click="applyThemePreview" variant="outline" style="margin-left: auto;">预览效果</t-button>
+    </div>
+  </t-form>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, toRefs } from 'vue';
+import { TMessage } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+
+const props = defineProps<{
+  settings: Record<string, any>;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update-settings'): void;
+}>();
+
+// 深拷贝初始设置用于重置功能
+const initialSettings = JSON.parse(JSON.stringify(props.settings));
+const formData = reactive({ ...props.settings });
+const settings = toRefs(formData);
+
+/**
+ * 处理背景图片上传
+ */
+const handleBackgroundUpload = async (files: any) => {
+  try {
+    const file = files[0];
+    if (!file) return;
+
+    // 读取图片数据并转换为base64
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      formData.backgroundImage = e.target?.result as string;
+    };
+    reader.readAsDataURL(file);
+  } catch (error) {
+    TMessage.error(`图片上传失败: ${(error as Error).message}`);
+  }
+};
+
+/**
+ * 提交表单
+ */
+const handleSubmit = (e: SubmitEvent) => {
+  e.preventDefault();
+  emit('update-settings');
+};
+
+/**
+ * 重置表单到初始状态
+ */
+const handleReset = () => {
+  Object.assign(formData, initialSettings);
+};
+
+/**
+ * 应用主题预览
+ */
+const applyThemePreview = () => {
+  // 在实际应用中，这里可以实现主题的实时预览功能
+  TMessage.info('主题预览功能已触发，实际应用中会立即应用当前设置');
+};
+
+// 监听设置变化并通知父组件
+watch(
+  formData,
+  (newVal) => {
+    props.settings = { ...newVal };
+  },
+  { deep: true }
+);
+</script>
+
+<style scoped>
+.appearance-settings-form {
+  max-width: 600px;
+}
+
+.color-preview {
+  width: 30px;
+  height: 30px;
+  border-radius: 4px;
+  margin-top: 8px;
+  border: 1px solid var(--t-color-border);
+}
+
+.slider-value {
+  margin-top: 8px;
+  text-align: center;
+  color: var(--t-color-text-secondary);
+  font-size: 12px;
+}
+
+.form-hint {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--t-color-text-secondary);
+}
+
+.background-preview {
+  width: 200px;
+  height: 100px;
+  margin-top: 12px;
+  border-radius: 4px;
+  background-size: cover;
+  background-position: center;
+  border: 1px dashed var(--t-color-border);
+}
+
+.form-actions {
+  margin-top: 30px;
+  display: flex;
+  gap: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/components/settings/GeneralSettings.vue b/packages/renderer/src/views/components/settings/GeneralSettings.vue
new file mode 100644
index 00000000..47436cac
--- /dev/null
+++ b/packages/renderer/src/views/components/settings/GeneralSettings.vue
@@ -0,0 +1,144 @@
+<template>
+  <t-form
+    :data="settings"
+    :rules="formRules"
+    @submit="handleSubmit"
+    class="general-settings-form"
+  >
+    <t-form-item label="应用语言" name="language">
+      <t-select v-model="settings.language">
+        <t-option value="zh-CN" label="简体中文"></t-option>
+        <t-option value="en-US" label="English"></t-option>
+        <t-option value="ja-JP" label="日本語"></t-option>
+      </t-select>
+    </t-form-item>
+
+    <t-form-item label="主题模式" name="themeMode">
+      <t-radio-group v-model="settings.themeMode">
+        <t-radio value="light">浅色模式</t-radio>
+        <t-radio value="dark">深色模式</t-radio>
+        <t-radio value="auto">跟随系统</t-radio>
+      </t-radio-group>
+    </t-form-item>
+
+    <t-form-item label="启动行为" name="startupBehavior">
+      <t-select v-model="settings.startupBehavior">
+        <t-option value="lastSession" label="恢复上次会话"></t-option>
+        <t-option value="dashboard" label="显示仪表盘"></t-option>
+        <t-option value="login" label="显示登录界面"></t-option>
+      </t-select>
+    </t-form-item>
+
+    <t-form-item label="自动检查更新" name="autoCheckUpdates">
+      <t-switch v-model="settings.autoCheckUpdates" />
+      <div class="form-hint">启动时自动检查应用更新</div>
+    </t-form-item>
+
+    <t-form-item label="自动清理缓存" name="autoCleanCache">
+      <t-switch v-model="settings.autoCleanCache" />
+      <t-input-number
+        v-model="settings.cacheRetentionDays"
+        :min="1"
+        :max="90"
+        :disabled="!settings.autoCleanCache"
+        class="cache-days-input"
+      />
+      <span class="cache-days-text">天以上的缓存</span>
+    </t-form-item>
+
+    <t-form-item label="日志级别" name="logLevel">
+      <t-select v-model="settings.logLevel">
+        <t-option value="error" label="仅错误"></t-option>
+        <t-option value="warn" label="警告和错误"></t-option>
+        <t-option value="info" label="信息、警告和错误"></t-option>
+        <t-option value="debug" label="调试模式（详细日志）"></t-option>
+      </t-select>
+    </t-form-item>
+
+    <div class="form-actions">
+      <t-button type="submit" theme="primary">保存设置</t-button>
+      <t-button @click="handleReset" variant="outline">重置</t-button>
+    </div>
+  </t-form>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, toRefs } from 'vue';
+import { TFormProps, TFormItemProps } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+
+const props = defineProps<{
+  settings: Record<string, any>;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update-settings'): void;
+}>();
+
+// 深拷贝初始设置用于重置功能
+const initialSettings = JSON.parse(JSON.stringify(props.settings));
+const formData = reactive({ ...props.settings });
+const settings = toRefs(formData);
+
+// 表单验证规则
+const formRules = {
+  language: [{ required: true, message: '请选择应用语言', type: 'string' }],
+  themeMode: [{ required: true, message: '请选择主题模式', type: 'string' }],
+  startupBehavior: [{ required: true, message: '请选择启动行为', type: 'string' }],
+  logLevel: [{ required: true, message: '请选择日志级别', type: 'string' }],
+};
+
+// 监听设置变化并通知父组件
+watch(
+  formData,
+  (newVal) => {
+    // 实时更新父组件的settings
+    props.settings = { ...newVal };
+  },
+  { deep: true }
+);
+
+/**
+ * 提交表单
+ */
+const handleSubmit = (e: SubmitEvent) => {
+  e.preventDefault();
+  emit('update-settings');
+};
+
+/**
+ * 重置表单到初始状态
+ */
+const handleReset = () => {
+  Object.assign(formData, initialSettings);
+};
+</script>
+
+<style scoped>
+.general-settings-form {
+  max-width: 600px;
+}
+
+.form-hint {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--t-color-text-secondary);
+}
+
+.cache-days-input {
+  width: 100px;
+  display: inline-block;
+  margin: 0 8px;
+}
+
+.cache-days-text {
+  margin-left: 8px;
+  color: var(--t-color-text-secondary);
+}
+
+.form-actions {
+  margin-top: 30px;
+  display: flex;
+  gap: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/components/settings/NetworkSettings.vue b/packages/renderer/src/views/components/settings/NetworkSettings.vue
new file mode 100644
index 00000000..c644f68a
--- /dev/null
+++ b/packages/renderer/src/views/components/settings/NetworkSettings.vue
@@ -0,0 +1,148 @@
+<template>
+  <t-form
+    :data="settings"
+    :rules="formRules"
+    @submit="handleSubmit"
+    class="network-settings-form"
+  >
+    <t-form-item label="代理模式" name="proxyMode">
+      <t-select v-model="settings.proxyMode">
+        <t-option value="noProxy" label="不使用代理"></t-option>
+        <t-option value="systemProxy" label="使用系统代理"></t-option>
+        <t-option value="manualProxy" label="手动配置代理"></t-option>
+      </t-select>
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.proxyMode === 'manualProxy'"
+      label="代理服务器"
+      name="proxyServer"
+    >
+      <t-input v-model="settings.proxyServer" placeholder="例如: http://127.0.0.1:8080" />
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.proxyMode === 'manualProxy'"
+      label="绕过代理主机"
+      name="noProxyHosts"
+    >
+      <t-input
+        v-model="settings.noProxyHosts"
+        placeholder="用逗号分隔，例如: localhost,127.0.0.1"
+      />
+      <div class="form-hint">这些主机将不使用代理连接</div>
+    </t-form-item>
+
+    <t-form-item label="请求超时时间" name="requestTimeout">
+      <t-input-number
+        v-model="settings.requestTimeout"
+        :min="500"
+        :max="30000"
+        :step="100"
+        suffix="毫秒"
+      />
+    </t-form-item>
+
+    <t-form-item label="最大重试次数" name="maxRetryCount">
+      <t-input-number
+        v-model="settings.maxRetryCount"
+        :min="0"
+        :max="10"
+        :step="1"
+      />
+    </t-form-item>
+
+    <t-form-item label="启用数据压缩" name="enableDataCompression">
+      <t-switch v-model="settings.enableDataCompression" />
+      <div class="form-hint">启用后将压缩网络传输数据，减少流量消耗</div>
+    </t-form-item>
+
+    <t-form-item label="长连接保持时间" name="keepAliveTimeout">
+      <t-input-number
+        v-model="settings.keepAliveTimeout"
+        :min="0"
+        :max="300"
+        :step="5"
+        suffix="秒"
+      />
+      <div class="form-hint">设置为0表示禁用长连接</div>
+    </t-form-item>
+
+    <div class="form-actions">
+      <t-button type="submit" theme="primary">保存设置</t-button>
+      <t-button @click="handleReset" variant="outline">重置</t-button>
+    </div>
+  </t-form>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, toRefs } from 'vue';
+import { TFormProps, TFormItemProps } from 'tdesign-vue-next';
+
+const props = defineProps<{
+  settings: Record<string, any>;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update-settings'): void;
+}>();
+
+// 深拷贝初始设置用于重置功能
+const initialSettings = JSON.parse(JSON.stringify(props.settings));
+const formData = reactive({ ...props.settings });
+const settings = toRefs(formData);
+
+// 表单验证规则
+const formRules = {
+  proxyMode: [{ required: true, message: '请选择代理模式', type: 'string' }],
+  proxyServer: [
+    { required: settings.proxyMode.value === 'manualProxy', message: '请输入代理服务器地址', type: 'string' },
+    { type: 'url', message: '请输入有效的URL格式', trigger: 'blur', required: settings.proxyMode.value === 'manualProxy' }
+  ],
+  requestTimeout: [{ required: true, message: '请设置请求超时时间', type: 'number' }],
+  maxRetryCount: [{ required: true, message: '请设置最大重试次数', type: 'number' }],
+};
+
+// 监听设置变化并通知父组件
+watch(
+  formData,
+  (newVal) => {
+    // 实时更新父组件的settings
+    props.settings = { ...newVal };
+  },
+  { deep: true }
+);
+
+/**
+ * 提交表单
+ */
+const handleSubmit = (e: SubmitEvent) => {
+  e.preventDefault();
+  emit('update-settings');
+};
+
+/**
+ * 重置表单到初始状态
+ */
+const handleReset = () => {
+  Object.assign(formData, initialSettings);
+};
+</script>
+
+<style scoped>
+.network-settings-form {
+  max-width: 600px;
+}
+
+.form-hint {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--t-color-text-secondary);
+}
+
+.form-actions {
+  margin-top: 30px;
+  display: flex;
+  gap: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/components/settings/NotificationSettings.vue b/packages/renderer/src/views/components/settings/NotificationSettings.vue
new file mode 100644
index 00000000..595973c0
--- /dev/null
+++ b/packages/renderer/src/views/components/settings/NotificationSettings.vue
@@ -0,0 +1,241 @@
+<template>
+  <t-form
+    :data="settings"
+    @submit="handleSubmit"
+    class="notification-settings-form"
+  >
+    <t-form-item label="启用通知" name="enableNotifications">
+      <t-switch v-model="settings.enableNotifications" />
+      <div class="form-hint">启用后将接收系统通知</div>
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.enableNotifications"
+      label="通知类型"
+      name="notificationTypes"
+    >
+      <t-checkbox-group v-model="settings.notificationTypes">
+        <t-checkbox value="liveStatus" label="直播状态变更"></t-checkbox>
+        <t-checkbox value="newFollower" label="新粉丝通知"></t-checkbox>
+        <t-checkbox value="giftReceived" label="礼物接收通知"></t-checkbox>
+        <t-checkbox value="commentHighlight" label="评论高亮通知"></t-checkbox>
+        <t-checkbox value="systemUpdate" label="系统更新通知"></t-checkbox>
+        <t-checkbox value="errorAlert" label="错误告警通知"></t-checkbox>
+      </t-checkbox-group>
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.enableNotifications"
+      label="通知声音"
+      name="notificationSound"
+    >
+      <t-switch v-model="settings.notificationSound" />
+      <t-select
+        v-if="settings.notificationSound"
+        v-model="settings.soundType"
+        style="width: 200px; margin-left: 16px"
+      >
+        <t-option value="default" label="默认提示音"></t-option>
+        <t-option value="soft" label="轻柔提示音"></t-option>
+        <t-option value="loud" label="响亮提示音"></t-option>
+      </t-select>
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.enableNotifications"
+      label="通知显示时长"
+      name="notificationDuration"
+    >
+      <t-slider
+        v-model="settings.notificationDuration"
+        :min="3"
+        :max="15"
+        :step="1"
+        :marks="{ 3: '3秒', 15: '15秒' }"
+      />
+      <div class="slider-value">{{ settings.notificationDuration }}秒</div>
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.enableNotifications"
+      label="桌面通知权限"
+      name="desktopNotificationPermission"
+    >
+      <t-tag :theme="permissionTheme">{{ permissionStatusText }}</t-tag>
+      <t-button
+        v-if="permissionStatus !== 'granted'"
+        style="margin-left: 16px"
+        @click="requestNotificationPermission"
+      >
+        请求权限
+      </t-button>
+    </t-form-item>
+
+    <t-form-item
+      v-if="settings.enableNotifications"
+      label="免打扰时段"
+      name="doNotDisturb"
+    >
+      <t-switch v-model="settings.doNotDisturb" />
+      <div v-if="settings.doNotDisturb" class="dnd-time-picker">
+        <t-time-picker
+          v-model="settings.dndStartTime"
+          format="HH:mm"
+          :placeholder="'开始时间'"
+        />
+        <span class="time-separator">至</span>
+        <t-time-picker
+          v-model="settings.dndEndTime"
+          format="HH:mm"
+          :placeholder="'结束时间'"
+        />
+      </div>
+    </t-form-item>
+
+    <div class="form-actions">
+      <t-button type="submit" theme="primary">保存设置</t-button>
+      <t-button @click="handleReset" variant="outline">重置</t-button>
+    </div>
+  </t-form>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, toRefs, onMounted } from 'vue';
+import { TMessage, TTag } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+
+const props = defineProps<{
+  settings: Record<string, any>;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update-settings'): void;
+}>();
+
+// 状态管理
+const permissionStatus = ref('default');
+const permissionStatusText = ref('未请求');
+const permissionTheme = ref('default');
+
+// 深拷贝初始设置用于重置功能
+const initialSettings = JSON.parse(JSON.stringify(props.settings));
+const formData = reactive({ ...props.settings });
+const settings = toRefs(formData);
+
+/**
+ * 获取通知权限状态
+ */
+const checkNotificationPermission = async () => {
+  try {
+    const response = await ipcRenderer.invoke('notification:getPermissionStatus');
+    if (response.success) {
+      updatePermissionStatus(response.data);
+    }
+  } catch (error) {
+    console.error('Error checking notification permission:', error);
+  }
+};
+
+/**
+ * 请求通知权限
+ */
+const requestNotificationPermission = async () => {
+  try {
+    const response = await ipcRenderer.invoke('notification:requestPermission');
+    if (response.success) {
+      updatePermissionStatus(response.data);
+      TMessage.success('通知权限已授予');
+    } else {
+      TMessage.error('获取通知权限失败');
+    }
+  } catch (error) {
+    TMessage.error(`请求权限失败: ${(error as Error).message}`);
+  }
+};
+
+/**
+ * 更新权限状态显示
+ */
+const updatePermissionStatus = (status: string) => {
+  permissionStatus.value = status;
+  switch (status) {
+    case 'granted':
+      permissionStatusText.value = '已允许';
+      permissionTheme.value = 'success';
+      break;
+    case 'denied':
+      permissionStatusText.value = '已拒绝';
+      permissionTheme.value = 'danger';
+      break;
+    default:
+      permissionStatusText.value = '未请求';
+      permissionTheme.value = 'default';
+  }
+};
+
+/**
+ * 提交表单
+ */
+const handleSubmit = (e: SubmitEvent) => {
+  e.preventDefault();
+  emit('update-settings');
+};
+
+/**
+ * 重置表单到初始状态
+ */
+const handleReset = () => {
+  Object.assign(formData, initialSettings);
+};
+
+// 监听设置变化并通知父组件
+watch(
+  formData,
+  (newVal) => {
+    // 实时更新父组件的settings
+    props.settings = { ...newVal };
+  },
+  { deep: true }
+);
+
+// 组件挂载时检查权限状态
+onMounted(() => {
+  checkNotificationPermission();
+});
+</script>
+
+<style scoped>
+.notification-settings-form {
+  max-width: 600px;
+}
+
+.form-hint {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--t-color-text-secondary);
+}
+
+.dnd-time-picker {
+  display: flex;
+  align-items: center;
+  margin-top: 12px;
+}
+
+.time-separator {
+  margin: 0 12px;
+  color: var(--t-color-text-secondary);
+}
+
+.slider-value {
+  margin-top: 8px;
+  text-align: center;
+  color: var(--t-color-text-secondary);
+  font-size: 12px;
+}
+
+.form-actions {
+  margin-top: 30px;
+  display: flex;
+  gap: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/components/settings/ShortcutInput.vue b/packages/renderer/src/views/components/settings/ShortcutInput.vue
new file mode 100644
index 00000000..e31963d4
--- /dev/null
+++ b/packages/renderer/src/views/components/settings/ShortcutInput.vue
@@ -0,0 +1,265 @@
+<template>
+  <div class="shortcut-input-container">
+    <t-input
+      v-model="displayValue"
+      :readonly="true"
+      :placeholder="placeholder"
+      class="shortcut-input"
+      @focus="startListening"
+    />
+    <t-tooltip :content="helpText" placement="right">
+      <t-icon name="question-circle" class="help-icon" />
+    </t-tooltip>
+    <t-button
+      v-if="isListening"
+      theme="danger"
+      size="small"
+      class="cancel-button"
+      @click="stopListening(false)"
+    >
+      取消
+    </t-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, onBeforeUnmount, computed } from 'vue';
+import { TMessage } from 'tdesign-vue-next';
+
+const props = defineProps<{
+  modelValue: string;
+  placeholder?: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string): void;
+}>();
+
+// 状态管理
+const displayValue = ref('');
+const isListening = ref(false);
+const helpText = ref('点击输入框开始录制快捷键');
+const placeholder = ref(props.placeholder || '按ESC取消，点击输入框开始录制');
+const modifierKeys = ref<Record<string, boolean>>({
+  ctrl: false,
+  shift: false,
+  alt: false,
+  meta: false
+});
+const keyCode = ref('');
+
+// 格式化快捷键显示文本
+const formatShortcutText = (shortcut: string): string => {
+  if (!shortcut) return '';
+  const parts = shortcut.split('+');
+  return parts.map(part => {
+    switch (part.toLowerCase()) {
+      case 'ctrl': return 'Ctrl';
+      case 'shift': return 'Shift';
+      case 'alt': return 'Alt';
+      case 'meta': return 'Win';
+      default: return part.toUpperCase();
+    }
+  }).join('+');
+};
+
+// 监听props变化更新显示
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    displayValue.value = formatShortcutText(newVal);
+  },
+  { immediate: true }
+);
+
+/**
+ * 开始监听快捷键输入
+ */
+const startListening = () => {
+  if (isListening.value) return;
+
+  isListening.value = true;
+  displayValue.value = '请按下快捷键...';
+  helpText.value = '按下ESC取消录制，支持Ctrl/Shift/Alt/Win组合键';
+
+  // 重置状态
+  modifierKeys.value = {
+    ctrl: false,
+    shift: false,
+    alt: false,
+    meta: false
+  };
+  keyCode.value = '';
+
+  // 添加事件监听
+  document.addEventListener('keydown', handleKeyDown);
+  document.addEventListener('keyup', handleKeyUp);
+};
+
+/**
+ * 停止监听快捷键输入
+ */
+const stopListening = (saveValue = true) => {
+  if (!isListening.value) return;
+
+  isListening.value = false;
+  helpText.value = '点击输入框开始录制快捷键';
+  displayValue.value = saveValue ? formatShortcutText(props.modelValue) : displayValue.value;
+
+  // 移除事件监听
+  document.removeEventListener('keydown', handleKeyDown);
+  document.removeEventListener('keyup', handleKeyUp);
+};
+
+/**
+ * 处理按键按下事件
+ */
+const handleKeyDown = (e: KeyboardEvent) => {
+  e.preventDefault();
+  e.stopPropagation();
+
+  // ESC键取消
+  if (e.key === 'Escape') {
+    stopListening(false);
+    return;
+  }
+
+  // 更新修饰键状态
+  modifierKeys.value.ctrl = e.ctrlKey;
+  modifierKeys.value.shift = e.shiftKey;
+  modifierKeys.value.alt = e.altKey;
+  modifierKeys.value.meta = e.metaKey;
+
+  // 过滤掉只按下修饰键的情况
+  const key = getValidKey(e.key);
+  if (!key) {
+    return;
+  }
+
+  keyCode.value = key;
+  updateDisplayValue();
+};
+
+/**
+ * 处理按键释放事件
+ */
+const handleKeyUp = (e: KeyboardEvent) => {
+  e.preventDefault();
+  e.stopPropagation();
+
+  // 只有在有有效按键时才保存
+  if (keyCode.value) {
+    saveShortcut();
+  }
+};
+
+/**
+ * 获取有效的按键名称
+ */
+const getValidKey = (key: string): string => {
+  // 过滤修饰键
+  if (['Control', 'Shift', 'Alt', 'Meta', ''].includes(key)) {
+    return '';
+  }
+
+  // 特殊键映射
+  const keyMap: Record<string, string> = {
+    'ArrowUp': 'Up',
+    'ArrowDown': 'Down',
+    'ArrowLeft': 'Left',
+    'ArrowRight': 'Right',
+    'Enter': 'Enter',
+    'Backspace': 'Backspace',
+    'Delete': 'Delete',
+    'Tab': 'Tab',
+    'Space': 'Space',
+    'Escape': 'Escape',
+    'Home': 'Home',
+    'End': 'End',
+    'PageUp': 'PageUp',
+    'PageDown': 'PageDown',
+    'F1': 'F1',
+    'F2': 'F2',
+    'F3': 'F3',
+    'F4': 'F4',
+    'F5': 'F5',
+    'F6': 'F6',
+    'F7': 'F7',
+    'F8': 'F8',
+    'F9': 'F9',
+    'F10': 'F10',
+    'F11': 'F11',
+    'F12': 'F12'
+  };
+
+  return keyMap[key] || key;
+};
+
+/**
+ * 更新显示值
+ */
+const updateDisplayValue = () => {
+  const parts: string[] = [];
+
+  if (modifierKeys.value.ctrl) parts.push('Ctrl');
+  if (modifierKeys.value.shift) parts.push('Shift');
+  if (modifierKeys.value.alt) parts.push('Alt');
+  if (modifierKeys.value.meta) parts.push('Win');
+  if (keyCode.value) parts.push(keyCode.value);
+
+  displayValue.value = parts.join('+') || '请按下快捷键...';
+};
+
+/**
+ * 保存快捷键设置
+ */
+const saveShortcut = () => {
+  const parts: string[] = [];
+
+  if (modifierKeys.value.ctrl) parts.push('ctrl');
+  if (modifierKeys.value.shift) parts.push('shift');
+  if (modifierKeys.value.alt) parts.push('alt');
+  if (modifierKeys.value.meta) parts.push('meta');
+  if (keyCode.value) parts.push(keyCode.value.toLowerCase());
+
+  // 至少需要一个修饰键和一个普通键
+  if (parts.length < 2) {
+    TMessage.warning('快捷键至少需要一个修饰键和一个普通键');
+    stopListening(false);
+    return;
+  }
+
+  const shortcut = parts.join('+');
+  emit('update:modelValue', shortcut);
+  TMessage.success('快捷键设置成功');
+  stopListening(true);
+};
+
+// 组件销毁前确保移除事件监听
+onBeforeUnmount(() => {
+  if (isListening.value) {
+    stopListening(false);
+  }
+});
+</script>
+
+<style scoped>
+.shortcut-input-container {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.shortcut-input {
+  flex: 1;
+}
+
+.help-icon {
+  color: var(--t-color-text-secondary);
+  cursor: help;
+}
+
+.cancel-button {
+  width: 60px;
+}
+</style>
\ No newline at end of file
diff --git a/packages/renderer/src/views/components/settings/ShortcutSettings.vue b/packages/renderer/src/views/components/settings/ShortcutSettings.vue
new file mode 100644
index 00000000..2d966a7f
--- /dev/null
+++ b/packages/renderer/src/views/components/settings/ShortcutSettings.vue
@@ -0,0 +1,139 @@
+<template>
+  <t-form
+    :data="settings"
+    @submit="handleSubmit"
+    class="shortcut-settings-form"
+  >
+    <div class="section-title">全局快捷键</div>
+    <div class="shortcut-description">应用程序级别的全局快捷键，在任何界面都可使用</div>
+
+    <t-form-item label="显示主窗口" name="showMainWindow">
+      <shortcut-input v-model="settings.shortcuts.showMainWindow" />
+    </t-form-item>
+
+    <t-form-item label="隐藏主窗口" name="hideMainWindow">
+      <shortcut-input v-model="settings.shortcuts.hideMainWindow" />
+    </t-form-item>
+
+    <t-form-item label="退出应用" name="exitApp">
+      <shortcut-input v-model="settings.shortcuts.exitApp" />
+    </t-form-item>
+
+    <t-form-item label="打开设置" name="openSettings">
+      <shortcut-input v-model="settings.shortcuts.openSettings" />
+    </t-form-item>
+
+    <div class="section-divider"></div>
+
+    <div class="section-title">直播控制快捷键</div>
+    <div class="shortcut-description">在直播管理界面使用的快捷键</div>
+
+    <t-form-item label="开始直播" name="startStream">
+      <shortcut-input v-model="settings.shortcuts.startStream" />
+    </t-form-item>
+
+    <t-form-item label="停止直播" name="stopStream">
+      <shortcut-input v-model="settings.shortcuts.stopStream" />
+    </t-form-item>
+
+    <t-form-item label="暂停直播" name="pauseStream">
+      <shortcut-input v-model="settings.shortcuts.pauseStream" />
+    </t-form-item>
+
+    <t-form-item label="刷新推流码" name="refreshStreamKey">
+      <shortcut-input v-model="settings.shortcuts.refreshStreamKey" />
+    </t-form-item>
+
+    <div class="section-divider"></div>
+
+    <div class="form-actions">
+      <t-button type="submit" theme="primary">保存快捷键设置</t-button>
+      <t-button @click="resetToDefault" variant="outline">恢复默认快捷键</t-button>
+    </div>
+  </t-form>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, toRefs } from 'vue';
+import { TMessage } from 'tdesign-vue-next';
+import { ipcRenderer } from 'electron';
+import ShortcutInput from './ShortcutInput.vue';
+
+const props = defineProps<{
+  settings: Record<string, any>;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update-settings'): void;
+}>();
+
+// 深拷贝初始设置用于重置功能
+const initialSettings = JSON.parse(JSON.stringify(props.settings));
+const formData = reactive({ ...props.settings });
+const settings = toRefs(formData);
+
+// 监听设置变化并更新父组件数据
+watch(
+  formData,
+  (newVal) => {
+    props.settings.shortcuts = { ...newVal.shortcuts };
+  },
+  { deep: true }
+);
+
+/**
+ * 提交表单
+ */
+const handleSubmit = (e: SubmitEvent) => {
+  e.preventDefault();
+  emit('update-settings');
+};
+
+/**
+ * 恢复默认快捷键设置
+ */
+const resetToDefault = async () => {
+  try {
+    const response = await ipcRenderer.invoke('systemSettings:resetToDefault', 'shortcuts');
+    if (response.success) {
+      Object.assign(formData.shortcuts, response.data.shortcuts);
+      TMessage.success('已恢复默认快捷键设置');
+    } else {
+      TMessage.error(`恢复默认设置失败: ${response.error}`);
+    }
+  } catch (error) {
+    TMessage.error(`操作失败: ${(error as Error).message}`);
+  }
+};
+</script>
+
+<style scoped>
+.shortcut-settings-form {
+  max-width: 600px;
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 24px 0 8px;
+  color: var(--t-color-text-primary);
+}
+
+.shortcut-description {
+  font-size: 12px;
+  color: var(--t-color-text-secondary);
+  margin-bottom: 16px;
+}
+
+.section-divider {
+  height: 1px;
+  background-color: var(--t-color-border);
+  margin: 16px 0;
+}
+
+.form-actions {
+  margin-top: 30px;
+  display: flex;
+  gap: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0d7d1025..ec80fd8e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ importers:
       archiver:
         specifier: ^7.0.1
         version: 7.0.1
+      better-sqlite3:
+        specifier: ^12.2.0
+        version: 12.2.0
       conf:
         specifier: ^14.0.0
         version: 14.0.0
@@ -386,6 +389,13 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==, tarball: https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz}
 
+  better-sqlite3@12.2.0:
+    resolution: {integrity: sha512-eGbYq2CT+tos1fBwLQ/tkBt9J5M3JEHjku4hbvQUePCckkvVf14xWj+1m7dGoK81M/fOjFT7yM9UMeKT/+vFLQ==, tarball: https://registry.npmmirror.com/better-sqlite3/-/better-sqlite3-12.2.0.tgz}
+    engines: {node: 20.x || 22.x || 23.x || 24.x}
+
+  bindings@1.5.0:
+    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==, tarball: https://registry.npmmirror.com/bindings/-/bindings-1.5.0.tgz}
+
   bl@4.1.0:
     resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==, tarball: https://registry.npmmirror.com/bl/-/bl-4.1.0.tgz}
 
@@ -457,6 +467,9 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==, tarball: https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz}
     engines: {node: '>=10'}
 
+  chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==, tarball: https://registry.npmmirror.com/chownr/-/chownr-1.1.4.tgz}
+
   chownr@2.0.0:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==, tarball: https://registry.npmmirror.com/chownr/-/chownr-2.0.0.tgz}
     engines: {node: '>=10'}
@@ -590,6 +603,10 @@ packages:
     resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==, tarball: https://registry.npmmirror.com/decompress-response/-/decompress-response-6.0.0.tgz}
     engines: {node: '>=10'}
 
+  deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==, tarball: https://registry.npmmirror.com/deep-extend/-/deep-extend-0.6.0.tgz}
+    engines: {node: '>=4.0.0'}
+
   defaults@1.0.4:
     resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==, tarball: https://registry.npmmirror.com/defaults/-/defaults-1.0.4.tgz}
 
@@ -758,6 +775,10 @@ packages:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==, tarball: https://registry.npmmirror.com/events/-/events-3.3.0.tgz}
     engines: {node: '>=0.8.x'}
 
+  expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==, tarball: https://registry.npmmirror.com/expand-template/-/expand-template-2.0.3.tgz}
+    engines: {node: '>=6'}
+
   exponential-backoff@3.1.2:
     resolution: {integrity: sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==, tarball: https://registry.npmmirror.com/exponential-backoff/-/exponential-backoff-3.1.2.tgz}
 
@@ -789,6 +810,9 @@ packages:
   fd-slicer@1.1.0:
     resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==, tarball: https://registry.npmmirror.com/fd-slicer/-/fd-slicer-1.1.0.tgz}
 
+  file-uri-to-path@1.0.0:
+    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==, tarball: https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz}
+
   filelist@1.0.4:
     resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==, tarball: https://registry.npmmirror.com/filelist/-/filelist-1.0.4.tgz}
 
@@ -812,6 +836,9 @@ packages:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==, tarball: https://registry.npmmirror.com/fresh/-/fresh-2.0.0.tgz}
     engines: {node: '>= 0.8'}
 
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==, tarball: https://registry.npmmirror.com/fs-constants/-/fs-constants-1.0.0.tgz}
+
   fs-extra@10.1.0:
     resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==, tarball: https://registry.npmmirror.com/fs-extra/-/fs-extra-10.1.0.tgz}
     engines: {node: '>=12'}
@@ -863,6 +890,9 @@ packages:
     resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==, tarball: https://registry.npmmirror.com/get-stream/-/get-stream-5.2.0.tgz}
     engines: {node: '>=8'}
 
+  github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==, tarball: https://registry.npmmirror.com/github-from-package/-/github-from-package-0.0.0.tgz}
+
   glob@10.4.5:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==, tarball: https://registry.npmmirror.com/glob/-/glob-10.4.5.tgz}
     hasBin: true
@@ -987,6 +1017,9 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==, tarball: https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz}
 
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==, tarball: https://registry.npmmirror.com/ini/-/ini-1.3.8.tgz}
+
   ini@5.0.0:
     resolution: {integrity: sha512-+N0ngpO3e7cRUWOJAS7qw0IZIVc6XPrW4MlFBdD066F2L4k1L6ker3hLqSq7iXxU5tgS4WGkIUElWn5vogAEnw==, tarball: https://registry.npmmirror.com/ini/-/ini-5.0.0.tgz}
     engines: {node: ^18.17.0 || >=20.5.0}
@@ -1236,6 +1269,9 @@ packages:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==, tarball: https://registry.npmmirror.com/minizlib/-/minizlib-2.1.2.tgz}
     engines: {node: '>= 8'}
 
+  mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==, tarball: https://registry.npmmirror.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz}
+
   mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==, tarball: https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz}
     hasBin: true
@@ -1248,6 +1284,9 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==, tarball: https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz}
 
+  napi-build-utils@2.0.0:
+    resolution: {integrity: sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==, tarball: https://registry.npmmirror.com/napi-build-utils/-/napi-build-utils-2.0.0.tgz}
+
   negotiator@0.6.4:
     resolution: {integrity: sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==, tarball: https://registry.npmmirror.com/negotiator/-/negotiator-0.6.4.tgz}
     engines: {node: '>= 0.6'}
@@ -1403,6 +1442,11 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
+  prebuild-install@7.1.3:
+    resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==, tarball: https://registry.npmmirror.com/prebuild-install/-/prebuild-install-7.1.3.tgz}
+    engines: {node: '>=10'}
+    hasBin: true
+
   proc-log@2.0.1:
     resolution: {integrity: sha512-Kcmo2FhfDTXdcbfDH76N7uBYHINxc/8GW7UAVuVP9I+Va3uHSerrnKV6dLooga/gh7GlgzuCCr/eoldnL1muGw==, tarball: https://registry.npmmirror.com/proc-log/-/proc-log-2.0.1.tgz}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -1461,6 +1505,10 @@ packages:
     resolution: {integrity: sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==, tarball: https://registry.npmmirror.com/raw-body/-/raw-body-3.0.0.tgz}
     engines: {node: '>= 0.8'}
 
+  rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==, tarball: https://registry.npmmirror.com/rc/-/rc-1.2.8.tgz}
+    hasBin: true
+
   read-binary-file-arch@1.0.6:
     resolution: {integrity: sha512-BNg9EN3DD3GsDXX7Aa8O4p92sryjkmzYYgmgTAc6CA4uGLEDzFfxOxugu21akOxpcXHiEgsYkC6nPsQvLLLmEg==, tarball: https://registry.npmmirror.com/read-binary-file-arch/-/read-binary-file-arch-1.0.6.tgz}
     hasBin: true
@@ -1600,6 +1648,12 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==, tarball: https://registry.npmmirror.com/signal-exit/-/signal-exit-4.1.0.tgz}
     engines: {node: '>=14'}
 
+  simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==, tarball: https://registry.npmmirror.com/simple-concat/-/simple-concat-1.0.1.tgz}
+
+  simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==, tarball: https://registry.npmmirror.com/simple-get/-/simple-get-4.0.1.tgz}
+
   simple-update-notifier@2.0.0:
     resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==, tarball: https://registry.npmmirror.com/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz}
     engines: {node: '>=10'}
@@ -1683,6 +1737,10 @@ packages:
     resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==, tarball: https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.1.0.tgz}
     engines: {node: '>=12'}
 
+  strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==, tarball: https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz}
+    engines: {node: '>=0.10.0'}
+
   stubborn-fs@1.2.5:
     resolution: {integrity: sha512-H2N9c26eXjzL/S/K+i/RHHcFanE74dptvvjM8iwzwbVcWY/zjBbgRqF3K0DY4+OD+uTTASTBvDoxPDaPN02D7g==, tarball: https://registry.npmmirror.com/stubborn-fs/-/stubborn-fs-1.2.5.tgz}
 
@@ -1694,6 +1752,13 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==, tarball: https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz}
     engines: {node: '>=8'}
 
+  tar-fs@2.1.3:
+    resolution: {integrity: sha512-090nwYJDmlhwFwEW3QQl+vaNnxsO2yVsd45eTKRBzSzu+hlb1w2K9inVq5b0ngXuLVqQ4ApvsUHHnu/zQNkWAg==, tarball: https://registry.npmmirror.com/tar-fs/-/tar-fs-2.1.3.tgz}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==, tarball: https://registry.npmmirror.com/tar-stream/-/tar-stream-2.2.0.tgz}
+    engines: {node: '>=6'}
+
   tar-stream@3.1.7:
     resolution: {integrity: sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==, tarball: https://registry.npmmirror.com/tar-stream/-/tar-stream-3.1.7.tgz}
 
@@ -1728,6 +1793,9 @@ packages:
   truncate-utf8-bytes@1.0.2:
     resolution: {integrity: sha512-95Pu1QXQvruGEhv62XCMO3Mm90GscOCClvrIUwCM0PYOXK3kaF3l3sIHxx71ThJfcbM2O5Au6SO3AWCSEfW4mQ==, tarball: https://registry.npmmirror.com/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz}
 
+  tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==, tarball: https://registry.npmmirror.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz}
+
   type-fest@0.13.1:
     resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==, tarball: https://registry.npmmirror.com/type-fest/-/type-fest-0.13.1.tgz}
     engines: {node: '>=10'}
@@ -2324,6 +2392,15 @@ snapshots:
 
   base64-js@1.5.1: {}
 
+  better-sqlite3@12.2.0:
+    dependencies:
+      bindings: 1.5.0
+      prebuild-install: 7.1.3
+
+  bindings@1.5.0:
+    dependencies:
+      file-uri-to-path: 1.0.0
+
   bl@4.1.0:
     dependencies:
       buffer: 5.7.1
@@ -2455,6 +2532,8 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  chownr@1.1.4: {}
+
   chownr@2.0.0: {}
 
   chromium-pickle-js@0.2.0: {}
@@ -2579,6 +2658,8 @@ snapshots:
     dependencies:
       mimic-response: 3.1.0
 
+  deep-extend@0.6.0: {}
+
   defaults@1.0.4:
     dependencies:
       clone: 1.0.4
@@ -2790,6 +2871,8 @@ snapshots:
 
   events@3.3.0: {}
 
+  expand-template@2.0.3: {}
+
   exponential-backoff@3.1.2: {}
 
   express@5.1.0:
@@ -2849,6 +2932,8 @@ snapshots:
     dependencies:
       pend: 1.2.0
 
+  file-uri-to-path@1.0.0: {}
+
   filelist@1.0.4:
     dependencies:
       minimatch: 5.1.6
@@ -2881,6 +2966,8 @@ snapshots:
 
   fresh@2.0.0: {}
 
+  fs-constants@1.0.0: {}
+
   fs-extra@10.1.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -2947,6 +3034,8 @@ snapshots:
     dependencies:
       pump: 3.0.3
 
+  github-from-package@0.0.0: {}
+
   glob@10.4.5:
     dependencies:
       foreground-child: 3.3.1
@@ -3114,6 +3203,8 @@ snapshots:
 
   inherits@2.0.4: {}
 
+  ini@1.3.8: {}
+
   ini@5.0.0: {}
 
   ip-address@10.0.1: {}
@@ -3330,6 +3421,8 @@ snapshots:
       minipass: 3.3.6
       yallist: 4.0.0
 
+  mkdirp-classic@0.5.3: {}
+
   mkdirp@0.5.6:
     dependencies:
       minimist: 1.2.8
@@ -3338,6 +3431,8 @@ snapshots:
 
   ms@2.1.3: {}
 
+  napi-build-utils@2.0.0: {}
+
   negotiator@0.6.4: {}
 
   negotiator@1.0.0: {}
@@ -3477,6 +3572,21 @@ snapshots:
       commander: 9.5.0
     optional: true
 
+  prebuild-install@7.1.3:
+    dependencies:
+      detect-libc: 2.0.4
+      expand-template: 2.0.3
+      github-from-package: 0.0.0
+      minimist: 1.2.8
+      mkdirp-classic: 0.5.3
+      napi-build-utils: 2.0.0
+      node-abi: 3.75.0
+      pump: 3.0.3
+      rc: 1.2.8
+      simple-get: 4.0.1
+      tar-fs: 2.1.3
+      tunnel-agent: 0.6.0
+
   proc-log@2.0.1: {}
 
   proc-log@5.0.0: {}
@@ -3521,6 +3631,13 @@ snapshots:
       iconv-lite: 0.6.3
       unpipe: 1.0.0
 
+  rc@1.2.8:
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.8
+      strip-json-comments: 2.0.1
+
   read-binary-file-arch@1.0.6:
     dependencies:
       debug: 4.4.1
@@ -3695,6 +3812,14 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
+  simple-concat@1.0.1: {}
+
+  simple-get@4.0.1:
+    dependencies:
+      decompress-response: 6.0.0
+      once: 1.4.0
+      simple-concat: 1.0.1
+
   simple-update-notifier@2.0.0:
     dependencies:
       semver: 7.7.2
@@ -3790,6 +3915,8 @@ snapshots:
     dependencies:
       ansi-regex: 6.2.0
 
+  strip-json-comments@2.0.1: {}
+
   stubborn-fs@1.2.5: {}
 
   sumchecker@3.0.1:
@@ -3802,6 +3929,21 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
+  tar-fs@2.1.3:
+    dependencies:
+      chownr: 1.1.4
+      mkdirp-classic: 0.5.3
+      pump: 3.0.3
+      tar-stream: 2.2.0
+
+  tar-stream@2.2.0:
+    dependencies:
+      bl: 4.1.0
+      end-of-stream: 1.4.5
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
   tar-stream@3.1.7:
     dependencies:
       b4a: 1.6.7
@@ -3847,6 +3989,10 @@ snapshots:
     dependencies:
       utf8-byte-length: 1.0.5
 
+  tunnel-agent@0.6.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
   type-fest@0.13.1:
     optional: true
 
diff --git "a/\351\234\200\346\261\202\346\226\207\346\241\243/\346\225\264\345\220\210\351\234\200\346\261\202\346\226\207\346\241\243.md" "b/\351\234\200\346\261\202\346\226\207\346\241\243/\346\225\264\345\220\210\351\234\200\346\261\202\346\226\207\346\241\243.md"
new file mode 100644
index 00000000..b15ce0a5
--- /dev/null
+++ "b/\351\234\200\346\261\202\346\226\207\346\241\243/\346\225\264\345\220\210\351\234\200\346\261\202\346\226\207\346\241\243.md"
@@ -0,0 +1,733 @@
+# ACFUN直播工具箱整合需求文档（字节跳动标准）
+
+## 一、项目概述
+ACFUN直播工具箱是一款基于Electron开发的跨平台直播辅助工具，支持Windows、macOS和Linux系统。工具采用"应用主程序+小程序"架构，主程序提供稳定可靠的核心直播管理功能，小程序系统提供丰富多样的扩展能力，为ACFUN直播平台的主播提供高效、灵活的直播辅助解决方案。
+
+### 1.1 产品定位
+- **目标用户**：ACFUN平台主播（个人主播、机构主播、签约主播）
+- **核心价值**：简化直播流程、增强观众互动、提供数据洞察、支持功能扩展
+- **产品形态**：桌面应用程序（Electron）+小程序生态
+- **技术架构**：分层架构设计，一个主进程+渲染进程+多个window实例（小程序）
+
+### 1.2 核心优势
+- **开源免费**：降低主播使用门槛，支持社区贡献
+- **跨平台支持**：覆盖主流操作系统，满足不同主播的设备需求
+- **模块化设计**：核心功能稳定可靠，扩展功能灵活可选
+- **性能优化**：针对直播场景优化资源占用，确保直播流畅性
+
+### 1.3 后端技术架构
+
+#### 1.3.1 总体架构
+ACFUN直播工具箱后端采用分层架构设计，基于Electron框架实现跨平台支持,采用模块化设计理念,将核心功能与扩展能力分离。
+
+- **核心层**:包含应用基础模块、配置管理、日志系统等基础设施
+- **服务层**:实现弹幕处理、推流管理、小程序系统等核心业务功能
+- **API层**:提供统一的接口供渲染进程和小程序调用
+- **通信层**:处理进程间通信、网络请求和实时数据流
+
+#### 1.3.2 技术栈
+- 基础框架:Electron
+- 语言:TypeScript
+- 服务器:Express
+- 进程通信:IPC、WebSocket、EventSource
+- 数据存储:本地文件系统、electron-data
+
+### 1.3.3 核心模块设计
+
+#### 应用生命周期管理
+
+#####模块系统
+应用模块接口定义了标准化的模块启用方法，所有模块需实现enable接口以接收上下文信息并完成初始化。
+
+- ModuleRunner负责初始化和管理所有应用模块
+
+#####初始化流程
+应用初始化流程通过模块运行器依次加载核心功能模块，包括单实例控制、窗口生命周期管理、硬件加速配置、自动更新和弹幕系统等，确保各组件按序完成初始化。
+
+#### 弹幕系统模块
+- 采用子进程模式运行,确保弹幕处理不影响主进程稳定性
+- 支持WebSocket和TCP两种连接模式,提高连接可靠性
+- 提供完整的配置管理和日志收集机制
+- 实现弹幕流接收、存储、分发。支持同时接收/分发多个直播间弹幕流。
+- 接受的弹幕同步使用sqlite数据库存储，支持增量更新。
+- 支持历史弹幕查询
+
+核心实现代码示例:
+弹幕系统模块包含存储和分发逻辑：存储逻辑将全量弹幕保存到sqlite数据库中，支持增量更新。分发逻辑根据收到的直播间ID将弹幕分发给对应的小程序。设置超时机制，如果弹幕对应的直播间ID不属于登陆者本人，则在一段时间没有小程序请求该直播间弹幕之后关闭对应直播间ID弹幕流
+
+**核心API接口:**
+- `GET /api/danmu/connect`: 建立弹幕连接
+- `GET /api/danmu/disconnect`: 断开弹幕连接
+- `GET /api/events/danmu`: 获取实时弹幕流(SSE)
+- `GET /api/danmu/history`: 获取历史弹幕
+- `GET /api/danmu/config`: 获取弹幕配置
+- `POST /api/danmu/config`: 更新弹幕配置
+
+**对应需求:**
+- 性能需求: 弹幕处理能力≥1000条/秒
+
+
+#### 窗口管理
+- 基于Electron BrowserWindow实现
+- 用于管理支持窗口打开的小程序窗口
+- 支持多窗口管理和窗口间通信
+- 延迟初始化机制确保IPC事件处理器已注册
+- 窗口创建和配置分离,通过WindowOptions接口实现灵活配置
+- 支持窗口状态持久化(位置、大小、最大化状态)
+
+#### 小程序管理
+- 实现应用生命周期管理
+- 支持模块化加载和卸载
+- 提供小程序配置持久化存储
+
+小程序管理器采用事件驱动架构，通过扫描指定目录加载小程序配置，维护小程序注册表和窗口映射关系，提供小程序生命周期管理和跨进程通信能力。
+
+### 1.3.4 通信机制
+
+#### 进程间通信
+- 使用Electron的ipcMain和ipcRenderer实现主进程与渲染进程通信
+- 定义标准化的API接口,支持异步调用和错误处理
+
+进程间通信API采用Electron的ipcMain机制实现，提供弹幕模块启停等核心功能的跨进程调用接口，包含错误处理和状态返回机制。
+
+#### 实时数据流
+- 使用EventSource实现单向实时数据流(如弹幕流)
+- 支持心跳机制和断线重连策略
+- 基于HTTP长连接,减少资源消耗
+
+HTTP服务器模块实现了基于EventSource的服务器推送功能，通过建立持久连接向客户端推送实时事件数据流，包含连接管理、事件发布和资源清理机制。
+
+### 1.3.5 存储系统设计
+
+#### 配置管理
+- 基于electron-data实现跨平台配置存储
+- 支持配置文件备份和恢复
+- 配置变更实时生效机制
+配置管理器基于electron-data实现跨平台配置存储，支持自定义路径、自动保存和格式化存储，提供配置目录创建、初始化和错误处理功能。
+
+####数据管理
+- 单例模式实现的数据管理器
+- 支持应用数据的CRUD操作
+- 数据变更通知机制
+
+数据管理器采用单例模式设计，提供键值对数据存储和变更通知机制，支持数据监听和事件驱动的数据更新，确保应用状态一致性。
+
+#### 日志系统
+- 基于EventEmitter实现的日志管理器
+- 支持多来源日志分类管理
+- 文件日志(按日期轮转)和内存日志(限制1000条)双存储机制
+- 日志级别控制(info/debug/error/warn)
+
+日志管理器基于事件驱动架构，实现多来源日志分类管理，采用文件日志（按日期轮转）和内存日志（限制1000条）双存储机制，支持日志级别控制和日志添加事件通知。
+
+### 1.3.6 HTTP服务器与API设计
+
+#### 服务器架构
+- 基于Express实现的轻量级HTTP服务器
+- 支持静态资源托管和API路由
+- 动态路由注册机制,支持模块化扩展
+
+HTTP服务器管理模块基于Express框架构建轻量级服务器，支持静态资源托管和API路由，实现动态路由注册机制和模块化扩展，提供服务器初始化和端口配置功能。
+
+#### API设计原则
+- RESTful API设计风格
+-统一的响应格式({success: boolean, data?: any, error?: string})
+-完善的错误处理
+-权限验证机制
+
+### 1.3.7 性能优化策略
+
+#### 资源管理
+- 子进程隔离CPU密集型任务(弹幕处理≥1000条/秒)
+- 延迟加载非核心模块(首屏加载≤3个核心模块)
+- 资源使用限制(单小程序内存≤100MB,CPU占用≤5%)
+- 实现代码:
+性能优化采用子进程隔离机制处理CPU密集型任务，如弹幕处理（≥1000条/秒），通过设置5MB缓冲区限制和独立进程资源，避免影响主进程稳定性。
+
+#### 网络优化
+- 请求合并减少网络往返(批量API请求合并≤100ms延迟)
+- 数据缓存策略(内存缓存TTL=5分钟,磁盘缓存TTL=24小时)
+- 长连接复用(WebSocket连接池大小=5,EventSource复用率≥90%)
+
+#### 渲染优化
+- 虚拟列表处理大数据渲染(弹幕列表可视区域渲染≤50条)
+- 图片懒加载和压缩(WebP格式,质量70%,预加载视口内图片)
+- 避免不必要的重绘(使用CSS containment,减少DOM操作)
+- 避免不必要的UI更新
+
+### 1.3.8 安全性设计
+
+- 主进程与渲染进程严格隔离
+- 直播码定期刷新
+- IPC通信权限验证
+
+### 1.3.9 小程序设计
+
+#### 1.3.9.1 模块系统
+- 标准化的AppModule接口
+- 动态模块加载机制
+- 模块依赖管理
+
+#### 1.3.9.2 小程序架构
+- 小程序运行时环境
+- 标准化通信接口
+
+#### 1.3.9.3 小程序系统
+- **插件注册机制**: 基于manifest.json声明式注册，支持静态和动态注册
+小程序系统采用声明式注册机制，通过manifest.json定义插件元数据和钩子函数，支持静态和动态注册，实现小程序启动/关闭、直播开始/结束等关键节点的功能扩展。
+- **钩子函数扩展点**: 主程序启动/关闭、直播开始/结束、弹幕接收等关键节点
+- **插件生命周期管理**: 加载→初始化→激活→停用以→卸载，支持热重载
+
+### 1.3.10 部署与构建
+
+#### 1.3.10.1 构建流程
+- TypeScript编译
+- 资源打包
+- 代码压缩和优化
+
+#### 1.3.10.2 自动更新
+- 增量更新机制
+- 更新检测和通知
+- 回滚策略
+
+#### 1.3.10.3 版本管理
+- 语义化版本控制
+- 版本兼容性保证
+- 版本发布流程
+
+
+
+### 1.2 前端技术架构
+
+#### 1.2.1 总体架构
+ACFUN直播工具箱前端采用组件化、模块化架构设计,基于Vue+TypeScript+TDesign实现,遵循MVVM模式
+
+#### 1.2.2 组件设计
+- 基础组件:按钮输入框、选择器等高复用组件
+- 功能组件:弹幕组件、直播数据卡片等特殊业务组件
+- 页面组件:登录页、仪表盘等完整页面
+
+### 1.2.3 功能模块实现方案
+
+#### 1.2.3.1 主客户端核心模块
+
+##### 仪表盘模块
+-数据获取:通过userProfile接口获取用户信息
+-状态管理:使用状态管理工存储用户信和核心数据
+- 动态内容渲染：根据数据类型动态渲染不同内容块
+
+##### 用户认证模块
+-登录流程:生成登录二维码、监听扫描状态、验证登录信息、存储用户会话
+-状态管理:使用状态管理工具管理登录状态、浏览器存储持久化
+
+##### 直播管理模块
+房间管理:房间信CRUD操作、封面上传裁剪分区选择
+-推流管理:直播码管理、OBS连接状态监控
+-信息展:实时观众数、点赞数、香蕉数等统计数据
+
+#### 1.2.3.2 小程序系统模块
+
+##### 1.2.3.2.1 小程序开发者支持
+- 提供完整的API文档和开发指南
+- 开发调试工具集成
+- 小程序打包和发布流程支持
+- 版本管理和兼容性测试工具
+
+##### 1.2.3.2.2 小程序管理
+-小程序加载机制:动态加载远程组件、权限验证、生命周期管理
+-小程序状态监控:实时监控运行状态、
+
+##### 1.2.3.2.3 小程序市场
+小程序商店:分类展示、搜索功能
+安装更新:一键安装
+
+### 1.2.4 核心功能实现细节
+
+#### 1.2.4.1 状态管理设计
+使用状态管理工具Pinia进行全局状态管理
+模块化设计分离不同功能域的状态
+派生计算状态
+处理异步操作
+修改状态的规范方法
+
+#### 1.2.4.2 网络请求设计
+封装HTTP请求
+实现EventSource连接管理用于处理单向数据流
+请求拦截器添加认证信息
+响应拦截器处理错误
+请求重试机制
+
+#### 1.2.4.3 组件通信机制
+父子组件通过props事件通信
+跨组件通信使用事件总线
+全局状态通过状态管理工具共享
+小程序与主应用通过定制事件通信
+
+#### 1.2.4.4 性能优化策略
+组件懒加载
+图片懒加载和压缩
+虚拟列表处理大数据渲染
+防抖节流处理频繁操作
+缓存策略减少重复请求
+
+### 1.3 部署与构建
+
+#### 1.3.1 构建流程
+-TypeScript编译
+-资源打包
+-代码压缩和优化
+
+#### 1.3.2 自动更新
+-增量更新机制
+-更新检测和通知
+-回滚策略
+
+#### 1.3.3 版本管理
+-语义化版本控制
+-版本兼容性保证
+-版本发布流程
+
+
+## 二、用户核心诉求分析
+
+- **新手主播**：需要简单易用的开播流程，基础弹幕管理功能
+- **成长型主播**: 需要数据分析功能，观众互动工具，直播效果优化建议
+- **资深主播**: 需要高度自定义能力，多平台整合，专业级数据洞察
+  
+### 2.2 用户痛点与需求
+- **开播准备复杂**: 希望简化开播流程，一键完成房间设置和推流配置
+- **功能扩展受限**: 需要灵活添加新功能，无需等待整体版本更新
+- **数据决策缺失**: 需要直观的直播数据展示，观众行为分析
+- **多平台管理繁琐**: 希望一站式管理多个直播平台和账号
+## 三、UI设计需求
+### 3.1 UI整体架构
+ACFUN直播工具箱采用分层架构设计，整体风格为深色主题，符合直播工具的专业感和夜间使用场景需求。UI设计遵循"主客户端聚焦核心，小程序扩展功能"的架构理念，通过清晰的视觉层次和交互设计区分核心功能与扩展功能。
+
+#### 3.1.1 布局层次
+- **应用层**：基于跨平台应用框架，包含主客户端和小程序容器
+- **框架层**：自定义的布局组件（内容框架、行框架等）和小程序运行时环境
+- **组件层**：核心功能组件、UI组件和小程序公共组件
+- **页面层**：核心功能页面和小程序页面
+
+#### 3.1.2 技术栈
+- 前端框架：vue + tdesign
+- 小程序容器技术：wujie 微前端框架
+
+### 3.2 主要页面布局
+#### 3.2.1 登录页面
+- **布局结构**：顶部导航栏(含应用logo)、中部登录区域(二维码登录模块和欢迎界面)、底部区域(版本号和版权信息)、右下角背景图
+- **设计特点**：简洁登录流程、响应式布局、实时登录状态反馈
+- **核心控件**：二维码登录按钮、同意条款复选框、免责声明弹窗
+
+#### 3.2.2 仪表盘页面
+- **布局结构**：全屏内容框架(列布局)、欢迎区域(顶部行框架)、动态内容块(多行框架)、左侧底部半透明背景动画图
+- **设计特点**：信息展示为主、背景图片增强视觉效果、内容层次清晰
+
+#### 3.2.3 房间管理页面
+- **布局结构**：封面设置区域、房间信息区域、弹幕流链接区域、OBS同步设置区域、RTMP设置区域、推流状态区域、下播按钮区域
+- **核心控件**：图片上传控件(支持裁剪)、房间标题输入框、直播分区级联选择器、OBS同步开关、推流状态指示器
+
+#### 3.2.4 小程序管理中心
+- **布局结构**：顶部导航栏(搜索框和操作按钮)、分类标签栏、卡片式小程序列表、底部状态栏
+- **设计特点**：卡片式设计(含图标/名称/描述/评分/状态)、实时状态展示、快速操作按钮、拖拽排序功能
+
+#### 3.2.5 其他关键页面
+- **错误页面**：全屏居中容器、错误图标(282x218px)、友好错误提示文本、返回按钮
+- **通用设置页面**：模块化设置区域(使用说明/系统/推流工具路径/端口设置/配置文件/缓存/账号缓存)
+- **推流监控页面**：左侧房间信息区域(封面/标题/分类/时长)、右侧数据统计区域(观众数/点赞数/香蕉数/AC币)
+
+### 3.3 UI设计风格与特点
+#### 3.3.1 颜色方案
+- 主色调：蓝色系（#1890ff）
+- 背景色：深色背景（黑色或深灰色）
+- 文本色：白色和浅灰色（提高可读性）
+- 状态色：绿色（在线/成功）、红色（离线/失败）
+
+#### 3.3.2 排版规范
+- 字体：系统默认字体，标题加粗
+- 字体大小层次：
+  - 标题：较大字号（18px+）
+  - 正文：中等字号（14px-16px）
+  - 辅助文字：较小字号（12px-13px）
+
+#### 3.3.5 组件尺寸规范
+- 按钮尺寸：默认40px高度，紧凑型32px，大型48px
+- 输入框：统一高度40px，边框半径4px
+- 卡片组件：默认阴影2px，悬停时阴影4px
+- 图标尺寸：16x16px（紧凑）、24x24px（默认）、32x32px（强调）
+
+#### 3.3.3 组件风格
+- 圆角设计：轻微圆角（4px）
+- 阴影效果：适度阴影增强层次感
+- 悬停效果：按钮和可交互元素有明显的悬停状态变化
+- 一致性：相同类型的组件保持统一的设计风格
+
+#### 3.3.4 交互体验
+- 表单验证实时反馈
+- 操作成功/失败提示
+- 加载状态显示
+- 平滑过渡动画
+
+### 3.4 响应式设计
+- 适配不同屏幕分辨率（1080p、720p、480p等）
+- 使用弹性布局实现弹性空间分配
+- 部分页面元素根据屏幕尺寸自动调整大小或隐藏
+
+### 3.5 组件库与自定义组件
+#### 3.5.1 第三方组件库使用
+主要使用第三方组件库，核心组件包括：
+- 基础组件：按钮、输入框、开关、勾选框
+- 表单组件：表单、选择器、级联选择器、滑块
+- 导航组件：选项卡、菜单
+- 消息组件：消息提示、对话框、通知
+- 布局组件：容器、行、列
+
+#### 3.5.2 自定义组件
+项目中开发了多个自定义组件以满足特定需求：
+- 弹幕流组件
+- 房间列表组件
+- 超级聊组件
+- 规则引擎组件
+- 状态条组件
+
+### 3.6 设计规范
+#### 3.6.1 布局规范
+- 统一使用内容框架和行框架构建页面结构
+- 保持一致的间距和边距（通常为8px、16px）
+- 功能相关的元素放在同一区域
+
+#### 3.6.2 颜色规范
+- 遵循品牌色体系
+- 确保文本与背景的对比度符合无障碍标准
+- 状态色使用统一（成功绿色、失败红色、警告黄色）
+
+#### 3.6.3 图标规范
+- 使用统一的图标库
+- 保持图标风格一致
+- 图标大小适中，确保可读性
+
+#### 3.6.4 命名规范
+- 组件名称使用帕斯卡命名法
+- CSS类名使用短横线命名法
+- 文件名称与组件名称保持一致
+
+### 3.7 性能优化
+- 组件懒加载
+- 图片优化（压缩、懒加载）
+- 样式按需加载
+- 减少不必要的重绘和回流
+
+### 3.8 未来优化方向
+1. 增加更多主题选项（明亮主题、深色主题切换）
+2. 进一步优化响应式设计，适配更多设备
+3. 提升组件动画流畅度
+4. 增强无障碍设计
+5. 优化大流量场景下的UI表现（如高并发弹幕）
+
+## 4. 功能模块划分
+### 4.1 主客户端核心模块
+#### 4.1.1 仪表盘模块
+- **欢迎信息展示**
+  - **操作逻辑流程**：用户登录成功后自动显示，根据当前时间和用户昵称动态生成个性化欢迎语
+  - **交互元素定义**：页面顶部居中显示的文本区域，包含用户头像和昵称
+  - **界面呈现效果**：大字号欢迎文本，配合用户头像，背景为半透明渐变效果
+  - **用户操作反馈**：鼠标悬停时无特殊反馈，内容在用户重新登录或刷新页面时更新
+
+- **核心数据概览**
+  - **操作逻辑流程**：页面加载时自动从后端获取最新直播数据，每5秒刷新一次
+  - **交互元素定义**：数据卡片组件，包含观众数、礼物数、弹幕数等关键指标的文本和图标
+  - **界面呈现效果**：多列网格布局的数据卡片，使用数字动画效果展示数据变化
+  - **用户操作反馈**：数据更新时显示微妙的数字变化动画，点击卡片可跳转到对应数据分析详情页
+
+- **背景视觉效果**
+  - **操作逻辑流程**：页面加载时自动启动，无需用户交互
+  - **交互元素定义**：页面左侧底部固定区域的半透明动画图
+  - **界面呈现效果**：低饱和度的动态背景图案，不影响前景内容的可读性
+  - **用户操作反馈**：无直接用户操作，动画持续循环播放
+
+#### 4.1.2 用户认证模块
+- **登录系统**
+  - **操作逻辑流程**：
+    1. 应用启动时显示登录页面
+    2. 默认展示二维码登录方式
+    3. 用户可切换至账号密码登录或游客模式
+    4. 二维码登录：显示二维码 → 用户扫描 → 手机确认 → 登录成功
+    5. 账号密码登录：输入用户名密码 → 点击登录 → 验证成功 → 登录成功
+  - **交互元素定义**：
+    - 二维码显示区域：居中显示动态刷新的登录二维码
+    - 账号输入框：支持文本输入，带清空按钮
+    - 密码输入框：支持密码输入，带显示/隐藏切换功能
+    - 登录按钮：主操作按钮，点击后触发登录请求
+    - 模式切换选项卡：用于在不同登录方式间切换
+    - 游客模式入口：独立的链接或按钮
+  - **界面呈现效果**：简洁的单页布局，中央聚焦登录功能，背景为品牌色渐变
+  - **用户操作反馈**：
+    - 二维码有效期倒计时显示
+    - 输入框焦点状态提示
+    - 登录过程中显示加载动画
+    - 登录失败时显示明确的错误提示
+
+- **状态管理**
+  - **操作逻辑流程**：
+    1. 登录成功后生成并存储会话令牌
+    2. 应用启动时自动检测会话有效性
+    3. 支持用户选择自动登录选项
+    4. 登出时清除会话数据
+  - **交互元素定义**：
+    - 自动登录复选框：位于登录表单下方
+    - 登出按钮：位于用户头像下拉菜单中
+  - **界面呈现效果**：无直接界面呈现，为后台功能
+  - **用户操作反馈**：
+    - 自动登录成功时直接进入主界面
+    - 会话过期时自动跳转至登录页面并显示提示
+
+#### 4.1.3 直播管理模块
+- **房间管理**
+  - **操作逻辑流程**：
+    1. 进入房间管理页面
+    2. 配置房间封面（上传图片）、标题（文本输入）、分区（下拉选择）
+    3. 设置观众剪辑权限（开关）
+    4. 管理管理员列表（添加/删除）
+    5. 管理观众列表（禁言/踢出）
+    6. 点击保存按钮提交修改
+  - **交互元素定义**：
+    - 封面图片上传区域：支持拖拽上传和点击选择文件
+    - 标题输入框：多行文本输入，带字数限制提示
+    - 分区选择下拉框：支持搜索的分类选择组件
+    - 权限开关：布尔值切换组件
+    - 用户列表：表格形式展示，带操作按钮列
+    - 添加/删除/保存按钮：标准操作按钮
+  - **界面呈现效果**：表单布局，左侧为基础信息设置
+  - **用户操作反馈**：
+    - 保存成功/失败提示
+    - 图片上传进度条
+    - 操作按钮点击反馈
+
+- **推流管理**
+  - **操作逻辑流程**：
+    1. 进入推流管理页面
+    2. 系统自动生成RTMP服务器信息和直播码
+    3. 用户可选择OBS同步推流（自动配置OBS）或手动配置
+    4. 点击"开始推流"按钮启动直播
+    5. 推流过程中实时显示推流状态和数据
+    6. 点击"结束直播"按钮停止直播
+  - **交互元素定义**：
+    - RTMP信息展示区：文本信息，带复制按钮
+    - OBS同步开关：布尔值切换组件
+    - 开始/结束推流按钮：状态切换按钮
+    - 推流状态指示器：颜色变化的状态灯
+    - 推流数据仪表盘：显示码率、延迟等关键指标
+  - **界面呈现效果**：顶部为操作按钮区，中间为状态和信息展示区，底部为数据图表
+  - **用户操作反馈**：
+    - 按钮状态变化（可用/禁用）
+    - 推流状态切换动画
+    - 数据实时更新动画
+    - 异常情况告警提示
+
+- **直播信息展示**
+  - **操作逻辑流程**：直播开始后自动加载并实时更新
+  - **交互元素定义**：
+    - 欢迎面板：位于直播界面顶部的动态文本
+    - 直播状态统计：实时更新的数字和图表
+  - **界面呈现效果**：覆盖在直播画面上方的半透明信息层，不影响直播观看
+  - **用户操作反馈**：数据更新时的动画效果
+
+#### 4.1.4 数据分析模块
+- **实时统计数据**
+  - **操作逻辑流程**：直播开始后自动收集数据，每3秒刷新一次
+  - **交互元素定义**：
+    - 观看人数计数器：大字号数字显示
+    - 礼物收入指示器：动态更新的金额显示
+    - 弹幕数量统计：滚动更新的数字
+  - **界面呈现效果**：位于主界面顶部的关键数据条，使用对比鲜明的颜色和字体
+  - **用户操作反馈**：数据增长时的动画效果
+
+- **观众行为分析**
+  - **操作逻辑流程**：
+    1. 进入数据分析详情页
+    2. 选择时间范围和分析维度
+    3. 系统生成观众来源、观看时长、互动行为等分析图表
+  - **交互元素定义**：
+    - 时间范围选择器：日期区间选择组件
+    - 分析维度切换选项卡：用于在不同分析维度间切换
+    - 数据图表：柱状图、折线图、饼图等可视化组件
+  - **界面呈现效果**：多区域图表布局，支持数据筛选和排序
+  - **用户操作反馈**：
+    - 图表加载动画
+    - 数据筛选时的实时更新
+
+- **礼物数据统计**
+  - **操作逻辑流程**：同观众行为分析
+  - **交互元素定义**：
+    - 收入统计图表：显示礼物总收入趋势
+    - 用户排行榜：表格形式展示贡献榜
+    - 礼物类型分布图：饼图展示不同礼物类型占比
+  - **界面呈现效果**：多图表组合布局，突出显示高价值数据
+  - **用户操作反馈**：同观众行为分析
+
+- **数据报表**
+  - **操作逻辑流程**：
+    1. 直播结束后自动生成完播复盘报告
+    2. 用户可查看历史数据分析和趋势对比
+    3. 支持数据导出功能
+  - **交互元素定义**：
+    - 报告列表：表格展示历史报告
+    - 导出按钮：标准操作按钮
+    - 详情查看链接：点击进入报告详情
+  - **界面呈现效果**：简洁的报告列表页，点击后进入详细报告视图
+  - **用户操作反馈**：
+    - 报告生成成功提示
+    - 导出进度和完成提示
+
+#### 4.1.5 小本本功能
+  - **操作逻辑流程**：
+    1. 进入小本本功能页面
+    2. 可添加、编辑、删除房管和黑名单用户
+    3. 支持搜索和筛选功能
+  - **交互元素定义**：
+    - 用户列表：表格形式展示房管和黑名单用户
+    - 添加/编辑/删除按钮：标准操作按钮
+    - 搜索框：支持用户名搜索
+  - **界面呈现效果**：简洁的表格布局，支持分页和排序
+  - **用户操作反馈**：
+    - 操作成功/失败提示
+    - 列表更新动画
+
+#### 4.1.6 系统设置模块
+- **通用设置**
+  - **操作逻辑流程**：
+    1. 进入系统设置页面
+    2. 在通用设置区域修改各项配置
+    3. 点击保存按钮应用更改
+  - **交互元素定义**：
+    - 界面主题选择器：下拉菜单或单选按钮组
+    - 语言选择器：下拉菜单
+    - 路径输入框：支持手动输入和文件夹选择
+    - 配置备份/恢复按钮：标准操作按钮
+    - 通知设置开关：布尔值切换组件
+  - **界面呈现效果**：分类清晰的表单布局，每类设置有明确的标题
+  - **用户操作反馈**：
+    - 保存成功/失败提示
+    - 配置更改后的即时预览（如主题切换）
+
+- **网络设置**
+  - **操作逻辑流程**：
+    1. 在系统设置页面的网络设置区域修改配置
+    2. 可配置后端端口，查看网络状态和日志
+    3. 系统自动检测端口冲突
+  - **交互元素定义**：
+    - 端口输入框：数字输入，带范围限制
+    - 状态显示区：文本显示当前网络状态
+    - 日志查看按钮：点击打开日志查看器
+  - **界面呈现效果**：简洁的表单布局，突出显示当前状态信息
+  - **用户操作反馈**：
+    - 端口冲突时的警告提示
+    - 网络状态变化的实时更新
+
+- **快捷键设置**
+  - **操作逻辑流程**：
+    1. 在系统设置页面的快捷键设置区域配置
+    2. 点击输入框后按下想要设置的快捷键组合
+    3. 支持恢复默认快捷键
+  - **交互元素定义**：
+    - 快捷键输入框：特殊输入组件，支持键盘事件捕获
+    - 恢复默认按钮：标准操作按钮
+  - **界面呈现效果**：列表形式展示各项功能及其快捷键
+  - **用户操作反馈**：
+    - 快捷键冲突时的提示
+    - 设置成功的确认信息
+
+- **服务器配置**
+  - **操作逻辑流程**：系统根据当前环境自动选择服务器配置，一般无需用户手动修改
+  - **交互元素定义**：
+    - 开发环境服务器地址：只读文本显示
+    - 生产环境服务器地址：只读文本显示
+  - **界面呈现效果**：简洁的信息展示，突出显示当前使用的服务器
+  - **用户操作反馈**：无特殊用户操作反馈
+
+- **网络检测**
+  - **操作逻辑流程**：
+    1. 用户点击网络检测按钮
+    2. 系统执行网络连接测试
+    3. 显示检测结果
+  - **交互元素定义**：
+    - 网络检测按钮：标准操作按钮
+    - 检测结果显示区：文本和图标展示连接状态
+  - **界面呈现效果**：位于网络设置区域的独立功能块
+  - **用户操作反馈**：
+    - 检测过程中的加载动画
+    - 检测结果的颜色编码提示（成功/失败）
+
+- **界面主题**
+  - **操作逻辑流程**：
+    1. 在系统设置的通用设置中选择主题
+    2. 点击切换按钮或选择器应用新主题
+  - **交互元素定义**：
+    - 主题选择器：下拉菜单或卡片选择组件
+    - 明暗主题切换开关：布尔值切换组件
+  - **界面呈现效果**：主题选择预览区域，实时展示主题效果
+  - **用户操作反馈**：主题切换时的平滑过渡动画
+
+- **语言设置**
+  - **操作逻辑流程**：
+    1. 在系统设置的通用设置中选择语言
+    2. 点击应用按钮切换语言
+    3. 可能需要重启应用才能完全生效
+  - **交互元素定义**：
+    - 语言选择器：下拉菜单
+    - 应用按钮：标准操作按钮
+  - **界面呈现效果**：语言列表，显示当前选中语言
+  - **用户操作反馈**：
+    - 语言切换成功提示
+    - 重启应用提示（如需）
+
+- **字体设置**
+  - **操作逻辑流程**：
+    1. 在系统设置的通用设置中调整字体
+    2. 选择字体类型和大小
+    3. 点击应用按钮保存更改
+  - **交互元素定义**：
+    - 字体类型选择器：下拉菜单
+    - 字体大小调整滑块：范围选择组件
+    - 应用按钮：标准操作按钮
+  - **界面呈现效果**：字体预览区域，实时展示字体变化
+  - **用户操作反馈**：字体调整时的实时预览更新
+
+- **通知设置**
+  - **操作逻辑流程**：
+    1. 在系统设置的通用设置中配置通知
+    2. 开启/关闭各类通知
+    3. 调整通知频率
+  - **交互元素定义**：
+    - 通知类型开关：布尔值切换组件组
+    - 频率调整滑块：范围选择组件
+  - **界面呈现效果**：分类清晰的通知设置列表
+  - **用户操作反馈**：设置更改后的即时保存提示
+
+#### 4.1.7 错误处理模块
+- **错误页面展示**
+  - **操作逻辑流程**：系统遇到错误时自动跳转至错误页面
+  - **交互元素定义**：
+    - 错误图标：直观的错误类型图标
+    - 错误标题：简洁的错误类型描述
+    - 错误详情：可选展开/收起的详细错误信息
+  - **界面呈现效果**：居中对齐的错误信息展示，背景为轻微的错误主题色
+  - **用户操作反馈**：无特殊用户操作反馈
+
+- **错误信息反馈**
+  - **操作逻辑流程**：错误发生时自动收集和展示错误信息
+  - **交互元素定义**：
+    - 错误描述文本：清晰的错误原因说明
+    - 导航建议：提供可能的解决方案或下一步操作建议
+  - **界面呈现效果**：错误页面的核心内容区，使用易读的字体和颜色
+  - **用户操作反馈**：无特殊用户操作反馈
+
+- **返回机制**
+  - **操作逻辑流程**：用户点击返回按钮回到上一页或主界面
+  - **交互元素定义**：
+    - 返回按钮：标准的返回图标和文本按钮
+    - 主页按钮：可选的主页快捷入口
+  - **界面呈现效果**：位于错误页面底部或顶部的操作按钮区
+  - **用户操作反馈**：
+    - 按钮点击反馈
+    - 页面跳转过渡动画
\ No newline at end of file