diff --git a/.gitignore b/.gitignore
index b87bd9f..a136a55 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,7 @@
 node_modules
 /dist
 /dev-dist
+/data
 
 # local env files
 .env.local
diff --git a/.trae/specs/ui-improvements-spec/checklist.md b/.trae/specs/ui-improvements-spec/checklist.md
new file mode 100644
index 0000000..ba4fb13
--- /dev/null
+++ b/.trae/specs/ui-improvements-spec/checklist.md
@@ -0,0 +1,10 @@
+- [x] Announcement Settings Dialog Markdown toolbar wraps correctly
+- [x] Announcement Settings Dialog Preview works
+- [x] Announcement Widget is hidden when no announcements exist
+- [x] Clicking Announcement Widget opens detail popup
+- [x] "Self Correction" tag in Homework Grid is Green
+- [x] "Add Item" button in Homework Edit Dialog is White and distinct
+- [x] Metadata buttons in Homework Edit Dialog match Preset chips size/shape
+- [x] Refresh button in Floating Toolbar does not stick in loading state
+- [x] "Save Success" green notification appears after saving Homework
+- [x] "Save Success" green notification appears after saving Announcement
diff --git a/.trae/specs/ui-improvements-spec/spec.md b/.trae/specs/ui-improvements-spec/spec.md
new file mode 100644
index 0000000..0530228
--- /dev/null
+++ b/.trae/specs/ui-improvements-spec/spec.md
@@ -0,0 +1,55 @@
+# UI and Functional Improvements Spec
+
+## Why
+User reported several UI inconsistencies, visual bugs, and missing feedback mechanisms that affect the usability and aesthetic quality of the application. Specifically, the announcement feature needs polish, font colors need adjustment for dark mode, and feedback for save operations is missing.
+
+## What Changes
+
+### Announcement Feature
+- **Settings Dialog (`AnnouncementSettingsDialog.vue`)**:
+  - Fix Markdown toolbar layout to prevent conflicts/overflow (use `flex-wrap`).
+  - Fix Preview functionality (ensure `parseMarkdown` works).
+  - Add "Save Success" feedback when adding/modifying announcements.
+- **Widget (`AnnouncementWidget.vue`)**:
+  - **Hide the widget completely** when there are no active/upcoming announcements (User requirement: "only shows when there are announcements").
+  - Make the widget clickable to open a detail popup of the current announcement.
+- **Detail Popup (`AnnouncementOverlay.vue` or new)**:
+  - Ensure manually clicking the widget opens the detail view.
+
+### Homework UI
+- **Homework Grid (`HomeworkGrid.vue`)**:
+  - Change "Self Correction" (自批) tag color from Orange/Warning to **Green/Success**.
+- **Homework Edit Dialog (`HomeworkEditDialog.vue`)**:
+  - **Add Item Button**: Change style to be more obvious (White background, black text).
+  - **Metadata Buttons** (Submission Time, Self Correction): Adjust height and border-radius to match the "Preset" chips on the left for visual consistency.
+
+### General UI
+- **Font Colors**:
+  - Change gray text to **White** in key locations (e.g., Homework Edit dialog controls, Announcement widget text) for better contrast in dark mode.
+- **Floating Toolbar**:
+  - Fix the "Refresh" button loading state (it appears stuck).
+- **Feedback**:
+  - Implement a "Save Success" (green) notification (Snackbar/Toast) that triggers after successful save operations (Homework save, Announcement save, etc.).
+
+## Impact
+- **Affected Components**: `AnnouncementSettingsDialog`, `AnnouncementWidget`, `HomeworkGrid`, `HomeworkEditDialog`, `FloatingToolbar`, `index.vue`.
+- **User Experience**: Improved visual consistency, better feedback on actions, and cleaner interface when no announcements are present.
+
+## ADDED Requirements
+### Requirement: Save Feedback
+The system SHALL display a green "Save Success" notification (Snackbar) when:
+- A homework entry is saved (auto-save or manual).
+- An announcement is added or modified.
+- Attendance is saved.
+
+### Requirement: Announcement Widget Behavior
+- **WHEN** there are no active announcements, **THEN** the widget on the main board SHALL be hidden.
+- **WHEN** the widget is visible and clicked, **THEN** it SHALL open the announcement detail popup.
+
+## MODIFIED Requirements
+### Requirement: Visual Styles
+- **Self Correction Tag**: SHALL be Green.
+- **Add Item Button**: SHALL be White (filled).
+- **Metadata Buttons**: SHALL match Preset Chips in size and shape.
+- **Refresh Button**: SHALL NOT show loading state indefinitely.
+
diff --git a/.trae/specs/ui-improvements-spec/tasks.md b/.trae/specs/ui-improvements-spec/tasks.md
new file mode 100644
index 0000000..b3c8b68
--- /dev/null
+++ b/.trae/specs/ui-improvements-spec/tasks.md
@@ -0,0 +1,27 @@
+# Tasks
+
+- [x] Task 1: Update Announcement System
+  - [x] SubTask 1.1: Fix `AnnouncementSettingsDialog.vue`:
+    - Fix Markdown toolbar layout (flex-wrap).
+    - Ensure Preview works (check `parseMarkdown` usage).
+    - Add "Save Success" notification trigger on save.
+  - [x] SubTask 1.2: Update `AnnouncementWidget.vue`:
+    - Add logic to hide component if `notifications` is empty.
+    - Add click handler to open detail popup (emit event or call method).
+  - [x] SubTask 1.3: Update `index.vue` to handle widget click and show detail popup.
+
+- [x] Task 2: Update Homework UI
+  - [x] SubTask 2.1: Update `HomeworkGrid.vue`:
+    - Change "Self Correction" chip color to `success`.
+  - [x] SubTask 2.2: Update `HomeworkEditDialog.vue`:
+    - Style "Add Item" button (color="white", variant="flat").
+    - Style "Submission Time" and "Self Correction" buttons to match `v-chip` style (height, rounded).
+    - Ensure text colors are white where appropriate.
+
+- [x] Task 3: Fix General UI & Feedback
+  - [x] SubTask 3.1: Fix `FloatingToolbar.vue` refresh button loading state (debug `loading` prop).
+  - [x] SubTask 3.2: Implement Global "Save Success" Snackbar in `index.vue` and expose method/event to trigger it from child components.
+  - [x] SubTask 3.3: specific font color adjustments (Grey to White) in `AttendanceSidebar` and `HomeworkGrid` as requested.
+
+# Task Dependencies
+- Task 3.2 (Global Snackbar) should be done before Task 1.1 and 1.3 to ensure feedback works.
diff --git a/CHWB.png b/CHWB.png
new file mode 100644
index 0000000..7241cdc
Binary files /dev/null and b/CHWB.png differ
diff --git a/README.md b/README.md
index 44a3d93..294becc 100644
--- a/README.md
+++ b/README.md
@@ -8,8 +8,6 @@
 
 适用于班级大屏的作业板小工具
 
-请打开 [https://cs.houlangs.com](https://cs.houlang.cloud) 立刻使用
-
 ## 交流
 
 QQ：[964979747](https://qm.qq.com/q/4RX45b1Oac)
diff --git a/docker-server/.dockerignore b/docker-server/.dockerignore
new file mode 100644
index 0000000..5a045a3
--- /dev/null
+++ b/docker-server/.dockerignore
@@ -0,0 +1,3 @@
+node_modules
+data
+.env
diff --git a/docker-server/Dockerfile b/docker-server/Dockerfile
new file mode 100644
index 0000000..07f1db5
--- /dev/null
+++ b/docker-server/Dockerfile
@@ -0,0 +1,22 @@
+FROM node:18-alpine
+
+WORKDIR /app
+
+# Copy package files and install production dependencies
+COPY package*.json ./
+RUN npm install --production
+
+# Copy server code
+COPY server.js ./
+
+# Copy the pre-built frontend files
+COPY dist ./dist
+
+# Create a data directory to store JSON files locally
+RUN mkdir -p data
+
+# Expose port
+EXPOSE 3001
+
+# Start the server
+CMD ["npm", "start"]
diff --git a/docker-server/README.md b/docker-server/README.md
new file mode 100644
index 0000000..8307e87
--- /dev/null
+++ b/docker-server/README.md
@@ -0,0 +1,43 @@
+# ClassHomeworkBoard - Docker 部署版本
+
+这是一个专门为服务器部署设计的 Node.js 后端程序，它包含了 Express 服务器和构建好的前端静态文件。此版本去除了对 Windows 特有功能（如通过 `user32.dll` 抓取 PPT 和 WPS 窗口）的依赖，完美适配 Linux 和 Docker 环境。
+
+## 包含内容
+
+- `server.js`: 提供 `/api/local-file/*` 本地存储接口的 Express 后端。
+- `dist/`: 已经构建好的前端静态资源文件。
+- `Dockerfile`: 用于构建 Docker 镜像的配置文件。
+- `package.json`: 服务器的 npm 依赖配置文件。
+
+## 如何使用 Docker 部署
+
+1. **构建 Docker 镜像**
+   在 `docker-server` 目录下运行以下命令：
+   ```bash
+   docker build -t classhomeworkboard .
+   ```
+
+2. **运行 Docker 容器**
+   ```bash
+   docker run -d -p 3001:3001 -v chwb_data:/app/data --name chwb classhomeworkboard
+   ```
+   > 这里的 `-v chwb_data:/app/data` 表示将容器内的 `/app/data`（存储 JSON 数据的文件夹）挂载到外部卷，防止数据随容器销毁而丢失。
+
+3. **访问服务**
+   打开浏览器，访问 `http://<服务器IP>:3001` 即可使用。
+
+## 如果你需要更新前端代码
+
+如果你在主项目中修改了 Vue 前端代码：
+1. 在项目根目录运行 `npm run build`（或 `pnpm run build`）重新打包前端。
+2. 将打包后生成的 `dist` 文件夹覆盖到本目录的 `dist` 文件夹。
+3. 重新执行 Docker 镜像的构建与部署步骤。
+
+## 本地（不使用 Docker）直接运行
+
+如果你想直接在服务器的 Node 环境中运行：
+```bash
+npm install
+npm start
+```
+默认会在 3001 端口启动。
\ No newline at end of file
diff --git a/docker-server/package.json b/docker-server/package.json
new file mode 100644
index 0000000..3e4f89d
--- /dev/null
+++ b/docker-server/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "classhomeworkboard-server",
+  "version": "1.0.0",
+  "description": "Dockerized server for ClassHomeworkBoard",
+  "main": "server.js",
+  "type": "module",
+  "scripts": {
+    "start": "node server.js"
+  },
+  "dependencies": {
+    "express": "^4.18.2",
+    "cors": "^2.8.5"
+  }
+}
diff --git a/docker-server/server.js b/docker-server/server.js
new file mode 100644
index 0000000..86edab8
--- /dev/null
+++ b/docker-server/server.js
@@ -0,0 +1,123 @@
+import express from 'express';
+import cors from 'cors';
+import path from 'path';
+import fs from 'fs';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const app = express();
+const port = process.env.PORT || 3001;
+
+// Middlewares
+app.use(cors());
+app.use(express.json({ limit: '50mb' }));
+
+// Data Directory for JSON files
+const dataDir = path.resolve(__dirname, 'data');
+if (!fs.existsSync(dataDir)) {
+  fs.mkdirSync(dataDir, { recursive: true });
+}
+
+// =======================
+// API Routes
+// =======================
+
+// Mock PPT APIs (Windows GUI features are not supported on Linux/Docker)
+app.get('/api/ppt/check', (req, res) => {
+  res.json({ success: true, hasPpt: false, ppts: [] });
+});
+
+app.post('/api/ppt/control', (req, res) => {
+  res.json({ success: false, error: 'Not supported on server environment' });
+});
+
+// Local File Storage APIs
+app.post('/api/local-file/save', (req, res) => {
+  try {
+    const { key, data } = req.body;
+    if (!key || !data) throw new Error('Missing key or data');
+    
+    // Sanitize key
+    const safeKey = String(key).replace(/[^a-zA-Z0-9_-]/g, '_');
+    const filePath = path.join(dataDir, `${safeKey}.json`);
+    
+    fs.writeFileSync(filePath, JSON.stringify(data, null, 2));
+    res.json({ success: true });
+  } catch (e) {
+    res.status(500).json({ success: false, error: e.message });
+  }
+});
+
+app.get('/api/local-file/load', (req, res) => {
+  try {
+    const key = req.query.key;
+    if (!key) {
+      return res.status(400).json({ success: false, error: 'Missing key' });
+    }
+    
+    const safeKey = String(key).replace(/[^a-zA-Z0-9_-]/g, '_');
+    const filePath = path.join(dataDir, `${safeKey}.json`);
+    
+    if (fs.existsSync(filePath)) {
+      const data = fs.readFileSync(filePath, 'utf-8');
+      res.json({ success: true, data: JSON.parse(data) });
+    } else {
+      res.status(404).json({ success: false, error: 'Not found' });
+    }
+  } catch (e) {
+    res.status(500).json({ success: false, error: e.message });
+  }
+});
+
+app.get('/api/local-file/keys', (req, res) => {
+  try {
+    const files = fs.readdirSync(dataDir);
+    const keys = files
+      .filter(f => f.endsWith('.json'))
+      .map(f => f.replace('.json', ''));
+    res.json({ success: true, keys });
+  } catch (e) {
+    res.status(500).json({ success: false, error: e.message });
+  }
+});
+
+// =======================
+// Static Files & SPA
+// =======================
+const staticDir = path.resolve(__dirname, 'dist');
+
+if (fs.existsSync(staticDir)) {
+  // Serve static files
+  app.use(express.static(staticDir, {
+    setHeaders: (res, path, stat) => {
+      // Prevent caching for sw.js and index.html
+      if (path.endsWith('sw.js') || path.endsWith('index.html')) {
+        res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+        res.setHeader('Pragma', 'no-cache');
+        res.setHeader('Expires', '0');
+      } else {
+        // Cache other static assets
+        res.setHeader('Cache-Control', 'public, max-age=3600');
+      }
+    }
+  }));
+  
+  // Catch-all route for SPA fallback
+  app.get('*', (req, res) => {
+    res.sendFile(path.join(staticDir, 'index.html'));
+  });
+} else {
+  // Fallback if dist doesn't exist yet
+  app.get('*', (req, res) => {
+    res.send('<h3>Frontend not found!</h3><p>Please build the Vue frontend (<code>npm run build</code>) and copy the <code>dist</code> folder into the <code>docker-server</code> directory before running.</p>');
+  });
+}
+
+// Start Server
+app.listen(port, () => {
+  console.log(`ClassHomeworkBoard Server running on port ${port}`);
+  console.log(`Data directory: ${dataDir}`);
+  console.log(`Static files directory: ${staticDir}`);
+});
diff --git a/index.html b/index.html
index 6fdc3cb..9380e8d 100644
--- a/index.html
+++ b/index.html
@@ -2,24 +2,20 @@
 <html lang="zh-CN">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Classworks 作业板</title>
+    <title>CHWB作业板</title>
 
     <!-- SEO -->
     <meta name="description" content="Classworks —— 适用于班级大屏的作业板小工具，支持记录、查看并同步作业，开源免费。" />
     <meta name="keywords" content="Classworks,作业板,班级大屏,作业管理,课表,作业同步,开源" />
     <meta name="author" content="Sunwuyuan" />
     <meta name="robots" content="index, follow" />
-    <link rel="canonical" href="https://cs.houlang.cloud/" />
 
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
     <meta property="og:title" content="Classworks 作业板" />
     <meta property="og:description" content="适用于班级大屏的作业板小工具，支持记录、查看并同步作业，开源免费。" />
-    <meta property="og:url" content="https://cs.houlang.cloud/" />
     <meta property="og:site_name" content="Classworks" />
-    <meta property="og:image" content="https://cs.houlang.cloud/banner.png" />
     <meta property="og:image:width" content="512" />
     <meta property="og:image:height" content="512" />
     <meta property="og:locale" content="zh_CN" />
@@ -28,7 +24,6 @@
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:title" content="Classworks 作业板" />
     <meta name="twitter:description" content="适用于班级大屏的作业板小工具，支持记录、查看并同步作业，开源免费。" />
-    <meta name="twitter:image" content="https://cs.houlang.cloud/banner.png" />
 
     <link rel="apple-touch-icon" href="/image/apple-touch-icon.png" sizes="180x180" />
     <link rel="mask-icon" href="/image/mask-icon.svg" color="#212121" />
diff --git a/package.json b/package.json
index db47c8a..d556994 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "classworks",
+  "name": "classhomeworkboard",
   "private": true,
   "type": "module",
-  "version": "0.0.0",
+  "version": "2.1.0",
   "scripts": {
     "dev": "vite --host",
     "build": "vite build",
@@ -13,13 +13,13 @@
   "dependencies": {
     "@fingerprintjs/fingerprintjs": "^5.0.1",
     "@mdi/font": "7.4.47",
-    "@microsoft/clarity": "^1.0.2",
-    "@sentry/vue": "^10.36.0",
+    "@vue-office/pptx": "^1.0.1",
     "@vueuse/core": "^14.1.0",
     "axios": "^1.13.2",
     "idb": "^8.0.3",
     "js-base64": "^3.7.8",
     "lucide-vue-next": "^0.555.0",
+    "markdown-it": "^14.1.1",
     "pinyin-pro": "^3.27.0",
     "ratelimit-header-parser": "^0.1.0",
     "roboto-fontface": "*",
@@ -28,7 +28,8 @@
     "uuid": "^13.0.0",
     "vue": "^3.5.25",
     "vue-sonner": "^2.0.9",
-    "vuetify": "^3.11.0"
+    "vuetify": "^3.11.0",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
diff --git a/public/CHWB.png b/public/CHWB.png
new file mode 100644
index 0000000..7241cdc
Binary files /dev/null and b/public/CHWB.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index e0db255..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/pwa/image/favicon.ico b/public/pwa/image/favicon.ico
deleted file mode 100644
index e0db255..0000000
Binary files a/public/pwa/image/favicon.ico and /dev/null differ
diff --git a/public/pwa/image/logo.svg b/public/pwa/image/logo.svg
deleted file mode 100644
index f11a8e5..0000000
--- a/public/pwa/image/logo.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256" viewBox="0 0 256 256" fill="none">
-<path     fill="#FFFFFF"  d="M0 256L256 256L256 0L0 0L0 256Z">
-</path>
-<rect x="0" y="0" width="256" height="128"   fill="#D8C4A0" >
-</rect>
-<rect x="0" y="128" width="256" height="128"   fill="#F5E0BB" >
-</rect>
-<path d="M48 208L128 128L208 128L128 208L48 208Z" fill-rule="evenodd"  fill="#241A04" >
-</path>
-<path d="M48 128L128 48L208 48L128 128L48 128Z" fill-rule="evenodd"  fill="#52452A" >
-</path>
-</svg>
diff --git a/public/sounds/Teams Ping.mp3 b/public/sounds/Teams Ping.mp3
deleted file mode 100644
index 5f3e1c2..0000000
Binary files a/public/sounds/Teams Ping.mp3 and /dev/null differ
diff --git a/public/sounds/Teams Remix.mp3 b/public/sounds/Teams Remix.mp3
deleted file mode 100644
index f50f267..0000000
Binary files a/public/sounds/Teams Remix.mp3 and /dev/null differ
diff --git a/public/sounds/Teams bounce.mp3 b/public/sounds/Teams bounce.mp3
deleted file mode 100644
index 0b4e136..0000000
Binary files a/public/sounds/Teams bounce.mp3 and /dev/null differ
diff --git a/public/sounds/Teams incoming-ringtone-level30.mp3 b/public/sounds/Teams incoming-ringtone-level30.mp3
deleted file mode 100644
index ce9c3b8..0000000
Binary files a/public/sounds/Teams incoming-ringtone-level30.mp3 and /dev/null differ
diff --git a/public/sounds/Teams incoming-ringtone-level40.mp3 b/public/sounds/Teams incoming-ringtone-level40.mp3
deleted file mode 100644
index 41e1ef5..0000000
Binary files a/public/sounds/Teams incoming-ringtone-level40.mp3 and /dev/null differ
diff --git a/public/sounds/Teams meetup_ring.mp3 b/public/sounds/Teams meetup_ring.mp3
deleted file mode 100644
index 16ff8f7..0000000
Binary files a/public/sounds/Teams meetup_ring.mp3 and /dev/null differ
diff --git a/public/sounds/Teams screenshare_ring.mp3 b/public/sounds/Teams screenshare_ring.mp3
deleted file mode 100644
index 0e19996..0000000
Binary files a/public/sounds/Teams screenshare_ring.mp3 and /dev/null differ
diff --git a/public/sounds/Teams teams_meet_up_reminder.mp3 b/public/sounds/Teams teams_meet_up_reminder.mp3
deleted file mode 100644
index 0e19996..0000000
Binary files a/public/sounds/Teams teams_meet_up_reminder.mp3 and /dev/null differ
diff --git a/public/sounds/Teams teams_notification.mp3 b/public/sounds/Teams teams_notification.mp3
deleted file mode 100644
index f4a0a3f..0000000
Binary files a/public/sounds/Teams teams_notification.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 优先处理.mp3 b/public/sounds/Teams 优先处理.mp3
deleted file mode 100644
index 910efd0..0000000
Binary files a/public/sounds/Teams 优先处理.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 共鸣.mp3 b/public/sounds/Teams 共鸣.mp3
deleted file mode 100644
index 7f46f4e..0000000
Binary files a/public/sounds/Teams 共鸣.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 召唤.mp3 b/public/sounds/Teams 召唤.mp3
deleted file mode 100644
index 0b4aae2..0000000
Binary files a/public/sounds/Teams 召唤.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 叮铃.mp3 b/public/sounds/Teams 叮铃.mp3
deleted file mode 100644
index a099399..0000000
Binary files a/public/sounds/Teams 叮铃.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 增强.mp3 b/public/sounds/Teams 增强.mp3
deleted file mode 100644
index 03f7249..0000000
Binary files a/public/sounds/Teams 增强.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 尤里卡.mp3 b/public/sounds/Teams 尤里卡.mp3
deleted file mode 100644
index fb5cdb8..0000000
Binary files a/public/sounds/Teams 尤里卡.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 弹拨.mp3 b/public/sounds/Teams 弹拨.mp3
deleted file mode 100644
index a31cd6c..0000000
Binary files a/public/sounds/Teams 弹拨.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 提醒.mp3 b/public/sounds/Teams 提醒.mp3
deleted file mode 100644
index fce78c9..0000000
Binary files a/public/sounds/Teams 提醒.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 摇摆.mp3 b/public/sounds/Teams 摇摆.mp3
deleted file mode 100644
index 65fd935..0000000
Binary files a/public/sounds/Teams 摇摆.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 时空.mp3 b/public/sounds/Teams 时空.mp3
deleted file mode 100644
index bcf62e7..0000000
Binary files a/public/sounds/Teams 时空.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 气泡(大声).mp3 b/public/sounds/Teams 气泡(大声).mp3
deleted file mode 100644
index 212db3a..0000000
Binary files a/public/sounds/Teams 气泡(大声).mp3 and /dev/null differ
diff --git a/public/sounds/Teams 气泡.mp3 b/public/sounds/Teams 气泡.mp3
deleted file mode 100644
index 92896fe..0000000
Binary files a/public/sounds/Teams 气泡.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 波普.mp3 b/public/sounds/Teams 波普.mp3
deleted file mode 100644
index ee69f22..0000000
Binary files a/public/sounds/Teams 波普.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 波纹.mp3 b/public/sounds/Teams 波纹.mp3
deleted file mode 100644
index 966701b..0000000
Binary files a/public/sounds/Teams 波纹.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 滴水.mp3 b/public/sounds/Teams 滴水.mp3
deleted file mode 100644
index e61ad75..0000000
Binary files a/public/sounds/Teams 滴水.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 点击.mp3 b/public/sounds/Teams 点击.mp3
deleted file mode 100644
index fadcfa5..0000000
Binary files a/public/sounds/Teams 点击.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 蜂鸣声.mp3 b/public/sounds/Teams 蜂鸣声.mp3
deleted file mode 100644
index 765e504..0000000
Binary files a/public/sounds/Teams 蜂鸣声.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 警报.mp3 b/public/sounds/Teams 警报.mp3
deleted file mode 100644
index c5da548..0000000
Binary files a/public/sounds/Teams 警报.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 赋予希望.mp3 b/public/sounds/Teams 赋予希望.mp3
deleted file mode 100644
index 7562489..0000000
Binary files a/public/sounds/Teams 赋予希望.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 轻弹.mp3 b/public/sounds/Teams 轻弹.mp3
deleted file mode 100644
index f509a4e..0000000
Binary files a/public/sounds/Teams 轻弹.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 进阶.mp3 b/public/sounds/Teams 进阶.mp3
deleted file mode 100644
index 9c1d68e..0000000
Binary files a/public/sounds/Teams 进阶.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 重复振铃.mp3 b/public/sounds/Teams 重复振铃.mp3
deleted file mode 100644
index 7cd5fcf..0000000
Binary files a/public/sounds/Teams 重复振铃.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 颤振.mp3 b/public/sounds/Teams 颤振.mp3
deleted file mode 100644
index 9ff2793..0000000
Binary files a/public/sounds/Teams 颤振.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 高分.mp3 b/public/sounds/Teams 高分.mp3
deleted file mode 100644
index 53d2891..0000000
Binary files a/public/sounds/Teams 高分.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 默认.mp3 b/public/sounds/Teams 默认.mp3
deleted file mode 100644
index 639c092..0000000
Binary files a/public/sounds/Teams 默认.mp3 and /dev/null differ
diff --git a/public/sounds/Teams 默认通话铃.mp3 b/public/sounds/Teams 默认通话铃.mp3
deleted file mode 100644
index 36d569f..0000000
Binary files a/public/sounds/Teams 默认通话铃.mp3 and /dev/null differ
diff --git a/public/sounds/universfield-new-notification-024-370048.mp3 b/public/sounds/universfield-new-notification-024-370048.mp3
new file mode 100644
index 0000000..dc8ee33
Binary files /dev/null and b/public/sounds/universfield-new-notification-024-370048.mp3 differ
diff --git a/scripts/generate-sound-list.js b/scripts/generate-sound-list.js
index a4507bb..45e6efc 100644
--- a/scripts/generate-sound-list.js
+++ b/scripts/generate-sound-list.js
@@ -34,6 +34,7 @@ function getSoundFiles() {
 // 生成文件内容
 function generateSoundList() {
   const soundFiles = getSoundFiles();
+  const defaultSound = 'universfield-new-notification-024-370048.mp3';
 
   const fileContent = `/**
  * 自动生成的音频文件列表
@@ -45,10 +46,10 @@ function generateSoundList() {
 export const soundFiles = ${JSON.stringify(soundFiles, null, 2)};
 
 // 默认的单次通知铃声
-export const defaultSingleSound = 'Teams 默认.mp3';
+export const defaultSingleSound = '${defaultSound}';
 
 // 默认的持续通知铃声
-export const defaultUrgentSound = 'Teams 默认通话铃.mp3';
+export const defaultUrgentSound = '${defaultSound}';
 
 // 获取音频文件的完整路径
 export function getSoundPath(filename) {
diff --git a/src/App.vue b/src/App.vue
index cd7b1bb..6118c99 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,8 +2,14 @@
   <v-app>
     <!-- 正常路由 -->
     <router-view v-slot="{ Component, route }">
-      <transition mode="out-in" name="md3">
-        <component :is="Component" :key="route.path" />
+      <transition
+        mode="out-in"
+        name="md3"
+      >
+        <component
+          :is="Component"
+          :key="route.path"
+        />
       </transition>
     </router-view>
     <global-message />
diff --git a/src/assets/cslogo.png b/src/assets/cslogo.png
deleted file mode 100644
index 94c3996..0000000
Binary files a/src/assets/cslogo.png and /dev/null differ
diff --git a/src/assets/favicon.ico b/src/assets/favicon.ico
deleted file mode 100644
index 8fe5a93..0000000
Binary files a/src/assets/favicon.ico and /dev/null differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index a5f23ae..0000000
Binary files a/src/assets/logo.png and /dev/null differ
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
deleted file mode 100644
index df5fbd0..0000000
--- a/src/assets/logo.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="256" height="256"
-     viewBox="0 0 256 256" fill="none">
-    <g clip-path="url(#clip-path-74_1)">
-        <path fill="#FFFFFF" d="M0 256L256 256L256 0L0 0L0 256Z">
-        </path>
-        <rect x="0" y="0" width="256" height="128" fill="#D8C4A0">
-        </rect>
-        <rect x="0" y="128" width="256" height="128" fill="#F5E0BB">
-        </rect>
-        <path d="M28 228L128 128L228 128L128 228L28 228Z" fill-rule="evenodd" fill="#241A04">
-        </path>
-        <path d="M28 128L128 28L228 28L128 128L28 128Z" fill-rule="evenodd" fill="#52452A">
-        </path>
-        <g>
-            <path fill="#000000"
-                  d="M-3049.01 2467.94L-3043.48 2467.94L-3043.48 2466.99L-3045.92 2466.99C-3046.36 2466.99 -3046.9 2467.04 -3047.36 2467.08C-3045.29 2465.12 -3043.9 2463.33 -3043.9 2461.57C-3043.9 2460.01 -3044.9 2458.99 -3046.47 2458.99C-3047.58 2458.99 -3048.35 2459.49 -3049.06 2460.27L-3048.43 2460.9C-3047.93 2460.31 -3047.32 2459.88 -3046.6 2459.88C-3045.51 2459.88 -3044.98 2460.61 -3044.98 2461.62C-3044.98 2463.13 -3046.25 2464.88 -3049.01 2467.29L-3049.01 2467.94ZM-3039.27 2468.1C-3037.9 2468.1 -3036.74 2466.95 -3036.74 2465.24C-3036.74 2463.39 -3037.7 2462.48 -3039.19 2462.48C-3039.87 2462.48 -3040.64 2462.88 -3041.18 2463.54C-3041.13 2460.81 -3040.13 2459.89 -3038.91 2459.89C-3038.38 2459.89 -3037.85 2460.15 -3037.52 2460.56L-3036.89 2459.89C-3037.39 2459.36 -3038.04 2458.99 -3038.96 2458.99C-3040.66 2458.99 -3042.21 2460.3 -3042.21 2463.74C-3042.21 2466.65 -3040.95 2468.1 -3039.27 2468.1ZM-3041.15 2464.41C-3040.58 2463.6 -3039.91 2463.3 -3039.36 2463.3C-3038.3 2463.3 -3037.78 2464.05 -3037.78 2465.24C-3037.78 2466.44 -3038.43 2467.23 -3039.27 2467.23C-3040.37 2467.23 -3041.03 2466.24 -3041.15 2464.41ZM-3035.17 2467.94L-3030.34 2467.94L-3030.34 2467.03L-3032.1 2467.03L-3032.1 2459.15L-3032.95 2459.15C-3033.43 2459.42 -3033.99 2459.62 -3034.77 2459.77L-3034.77 2460.47L-3033.2 2460.47L-3033.2 2467.03L-3035.17 2467.03L-3035.17 2467.94ZM-3029.51 2467.94L-3028.4 2467.94L-3027.54 2465.25L-3024.33 2465.25L-3023.49 2467.94L-3022.31 2467.94L-3025.3 2459.15L-3026.54 2459.15L-3029.51 2467.94ZM-3027.27 2464.38L-3026.84 2463.02C-3026.52 2462.02 -3026.24 2461.08 -3025.96 2460.04L-3025.91 2460.04C-3025.62 2461.06 -3025.35 2462.02 -3025.02 2463.02L-3024.6 2464.38L-3027.27 2464.38ZM-3018.93 2468.1C-3017.26 2468.1 -3016.19 2466.58 -3016.19 2463.51C-3016.19 2460.47 -3017.26 2458.99 -3018.93 2458.99C-3020.61 2458.99 -3021.67 2460.47 -3021.67 2463.51C-3021.67 2466.58 -3020.61 2468.1 -3018.93 2468.1ZM-3018.93 2467.21C-3019.93 2467.21 -3020.61 2466.09 -3020.61 2463.51C-3020.61 2460.95 -3019.93 2459.85 -3018.93 2459.85C-3017.93 2459.85 -3017.25 2460.95 -3017.25 2463.51C-3017.25 2466.09 -3017.93 2467.21 -3018.93 2467.21ZM-3012.27 2468.1C-3010.6 2468.1 -3009.53 2466.58 -3009.53 2463.51C-3009.53 2460.47 -3010.6 2458.99 -3012.27 2458.99C-3013.95 2458.99 -3015.01 2460.47 -3015.01 2463.51C-3015.01 2466.58 -3013.95 2468.1 -3012.27 2468.1ZM-3012.27 2467.21C-3013.27 2467.21 -3013.95 2466.09 -3013.95 2463.51C-3013.95 2460.95 -3013.27 2459.85 -3012.27 2459.85C-3011.27 2459.85 -3010.59 2460.95 -3010.59 2463.51C-3010.59 2466.09 -3011.27 2467.21 -3012.27 2467.21Z">
-            </path>
-        </g>
-    </g>
-    <defs>
-        <clipPath id="clip-path-74_1">
-            <path d="M0 256L256 256L256 0L0 0L0 256Z" fill="white"/>
-        </clipPath>
-    </defs>
-</svg>
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 6a62425..7e625f6 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -1,7 +1,7 @@
 <template>
   <v-app-bar :elevation="2">
-    <template v-slot:prepend>
-      <v-app-bar-nav-icon></v-app-bar-nav-icon>
+    <template #prepend>
+      <v-app-bar-nav-icon />
     </template>
 
     <v-app-bar-title>作业</v-app-bar-title>
diff --git a/src/components/CacheManager.vue b/src/components/CacheManager.vue
index 793d33d..31bec12 100644
--- a/src/components/CacheManager.vue
+++ b/src/components/CacheManager.vue
@@ -2,48 +2,85 @@
   <v-card>
     <v-card-title class="d-flex align-center">
       <span>缓存管理</span>
-      <v-spacer></v-spacer>
-      <v-btn :loading="loading" color="error" @click="clearAllCaches">
+      <v-spacer />
+      <v-btn
+        :loading="loading"
+        color="error"
+        @click="clearAllCaches"
+      >
         清除所有缓存
       </v-btn>
-      <v-btn class="ml-2" icon @click="refreshCaches">
+      <v-btn
+        class="ml-2"
+        icon
+        @click="refreshCaches"
+      >
         <v-icon>mdi-refresh</v-icon>
       </v-btn>
     </v-card-title>
 
     <v-card-text>
-      <v-alert v-if="!serviceWorkerActive" class="mb-4" type="warning">
+      <v-alert
+        v-if="!serviceWorkerActive"
+        class="mb-4"
+        type="warning"
+      >
         Service Worker 未激活，缓存管理功能不可用。
       </v-alert>
 
-      <v-alert v-if="message" :type="messageType" class="mb-4">
+      <v-alert
+        v-if="message"
+        :type="messageType"
+        class="mb-4"
+      >
         {{ message }}
       </v-alert>
 
       <v-expansion-panels v-if="caches.length > 0">
-        <v-expansion-panel v-for="cache in caches" :key="cache.name">
+        <v-expansion-panel
+          v-for="cache in caches"
+          :key="cache.name"
+        >
           <v-expansion-panel-title>
             <div class="d-flex align-center">
               <span>{{ formatCacheName(cache.name) }}</span>
-              <v-chip class="ml-2" size="small">{{ cache.urls.length }} 个文件</v-chip>
+              <v-chip
+                class="ml-2"
+                size="small"
+              >
+                {{ cache.urls.length }} 个文件
+              </v-chip>
             </div>
           </v-expansion-panel-title>
           <v-expansion-panel-text>
             <div class="d-flex justify-end mb-2">
-              <v-btn :loading="loading" color="error" size="small" @click="clearCache(cache.name)">
+              <v-btn
+                :loading="loading"
+                color="error"
+                size="small"
+                @click="clearCache(cache.name)"
+              >
                 清除此缓存
               </v-btn>
             </div>
             <v-list lines="two">
-              <v-list-item v-for="(url, index) in cache.urls" :key="index">
+              <v-list-item
+                v-for="(url, index) in cache.urls"
+                :key="index"
+              >
                 <v-list-item-title class="text-truncate">
                   {{ getFileName(url) }}
                 </v-list-item-title>
                 <v-list-item-subtitle class="text-truncate">
                   {{ url }}
                 </v-list-item-subtitle>
-                <template v-slot:append>
-                  <v-btn color="error" icon size="small" @click="clearUrl(cache.name, url)">
+                <template #append>
+                  <v-btn
+                    color="error"
+                    icon
+                    size="small"
+                    @click="clearUrl(cache.name, url)"
+                  >
                     <v-icon>mdi-delete</v-icon>
                   </v-btn>
                 </template>
@@ -53,9 +90,15 @@
         </v-expansion-panel>
       </v-expansion-panels>
 
-      <v-skeleton-loader v-else-if="loading" type="article"/>
+      <v-skeleton-loader
+        v-else-if="loading"
+        type="article"
+      />
 
-      <v-alert v-else type="info">
+      <v-alert
+        v-else
+        type="info"
+      >
         没有找到缓存数据。
       </v-alert>
     </v-card-text>
diff --git a/src/components/ExamConfigEditor.vue b/src/components/ExamConfigEditor.vue
index 065e8eb..c26bfa0 100644
--- a/src/components/ExamConfigEditor.vue
+++ b/src/components/ExamConfigEditor.vue
@@ -11,7 +11,9 @@
       @click:close="error = ''"
     >
       <div class="d-flex align-center">
-        <v-icon class="mr-2">mdi-alert-circle</v-icon>
+        <v-icon class="mr-2">
+          mdi-alert-circle
+        </v-icon>
         {{ error }}
       </div>
     </v-alert>
@@ -27,7 +29,9 @@
       @click:close="success = ''"
     >
       <div class="d-flex align-center">
-        <v-icon class="mr-2">mdi-check-circle</v-icon>
+        <v-icon class="mr-2">
+          mdi-check-circle
+        </v-icon>
         {{ success }}
       </div>
     </v-alert>
@@ -43,29 +47,49 @@
       <div class="d-flex align-center">
         <span class="font-weight-bold">配置验证失败，请检查以下问题：</span>
       </div>
-      <v-list class="bg-transparent" density="compact">
+      <v-list
+        class="bg-transparent"
+        density="compact"
+      >
         <v-list-item
           v-for="(error, index) in validationErrors"
           :key="index"
           class="px-0 py-0"
         >
-          <template v-slot:prepend>
-            <v-icon color="warning" size="small">mdi-circle-small</v-icon>
+          <template #prepend>
+            <v-icon
+              color="warning"
+              size="small"
+            >
+              mdi-circle-small
+            </v-icon>
           </template>
-          <v-list-item-title class="text-body-2">{{ error }}</v-list-item-title>
+          <v-list-item-title class="text-body-2">
+            {{ error }}
+          </v-list-item-title>
         </v-list-item>
       </v-list>
     </v-alert>
 
     <!-- 加载状态 -->
-    <v-card v-if="loading" class="my-4" outlined>
+    <v-card
+      v-if="loading"
+      class="my-4"
+      outlined
+    >
       <v-card-text>
-        <v-skeleton-loader class="mx-auto" type="article"></v-skeleton-loader>
+        <v-skeleton-loader
+          class="mx-auto"
+          type="article"
+        />
       </v-card-text>
     </v-card>
 
     <!-- 模式切换按钮和操作按钮 -->
-    <div v-if="!loading" class="d-flex justify-space-between align-center mb-4">
+    <div
+      v-if="!loading"
+      class="d-flex justify-space-between align-center mb-4"
+    >
       <div class="d-flex align-center gap-2">
         <v-btn
           :disabled="!isValidConfig"
@@ -140,19 +164,31 @@
           class="text-error"
           prepend-icon="mdi-delete"
           @click="confirmDelete"
-
         >
           删除配置
         </v-btn>
-        <v-btn :value="false" prepend-icon="mdi-eye"> 预览</v-btn>
-        <v-btn :value="true" prepend-icon="mdi-pencil"> 编辑</v-btn>
+        <v-btn
+          :value="false"
+          prepend-icon="mdi-eye"
+        >
+          预览
+        </v-btn>
+        <v-btn
+          :value="true"
+          prepend-icon="mdi-pencil"
+        >
+          编辑
+        </v-btn>
       </v-btn-toggle>
     </div>
 
     <!-- 预览模式 -->
     <div v-if="!loading && !isEditMode">
       <div class="mb-8">
-        <div class="text-h3 font-weight-bold" style="line-height: 1.2">
+        <div
+          class="text-h3 font-weight-bold"
+          style="line-height: 1.2"
+        >
           {{ localConfig.examName || "未设置考试名称" }}
         </div>
         <div
@@ -161,8 +197,14 @@
         >
           {{ localConfig.message || "未设置考试提示" }}
         </div>
-        <v-chip v-if="localConfig.room" class="px-4 py-2" size="large">
-          <v-icon start>mdi-home</v-icon>
+        <v-chip
+          v-if="localConfig.room"
+          class="px-4 py-2"
+          size="large"
+        >
+          <v-icon start>
+            mdi-home
+          </v-icon>
           考场：{{ localConfig.room }}
         </v-chip>
       </div>
@@ -178,20 +220,29 @@
             lg="4"
             md="6"
           >
-            <v-card class="h-100" hover variant="tonal">
+            <v-card
+              class="h-100"
+              hover
+              variant="tonal"
+            >
               <v-card-title class="bg-primary-lighten-5 pa-4">
                 <div class="d-flex align-center">
-                  <v-icon class="mr-2">mdi-book-open-page-variant</v-icon>
+                  <v-icon class="mr-2">
+                    mdi-book-open-page-variant
+                  </v-icon>
                   <span class="">{{ examInfo.name || "未设置科目" }}</span>
                 </div>
               </v-card-title>
               <v-card-text class="pa-4">
                 <div class="mb-3">
                   <div class="d-flex align-center mb-1">
-                    <v-icon class="mr-2" color="success" size="small"
-                    >mdi-clock-start
-                    </v-icon
+                    <v-icon
+                      class="mr-2"
+                      color="success"
+                      size="small"
                     >
+                      mdi-clock-start
+                    </v-icon>
                     <span class="text-body-2 text-grey-darken-1">开始时间</span>
                   </div>
                   <div class="text-h6 font-weight-medium text-success">
@@ -200,10 +251,13 @@
                 </div>
                 <div>
                   <div class="d-flex align-center mb-1">
-                    <v-icon class="mr-2" color="error" size="small"
-                    >mdi-clock-end
-                    </v-icon
+                    <v-icon
+                      class="mr-2"
+                      color="error"
+                      size="small"
                     >
+                      mdi-clock-end
+                    </v-icon>
                     <span class="text-body-2 text-grey-darken-1">结束时间</span>
                   </div>
                   <div class="text-h6 font-weight-medium text-error">
@@ -215,29 +269,50 @@
           </v-col>
         </v-row>
       </div>
-      <div v-else class="text-center py-12">
-        <v-icon class="mb-4" color="grey-lighten-2" size="80">
+      <div
+        v-else
+        class="text-center py-12"
+      >
+        <v-icon
+          class="mb-4"
+          color="grey-lighten-2"
+          size="80"
+        >
           mdi-calendar-blank
         </v-icon>
-        <div class="text-h5 text-grey-darken-1 mb-2">暂无考试科目安排</div>
+        <div class="text-h5 text-grey-darken-1 mb-2">
+          暂无考试科目安排
+        </div>
         <div class="text-body-1 text-grey mb-4">
           点击上方"添加科目"按钮开始配置考试时间表
         </div>
-        <v-btn color="primary" variant="outlined" @click="quickEdit">
-          <v-icon start>mdi-plus</v-icon>
+        <v-btn
+          color="primary"
+          variant="outlined"
+          @click="quickEdit"
+        >
+          <v-icon start>
+            mdi-plus
+          </v-icon>
           立即添加
         </v-btn>
       </div>
 
       <!-- JSON预览 -->
-      <v-card border class="mb-4" elevation="2">
+      <v-card
+        border
+        class="mb-4"
+        elevation="2"
+      >
         <v-card-title
           class="d-flex align-center text-white cursor-pointer"
           @click="showJsonPreview = !showJsonPreview"
         >
-          <v-icon class="mr-2">mdi-code-json</v-icon>
+          <v-icon class="mr-2">
+            mdi-code-json
+          </v-icon>
           配置预览
-          <v-spacer></v-spacer>
+          <v-spacer />
 
           <v-btn
             color="white"
@@ -255,12 +330,17 @@
             color="white"
             size="small"
             variant="text"
-          >
-          </v-btn>
+          />
         </v-card-title>
         <v-expand-transition>
-          <v-card-text v-show="showJsonPreview" class="pa-4">
-            <v-card class="pa-4" variant="tonal">
+          <v-card-text
+            v-show="showJsonPreview"
+            class="pa-4"
+          >
+            <v-card
+              class="pa-4"
+              variant="tonal"
+            >
               <pre class="json-preview"><code>{{ formattedStorageJson }}</code></pre>
             </v-card>
           </v-card-text>
@@ -271,14 +351,23 @@
     <!-- 编辑模式 -->
     <div v-if="!loading && isEditMode">
       <!-- 基本信息 -->
-      <v-card border class="mb-4" elevation="1">
+      <v-card
+        border
+        class="mb-4"
+        elevation="1"
+      >
         <v-card-title class="d-flex align-center bg-primary-lighten-5 pa-4">
-          <v-icon class="mr-2">mdi-information</v-icon>
+          <v-icon class="mr-2">
+            mdi-information
+          </v-icon>
           <span class="font-weight-bold">基本信息</span>
         </v-card-title>
         <v-card-text class="pa-6">
           <v-row>
-            <v-col cols="12" md="6">
+            <v-col
+              cols="12"
+              md="6"
+            >
               <v-text-field
                 v-model="localConfig.examName"
                 :rules="[
@@ -293,9 +382,12 @@
                 prepend-inner-icon="mdi-calendar-text"
                 required
                 variant="outlined"
-              ></v-text-field>
+              />
             </v-col>
-            <v-col cols="12" md="6">
+            <v-col
+              cols="12"
+              md="6"
+            >
               <v-text-field
                 v-model="localConfig.room"
                 clearable
@@ -304,13 +396,16 @@
                 placeholder="如：一号考场"
                 prepend-inner-icon="mdi-home"
                 variant="outlined"
-              ></v-text-field>
+              />
             </v-col>
           </v-row>
           <v-row>
             <v-col cols="12">
               <span class="text-subtitle-2 font-weight-bold d-block mb-2">
-                <v-icon size="small" class="mr-1">mdi-message-text</v-icon>
+                <v-icon
+                  size="small"
+                  class="mr-1"
+                >mdi-message-text</v-icon>
                 考试提示
               </span>
               <v-textarea
@@ -326,10 +421,13 @@
                 placeholder="例如：请保持卷面整洁，诚信应考。在听到终考铃时立刻停止作答。"
                 rows="3"
                 variant="outlined"
-              ></v-textarea>
+              />
 
               <!-- 默认提示选项 -->
-              <div v-if="!localConfig.message || localConfig.message.trim() === ''" class="mt-3">
+              <div
+                v-if="!localConfig.message || localConfig.message.trim() === ''"
+                class="mt-3"
+              >
                 <v-chip-group
                   class="d-flex gap-2"
                   column
@@ -343,12 +441,22 @@
                     variant="outlined"
                     @click="selectDefaultTip(tip)"
                   >
-                    <v-icon size="small" start>mdi-plus</v-icon>
+                    <v-icon
+                      size="small"
+                      start
+                    >
+                      mdi-plus
+                    </v-icon>
                     {{ tip.substring(0, 20) }}...
                   </v-chip>
                 </v-chip-group>
                 <div class="text-caption text-medium-emphasis mt-2 ml-2">
-                  <v-icon class="mr-1" size="x-small">mdi-lightbulb-outline</v-icon>
+                  <v-icon
+                    class="mr-1"
+                    size="x-small"
+                  >
+                    mdi-lightbulb-outline
+                  </v-icon>
                   点击上方选项快速添加常用考试提示
                 </div>
               </div>
@@ -358,11 +466,17 @@
       </v-card>
 
       <!-- 考试科目安排 -->
-      <v-card border class="mb-4" elevation="1">
+      <v-card
+        border
+        class="mb-4"
+        elevation="1"
+      >
         <v-card-title class="d-flex align-center bg-success-lighten-5 pa-4">
-          <v-icon class="mr-2">mdi-format-list-bulleted</v-icon>
+          <v-icon class="mr-2">
+            mdi-format-list-bulleted
+          </v-icon>
           <span class="font-weight-bold">考试科目安排</span>
-          <v-spacer></v-spacer>
+          <v-spacer />
 
           <!-- 提醒时间开关 -->
           <div class="d-flex align-center mr-4">
@@ -373,7 +487,7 @@
               hide-details
               @change="toggleAlertTimeMode"
             >
-              <template v-slot:label>
+              <template #label>
                 <span class="text-body-2">自定义提醒时间</span>
               </template>
             </v-switch>
@@ -408,14 +522,19 @@
                     variant="tonal"
                     class="mr-3"
                   >
-                    <v-icon start size="small">mdi-numeric-{{ index + 1 }}-circle</v-icon>
+                    <v-icon
+                      start
+                      size="small"
+                    >
+                      mdi-numeric-{{ index + 1 }}-circle
+                    </v-icon>
                     第 {{ index + 1 }} 科目
                   </v-chip>
 
                   <!-- 考试时长显示 -->
 
 
-                  <v-spacer></v-spacer>
+                  <v-spacer />
                   <div class="d-flex gap-1">
                     <v-btn
                       v-if="index > 0"
@@ -425,7 +544,12 @@
                       variant="text"
                       @click="moveExamInfo(index, -1)"
                     >
-                      <v-tooltip activator="parent" location="bottom">上移</v-tooltip>
+                      <v-tooltip
+                        activator="parent"
+                        location="bottom"
+                      >
+                        上移
+                      </v-tooltip>
                     </v-btn>
                     <v-btn
                       v-if="index < localConfig.examInfos.length - 1"
@@ -435,7 +559,12 @@
                       variant="text"
                       @click="moveExamInfo(index, 1)"
                     >
-                      <v-tooltip activator="parent" location="bottom">下移</v-tooltip>
+                      <v-tooltip
+                        activator="parent"
+                        location="bottom"
+                      >
+                        下移
+                      </v-tooltip>
                     </v-btn>
                     <v-btn
                       color="error"
@@ -444,13 +573,21 @@
                       variant="text"
                       @click="removeExamInfo(index)"
                     >
-                      <v-tooltip activator="parent" location="bottom">删除</v-tooltip>
+                      <v-tooltip
+                        activator="parent"
+                        location="bottom"
+                      >
+                        删除
+                      </v-tooltip>
                     </v-btn>
                   </div>
                 </div>
 
                 <v-row class="align-start">
-                  <v-col cols="12" md="4">
+                  <v-col
+                    cols="12"
+                    md="4"
+                  >
                     <!-- 科目名称自动完成选择器 -->
                     <v-autocomplete
                       v-model="examInfo.name"
@@ -467,20 +604,23 @@
                       prepend-inner-icon="mdi-book"
                       variant="outlined"
                     >
-                      <template v-slot:prepend-item>
+                      <template #prepend-item>
                         <v-list-item
                           v-if="customSubjectInput"
                           title="自定义："
                         >
-                          <template v-slot:append>
+                          <template #append>
                             <span class="text-primary font-weight-bold">{{ customSubjectInput }}</span>
                           </template>
                         </v-list-item>
-                        <v-divider v-if="customSubjectInput"></v-divider>
+                        <v-divider v-if="customSubjectInput" />
                       </template>
                     </v-autocomplete>
                   </v-col>
-                  <v-col cols="12" md="3">
+                  <v-col
+                    cols="12"
+                    md="3"
+                  >
                     <v-menu
                       v-model="examInfo.startDateMenu"
                       :close-on-content-click="false"
@@ -488,7 +628,7 @@
                       offset-y
                       transition="scale-transition"
                     >
-                      <template v-slot:activator="{ props }">
+                      <template #activator="{ props }">
                         <v-text-field
                           v-model="examInfo.startFormatted"
                           :rules="[
@@ -504,19 +644,27 @@
                           variant="outlined"
                           @blur="updateStartDateTimeFromInput(index)"
                         >
-                          <template v-slot:append>
+                          <template #append>
                             <v-icon>mdi-calendar-clock</v-icon>
                           </template>
                         </v-text-field>
                       </template>
                       <v-card min-width="500">
                         <v-card-title class="text-center py-3 bg-primary-lighten-5">
-                          <v-icon class="mr-2" color="primary">mdi-clock-start</v-icon>
+                          <v-icon
+                            class="mr-2"
+                            color="primary"
+                          >
+                            mdi-clock-start
+                          </v-icon>
                           选择开始时间
                         </v-card-title>
                         <v-card-text class="pa-0">
                           <v-row no-gutters>
-                            <v-col class="border-e" cols="6">
+                            <v-col
+                              class="border-e"
+                              cols="6"
+                            >
                               <v-date-picker
                                 v-model="examInfo.startDate"
                                 color="primary"
@@ -524,7 +672,7 @@
                                 locale="zh-cn"
                                 show-adjacent-months
                                 @update:model-value="updateStartDateTime(index)"
-                              ></v-date-picker>
+                              />
                             </v-col>
                             <v-col cols="6">
                               <v-time-picker
@@ -534,12 +682,12 @@
                                 format="24hr"
                                 scrollable
                                 @update:model-value="updateStartDateTime(index)"
-                              ></v-time-picker>
+                              />
                             </v-col>
                           </v-row>
                         </v-card-text>
                         <v-card-actions>
-                          <v-spacer></v-spacer>
+                          <v-spacer />
                           <v-btn
                             color="grey"
                             variant="text"
@@ -551,7 +699,10 @@
                       </v-card>
                     </v-menu>
                   </v-col>
-                  <v-col cols="12" md="3">
+                  <v-col
+                    cols="12"
+                    md="3"
+                  >
                     <v-menu
                       v-model="examInfo.endDateMenu"
                       :close-on-content-click="false"
@@ -559,7 +710,7 @@
                       offset-y
                       transition="scale-transition"
                     >
-                      <template v-slot:activator="{ props }">
+                      <template #activator="{ props }">
                         <v-text-field
                           v-model="examInfo.endFormatted"
                           :rules="[
@@ -576,19 +727,27 @@
                           variant="outlined"
                           @blur="updateEndDateTimeFromInput(index)"
                         >
-                          <template v-slot:append>
+                          <template #append>
                             <v-icon>mdi-calendar-clock</v-icon>
                           </template>
                         </v-text-field>
                       </template>
                       <v-card min-width="500">
                         <v-card-title class="text-center py-3 bg-error-lighten-5">
-                          <v-icon class="mr-2" color="error">mdi-clock-end</v-icon>
+                          <v-icon
+                            class="mr-2"
+                            color="error"
+                          >
+                            mdi-clock-end
+                          </v-icon>
                           选择结束时间
                         </v-card-title>
                         <v-card-text class="pa-0">
                           <v-row no-gutters>
-                            <v-col class="border-e" cols="6">
+                            <v-col
+                              class="border-e"
+                              cols="6"
+                            >
                               <v-date-picker
                                 v-model="examInfo.endDate"
                                 color="error"
@@ -596,7 +755,7 @@
                                 locale="zh-cn"
                                 show-adjacent-months
                                 @update:model-value="updateEndDateTime(index)"
-                              ></v-date-picker>
+                              />
                             </v-col>
                             <v-col cols="6">
                               <v-time-picker
@@ -606,12 +765,12 @@
                                 format="24hr"
                                 scrollable
                                 @update:model-value="updateEndDateTime(index)"
-                              ></v-time-picker>
+                              />
                             </v-col>
                           </v-row>
                         </v-card-text>
                         <v-card-actions>
-                          <v-spacer></v-spacer>
+                          <v-spacer />
                           <v-btn
                             color="grey"
                             variant="text"
@@ -623,60 +782,76 @@
                       </v-card>
                     </v-menu>
                   </v-col>
-                    <v-col cols="12" md="2">
-                      <v-text-field
-                        v-model="examInfo.durationMinutes"
-                        :rules="[
-                          (v) => !!v || '时长不能为空',
-                          (v) => !isNaN(v) || '时长必须是数字',
-                          (v) => parseInt(v) > 0 || '时长必须大于0',
-                          (v) => parseInt(v) <= 1440 || '时长不能超过1440分钟（24小时）'
-                        ]"
-                        type="number"
-                        min="1"
-                        max="1440"
-                        density="comfortable"
-                        label="时长（分钟）"
-                        placeholder="例如：120"
-                        prepend-inner-icon="mdi-timer"
-                        variant="outlined"
-                        :hint="durationHint(examInfo)"
-                        persistent-hint
-                        @blur="updateDurationFromInput(index)"
-                      />
-                    </v-col>
+                  <v-col
+                    cols="12"
+                    md="2"
+                  >
+                    <v-text-field
+                      v-model="examInfo.durationMinutes"
+                      :rules="[
+                        (v) => !!v || '时长不能为空',
+                        (v) => !isNaN(v) || '时长必须是数字',
+                        (v) => parseInt(v) > 0 || '时长必须大于0',
+                        (v) => parseInt(v) <= 1440 || '时长不能超过1440分钟（24小时）'
+                      ]"
+                      type="number"
+                      min="1"
+                      max="1440"
+                      density="comfortable"
+                      label="时长（分钟）"
+                      placeholder="例如：120"
+                      prepend-inner-icon="mdi-timer"
+                      variant="outlined"
+                      :hint="durationHint(examInfo)"
+                      persistent-hint
+                      @blur="updateDurationFromInput(index)"
+                    />
+                  </v-col>
 
-                    <!-- 提醒时间输入框（仅在启用自定义时显示） -->
-                    <v-col v-if="enableCustomAlertTime" cols="12" md="2">
-                      <v-text-field
-                        v-model="examInfo.alertTime"
-                        :rules="[
-                          (v) => !!v || '提醒时间不能为空',
-                          (v) => !isNaN(v) || '提醒时间必须是数字',
-                          (v) => parseInt(v) >= 0 || '提醒时间不能为负数',
-                          (v) => parseInt(v) <= 120 || '提醒时间不能超过120分钟'
-                        ]"
-                        type="number"
-                        min="0"
-                        max="120"
-                        density="comfortable"
-                        label="提醒时间（分钟）"
-                        placeholder="例如：15"
-                        prepend-inner-icon="mdi-bell-ring"
-                        variant="outlined"
-                        hint="考试结束前提醒"
-                        persistent-hint
-                      />
-                    </v-col>
+                  <!-- 提醒时间输入框（仅在启用自定义时显示） -->
+                  <v-col
+                    v-if="enableCustomAlertTime"
+                    cols="12"
+                    md="2"
+                  >
+                    <v-text-field
+                      v-model="examInfo.alertTime"
+                      :rules="[
+                        (v) => !!v || '提醒时间不能为空',
+                        (v) => !isNaN(v) || '提醒时间必须是数字',
+                        (v) => parseInt(v) >= 0 || '提醒时间不能为负数',
+                        (v) => parseInt(v) <= 120 || '提醒时间不能超过120分钟'
+                      ]"
+                      type="number"
+                      min="0"
+                      max="120"
+                      density="comfortable"
+                      label="提醒时间（分钟）"
+                      placeholder="例如：15"
+                      prepend-inner-icon="mdi-bell-ring"
+                      variant="outlined"
+                      hint="考试结束前提醒"
+                      persistent-hint
+                    />
+                  </v-col>
                 </v-row>
               </div>
             </v-list-item>
           </v-list>
-          <div v-else class="text-center py-12">
-            <v-icon class="mb-4" color="grey-lighten-2" size="80">
+          <div
+            v-else
+            class="text-center py-12"
+          >
+            <v-icon
+              class="mb-4"
+              color="grey-lighten-2"
+              size="80"
+            >
               mdi-calendar-blank
             </v-icon>
-            <div class="text-h5 text-grey-darken-1 mb-2">暂无考试科目安排</div>
+            <div class="text-h5 text-grey-darken-1 mb-2">
+              暂无考试科目安排
+            </div>
             <div class="text-body-1 text-grey mb-4">
               点击上方"添加科目"按钮开始配置
             </div>
@@ -695,10 +870,18 @@
     </div>
 
     <!-- 删除确认对话框 -->
-    <v-dialog v-model="deleteDialog" max-width="400">
+    <v-dialog
+      v-model="deleteDialog"
+      max-width="400"
+    >
       <v-card>
         <v-card-title class="d-flex align-center">
-          <v-icon class="mr-2" color="error">mdi-delete-alert</v-icon>
+          <v-icon
+            class="mr-2"
+            color="error"
+          >
+            mdi-delete-alert
+          </v-icon>
           确认删除配置
         </v-card-title>
         <v-card-text>
@@ -706,7 +889,7 @@
           <br><small class="text-grey">此操作不可撤销，将会删除所有相关数据</small>
         </v-card-text>
         <v-card-actions>
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn
             color="grey"
             variant="text"
@@ -945,8 +1128,12 @@ export default {
     async loadSubjects() {
       try {
         const response = await dataProvider.loadData("classworks-config-subject");
-        if (response && Array.isArray(response)) {
-          this.availableSubjects = response
+        
+        // 兼容返回数组或包含 value 属性的对象
+        const dataArray = Array.isArray(response) ? response : (response && Array.isArray(response.value) ? response.value : null);
+        
+        if (response && response.success !== false && dataArray) {
+          this.availableSubjects = dataArray
             .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
             .map(subject => ({
               name: subject.name,
diff --git a/src/components/FloatingToolbar.vue b/src/components/FloatingToolbar.vue
index 1431ad1..b1aac7c 100644
--- a/src/components/FloatingToolbar.vue
+++ b/src/components/FloatingToolbar.vue
@@ -7,7 +7,10 @@
         elevation="4"
         rounded="xl"
       >
-        <v-btn-group class="toolbar-buttons" variant="text">
+        <v-btn-group
+          class="toolbar-buttons"
+          variant="text"
+        >
           <v-btn
             v-ripple
             :title="'查看昨天'"
@@ -32,7 +35,10 @@
             variant="text"
             @click="$emit('zoom', 'up')"
           />
-          <v-menu :close-on-content-click="false" location="top">
+          <v-menu
+            :close-on-content-click="false"
+            location="top"
+          >
             <template #activator="{ props }">
               <v-btn
                 v-ripple
@@ -43,7 +49,10 @@
                 variant="text"
               />
             </template>
-            <v-card border class="date-picker-card">
+            <v-card
+              border
+              class="date-picker-card"
+            >
               <v-date-picker
                 :model-value="selectedDate"
                 color="primary"
@@ -52,6 +61,7 @@
             </v-card>
           </v-menu>
           <v-btn
+            :key="loading"
             v-ripple
             :loading="loading"
             :title="'刷新数据'"
@@ -76,19 +86,24 @@
 
     <!-- Side Action Button -->
     <v-slide-x-reverse-transition>
-      <v-btn
+      <div
         v-if="!isToday"
-        :loading="copyToTodayLoading"
-        :disabled="copyToTodayLoading"
-        class="side-action-btn"
-        color="primary"
-        elevation="4"
-        prepend-icon="mdi-content-copy"
-        rounded="xl"
-        size="large"
-        text="复制作业内容到今天"
-        @click="$emit('copy-to-today')"
-      >复制到今天</v-btn>
+        class="side-action-container"
+      >
+        <v-btn
+          :loading="copyToTodayLoading"
+          :disabled="copyToTodayLoading"
+          class="side-action-btn"
+          color="primary"
+          elevation="4"
+          prepend-icon="mdi-content-copy"
+          rounded="xl"
+          size="large"
+          @click="$emit('copy-to-today')"
+        >
+          复制到今天
+        </v-btn>
+      </div>
     </v-slide-x-reverse-transition>
   </div>
 </template>
@@ -138,9 +153,8 @@ export default {
   left: 0;
   width: 100%;
   height: 0;
+  overflow: visible;
   z-index: 100;
-  display: flex;
-  justify-content: center;
   pointer-events: none;
 }
 
@@ -191,12 +205,15 @@ export default {
   transform: scale(0.95);
 }
 
-.side-action-btn {
+.side-action-container {
   position: absolute;
   bottom: 24px;
   right: 24px;
   pointer-events: auto;
   z-index: 101;
+}
+
+.side-action-btn {
   background: rgba(255, 255, 255, 0.9) !important;
   backdrop-filter: blur(12px);
   border: 1px solid rgba(255, 255, 255, 0.2);
diff --git a/src/components/GlobalMessage.vue b/src/components/GlobalMessage.vue
index 73518f5..57d7649 100644
--- a/src/components/GlobalMessage.vue
+++ b/src/components/GlobalMessage.vue
@@ -8,14 +8,28 @@
     variant="tonal"
   >
     <div class="d-flex align-center">
-      <v-icon :icon="icons[message?.type] || icons.info" class="mr-2"/>
+      <v-icon
+        :icon="icons[message?.type] || icons.info"
+        class="mr-2"
+      />
       <div>
-        <div class="text-subtitle-2 font-weight-medium">{{ message?.title }}</div>
-        <div v-if="message?.content" class="text-body-2">{{ message?.content }}</div>
+        <div class="text-subtitle-2 font-weight-medium">
+          {{ message?.title }}
+        </div>
+        <div
+          v-if="message?.content"
+          class="text-body-2"
+        >
+          {{ message?.content }}
+        </div>
       </div>
     </div>
     <template #actions>
-      <v-btn icon="mdi-close" variant="text" @click="snackbar = false"/>
+      <v-btn
+        icon="mdi-close"
+        variant="text"
+        @click="snackbar = false"
+      />
     </template>
   </v-snackbar>
 </template>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 79b3ce0..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-  <v-container class="fill-height">
-    <v-responsive
-      class="align-centerfill-height mx-auto"
-      max-width="900"
-    >
-      <v-img
-        class="mb-4"
-        height="150"
-        src="@/assets/logo.png"
-      />
-
-      <div class="text-center">
-        <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
-
-        <h1 class="text-h2 font-weight-bold">Vuetify</h1>
-      </div>
-
-      <div class="py-4"/>
-
-      <v-row>
-        <v-col cols="12">
-          <v-card
-            class="py-4"
-            color="surface-variant"
-            image="https://cdn.vuetifyjs.com/docs/images/one/create/feature.png"
-            prepend-icon="mdi-rocket-launch-outline"
-            rounded="lg"
-            variant="outlined"
-          >
-            <template #image>
-              <v-img position="top right"/>
-            </template>
-
-            <template #title>
-              <h2 class="text-h5 font-weight-bold">Get started</h2>
-            </template>
-
-            <template #subtitle>
-              <div class="text-subtitle-1">
-                Replace this page by removing
-                <v-kbd>{{ `
-                  <HelloWorld/>
-                  ` }}
-                </v-kbd>
-                in
-                <v-kbd>pages/index.vue</v-kbd>
-                .
-              </div>
-            </template>
-
-            <v-overlay
-              contained
-              model-value
-              opacity=".12"
-              persistent
-              scrim="primary"
-            />
-          </v-card>
-        </v-col>
-
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://vuetifyjs.com/"
-            prepend-icon="mdi-text-box-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Learn about all things Vuetify in our documentation."
-            target="_blank"
-            title="Documentation"
-            variant="text"
-          >
-            <v-overlay
-              contained
-              model-value
-              opacity=".06"
-              persistent
-              scrim="primary"
-            />
-          </v-card>
-        </v-col>
-
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides"
-            prepend-icon="mdi-star-circle-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Explore available framework Features."
-            target="_blank"
-            title="Features"
-            variant="text"
-          >
-            <v-overlay
-              contained
-              model-value
-              opacity=".06"
-              persistent
-              scrim="primary"
-            />
-          </v-card>
-        </v-col>
-
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://vuetifyjs.com/components/all"
-            prepend-icon="mdi-widgets-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Discover components in the API Explorer."
-            target="_blank"
-            title="Components"
-            variant="text"
-          >
-            <v-overlay
-              contained
-              model-value
-              opacity=".06"
-              persistent
-              scrim="primary"
-            />
-          </v-card>
-        </v-col>
-
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://discord.vuetifyjs.com"
-            prepend-icon="mdi-account-group-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Connect with Vuetify developers."
-            target="_blank"
-            title="Community"
-            variant="text"
-          >
-            <v-overlay
-              contained
-              model-value
-              opacity=".06"
-              persistent
-              scrim="primary"
-            />
-          </v-card>
-        </v-col>
-      </v-row>
-    </v-responsive>
-  </v-container>
-</template>
-
-<script setup>
-//
-</script>
diff --git a/src/components/HitokotoCard.vue b/src/components/HitokotoCard.vue
index 6cbf3fd..e680e12 100644
--- a/src/components/HitokotoCard.vue
+++ b/src/components/HitokotoCard.vue
@@ -69,7 +69,7 @@ export default {
       loading: false,
       timer: null,
       unwatch: null,
-      fontSize: 28 // Will be updated in mounted()
+      fontSize: 28
     }
   },
   computed: {
@@ -111,7 +111,7 @@ export default {
     loadLocalSettings() {
       this.enabled = SettingsManager.getSetting('hitokoto.enabled')
       this.refreshInterval = SettingsManager.getSetting('hitokoto.refreshInterval')
-      this.fontSize = SettingsManager.getSetting('font.size')
+      this.fontSize = 28
     },
     async loadKvSettings() {
       try {
diff --git a/src/components/HitokotoSettings.vue b/src/components/HitokotoSettings.vue
index 26555e7..609796e 100644
--- a/src/components/HitokotoSettings.vue
+++ b/src/components/HitokotoSettings.vue
@@ -1,15 +1,26 @@
 <template>
   <div>
-    <setting-group title="一言设置" icon="mdi-comment-quote">
+    <setting-group
+      title="一言设置"
+      icon="mdi-comment-quote"
+    >
       <setting-item setting-key="hitokoto.enabled" />
       <setting-item setting-key="hitokoto.refreshInterval" />
     </setting-group>
 
-    <setting-group title="数据源配置" icon="mdi-cloud-sync" class="mt-4">
-      <div class="text-caption text-grey px-4 pt-2 pb-2">以下配置将同步到云端，对所有连接此班级的设备生效。</div>
+    <setting-group
+      title="数据源配置"
+      icon="mdi-cloud-sync"
+      class="mt-4"
+    >
+      <div class="text-caption text-grey px-4 pt-2 pb-2">
+        以下配置将同步到云端，对所有连接此班级的设备生效。
+      </div>
 
       <v-list-item>
-        <v-list-item-title class="mb-2">启用数据源</v-list-item-title>
+        <v-list-item-title class="mb-2">
+          启用数据源
+        </v-list-item-title>
         <div class="d-flex flex-wrap gap-2">
           <v-checkbox
             v-model="kvConfig.sources"
@@ -42,7 +53,13 @@
           />
         </div>
         <div class="text-caption text-orange mt-2">
-          <v-icon size="x-small" color="orange" class="mr-1">mdi-alert</v-icon>
+          <v-icon
+            size="x-small"
+            color="orange"
+            class="mr-1"
+          >
+            mdi-alert
+          </v-icon>
           一言（Hitokoto）数据源已收到关于存在负面内容的大量反馈，请用户谨慎启用。
         </div>
       </v-list-item>
@@ -99,39 +116,62 @@
       </v-list-item>
       <v-list-item>
         <v-checkbox
+          v-model="enableCloudSensitiveWords"
           label="启用云端敏感词列表"
           hide-details
-          v-model="enableCloudSensitiveWords"
           density="compact"
           disabled
           class="mb-2"
         />
         <div class="text-caption text-grey">
-          已启用的数据源将在获取一言时随机尝试，直到成功获取内容为止。<br/>
-          敏感词过滤会将包含任意敏感词的句子过滤掉，避免显示不当内容。<br/>
+          已启用的数据源将在获取一言时随机尝试，直到成功获取内容为止。<br>
+          敏感词过滤会将包含任意敏感词的句子过滤掉，避免显示不当内容。<br>
         </div>
-              </v-list-item>
+      </v-list-item>
 
-      <div v-if="loading" class="text-center pb-4">
-        <v-progress-circular indeterminate size="24" color="primary" />
+      <div
+        v-if="loading"
+        class="text-center pb-4"
+      >
+        <v-progress-circular
+          indeterminate
+          size="24"
+          color="primary"
+        />
         <span class="ml-2 text-caption">正在同步配置...</span>
       </div>
     </setting-group>
 
-    <v-dialog v-model="testResultDialog" max-width="600">
-      <v-card v-if="testResultData" class="rounded-lg">
-
-
+    <v-dialog
+      v-model="testResultDialog"
+      max-width="600"
+    >
+      <v-card
+        v-if="testResultData"
+        class="rounded-lg"
+      >
         <v-card-text class="pa-0">
-          <v-list lines="two" class="py-0">
+          <v-list
+            lines="two"
+            class="py-0"
+          >
             <v-list-item class="px-4 py-3">
-              <template v-slot:prepend>
-                <v-avatar color="primary" variant="tonal" class="mr-2">
+              <template #prepend>
+                <v-avatar
+                  color="primary"
+                  variant="tonal"
+                  class="mr-2"
+                >
                   <v-icon icon="mdi-key-variant" />
                 </v-avatar>
               </template>
-              <v-list-item-title class="text-subtitle-2 font-weight-bold mb-1">Token</v-list-item-title>
-              <v-list-item-subtitle class="text-body-2 text-high-emphasis" style="word-break: break-all;">
+              <v-list-item-title class="text-subtitle-2 font-weight-bold mb-1">
+                Token
+              </v-list-item-title>
+              <v-list-item-subtitle
+                class="text-body-2 text-high-emphasis"
+                style="word-break: break-all;"
+              >
                 {{ testResultData.data.token }}
               </v-list-item-subtitle>
             </v-list-item>
@@ -141,20 +181,36 @@
             <v-row no-gutters>
               <v-col cols="6">
                 <v-list-item class="px-4 py-2">
-                  <template v-slot:prepend>
-                    <v-icon icon="mdi-ip-network" color="grey-darken-1" class="mr-2" />
+                  <template #prepend>
+                    <v-icon
+                      icon="mdi-ip-network"
+                      color="grey-darken-1"
+                      class="mr-2"
+                    />
                   </template>
-                  <v-list-item-title class="text-caption text-grey-darken-1">IP 地址</v-list-item-title>
-                  <v-list-item-subtitle class="text-body-2">{{ testResultData.data.ip }}</v-list-item-subtitle>
+                  <v-list-item-title class="text-caption text-grey-darken-1">
+                    IP 地址
+                  </v-list-item-title>
+                  <v-list-item-subtitle class="text-body-2">
+                    {{ testResultData.data.ip }}
+                  </v-list-item-subtitle>
                 </v-list-item>
               </v-col>
               <v-col cols="6">
                 <v-list-item class="px-4 py-2">
-                  <template v-slot:prepend>
-                    <v-icon icon="mdi-map-marker-radius" color="grey-darken-1" class="mr-2" />
+                  <template #prepend>
+                    <v-icon
+                      icon="mdi-map-marker-radius"
+                      color="grey-darken-1"
+                      class="mr-2"
+                    />
                   </template>
-                  <v-list-item-title class="text-caption text-grey-darken-1">地区</v-list-item-title>
-                  <v-list-item-subtitle class="text-body-2">{{ testResultData.data.region }}</v-list-item-subtitle>
+                  <v-list-item-title class="text-caption text-grey-darken-1">
+                    地区
+                  </v-list-item-title>
+                  <v-list-item-subtitle class="text-body-2">
+                    {{ testResultData.data.region }}
+                  </v-list-item-subtitle>
                 </v-list-item>
               </v-col>
             </v-row>
@@ -165,59 +221,123 @@
 
             <v-container class="px-4 py-3">
               <v-row dense>
-                <v-col cols="6" sm="4">
+                <v-col
+                  cols="6"
+                  sm="4"
+                >
                   <div class="d-flex align-center mb-2">
-                    <v-icon icon="mdi-thermometer" color="orange" class="mr-2" />
+                    <v-icon
+                      icon="mdi-thermometer"
+                      color="orange"
+                      class="mr-2"
+                    />
                     <div>
-                      <div class="text-caption text-grey">温度</div>
-                      <div class="text-body-1 font-weight-medium">{{ testResultData.data.weatherData.temperature }}°C</div>
+                      <div class="text-caption text-grey">
+                        温度
+                      </div>
+                      <div class="text-body-1 font-weight-medium">
+                        {{ testResultData.data.weatherData.temperature }}°C
+                      </div>
                     </div>
                   </div>
                 </v-col>
-                <v-col cols="6" sm="4">
+                <v-col
+                  cols="6"
+                  sm="4"
+                >
                   <div class="d-flex align-center mb-2">
-                    <v-icon icon="mdi-weather-cloudy" color="blue-grey" class="mr-2" />
+                    <v-icon
+                      icon="mdi-weather-cloudy"
+                      color="blue-grey"
+                      class="mr-2"
+                    />
                     <div>
-                      <div class="text-caption text-grey">天气</div>
-                      <div class="text-body-1 font-weight-medium">{{ testResultData.data.weatherData.weather }}</div>
+                      <div class="text-caption text-grey">
+                        天气
+                      </div>
+                      <div class="text-body-1 font-weight-medium">
+                        {{ testResultData.data.weatherData.weather }}
+                      </div>
                     </div>
                   </div>
                 </v-col>
-                <v-col cols="6" sm="4">
+                <v-col
+                  cols="6"
+                  sm="4"
+                >
                   <div class="d-flex align-center mb-2">
-                    <v-icon icon="mdi-water-percent" color="blue" class="mr-2" />
+                    <v-icon
+                      icon="mdi-water-percent"
+                      color="blue"
+                      class="mr-2"
+                    />
                     <div>
-                      <div class="text-caption text-grey">湿度</div>
-                      <div class="text-body-1 font-weight-medium">{{ testResultData.data.weatherData.humidity }}%</div>
+                      <div class="text-caption text-grey">
+                        湿度
+                      </div>
+                      <div class="text-body-1 font-weight-medium">
+                        {{ testResultData.data.weatherData.humidity }}%
+                      </div>
                     </div>
                   </div>
                 </v-col>
-                <v-col cols="6" sm="4">
+                <v-col
+                  cols="6"
+                  sm="4"
+                >
                   <div class="d-flex align-center mb-2">
-                    <v-icon icon="mdi-weather-windy" color="teal" class="mr-2" />
+                    <v-icon
+                      icon="mdi-weather-windy"
+                      color="teal"
+                      class="mr-2"
+                    />
                     <div>
-                      <div class="text-caption text-grey">风向/风力</div>
+                      <div class="text-caption text-grey">
+                        风向/风力
+                      </div>
                       <div class="text-body-2 font-weight-medium">
                         {{ testResultData.data.weatherData.windDirection }} {{ testResultData.data.weatherData.windPower }}级
                       </div>
                     </div>
                   </div>
                 </v-col>
-                <v-col cols="6" sm="4">
+                <v-col
+                  cols="6"
+                  sm="4"
+                >
                   <div class="d-flex align-center mb-2">
-                    <v-icon icon="mdi-blur" color="grey" class="mr-2" />
+                    <v-icon
+                      icon="mdi-blur"
+                      color="grey"
+                      class="mr-2"
+                    />
                     <div>
-                      <div class="text-caption text-grey">PM2.5</div>
-                      <div class="text-body-1 font-weight-medium">{{ testResultData.data.weatherData.pm25 }}</div>
+                      <div class="text-caption text-grey">
+                        PM2.5
+                      </div>
+                      <div class="text-body-1 font-weight-medium">
+                        {{ testResultData.data.weatherData.pm25 }}
+                      </div>
                     </div>
                   </div>
                 </v-col>
-                <v-col cols="6" sm="4">
+                <v-col
+                  cols="6"
+                  sm="4"
+                >
                   <div class="d-flex align-center mb-2">
-                    <v-icon icon="mdi-eye" color="indigo" class="mr-2" />
+                    <v-icon
+                      icon="mdi-eye"
+                      color="indigo"
+                      class="mr-2"
+                    />
                     <div>
-                      <div class="text-caption text-grey">能见度</div>
-                      <div class="text-body-1 font-weight-medium">{{ testResultData.data.weatherData.visibility }}</div>
+                      <div class="text-caption text-grey">
+                        能见度
+                      </div>
+                      <div class="text-body-1 font-weight-medium">
+                        {{ testResultData.data.weatherData.visibility }}
+                      </div>
                     </div>
                   </div>
                 </v-col>
@@ -227,7 +347,9 @@
             <v-divider />
 
             <div class="px-4 py-3">
-              <div class="text-caption text-grey mb-2">环境标签</div>
+              <div class="text-caption text-grey mb-2">
+                环境标签
+              </div>
               <div class="d-flex flex-wrap gap-2">
                 <v-chip
                   v-for="tag in testResultData.data.tags"
@@ -245,8 +367,12 @@
             <v-divider />
 
             <v-list-item class="px-4 py-2">
-              <template v-slot:prepend>
-                <v-icon icon="mdi-clock-outline" size="small" class="mr-2" />
+              <template #prepend>
+                <v-icon
+                  icon="mdi-clock-outline"
+                  size="small"
+                  class="mr-2"
+                />
               </template>
               <v-list-item-title class="text-caption text-grey-darken-1">
                 北京时间: {{ new Date(testResultData.data.beijingTime).toLocaleString() }}
@@ -254,8 +380,6 @@
             </v-list-item>
           </v-list>
         </v-card-text>
-
-
       </v-card>
     </v-dialog>
   </div>
diff --git a/src/components/HomeworkEditDialog.vue b/src/components/HomeworkEditDialog.vue
index 8d5ec17..bbff799 100644
--- a/src/components/HomeworkEditDialog.vue
+++ b/src/components/HomeworkEditDialog.vue
@@ -1,250 +1,304 @@
-# 创建新的作业编辑对话框组件
 <template>
   <v-dialog
     v-model="dialogVisible"
     :fullscreen="isMobile"
-    max-width="900"
+    max-width="800"
     width="auto"
+    scrollable
     @click:outside="handleClose"
   >
-    <v-card border>
-      <v-card-title class="d-flex align-center">
-        {{ title }}
+    <v-card
+      class="dialog-card"
+      color="#1E1E1E"
+    >
+      <!-- Header -->
+      <v-toolbar
+        color="transparent"
+        density="compact"
+      >
+        <v-toolbar-title class="text-h6 font-weight-bold ml-4">
+          {{ title }}
+        </v-toolbar-title>
         <v-spacer />
-        <v-btn icon="mdi-close" variant="text" @click="handleClose" />
-      </v-card-title>
-      <v-card-subtitle>
-        {{ autoSave ? autoSavePromptText : manualSavePromptText }}
-      </v-card-subtitle>
-      <v-card-text>
-        <div class="d-flex">
-          <div class="flex-grow-1">
-            <v-textarea
-              ref="inputRef"
-              v-model="content"
-              auto-grow
-              placeholder="使用换行表示分条"
-              rows="5"
-              :width="isMobile ? '100%' : '480'"
-              @click="updateCurrentLine"
-              @keyup="updateCurrentLine"
-            />
+        <v-btn
+          icon="mdi-close"
+          variant="text"
+          @click="handleClose"
+        />
+      </v-toolbar>
 
-            <!-- Template Buttons Section -->
-            <div v-if="templateData" class="mt-4">
-              <div v-if="hasTemplates" class="template-buttons">
-
-
-                <!-- Subject specific books -->
-                <template v-if="subjectBooks">
-                  <div v-for="(pages, book) in subjectBooks" :key="book" class="button-group">
-                    <v-chip
-                      :color="isBookSelected(book) ? 'success' : 'default'"
-                      :variant="isBookSelected(book) ? 'elevated' : 'flat'"
-                      class="ma-1 book-chip"
-                      @click="handleBookClick(book)"
-                    >
-                      {{ book }}
-                    </v-chip>
-
-                    <!-- Show pages only if book is selected -->
-                    <div v-if="isBookSelected(book)" class="pages-container mt-2">
-                      <v-chip
-                        v-for="page in pages"
-                        :key="page"
-                        :color="isPageSelected(book, page) ? 'info' : 'default'"
-                        :variant="isPageSelected(book, page) ? 'elevated' : 'flat'"
-                        class="ma-1"
-                        @click="handlePageClick(book, page)"
-                      >
-                        {{ page }}
-                      </v-chip>
-                    </div>
-                  </div>
-                </template>
-
-                <!-- Common books -->
-                <template v-if="commonBooks">
-                  <div v-for="(pages, book) in commonBooks" :key="book" class="button-group">
-                    <v-chip
-                      :color="isBookSelected(book) ? 'success' : 'default'"
-                      :variant="isBookSelected(book) ? 'elevated' : 'flat'"
-                      class="ma-1 book-chip"
-                      @click="handleBookClick(book)"
-                    >
-                      {{ book }}
-                    </v-chip>
-
-                    <!-- Show pages only if book is selected -->
-                    <div v-if="isBookSelected(book)" class="pages-container mt-2">
-                      <v-chip
-                        v-for="page in pages"
-                        :key="page"
-                        :color="isPageSelected(book, page) ? 'info' : 'default'"
-                        :variant="isPageSelected(book, page) ? 'elevated' : 'flat'"
-                        class="ma-1"
-                        @click="handlePageClick(book, page)"
-                      >
-                        {{ page }}
-                      </v-chip>
-                    </div>
-                  </div>
-                </template>
-
-                <!-- Actions -->
-                <div v-if="templateData.actions?.length" class="button-group">
-                  <v-chip
-                    v-for="action in templateData.actions"
-                    :key="action"
-                    class="ma-1"
-                    color="primary"
-                    variant="flat"
-                    @click="insertTemplate(action)"
-                  >
-                    {{ action }}
-                  </v-chip>
-                </div>
-              </div>
-              <div v-else class="text-center text-body-2 text-disabled mt-2">
-                暂无可用的模板
-              </div>
-            </div>
-          </div>
-
-          <!-- Quick Tools Section -->
-          <div v-if="showQuickTools && !isMobile" class="quick-tools ml-4" style="min-width: 180px;">
-            <!-- Numeric Keypad -->
-            <div class="numeric-keypad mb-4">
-              <div class="keypad-row">
-                <v-btn
-                  v-for="n in 3"
-                  :key="n"
-                  class="keypad-btn"
-                  size="small"
-                  variant="tonal"
-                  @click="insertAtCursor(String(n))"
-                >
-                  {{ n }}
-                </v-btn>
-              </div>
-              <div class="keypad-row">
-                <v-btn
-                  v-for="n in 3"
-                  :key="n"
-                  class="keypad-btn"
-                  size="small"
-                  variant="tonal"
-                  @click="insertAtCursor(String(n + 3))"
-                >
-                  {{ n + 3 }}
-                </v-btn>
-              </div>
-              <div class="keypad-row">
-                <v-btn
-                  v-for="n in 3"
-                  :key="n"
-                  class="keypad-btn"
-                  size="small"
-                  variant="tonal"
-                  @click="insertAtCursor(String(n + 6))"
-                >
-                  {{ n + 6 }}
-                </v-btn>
-              </div>
-              <div class="keypad-row">
-                <v-btn
-                  class="keypad-btn"
-                  size="small"
-                  variant="tonal"
-                  @click="insertAtCursor('-')"
-                >
-                  -
-                </v-btn>
-                <v-btn
-                  class="keypad-btn"
-                  size="small"
-                  variant="tonal"
-                  @click="insertAtCursor('0')"
-                >
-                  0
-                </v-btn>
-                <v-btn
-                  class="keypad-btn"
-                  color="error"
-                  size="small"
-                  variant="tonal"
-                  @click="deleteLastChar"
-                >
-                  ←
-                </v-btn>
-              </div>
-              <div class="keypad-row">
-                <v-btn
-                  class="keypad-btn space-btn"
-                  size="small"
-                  variant="tonal"
-                  @click="insertAtCursor(' ')"
-                >
-                  空格
-                </v-btn>
-                <v-btn
-                  class="keypad-btn space-btn"
-                  size="small"
-                  variant="tonal"
-                  @click="insertAtCursor('\n')"
-                >
-                  换行
-                </v-btn>
-              </div>
-            </div>
-
-            <div class="d-flex flex-wrap gap-1">
+      <!-- Content -->
+      <v-card-text
+        class="pa-4 custom-scrollbar"
+        style="max-height: 80vh; overflow-y: auto;"
+      >
+        <div class="d-flex flex-column gap-4">
+          <!-- Item List -->
+          <v-card
+            v-for="(item, index) in items"
+            :key="item.id"
+            variant="flat"
+            class="item-card rounded-lg"
+            color="transparent"
+            style="border: 1px solid rgba(255, 255, 255, 0.1);"
+          >
+            <!-- Item Header -->
+            <div class="d-flex align-center px-4 py-2">
+              <span class="text-subtitle-2 font-weight-bold text-grey-lighten-1">条目 {{ index + 1 }}</span>
+              <v-spacer />
               <v-btn
-                v-for="text in quickTexts"
-                :key="text"
+                icon="mdi-delete-outline"
+                variant="text"
+                color="error"
                 size="small"
-                variant="flat"
-                @click="insertAtCursor(text)"
-              >
-                {{ text }}
-              </v-btn>
+                @click="deleteItem(index)"
+              />
             </div>
-          </div>
+
+            <!-- Item Content -->
+            <div class="px-4 pb-2">
+              <v-textarea
+                v-model="item.content"
+                variant="outlined"
+                rows="3"
+                auto-grow
+                hide-details
+                placeholder="作业内容"
+                class="content-textarea"
+                bg-color="#121212"
+              />
+            </div>
+
+            <!-- Item Tools -->
+            <div class="d-flex align-center px-4 py-2 flex-wrap gap-2 tool-bar">
+              <!-- Presets -->
+              <div class="d-flex align-center flex-wrap gap-1 flex-grow-1">
+                <v-chip
+                  v-for="preset in presets"
+                  :key="preset"
+                  size="small"
+                  variant="outlined"
+                  class="preset-chip text-caption"
+                  color="grey-lighten-1"
+                  @click="appendContent(index, preset)"
+                >
+                  {{ preset }}
+                </v-chip>
+              </div>
+
+              <v-divider
+                vertical
+                class="mx-2 hidden-xs-only"
+                style="height: 24px; border-color: rgba(255, 255, 255, 0.1);"
+              />
+
+              <!-- Metadata Actions -->
+              <div class="d-flex align-center gap-2">
+                <!-- Submission Time -->
+                <v-menu
+                  :close-on-content-click="false"
+                  location="bottom end"
+                  :model-value="submissionTimeMenuIndex === index"
+                  @update:model-value="(value) => submissionTimeMenuIndex = value ? index : null"
+                >
+                  <template #activator="{ props }">
+                    <v-btn
+                      v-bind="props"
+                      height="32"
+                      rounded="pill"
+                      :color="item.submissionTime ? 'grey-darken-3' : 'grey-darken-3'"
+                      :class="{'text-white': !item.submissionTime}"
+                      variant="flat"
+                      class="metadata-btn"
+                      style="border: 1px solid rgba(255, 255, 255, 0.2);"
+                    >
+                      <v-icon
+                        start
+                        size="small"
+                        :color="item.submissionTime ? 'info' : 'grey'"
+                      >
+                        mdi-clock-outline
+                      </v-icon>
+                      {{ formatSubmissionTime(item.submissionTime) || '上交时间' }}
+                    </v-btn>
+                  </template>
+                  <v-card
+                    v-if="submissionTimeMenuIndex === index"
+                    min-width="300"
+                  >
+                    <v-date-picker
+                      v-model="item.dateObj"
+                      color="primary"
+                      hide-header
+                      @update:model-value="(date) => updateSubmissionTime(index, date)"
+                    />
+                    <v-card-actions>
+                      <v-btn
+                        block
+                        color="error"
+                        variant="text"
+                        @click="clearSubmissionTime(index)"
+                      >
+                        清除时间
+                      </v-btn>
+                    </v-card-actions>
+                  </v-card>
+                </v-menu>
+
+                <!-- Submit To -->
+                <v-menu
+                  :close-on-content-click="true"
+                  location="bottom end"
+                  :model-value="submitToMenuIndex === index"
+                  @update:model-value="(value) => submitToMenuIndex = value ? index : null"
+                >
+                  <template #activator="{ props }">
+                    <v-btn
+                      v-bind="props"
+                      height="32"
+                      rounded="pill"
+                      :color="item.submitTo ? 'primary' : 'grey-darken-3'"
+                      :class="{'text-white': !item.submitTo}"
+                      variant="flat"
+                      class="metadata-btn"
+                      style="border: 1px solid rgba(255, 255, 255, 0.2);"
+                    >
+                      <v-icon
+                        start
+                        size="small"
+                        :color="item.submitTo ? 'white' : 'grey'"
+                      >
+                        mdi-account-arrow-right
+                      </v-icon>
+                      {{ item.submitTo ? `交给: ${item.submitTo}` : '交给谁' }}
+                    </v-btn>
+                  </template>
+                  <v-list
+                    v-if="submitToMenuIndex === index"
+                    density="compact"
+                    class="custom-scrollbar"
+                  >
+                    <v-list-item
+                      v-if="item.submitTo"
+                      @click="clearSubmitTo(index)"
+                    >
+                      <v-list-item-title class="text-error">
+                        清除选择
+                      </v-list-item-title>
+                    </v-list-item>
+                    <v-divider v-if="item.submitTo" />
+                    <v-virtual-scroll
+                      :items="studentList"
+                      :height="300"
+                      :item-height="40"
+                    >
+                      <template #default="{ item: student }">
+                        <v-list-item
+                          :key="student"
+                          @click="setSubmitTo(index, student)"
+                        >
+                          <v-list-item-title>{{ student }}</v-list-item-title>
+                        </v-list-item>
+                      </template>
+                    </v-virtual-scroll>
+                  </v-list>
+                </v-menu>
+
+                <!-- Self Correction -->
+                <v-btn
+                  height="32"
+                  rounded="pill"
+                  :color="item.selfCorrection ? 'success' : 'grey-darken-3'"
+                  :variant="item.selfCorrection ? 'flat' : 'flat'"
+                  :class="{'text-white': !item.selfCorrection}"
+                  class="metadata-btn"
+                  style="border: 1px solid rgba(255, 255, 255, 0.2);"
+                  @click="toggleSelfCorrection(index)"
+                >
+                  <v-icon
+                    start
+                    size="small"
+                    :color="item.selfCorrection ? 'white' : 'grey'"
+                  >
+                    mdi-check-circle-outline
+                  </v-icon>
+                  自主批改
+                </v-btn>
+
+                <!-- Not Submit -->
+                <v-btn
+                  height="32"
+                  rounded="pill"
+                  :color="item.notSubmit ? 'grey' : 'grey-darken-3'"
+                  :variant="item.notSubmit ? 'flat' : 'flat'"
+                  :class="{'text-white': !item.notSubmit}"
+                  class="metadata-btn"
+                  style="border: 1px solid rgba(255, 255, 255, 0.2);"
+                  @click="toggleNotSubmit(index)"
+                >
+                  <v-icon
+                    start
+                    size="small"
+                    :color="item.notSubmit ? 'white' : 'grey'"
+                  >
+                    mdi-cancel
+                  </v-icon>
+                  不上交
+                </v-btn>
+
+                <v-btn
+                  height="32"
+                  rounded="pill"
+                  :color="item.optional ? 'orange' : 'grey-darken-3'"
+                  :variant="item.optional ? 'flat' : 'flat'"
+                  :class="{'text-white': !item.optional}"
+                  class="metadata-btn"
+                  style="border: 1px solid rgba(255, 255, 255, 0.2);"
+                  @click="toggleOptional(index)"
+                >
+                  <v-icon
+                    start
+                    size="small"
+                    :color="item.optional ? 'white' : 'grey'"
+                  >
+                    mdi-star-outline
+                  </v-icon>
+                  选做
+                </v-btn>
+              </div>
+            </div>
+          </v-card>
+
+          <!-- Add Button -->
+          <v-btn
+            block
+            color="white"
+            variant="flat"
+            height="48"
+            class="rounded-lg mb-8 text-body-1"
+            style="color: black !important; font-weight: 500;"
+            @click="addItem"
+          >
+            <v-icon start>
+              mdi-plus
+            </v-icon>
+            添加条目
+          </v-btn>
         </div>
       </v-card-text>
 
-      <!-- 非今日编辑警告 -->
-      <v-alert
-        v-if="isEditingPastData"
-        type="warning"
-        variant="tonal"
-        class="mx-4 mb-4"
-        border="start"
-        border-color="warning"
-        prominent
-      >
-        <template #prepend>
-        </template>
-        <div class="d-flex flex-column">
-          <div class="text-h6 mb-1">你打算修改历史？</div>
-          <div class="text-body-2">
-            这是 {{ new Date(currentDateString.slice(0,4), currentDateString.slice(4,6)-1, currentDateString.slice(6,8)).toLocaleDateString() }} 的作业 • 请谨慎操作，确保不会覆盖重要数据
-          </div>
-        </div>
-      </v-alert>
-
-      <div class="text-center text-body-2 text-disabled mb-5">
-        点击空白处完成编辑
-      </div>
-
+      <!-- Footer -->
+      <v-card-actions class="justify-center pb-4 text-grey">
+        <span class="text-caption">点击外部保存并关闭</span>
+      </v-card-actions>
     </v-card>
   </v-dialog>
 </template>
 
 <script>
-import dataProvider from "@/utils/dataProvider";
-import {getSetting} from "@/utils/settings";
 import { useDisplay } from "vuetify";
+import { getSetting } from "@/utils/settings";
+import dataProvider from "@/utils/dataProvider";
 
 export default {
   name: "HomeworkEditDialog",
@@ -281,17 +335,21 @@ export default {
   },
   data() {
     return {
-      content: "",
-      templateData: null,
-      currentLine: "",
-      currentLineStart: 0,
-      currentLineEnd: 0,
-      quickTexts: ["课", "题", "例", "变", "T", "P"]
+      items: [],
+      presets: [
+        "卷", "黄本", "白本", "大本", "小本", "A", "B", "C", "D", "P", "T", "U", "正面", "反面",
+        "预习", "复习", "背诵", "默写", "抄写", "订正",
+        "第", "课", "章", "节", "单词"
+      ],
+      studentList: [],
+      studentListLoaded: false,
+      studentListLoading: false,
+      submissionTimeMenuIndex: null,
+      submitToMenuIndex: null,
     };
   },
   computed: {
     isMobile() {
-      // 如果启用了强制一体机UI模式，返回false（使用桌面UI）
       const forceDesktopMode = getSetting('display.forceDesktopMode');
       if (forceDesktopMode) {
         return false;
@@ -305,303 +363,305 @@ export default {
       set(value) {
         this.$emit("update:modelValue", value);
       }
-    },
-    subject() {
-      // 标题直接就是科目名称
-      return this.title;
-    },
-    hasTemplates() {
-      return !!(
-        (this.templateData?.actions?.length) ||
-        this.subjectBooks ||
-        this.commonBooks
-      );
-    },
-    subjectBooks() {
-      if (!this.subject || !this.templateData?.subjects?.[this.subject]?.books) {
-        return null;
-      }
-      return this.templateData.subjects[this.subject].books;
-    },
-    commonBooks() {
-      if (!this.templateData?.commonSubject?.books) {
-        return null;
-      }
-      return this.templateData.commonSubject.books;
-    },
-    showQuickTools() {
-      return getSetting("display.showQuickTools");
-    },
-    autoSavePromptText() {
-      return getSetting("edit.autoSavePromptText");
-    },
-    manualSavePromptText() {
-      return getSetting("edit.manualSavePromptText");
     }
   },
   watch: {
-    async modelValue(newValue) {
-      if (newValue) {
-        // 当对话框打开时，重置内容为初始内容
-        this.content = this.initialContent;
-        // 加载模板数据
-        try {
-          this.templateData = await dataProvider.loadData("classworks-config-homework-template");
-        } catch (error) {
-          console.error("Failed to load homework templates:", error);
-          this.templateData = null;
+    modelValue: {
+      immediate: true,
+      handler(newValue) {
+        if (newValue) {
+          this.parseContent(this.initialContent);
+          this.loadStudentList();
         }
-        this.$nextTick(() => {
-          if (this.$refs.inputRef) {
-            this.$refs.inputRef.focus();
-            this.updateCurrentLine();
-          }
-        });
       }
     }
   },
   methods: {
+    async loadStudentList() {
+      if (this.studentListLoaded || this.studentListLoading) return;
+      try {
+        this.studentListLoading = true;
+        const response = await dataProvider.loadData("classworks-list-main");
+        
+        // 兼容返回数组或包含 value 属性的对象
+        const dataArray = Array.isArray(response) ? response : (response && Array.isArray(response.value) ? response.value : null);
+        
+        if (response && response.success !== false && dataArray) {
+          this.studentList = dataArray.map((item) => {
+            if (typeof item === 'string') return item;
+            return item.name || item.toString();
+          });
+        }
+      } catch (error) {
+        console.warn("Failed to load student list", error);
+      } finally {
+        this.studentListLoading = false;
+        this.studentListLoaded = true;
+      }
+    },
+    parseContent(content) {
+      this.submissionTimeMenuIndex = null;
+      this.submitToMenuIndex = null;
+      // 容错处理：确保 content 是字符串
+      let safeContent = "";
+      if (typeof content === "string") {
+        safeContent = content;
+      } else if (content === null || content === undefined) {
+        safeContent = "";
+      } else {
+        safeContent = String(content);
+      }
+
+      if (!safeContent.trim()) {
+        this.items = [{ id: Date.now(), content: "", submissionTime: null, submitTo: null, selfCorrection: false, notSubmit: false, optional: false, dateObj: null }];
+        return;
+      }
+
+      const normalized = safeContent.replace(/\r\n/g, "\n");
+      const blocks = /\n\s*\n/.test(normalized)
+        ? normalized.split(/\n\s*\n+/)
+        : normalized.split("\n");
+      const lines = blocks.map((t) => t.trim()).filter(Boolean);
+      
+      if (lines.length === 0) {
+        this.items = [{ id: Date.now(), content: "", submissionTime: null, submitTo: null, selfCorrection: false, notSubmit: false, optional: false, dateObj: null }];
+        return;
+      }
+
+      this.items = lines.map((line, index) => {
+        let text = line;
+        let submissionTime = null;
+        let submitTo = null;
+        let selfCorrection = false;
+        let notSubmit = false;
+        let optional = false;
+        let dateObj = null;
+
+        // Extract Submission Time [YYYY-MM-DD]
+        const timeMatch = text.match(/\[(\d{4}-\d{2}-\d{2})\]/);
+        if (timeMatch) {
+          submissionTime = timeMatch[1];
+          text = text.replace(timeMatch[0], '');
+          dateObj = new Date(submissionTime);
+        }
+
+        // Extract Submit To [交给:XXX]
+        const submitToMatch = text.match(/\[交给:(.*?)\]/);
+        if (submitToMatch) {
+          submitTo = submitToMatch[1];
+          text = text.replace(submitToMatch[0], '');
+        }
+
+        // Extract Self Correction [自批]
+        const selfCorrectionMatch = text.match(/\[自批\]/);
+        if (selfCorrectionMatch) {
+          selfCorrection = true;
+          text = text.replace(selfCorrectionMatch[0], '');
+        }
+
+        // Extract Not Submit [不上交]
+        const notSubmitMatch = text.match(/\[不上交\]/);
+        if (notSubmitMatch) {
+          notSubmit = true;
+          text = text.replace(notSubmitMatch[0], '');
+        }
+
+        const optionalMatch = text.match(/\[选做\]/);
+        if (optionalMatch) {
+          optional = true;
+          text = text.replace(optionalMatch[0], '');
+        }
+
+        return {
+          id: Date.now() + index,
+          content: text.trim(),
+          submissionTime,
+          submitTo,
+          selfCorrection,
+          notSubmit,
+          optional,
+          dateObj
+        };
+      });
+    },
+    
     handleClose() {
-      const trimmedContent = this.content.trim();
-      if (trimmedContent !== this.initialContent.trim()) {
-        this.$emit("save", trimmedContent);
+      this.submissionTimeMenuIndex = null;
+      this.submitToMenuIndex = null;
+      // Serialize items back to string
+      const lines = this.items
+        .map(item => {
+          let line = "";
+          // 容错处理：确保 content 是字符串
+          if (typeof item.content === "string") {
+            line = item.content.trim();
+          } else if (item.content !== null && item.content !== undefined) {
+            line = String(item.content).trim();
+          }
+          
+          if (!line) return null; 
+          
+          if (item.submissionTime) {
+            line += ` [${item.submissionTime}]`;
+          }
+          if (item.submitTo) {
+            line += ` [交给:${item.submitTo}]`;
+          }
+          if (item.selfCorrection) {
+            line += ` [自批]`;
+          }
+          if (item.optional) {
+            line += ` [选做]`;
+          }
+          if (item.notSubmit) {
+            line += ` [不上交]`;
+          }
+          return line;
+        })
+        .filter(line => line !== null);
+
+      const newContent = lines.length > 0 ? `${lines.join('\n\n')}\n\n` : "";
+      
+      // 容错处理：确保 initialContent 是字符串
+      const safeInitial = typeof this.initialContent === "string" ? this.initialContent : "";
+      
+      if (newContent !== safeInitial.trim()) {
+        this.$emit("save", newContent);
       }
       this.dialogVisible = false;
     },
-    updateCurrentLine() {
-      const textarea = this.$refs.inputRef.$el.querySelector('textarea');
-      const cursorPosition = textarea.selectionStart;
-      const content = this.content;
 
-      let currentPos = 0;
-      const lines = content.split('\n');
-
-      for (let i = 0; i < lines.length; i++) {
-        const lineLength = lines[i].length;
-        const totalLength = currentPos + lineLength;
-
-        if (cursorPosition <= totalLength || i === lines.length - 1) {
-          this.currentLine = lines[i];
-          this.currentLineStart = currentPos;
-          this.currentLineEnd = totalLength;
-          break;
-        }
-
-        currentPos = totalLength + 1; // +1 for the newline character
-      }
-
-      // 如果光标在文本末尾或内容为空
-      if (!this.currentLine) {
-        this.currentLine = "";
-        this.currentLineStart = content.length;
-        this.currentLineEnd = content.length;
-      }
-    },
-    isBookSelected(book) {
-      return this.currentLine.includes(book);
-    },
-    isPageSelected(book, page) {
-      return this.currentLine.includes(page);
-    },
-    handleBookClick(book) {
-      if (this.isBookSelected(book)) {
-        // 删除包含该作业本的整行
-        const lines = this.content.split('\n');
-        const lineToDelete = lines.findIndex(line => line.includes(book));
-        if (lineToDelete !== -1) {
-          lines.splice(lineToDelete, 1);
-          this.content = lines.join('\n');
-        }
-      } else {
-        // 在末尾插入新行
-        const hasContent = this.content.trim().length > 0;
-        this.content = (hasContent ? this.content.trim() + '\n' : '') + book;
-      }
+    addItem() {
+      this.submissionTimeMenuIndex = null;
+      this.submitToMenuIndex = null;
+      this.items.push({
+        id: Date.now(),
+        content: "",
+        submissionTime: null,
+        submitTo: null,
+        selfCorrection: false,
+        notSubmit: false,
+        optional: false,
+        dateObj: null
+      });
+      // Scroll to bottom
       this.$nextTick(() => {
-        const textarea = this.$refs.inputRef.$el.querySelector('textarea');
-        textarea.focus();
-
-        if (!this.isBookSelected(book)) {
-          // 找到新插入的行的末尾位置
-          const lines = this.content.split('\n');
-          let position = 0;
-          for (let i = 0; i < lines.length; i++) {
-            if (lines[i].includes(book)) {
-              position += lines[i].length;
-              break;
-            }
-            position += lines[i].length + 1; // +1 for newline
-          }
-          textarea.setSelectionRange(position, position);
+        const container = document.querySelector('.custom-scrollbar');
+        if (container) {
+          container.scrollTop = container.scrollHeight;
         }
-        this.updateCurrentLine();
       });
     },
-    handlePageClick(book, page) {
-      if (this.isPageSelected(book, page)) {
-        // 删除当前行最后一处匹配的页码
-        const start = this.currentLineStart;
-        const end = this.currentLineEnd;
-        const currentLineContent = this.content.slice(start, end);
-        const lastIndex = currentLineContent.lastIndexOf(page);
-        if (lastIndex !== -1) {
-          const newLineContent =
-            currentLineContent.slice(0, lastIndex) +
-            currentLineContent.slice(lastIndex + page.length);
-          this.content = this.content.slice(0, start) +
-            newLineContent.trim() +
-            this.content.slice(end);
-        }
-      } else {
-        // 在当前行末尾插入
-        const start = this.currentLineStart;
-        const end = this.currentLineEnd;
-        const currentLineContent = this.content.slice(start, end);
-        this.content = this.content.slice(0, start) +
-          currentLineContent.trim() +
-          (currentLineContent.trim().length > 0 ? ' ' : '') +
-          page +
-          this.content.slice(end);
+
+    deleteItem(index) {
+      if (this.submissionTimeMenuIndex === index) this.submissionTimeMenuIndex = null;
+      if (this.submitToMenuIndex === index) this.submitToMenuIndex = null;
+      if (this.submissionTimeMenuIndex !== null && this.submissionTimeMenuIndex > index) this.submissionTimeMenuIndex -= 1;
+      if (this.submitToMenuIndex !== null && this.submitToMenuIndex > index) this.submitToMenuIndex -= 1;
+      this.items.splice(index, 1);
+      if (this.items.length === 0) {
+        this.addItem();
       }
-      this.$nextTick(() => {
-        const textarea = this.$refs.inputRef.$el.querySelector('textarea');
-        textarea.focus();
-
-        // 将光标移动到当前行末尾
-        const lines = this.content.split('\n');
-        let position = 0;
-        for (let i = 0; i < lines.length; i++) {
-          position += lines[i].length;
-          if (position > this.currentLineStart) {
-            break;
-          }
-          position += 1; // +1 for newline
-        }
-        textarea.setSelectionRange(position, position);
-        this.updateCurrentLine();
-      });
     },
-    insertTemplate(text) {
-      const textarea = this.$refs.inputRef.$el.querySelector('textarea');
-      const start = textarea.selectionStart;
-      const end = textarea.selectionEnd;
 
-      // 在快捷操作前添加空格
-      const needsSpace = start > 0 && this.content[start - 1] !== ' ' && this.content[start - 1] !== '\n';
-      this.content = this.content.slice(0, start) + (needsSpace ? ' ' : '') + text + this.content.slice(end);
-
-      this.$nextTick(() => {
-        textarea.focus();
-        const newPosition = start + text.length + (needsSpace ? 1 : 0);
-        textarea.setSelectionRange(newPosition, newPosition);
-        this.updateCurrentLine();
-      });
-    },
-    insertAtCursor(text) {
-      if (!text) return;
-
-      const textarea = this.$refs.inputRef.$el.querySelector('textarea');
-      const start = textarea.selectionStart;
-      const end = textarea.selectionEnd;
-
-      this.content = this.content.slice(0, start) + text + this.content.slice(end);
-
-      this.$nextTick(() => {
-        textarea.focus();
-        const newPosition = start + text.length;
-        textarea.setSelectionRange(newPosition, newPosition);
-        this.updateCurrentLine();
-      });
-    },
-    deleteLastChar() {
-      const textarea = this.$refs.inputRef.$el.querySelector('textarea');
-      const start = textarea.selectionStart;
-      const end = textarea.selectionEnd;
-
-      if (start === end) {
-        // 如果没有选中文本，删除光标前一个字符
-        if (start > 0) {
-          this.content = this.content.slice(0, start - 1) + this.content.slice(start);
-          this.$nextTick(() => {
-            textarea.focus();
-            textarea.setSelectionRange(start - 1, start - 1);
-            this.updateCurrentLine();
-          });
-        }
-      } else {
-        // 如果有选中文本，删除选中部分
-        this.content = this.content.slice(0, start) + this.content.slice(end);
-        this.$nextTick(() => {
-          textarea.focus();
-          textarea.setSelectionRange(start, start);
-          this.updateCurrentLine();
-        });
+    appendContent(index, text) {
+      const item = this.items[index];
+      if (item.content && !item.content.endsWith(' ')) {
+        item.content += ' ';
       }
+      item.content += text;
+    },
+
+    updateSubmissionTime(index, date) {
+      if (!date) return;
+      const y = date.getFullYear();
+      const m = String(date.getMonth() + 1).padStart(2, '0');
+      const d = String(date.getDate()).padStart(2, '0');
+      this.items[index].submissionTime = `${y}-${m}-${d}`;
+      this.items[index].dateObj = date;
+    },
+
+    clearSubmissionTime(index) {
+      this.items[index].submissionTime = null;
+      this.items[index].dateObj = null;
+    },
+
+    setSubmitTo(index, student) {
+      this.items[index].submitTo = student;
+    },
+
+    clearSubmitTo(index) {
+      this.items[index].submitTo = null;
+    },
+
+    toggleSelfCorrection(index) {
+      this.items[index].selfCorrection = !this.items[index].selfCorrection;
+    },
+
+    toggleNotSubmit(index) {
+      this.items[index].notSubmit = !this.items[index].notSubmit;
+      if (this.items[index].notSubmit) {
+        this.clearSubmissionTime(index);
+      }
+    },
+
+    toggleOptional(index) {
+      this.items[index].optional = !this.items[index].optional;
+    },
+
+    formatSubmissionTime(dateStr) {
+      if (!dateStr) return null;
+      const date = new Date(dateStr);
+      if (isNaN(date.getTime())) return dateStr;
+      
+      const today = new Date();
+      const tomorrow = new Date(today);
+      tomorrow.setDate(tomorrow.getDate() + 1);
+      
+      if (date.toDateString() === today.toDateString()) return '今天';
+      if (date.toDateString() === tomorrow.toDateString()) return '明天';
+      
+      const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
+      return weekdays[date.getDay()];
     }
   }
 };
 </script>
 
 <style scoped>
-.template-buttons {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
+.gap-1 { gap: 4px; }
+.gap-2 { gap: 8px; }
+.gap-4 { gap: 16px; }
 
-
-.book-chip {
-  align-self: flex-start;
-}
-
-.pages-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-  padding-left: 16px;
-}
-
-.group-label {
-  font-size: 0.875rem;
-  color: rgba(0, 0, 0, 0.6);
-  margin-right: 8px;
-  white-space: nowrap;
-}
-
-:deep(.v-chip) {
+.preset-chip {
   cursor: pointer;
-  user-select: none;
+  border-radius: 16px;
+  border-color: rgba(255, 255, 255, 0.2) !important;
 }
 
-.quick-tools {
-  border-left: 1px solid rgba(0, 0, 0, 0.12);
-  padding-left: 16px;
+.item-card {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  transition: all 0.2s;
 }
 
-.gap-1 {
-  gap: 4px;
+.item-card:hover {
+  border-color: rgba(255, 255, 255, 0.3);
 }
 
-.numeric-keypad {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 8px;
-  border: 1px solid rgba(0, 0, 0, 0.12);
+.metadata-btn {
+  border-radius: 16px;
+  text-transform: none;
+  letter-spacing: normal;
+}
+
+.custom-scrollbar::-webkit-scrollbar {
+  width: 8px;
+}
+.custom-scrollbar::-webkit-scrollbar-track {
+  background: transparent;
+}
+.custom-scrollbar::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.2);
   border-radius: 4px;
 }
-
-.keypad-row {
-  display: flex;
-  gap: 4px;
-}
-
-.keypad-btn {
-  flex: 1;
-  min-width: 36px !important;
-}
-
-.space-btn {
-  width: 100% !important;
-}
 </style>
diff --git a/src/components/MessageLog.vue b/src/components/MessageLog.vue
index 923e126..1f89a5e 100644
--- a/src/components/MessageLog.vue
+++ b/src/components/MessageLog.vue
@@ -1,33 +1,50 @@
 <template>
-  <v-navigation-drawer v-if="drawer" v-model="drawer" location="right" temporary width="400">
+  <v-navigation-drawer
+    v-if="drawer"
+    v-model="drawer"
+    location="right"
+    temporary
+    width="400"
+  >
     <v-toolbar color="primary">
       <v-toolbar-title>消息记录</v-toolbar-title>
-
     </v-toolbar>
 
     <v-list>
-      <v-list-item v-for="msg in messages" :key="msg.id" rounded>
+      <v-list-item
+        v-for="msg in messages"
+        :key="msg.id"
+        rounded
+      >
         <template #prepend>
-          <v-icon :color="colors[msg.type]" :icon="icons[msg.type]" size="20"/>
+          <v-icon
+            :color="colors[msg.type]"
+            :icon="icons[msg.type]"
+            size="20"
+          />
         </template>
 
         <v-list-item-title>{{ msg.title }}</v-list-item-title>
-        <v-list-item-subtitle v-if="msg.content">{{
-          msg.content
+        <v-list-item-subtitle v-if="msg.content">
+          {{
+            msg.content
           }}
         </v-list-item-subtitle>
         <span class="text-caption text-grey">
           {{ new Date(msg.timestamp).toLocaleTimeString() }}
         </span>
-
-
       </v-list-item>
 
       <v-list-item v-if="!messages.length">
         <template #prepend>
-          <v-icon color="grey" icon="mdi-inbox"/>
+          <v-icon
+            color="grey"
+            icon="mdi-inbox"
+          />
         </template>
-        <v-list-item-title class="text-grey">暂无消息</v-list-item-title>
+        <v-list-item-title class="text-grey">
+          暂无消息
+        </v-list-item-title>
       </v-list-item>
     </v-list>
   </v-navigation-drawer>
diff --git a/src/components/PwaInstallCard.vue b/src/components/PwaInstallCard.vue
index 1f41975..c175a4b 100644
--- a/src/components/PwaInstallCard.vue
+++ b/src/components/PwaInstallCard.vue
@@ -16,7 +16,10 @@
         </v-card-subtitle>
 
         <v-card-text class="pt-0 pb-1">
-          <v-list density="comfortable" lines="two">
+          <v-list
+            density="comfortable"
+            lines="two"
+          >
             <v-list-item
               v-for="item in chipList"
               :key="item.key"
@@ -24,8 +27,12 @@
               @click="() => handleSingleRequest(item.key)"
             >
               <template #prepend>
-                <v-avatar :color="chipColors[item.status]" size="32" variant="tonal">
-                  <v-icon :icon="statusIcons[item.status]"></v-icon>
+                <v-avatar
+                  :color="chipColors[item.status]"
+                  size="32"
+                  variant="tonal"
+                >
+                  <v-icon :icon="statusIcons[item.status]" />
                 </v-avatar>
               </template>
 
@@ -33,7 +40,12 @@
               <v-list-item-subtitle>{{ item.description }}</v-list-item-subtitle>
 
               <template #append>
-                <v-chip :color="chipColors[item.status]" size="small" variant="tonal" class="me-2">
+                <v-chip
+                  :color="chipColors[item.status]"
+                  size="small"
+                  variant="tonal"
+                  class="me-2"
+                >
                   {{ statusText[item.status] }}
                 </v-chip>
                 <v-btn
@@ -42,7 +54,7 @@
                   size="small"
                   :disabled="isRequesting"
                   @click.stop="() => openHelp(item.key)"
-                ></v-btn>
+                />
               </template>
             </v-list-item>
           </v-list>
@@ -76,15 +88,25 @@
         size="100"
         rounded="0"
       >
-        <v-icon icon="mdi-monitor-cellphone" size="80"></v-icon>
+        <v-icon
+          icon="mdi-monitor-cellphone"
+          size="80"
+        />
       </v-avatar>
     </div>
 
-    <v-dialog v-model="helpDialog" max-width="520">
+    <v-dialog
+      v-model="helpDialog"
+      max-width="520"
+    >
       <v-card>
-        <v-card-title class="text-h6">{{ helpContent.title }}</v-card-title>
+        <v-card-title class="text-h6">
+          {{ helpContent.title }}
+        </v-card-title>
         <v-card-text>
-          <p class="mb-3">{{ helpContent.message }}</p>
+          <p class="mb-3">
+            {{ helpContent.message }}
+          </p>
           <v-list density="comfortable">
             <v-list-item
               v-for="(link, index) in helpContent.links"
@@ -99,8 +121,13 @@
           </v-list>
         </v-card-text>
         <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn variant="text" @click="helpDialog = false">我知道了</v-btn>
+          <v-spacer />
+          <v-btn
+            variant="text"
+            @click="helpDialog = false"
+          >
+            我知道了
+          </v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
diff --git a/src/components/RandomPicker.vue b/src/components/RandomPicker.vue
index 32714df..704813f 100644
--- a/src/components/RandomPicker.vue
+++ b/src/components/RandomPicker.vue
@@ -5,16 +5,32 @@
     max-width="600"
     persistent
   >
-    <v-card border class="random-picker-card" rounded="xl">
+    <v-card
+      border
+      class="random-picker-card"
+      rounded="xl"
+    >
       <v-card-title class="text-h5 d-flex align-center">
-        <v-icon class="mr-2" icon="mdi-account-question"/>
+        <v-icon
+          class="mr-2"
+          icon="mdi-account-question"
+        />
         随机点名
-        <v-spacer/>
-        <v-btn icon="mdi-close" variant="text" @click="dialog = false"/>
+        <v-spacer />
+        <v-btn
+          icon="mdi-close"
+          variant="text"
+          @click="dialog = false"
+        />
       </v-card-title>
 
-      <v-card-text v-if="!isPickingStarted" class="text-center py-6">
-        <div class="text-h6 mb-4">请选择抽取人数</div>
+      <v-card-text
+        v-if="!isPickingStarted"
+        class="text-center py-6"
+      >
+        <div class="text-h6 mb-4">
+          请选择抽取人数
+        </div>
 
         <div class="d-flex justify-center align-center counter-container">
           <v-btn
@@ -52,14 +68,29 @@
             mandatory
             rounded="pill"
           >
-            <v-btn prepend-icon="mdi-account" value="name">姓名模式</v-btn>
-            <v-btn prepend-icon="mdi-numeric" value="number">学号模式</v-btn>
+            <v-btn
+              prepend-icon="mdi-account"
+              value="name"
+            >
+              姓名模式
+            </v-btn>
+            <v-btn
+              prepend-icon="mdi-numeric"
+              value="number"
+            >
+              学号模式
+            </v-btn>
           </v-btn-toggle>
         </div>
 
         <!-- 学号范围设置 -->
-        <div v-if="pickerMode === 'number'" class="number-range-container mt-4">
-          <div class="text-subtitle-1 mb-2">学号范围设置</div>
+        <div
+          v-if="pickerMode === 'number'"
+          class="number-range-container mt-4"
+        >
+          <div class="text-subtitle-1 mb-2">
+            学号范围设置
+          </div>
           <div class="d-flex justify-center align-center gap-4">
             <v-text-field
               v-model.number="minNumber"
@@ -98,7 +129,10 @@
           </v-btn>
         </div>
 
-        <div v-if="filteredStudents.length === 0" class="mt-4 text-error">
+        <div
+          v-if="filteredStudents.length === 0"
+          class="mt-4 text-error"
+        >
           <template v-if="pickerMode === 'name'">
             没有可抽取的学生，请调整过滤选项
           </template>
@@ -109,8 +143,11 @@
 
         <div class="mt-4 text-caption">
           当前可抽取学生: {{ filteredStudents.length }}人
-          <v-tooltip v-if="pickerMode === 'name'" location="bottom">
-            <template v-slot:activator="{ props }">
+          <v-tooltip
+            v-if="pickerMode === 'name'"
+            location="bottom"
+          >
+            <template #activator="{ props }">
               <v-icon
                 class="ml-1"
                 icon="mdi-information-outline"
@@ -132,7 +169,10 @@
           </v-tooltip>
 
           <!-- 添加临时过滤选项 -->
-          <div v-if="pickerMode === 'name'" class="d-flex flex-wrap justify-center gap-2 mt-4">
+          <div
+            v-if="pickerMode === 'name'"
+            class="d-flex flex-wrap justify-center gap-2 mt-4"
+          >
             <v-chip
               :color="tempFilters.excludeLate ? 'warning' : 'default'"
               :variant="tempFilters.excludeLate ? 'elevated' : 'text'"
@@ -165,8 +205,14 @@
         </div>
       </v-card-text>
 
-      <v-card-text v-else class="text-center py-6">
-        <div v-if="isAnimating" class="animation-container">
+      <v-card-text
+        v-else
+        class="text-center py-6"
+      >
+        <div
+          v-if="isAnimating"
+          class="animation-container"
+        >
           <div class="animation-wrapper">
             <transition-group
               class="shuffle-container"
@@ -185,8 +231,13 @@
           </div>
         </div>
 
-        <div v-else class="result-container">
-          <div class="text-h6 mb-4">抽取结果</div>
+        <div
+          v-else
+          class="result-container"
+        >
+          <div class="text-h6 mb-4">
+            抽取结果
+          </div>
           <v-card
             v-for="(student, index) in pickedStudents"
             :key="index"
diff --git a/src/components/RateLimitModal.vue b/src/components/RateLimitModal.vue
index 011759b..4f72190 100644
--- a/src/components/RateLimitModal.vue
+++ b/src/components/RateLimitModal.vue
@@ -1,22 +1,39 @@
 <template>
-  <v-dialog v-model="isVisible" max-width="500" persistent>
+  <v-dialog
+    v-model="isVisible"
+    max-width="500"
+    persistent
+  >
     <v-card class="rate-limit-modal">
       <v-card-title class="text-center pa-4 bg-error text-white">
-        <v-icon class="mr-2" icon="mdi-clock-alert-outline" size="large"/>
+        <v-icon
+          class="mr-2"
+          icon="mdi-clock-alert-outline"
+          size="large"
+        />
         请求频率超限
       </v-card-title>
 
       <v-card-text class="pa-6">
-        <div class="text-body-1 mb-4">您的请求过于频繁，请稍后再试。</div>
+        <div class="text-body-1 mb-4">
+          您的请求过于频繁，请稍后再试。
+        </div>
 
-        <v-card v-if="activeRequests.length > 0" class="mb-4" flat>
+        <v-card
+          v-if="activeRequests.length > 0"
+          class="mb-4"
+          flat
+        >
           <v-card-text>
             <v-list
               v-for="(request, index) in activeRequests"
               :key="index"
               class="mb-4"
             >
-              <v-list-item color="primary" prepend-icon="mdi-web">
+              <v-list-item
+                color="primary"
+                prepend-icon="mdi-web"
+              >
                 <v-list-item-title>
                   等待时间:
                   <span class="text-primary font-weight-bold">{{
@@ -27,12 +44,11 @@
                   {{ request.method }} {{ request.path }}
                 </v-list-item-subtitle>
               </v-list-item>
-            </v-list
-            >
+            </v-list>
             <v-divider
               v-if="index < activeRequests.length - 1"
               class="my-3"
-            ></v-divider>
+            />
           </v-card-text>
         </v-card>
 
@@ -42,8 +58,14 @@
       </v-card-text>
 
       <v-card-actions class="pa-4 pt-0">
-        <v-spacer></v-spacer>
-        <v-btn color="primary" variant="tonal" @click="close"> 我知道了</v-btn>
+        <v-spacer />
+        <v-btn
+          color="primary"
+          variant="tonal"
+          @click="close"
+        >
+          我知道了
+        </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
diff --git a/src/components/ReadOnlyTokenWarning.vue b/src/components/ReadOnlyTokenWarning.vue
index 839a1d6..fa64582 100644
--- a/src/components/ReadOnlyTokenWarning.vue
+++ b/src/components/ReadOnlyTokenWarning.vue
@@ -9,7 +9,7 @@
     @click:close="dismissed = true"
   >
     <template #prepend>
-      <v-icon icon="mdi-lock-alert"/>
+      <v-icon icon="mdi-lock-alert" />
     </template>
     <v-alert-title>当前使用只读 Token</v-alert-title>
     <div class="text-body-2">
diff --git a/src/components/SettingsCard.vue b/src/components/SettingsCard.vue
index c78143e..5843a55 100644
--- a/src/components/SettingsCard.vue
+++ b/src/components/SettingsCard.vue
@@ -1,5 +1,8 @@
 <template>
-  <v-card class="settings-card rounded-lg" elevation="2">
+  <v-card
+    class="settings-card rounded-lg"
+    elevation="2"
+  >
     <v-card-item>
       <template #prepend>
         <v-icon
@@ -8,7 +11,9 @@
           size="large"
         />
       </template>
-      <v-card-title class="text-h6">{{ title }}</v-card-title>
+      <v-card-title class="text-h6">
+        {{ title }}
+      </v-card-title>
     </v-card-item>
 
     <v-card-text>
@@ -18,11 +23,14 @@
         color="primary"
         indeterminate
       />
-      <slot/>
+      <slot />
     </v-card-text>
 
-    <v-card-actions v-if="$slots.actions" class="pa-4">
-      <slot name="actions"/>
+    <v-card-actions
+      v-if="$slots.actions"
+      class="pa-4"
+    >
+      <slot name="actions" />
     </v-card-actions>
   </v-card>
 </template>
diff --git a/src/components/SettingsLinkGenerator.vue b/src/components/SettingsLinkGenerator.vue
index 35e163a..6a5239c 100644
--- a/src/components/SettingsLinkGenerator.vue
+++ b/src/components/SettingsLinkGenerator.vue
@@ -1,9 +1,16 @@
 <template>
   <div>
     <!-- 统一链接生成器卡片 -->
-    <v-card border class="unified-link-generator">
+    <v-card
+      border
+      class="unified-link-generator"
+    >
       <v-card-title class="text-h6">
-        <v-icon class="mr-2" icon="mdi-link-variant" start/>
+        <v-icon
+          class="mr-2"
+          icon="mdi-link-variant"
+          start
+        />
         统一链接生成器
       </v-card-title>
 
@@ -13,15 +20,23 @@
         </div>
 
         <!-- 预配置认证信息部分 -->
-        <v-card class="mb-4" variant="tonal">
+        <v-card
+          class="mb-4"
+          variant="tonal"
+        >
           <v-card-title class="text-subtitle-1">
-            <v-icon start>mdi-account-key</v-icon>
+            <v-icon start>
+              mdi-account-key
+            </v-icon>
             预配置认证信息
           </v-card-title>
 
           <v-card-text>
             <v-row>
-              <v-col cols="12" md="6">
+              <v-col
+                cols="12"
+                md="6"
+              >
                 <v-text-field
                   v-model="preconfigForm.namespace"
                   hint="设备的命名空间标识符"
@@ -32,7 +47,10 @@
                   variant="outlined"
                 />
               </v-col>
-              <v-col cols="12" md="6">
+              <v-col
+                cols="12"
+                md="6"
+              >
                 <v-text-field
                   v-model="preconfigForm.authCode"
                   hint="留空则需要用户手动输入"
@@ -64,9 +82,19 @@
               type="info"
               variant="tonal"
             >
-              <div class="text-subtitle-2 mb-2">预配置信息：</div>
-              <v-chip class="mr-2 mb-1" size="small">
-                <v-icon size="small" start>mdi-identifier</v-icon>
+              <div class="text-subtitle-2 mb-2">
+                预配置信息：
+              </div>
+              <v-chip
+                class="mr-2 mb-1"
+                size="small"
+              >
+                <v-icon
+                  size="small"
+                  start
+                >
+                  mdi-identifier
+                </v-icon>
                 命名空间: {{ preconfigForm.namespace }}
               </v-chip>
               <v-chip
@@ -75,12 +103,27 @@
                 color="warning"
                 size="small"
               >
-                <v-icon size="small" start>mdi-lock</v-icon>
+                <v-icon
+                  size="small"
+                  start
+                >
+                  mdi-lock
+                </v-icon>
                 认证码: {{ preconfigForm.authCode.length > 8 ? preconfigForm.authCode.substring(0, 8) + "..." :
-                preconfigForm.authCode }}
+                  preconfigForm.authCode }}
               </v-chip>
-              <v-chip v-else class="mr-2 mb-1" color="grey" size="small">
-                <v-icon size="small" start>mdi-lock-open</v-icon>
+              <v-chip
+                v-else
+                class="mr-2 mb-1"
+                color="grey"
+                size="small"
+              >
+                <v-icon
+                  size="small"
+                  start
+                >
+                  mdi-lock-open
+                </v-icon>
                 无认证码
               </v-chip>
               <v-chip
@@ -88,8 +131,12 @@
                 class="mr-2 mb-1"
                 size="small"
               >
-                <v-icon size="small" start>{{
-                  preconfigForm.autoExecute ? "mdi-play-circle" : "mdi-hand-back-left"
+                <v-icon
+                  size="small"
+                  start
+                >
+                  {{
+                    preconfigForm.autoExecute ? "mdi-play-circle" : "mdi-hand-back-left"
                   }}
                 </v-icon>
                 {{ preconfigForm.autoExecute ? "自动认证" : "手动认证" }}
@@ -99,9 +146,14 @@
         </v-card>
 
         <!-- 设置分享部分 -->
-        <v-card class="mb-4" variant="tonal">
+        <v-card
+          class="mb-4"
+          variant="tonal"
+        >
           <v-card-title class="text-subtitle-1">
-            <v-icon start>mdi-cog-transfer</v-icon>
+            <v-icon start>
+              mdi-cog-transfer
+            </v-icon>
             设置分享（可选）
           </v-card-title>
 
@@ -152,7 +204,10 @@
 
             <!-- 选择摘要 -->
             <div class="d-flex align-center mb-3 flex-wrap gap-2">
-              <v-chip class="mr-2" color="primary">
+              <v-chip
+                class="mr-2"
+                color="primary"
+              >
                 已选 {{ selectedItems.length }} 项设置
               </v-chip>
 
@@ -183,7 +238,9 @@
                 <v-expansion-panel-title>
                   <template #default="{ expanded }">
                     <div class="d-flex align-center">
-                      <v-icon class="mr-2">{{ expanded ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>
+                      <v-icon class="mr-2">
+                        {{ expanded ? 'mdi-chevron-up' : 'mdi-chevron-down' }}
+                      </v-icon>
                       显示设置列表详情
                     </div>
                   </template>
@@ -261,9 +318,14 @@
         </v-card>
 
         <!-- 链接生成和操作部分 -->
-        <v-card class="mb-4" variant="outlined">
+        <v-card
+          class="mb-4"
+          variant="outlined"
+        >
           <v-card-title class="text-subtitle-1">
-            <v-icon start>mdi-link</v-icon>
+            <v-icon start>
+              mdi-link
+            </v-icon>
             生成的统一链接
           </v-card-title>
 
@@ -317,10 +379,20 @@
               type="success"
               variant="tonal"
             >
-              <div class="text-subtitle-2 mb-2">链接包含内容：</div>
+              <div class="text-subtitle-2 mb-2">
+                链接包含内容：
+              </div>
               <div class="d-flex flex-wrap gap-1">
-                <v-chip color="primary" size="small">
-                  <v-icon size="small" start>mdi-account-key</v-icon>
+                <v-chip
+                  color="primary"
+                  size="small"
+                >
+                  <v-icon
+                    size="small"
+                    start
+                  >
+                    mdi-account-key
+                  </v-icon>
                   预配置认证
                 </v-chip>
                 <v-chip
@@ -328,11 +400,25 @@
                   color="secondary"
                   size="small"
                 >
-                  <v-icon size="small" start>mdi-cog</v-icon>
+                  <v-icon
+                    size="small"
+                    start
+                  >
+                    mdi-cog
+                  </v-icon>
                   {{ selectedItems.length }} 项设置
                 </v-chip>
-                <v-chip v-else color="grey" size="small">
-                  <v-icon size="small" start>mdi-cog-off</v-icon>
+                <v-chip
+                  v-else
+                  color="grey"
+                  size="small"
+                >
+                  <v-icon
+                    size="small"
+                    start
+                  >
+                    mdi-cog-off
+                  </v-icon>
                   无额外设置
                 </v-chip>
               </div>
@@ -341,8 +427,13 @@
         </v-card>
 
         <!-- 安全提醒 -->
-        <v-alert type="warning" variant="tonal">
-          <div class="text-subtitle-2 mb-2">⚠️ 安全提醒</div>
+        <v-alert
+          type="warning"
+          variant="tonal"
+        >
+          <div class="text-subtitle-2 mb-2">
+            ⚠️ 安全提醒
+          </div>
           <ul class="text-body-2 pl-4">
             <li>认证码和设置信息会在URL中传输，请谨慎分发</li>
             <li>建议仅在受信任的网络环境中使用</li>
@@ -509,6 +600,45 @@ export default {
     },
   },
 
+  watch: {
+    // 监听选择变化，自动生成统一链接
+    selectedItems: {
+      handler() {
+        if (this.preconfigForm.namespace.trim()) {
+          this.generateUnifiedLink();
+        }
+      },
+      deep: true,
+    },
+
+    // 监听预配置表单变化，自动生成统一链接
+    "preconfigForm.namespace": {
+      handler() {
+        if (this.preconfigForm.namespace.trim()) {
+          this.generateUnifiedLink();
+        } else {
+          this.unifiedLink = "";
+        }
+      },
+    },
+
+    "preconfigForm.authCode": {
+      handler() {
+        if (this.preconfigForm.namespace.trim()) {
+          this.generateUnifiedLink();
+        }
+      },
+    },
+
+    "preconfigForm.autoExecute": {
+      handler() {
+        if (this.preconfigForm.namespace.trim()) {
+          this.generateUnifiedLink();
+        }
+      },
+    },
+  },
+
   methods: {
     /**
      * 处理表格选择变化
@@ -709,7 +839,7 @@ export default {
 
           // 转换为JSON并进行base64编码
           const jsonString = JSON.stringify(configObj);
-          const utf8Encoder = new TextEncoder();
+          const utf8Encoder = new window.TextEncoder();
           const utf8Bytes = utf8Encoder.encode(jsonString);
           const base64String = btoa(
             Array.from(utf8Bytes)
@@ -782,44 +912,5 @@ export default {
       this.linkCopied = false;
     },
   },
-
-  watch: {
-    // 监听选择变化，自动生成统一链接
-    selectedItems: {
-      handler() {
-        if (this.preconfigForm.namespace.trim()) {
-          this.generateUnifiedLink();
-        }
-      },
-      deep: true,
-    },
-
-    // 监听预配置表单变化，自动生成统一链接
-    "preconfigForm.namespace": {
-      handler() {
-        if (this.preconfigForm.namespace.trim()) {
-          this.generateUnifiedLink();
-        } else {
-          this.unifiedLink = "";
-        }
-      },
-    },
-
-    "preconfigForm.authCode": {
-      handler() {
-        if (this.preconfigForm.namespace.trim()) {
-          this.generateUnifiedLink();
-        }
-      },
-    },
-
-    "preconfigForm.autoExecute": {
-      handler() {
-        if (this.preconfigForm.namespace.trim()) {
-          this.generateUnifiedLink();
-        }
-      },
-    },
-  },
 };
 </script>
diff --git a/src/components/StudentNameManager.vue b/src/components/StudentNameManager.vue
index fe8742c..4973592 100644
--- a/src/components/StudentNameManager.vue
+++ b/src/components/StudentNameManager.vue
@@ -35,7 +35,6 @@
 
         <!-- 教师模式 -->
         <template v-else-if="isTeacherToken">
-
           <!-- 名称输入框 -->
           <v-text-field
             v-model="teacherForm.name"
@@ -48,7 +47,6 @@
 
             class="mt-2 mb-4"
           >
-
             <div class="d-flex flex-wrap gap-2">
               <v-chip
                 v-for="teacher in filteredTeacherSuggestions"
diff --git a/src/components/TimeCard.vue b/src/components/TimeCard.vue
index 8ef33ae..45c316e 100644
--- a/src/components/TimeCard.vue
+++ b/src/components/TimeCard.vue
@@ -33,8 +33,6 @@
 </template>
 
 <script>
-import { SettingsManager, watchSettings } from '@/utils/settings'
-
 // 时间字体大小比例（大屏场景）
 const TIME_FONT_RATIO = 2.0
 const SECONDS_FONT_RATIO = 0.9
@@ -46,7 +44,6 @@ export default {
     return {
       now: new Date(),
       timer: null,
-      unwatch: null,
       fontSize: 28,
     }
   },
@@ -106,22 +103,12 @@ export default {
     },
   },
   mounted() {
-    this.loadSettings()
     this.startTimer()
-    this.unwatch = watchSettings(() => {
-      this.loadSettings()
-    })
   },
   beforeUnmount() {
     this.stopTimer()
-    if (this.unwatch) {
-      this.unwatch()
-    }
   },
   methods: {
-    loadSettings() {
-      this.fontSize = SettingsManager.getSetting('font.size')
-    },
     startTimer() {
       // 每秒更新一次
       this.timer = setInterval(() => {
diff --git a/src/components/UrgentNotification.vue b/src/components/UrgentNotification.vue
index c32ae37..4cdb8bb 100644
--- a/src/components/UrgentNotification.vue
+++ b/src/components/UrgentNotification.vue
@@ -15,18 +15,28 @@
         <div class="urgent-title mb-6">
           {{ currentNotification?.content?.message || "无内容" }}
         </div>
- <div class="urgent-subtitle mb-6">
+        <div class="urgent-subtitle mb-6">
           {{ senderName }} {{ deviceType }} {{ formatTime(currentNotification?.timestamp) }}
         </div>
 
 
 
         <!-- 多通知导航 -->
-        <div v-if="hasMultipleNotifications" class="navigation-controls mt-6">
-          <v-card variant="flat" color="rgba(255,255,255,0.1)">
+        <div
+          v-if="hasMultipleNotifications"
+          class="navigation-controls mt-6"
+        >
+          <v-card
+            variant="flat"
+            color="rgba(255,255,255,0.1)"
+          >
             <v-card-text class="text-center">
               <div class="notification-counter mb-3">
-                <v-chip color="white" variant="flat" size="small">
+                <v-chip
+                  color="white"
+                  variant="flat"
+                  size="small"
+                >
                   {{ notificationCountText }}
                 </v-chip>
               </div>
@@ -59,8 +69,15 @@
 
         <!-- 操作按钮 -->
         <div class="mt-8">
-          <v-btn color="white" size="large" variant="flat" @click="close">
-            <v-icon left> mdi-check </v-icon>
+          <v-btn
+            color="white"
+            size="large"
+            variant="flat"
+            @click="close"
+          >
+            <v-icon left>
+              mdi-check
+            </v-icon>
             我知道了
           </v-btn>
         </div>
@@ -75,7 +92,7 @@
 <script>
 import EventSender from "@/components/EventSender.vue";
 import { getSetting } from "@/utils/settings.js";
-import { playSound, stopSound } from "@/utils/soundList.js";
+import { playSoundAsync, stopSound } from "@/utils/soundList.js";
 
 export default {
   name: "UrgentNotification",
@@ -297,7 +314,7 @@ export default {
       };
       return labels[deviceType] || deviceType;
     },
-    playNotificationSound() {
+    async playNotificationSound() {
       try {
         // 停止之前的音频
         this.stopNotificationSound();
@@ -307,15 +324,10 @@ export default {
           ? getSetting('notification.urgentSound')
           : getSetting('notification.singleSound');
 
-        // 使用配置的铃声文件
-        this.currentAudio = playSound(soundFile, false);
-
-        if (!this.currentAudio) {
-          // 如果播放失败，使用备用蜂鸣音
-          this.playFallbackSound();
-        }
+        this.currentAudio = await playSoundAsync(soundFile, false);
       } catch (error) {
         console.warn("无法播放通知音效:", error);
+        this.currentAudio = null;
         this.playFallbackSound();
       }
     },
@@ -405,7 +417,7 @@ export default {
       }
     },
     // 启动加急通知的定时音效
-    startUrgentSound() {
+    async startUrgentSound() {
       this.stopUrgentSound(); // 先清除之前的定时器
 
       // 停止之前的音频
@@ -413,10 +425,10 @@ export default {
 
       // 播放循环铃声
       const soundFile = getSetting('notification.urgentSound');
-      this.currentAudio = playSound(soundFile, true); // 循环播放
-
-      if (!this.currentAudio) {
-        // 如果播放失败，使用备用方案：每秒播放一次提示音
+      try {
+        this.currentAudio = await playSoundAsync(soundFile, true);
+      } catch {
+        this.currentAudio = null;
         this.urgentSoundTimer = setInterval(() => {
           if (this.visible && this.isUrgent) {
             this.playFallbackSound();
diff --git a/src/components/UrgentTestDialog.vue b/src/components/UrgentTestDialog.vue
index 09dd223..71ed1dd 100644
--- a/src/components/UrgentTestDialog.vue
+++ b/src/components/UrgentTestDialog.vue
@@ -28,8 +28,6 @@
           <v-row>
             <v-col cols="12">
               <v-card>
-
-
                 <v-card-text>
                   <v-form>
                     <v-row>
@@ -42,15 +40,14 @@
                           label="强调通知"
                           color="red"
                           inset
-                        >
-                        </v-switch>
+                        />
                         <v-checkbox
                           v-model="notificationForm.isPersistent"
                           label="常驻展示"
                           color="primary"
                           hide-details
                           class="mt-0"
-                        ></v-checkbox>
+                        />
                       </v-col>
                       <v-col cols="12">
                         <v-textarea
@@ -81,8 +78,6 @@
                   </v-btn>
 
                   <v-spacer />
-
-
                 </v-card-actions>
               </v-card>
             </v-col>
@@ -93,11 +88,16 @@
             <v-col cols="12">
               <v-card>
                 <v-card-title>
-                  <v-icon class="mr-2">mdi-pin</v-icon>
+                  <v-icon class="mr-2">
+                    mdi-pin
+                  </v-icon>
                   常驻通知管理
                 </v-card-title>
                 <v-card-text>
-                  <div v-if="persistentNotifications.length === 0" class="text-center text-grey py-4">
+                  <div
+                    v-if="persistentNotifications.length === 0"
+                    class="text-center text-grey py-4"
+                  >
                     暂无常驻通知
                   </div>
                   <v-list v-else>
@@ -108,14 +108,25 @@
                       :subtitle="formatTime(item.timestamp)"
                       lines="two"
                     >
-                      <template v-slot:prepend>
+                      <template #prepend>
                         <v-icon :color="item.isUrgent ? 'error' : 'primary'">
                           {{ item.isUrgent ? 'mdi-alert-circle' : 'mdi-information' }}
                         </v-icon>
                       </template>
-                      <template v-slot:append>
-                        <v-btn icon="mdi-pencil" variant="text" size="small" @click="openEditDialog(item)"></v-btn>
-                        <v-btn icon="mdi-delete" variant="text" color="error" size="small" @click="deletePersistentNotification(item.id)"></v-btn>
+                      <template #append>
+                        <v-btn
+                          icon="mdi-pencil"
+                          variant="text"
+                          size="small"
+                          @click="openEditDialog(item)"
+                        />
+                        <v-btn
+                          icon="mdi-delete"
+                          variant="text"
+                          color="error"
+                          size="small"
+                          @click="deletePersistentNotification(item.id)"
+                        />
                       </template>
                     </v-list-item>
                   </v-list>
@@ -201,17 +212,14 @@
                         >
                           <v-card-text class="pa-2">
                             <div class="align-center">
-
                               <span class="text-body-2 font-weight-medium">{{ device.deviceName }}  </span>
-      <br/>
+                              <br>
 
                               {{ device.deviceType }}
-
                             </div>
                             <div class="text-caption mt-1">
                               已读于 {{ formatDeviceTime(device.timestamp) }}
                             </div>
-
                           </v-card-text>
                         </v-card>
 
@@ -226,7 +234,6 @@
                         >
                           <v-card-text class="pa-2">
                             <div class="align-center">
-
                               <span class="text-body-2 font-weight-medium">{{ device.deviceName }}</span>
                               <v-spacer />
                               <span class="text-caption text-grey">
@@ -238,9 +245,9 @@
                             </div>
                           </v-card-text>
                         </v-card>
-
                       </div>
-                      <div v-else> <v-card
+                      <div v-else>
+                        <v-card
 
                           color="info-lighten-4"
                           variant="outlined"
@@ -249,9 +256,10 @@
                           title="无设备在线"
                         >
                           <v-card-text>
-如果数秒后任然显示这个提示，则可能没有任何设备在线接收通知。
+                            如果数秒后任然显示这个提示，则可能没有任何设备在线接收通知。
                           </v-card-text>
-                        </v-card></div>
+                        </v-card>
+                      </div>
                     </v-col>
                   </v-row>
                 </v-card-text>
@@ -266,12 +274,22 @@
     <EventSender ref="eventSender" />
 
     <!-- 编辑常驻通知对话框 -->
-    <v-dialog v-model="editDialog" max-width="500" :fullscreen="$vuetify.display.xs">
+    <v-dialog
+      v-model="editDialog"
+      max-width="500"
+      :fullscreen="$vuetify.display.xs"
+    >
       <v-card>
-        <v-toolbar flat density="compact">
+        <v-toolbar
+          flat
+          density="compact"
+        >
           <v-toolbar-title>编辑常驻通知</v-toolbar-title>
-          <v-spacer></v-spacer>
-          <v-btn icon="mdi-close" @click="editDialog = false"></v-btn>
+          <v-spacer />
+          <v-btn
+            icon="mdi-close"
+            @click="editDialog = false"
+          />
         </v-toolbar>
         <v-card-text>
           <v-form>
@@ -280,38 +298,66 @@
               label="通知内容"
               rows="3"
               auto-grow
-            ></v-textarea>
+            />
             <v-switch
               v-model="editForm.isUrgent"
               label="强调通知"
               color="error"
               hide-details
-            ></v-switch>
+            />
             <v-checkbox
               v-model="editForm.resend"
               label="保存并重新发送通知"
               hint="勾选后将作为新通知发送给所有在线设备"
               persistent-hint
-            ></v-checkbox>
+            />
           </v-form>
         </v-card-text>
         <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn variant="text" @click="editDialog = false">取消</v-btn>
-          <v-btn color="primary" :loading="savingEdit" @click="saveEdit">保存</v-btn>
+          <v-spacer />
+          <v-btn
+            variant="text"
+            @click="editDialog = false"
+          >
+            取消
+          </v-btn>
+          <v-btn
+            color="primary"
+            :loading="savingEdit"
+            @click="saveEdit"
+          >
+            保存
+          </v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
 
     <!-- 删除确认对话框 -->
-    <v-dialog v-model="deleteConfirmDialog" max-width="400">
+    <v-dialog
+      v-model="deleteConfirmDialog"
+      max-width="400"
+    >
       <v-card>
-        <v-card-title class="text-h5">确认删除</v-card-title>
+        <v-card-title class="text-h5">
+          确认删除
+        </v-card-title>
         <v-card-text>确定要删除这条常驻通知吗？此操作无法撤销。</v-card-text>
         <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="grey-darken-1" variant="text" @click="deleteConfirmDialog = false">取消</v-btn>
-          <v-btn color="error" variant="text" @click="executeDelete">删除</v-btn>
+          <v-spacer />
+          <v-btn
+            color="grey-darken-1"
+            variant="text"
+            @click="deleteConfirmDialog = false"
+          >
+            取消
+          </v-btn>
+          <v-btn
+            color="error"
+            variant="text"
+            @click="executeDelete"
+          >
+            删除
+          </v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
diff --git a/src/components/announcement/AnnouncementOverlay.vue b/src/components/announcement/AnnouncementOverlay.vue
new file mode 100644
index 0000000..bade025
--- /dev/null
+++ b/src/components/announcement/AnnouncementOverlay.vue
@@ -0,0 +1,230 @@
+<template>
+  <v-overlay
+    v-model="visible"
+    class="align-center justify-center"
+    persistent
+    opacity="0.9"
+    color="#121212"
+    z-index="9000"
+  >
+    <div
+      class="text-center pa-4"
+      style="max-width: 80vw; max-height: 90vh; width: 600px;"
+    >
+      <v-card
+        color="grey-darken-4"
+        elevation="24"
+        class="rounded-xl border-thin"
+        style="border-color: rgba(255,255,255,0.1) !important;"
+      >
+        <!-- Header -->
+        <v-card-title class="d-flex align-center justify-center py-4 bg-grey-darken-3">
+          <v-icon
+            color="orange"
+            size="large"
+            class="mr-3"
+          >
+            mdi-bullhorn
+          </v-icon>
+          <span class="text-h5 font-weight-bold">通知/公告</span>
+        </v-card-title>
+
+        <v-divider />
+
+        <!-- Content -->
+        <v-card-text class="pa-6">
+          <div
+            class="text-h5 text-white markdown-content text-left"
+            v-html="parsedContent"
+          />
+        </v-card-text>
+
+        <v-divider v-if="duration <= 0" />
+
+        <!-- Actions -->
+        <v-card-actions class="pa-4 justify-center">
+          <v-btn
+            v-if="duration > 0"
+            color="grey-lighten-1"
+            variant="tonal"
+            size="large"
+            block
+            @click="close"
+          >
+            关闭 ({{ remaining }}s)
+          </v-btn>
+          <v-btn
+            v-else
+            color="primary"
+            variant="flat"
+            size="large"
+            block
+            @click="close"
+          >
+            我知道了
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </div>
+  </v-overlay>
+</template>
+
+<script>
+import dataProvider from "@/utils/dataProvider";
+import { parseMarkdown } from "@/utils/markdown";
+import { playSoundAsync, stopSound } from "@/utils/soundList.js";
+
+export default {
+  name: "AnnouncementOverlay",
+  data() {
+    return {
+      visible: false,
+      currentNotification: null,
+      currentAudio: null,
+      settings: {
+        notifications: [],
+        enableSound: true
+      },
+      timer: null,
+      remaining: 0,
+      countdownTimer: null,
+      lastTriggeredTime: null
+    };
+  },
+  computed: {
+    parsedContent() {
+      if (!this.currentNotification?.content) return '';
+      return parseMarkdown(this.currentNotification.content);
+    },
+    duration() {
+      return this.currentNotification?.duration || 0;
+    }
+  },
+  mounted() {
+    this.loadSettings();
+    // Check every second
+    this.timer = setInterval(this.checkTime, 1000);
+  },
+  beforeUnmount() {
+    if (this.timer) clearInterval(this.timer);
+    if (this.countdownTimer) clearInterval(this.countdownTimer);
+    this.stopSound();
+  },
+  methods: {
+    async loadSettings() {
+      try {
+        const res = await dataProvider.loadData('announcement-settings');
+        if (res && res.success !== false) {
+          this.settings = {
+            notifications: res.notifications || [],
+            enableSound: res.enableSound !== false
+          };
+        } else {
+          this.settings = { notifications: [], enableSound: true };
+        }
+      } catch (e) {
+        console.error("Load announcement settings failed", e);
+        this.settings = { notifications: [], enableSound: true };
+      }
+    },
+    checkTime() {
+      if (this.visible) return; // Already showing
+      if (!this.settings || !this.settings.notifications) return;
+      
+      const now = new Date();
+      const hh = String(now.getHours()).padStart(2, '0');
+      const mm = String(now.getMinutes()).padStart(2, '0');
+      const ss = String(now.getSeconds()).padStart(2, '0');
+      const currentTime = `${hh}:${mm}:${ss}`;
+      
+      // Avoid re-triggering same second
+      if (this.lastTriggeredTime === currentTime) return;
+
+      const matched = this.settings.notifications.find(n => {
+        const noteTime = n.time.length === 5 ? `${n.time}:00` : n.time;
+        return noteTime === currentTime;
+      });
+      
+      if (matched) {
+        this.show(matched);
+        this.lastTriggeredTime = currentTime;
+      }
+    },
+    show(notification) {
+      this.currentNotification = notification;
+      this.visible = true;
+      this.remaining = notification.duration;
+      
+      if (this.settings.enableSound) {
+        this.playSound();
+      }
+      
+      if (this.remaining > 0) {
+        // Clear any existing countdown first
+        if (this.countdownTimer) clearInterval(this.countdownTimer);
+        
+        this.countdownTimer = setInterval(() => {
+          this.remaining--;
+          if (this.remaining <= 0) {
+            this.close();
+          }
+        }, 1000);
+      }
+    },
+    close() {
+      this.visible = false;
+      this.currentNotification = null;
+      if (this.countdownTimer) {
+        clearInterval(this.countdownTimer);
+        this.countdownTimer = null;
+      }
+      this.stopSound();
+    },
+    async playSound() {
+      try {
+        this.stopSound();
+        this.currentAudio = await playSoundAsync("universfield-new-notification-024-370048.mp3", false);
+      } catch (e) {
+        this.playFallbackSound();
+      }
+    },
+    playFallbackSound() {
+      try {
+        const ctx = new (window.AudioContext || window.webkitAudioContext)();
+        const osc = ctx.createOscillator();
+        const gain = ctx.createGain();
+        osc.connect(gain);
+        gain.connect(ctx.destination);
+        osc.frequency.value = 440;
+        osc.type = 'sine';
+        gain.gain.value = 0.1;
+        osc.start();
+        setTimeout(() => {
+          osc.stop();
+          ctx.close();
+        }, 500);
+      } catch {
+      }
+    },
+    stopSound() {
+      if (this.currentAudio) {
+        stopSound(this.currentAudio);
+        this.currentAudio = null;
+      }
+    },
+    reload() {
+      this.loadSettings();
+    }
+  }
+};
+</script>
+
+<style scoped>
+.markdown-content :deep(h1) { font-size: 1.5em; margin-bottom: 0.5em; font-weight: bold; color: white !important; }
+.markdown-content :deep(h2) { font-size: 1.3em; margin-bottom: 0.5em; font-weight: bold; color: white !important; }
+.markdown-content :deep(p) { margin-bottom: 0.5em; color: white !important; }
+.markdown-content :deep(ul) { padding-left: 1.5em; margin-bottom: 0.5em; color: white !important; }
+.markdown-content :deep(li) { margin-bottom: 0.25em; }
+.markdown-content :deep(mark) { background-color: yellow; color: black !important; padding: 0 4px; border-radius: 2px; }
+.markdown-content :deep(hr) { margin: 1em 0; border-color: rgba(255,255,255,0.2); }
+</style>
diff --git a/src/components/announcement/AnnouncementSettingsDialog.vue b/src/components/announcement/AnnouncementSettingsDialog.vue
new file mode 100644
index 0000000..85221dd
--- /dev/null
+++ b/src/components/announcement/AnnouncementSettingsDialog.vue
@@ -0,0 +1,579 @@
+<template>
+  <v-dialog
+    v-model="dialogVisible"
+    max-width="600"
+    scrollable
+  >
+    <v-card color="#1E1E1E">
+      <v-toolbar
+        color="transparent"
+        density="compact"
+      >
+        <v-toolbar-title class="text-h6 font-weight-bold ml-4">
+          公告板设置
+        </v-toolbar-title>
+        <v-spacer />
+        <v-btn
+          icon="mdi-close"
+          variant="text"
+          @click="dialogVisible = false"
+        />
+      </v-toolbar>
+
+      <v-card-text class="pa-4">
+        <!-- Settings Section -->
+        <v-card
+          variant="outlined"
+          class="mb-4"
+          color="grey-darken-3"
+        >
+          <v-card-text>
+            <div class="d-flex align-center mb-2">
+              <v-icon
+                start
+                icon="mdi-bullhorn"
+                class="mr-2"
+              />
+              <span class="text-subtitle-1 font-weight-bold">公告板设置</span>
+            </div>
+            <div class="text-caption text-grey-lighten-1 mb-4">
+              设置定时弹出的公告和提示音
+            </div>
+
+            <v-switch
+              v-model="enableSound"
+              color="primary"
+              label="启用提示音"
+              hide-details
+              inset
+            />
+          </v-card-text>
+        </v-card>
+
+        <v-divider class="mb-4" />
+
+        <!-- List Section -->
+        <div class="d-flex align-center mb-2">
+          <span class="text-subtitle-1 font-weight-bold">定时公告列表</span>
+          <v-spacer />
+          <v-btn
+            color="primary"
+            variant="text"
+            prepend-icon="mdi-plus"
+            @click="openAddDialog"
+          >
+            添加公告
+          </v-btn>
+        </div>
+
+        <div
+          v-if="notifications.length === 0"
+          class="text-center text-grey-lighten-1 py-8"
+        >
+          暂无定时公告
+        </div>
+
+        <v-card
+          v-for="note in notifications"
+          :key="note.id"
+          class="mb-2"
+          variant="outlined"
+          color="grey-darken-3"
+        >
+          <v-card-text class="d-flex align-center py-2">
+            <div class="mr-4 text-h6 font-weight-bold">
+              {{ note.time }}
+            </div>
+            <div class="flex-grow-1 text-truncate text-grey-lighten-1">
+              {{ note.content || '无内容' }}
+            </div>
+            <div
+              v-if="note.duration > 0"
+              class="text-caption text-grey-lighten-1 mr-2"
+            >
+              {{ note.duration }}秒
+            </div>
+            <v-btn
+              icon="mdi-pencil"
+              variant="text"
+              color="info"
+              size="small"
+              class="mr-2"
+              @click="editNotification(note)"
+            />
+            <v-btn
+              icon="mdi-delete"
+              variant="text"
+              color="error"
+              size="small"
+              @click="deleteNotification(note.id)"
+            />
+          </v-card-text>
+        </v-card>
+      </v-card-text>
+
+      <v-card-actions>
+        <v-spacer />
+        <v-btn
+          color="primary"
+          @click="dialogVisible = false"
+        >
+          关闭
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+
+    <!-- Add/Edit Dialog -->
+    <v-dialog
+      v-model="addDialogVisible"
+      max-width="800"
+      persistent
+    >
+      <v-card color="#1E1E1E">
+        <v-toolbar color="transparent">
+          <v-toolbar-title>{{ isEditing ? '编辑公告' : '添加公告' }}</v-toolbar-title>
+          <v-spacer />
+          <v-btn
+            color="primary"
+            variant="tonal"
+            prepend-icon="mdi-help-circle-outline"
+            class="mr-2"
+            @click="showHelpDialog = true"
+          >
+            使用帮助
+          </v-btn>
+        </v-toolbar>
+        
+        <v-card-text>
+          <v-row>
+            <v-col cols="12">
+              <div class="text-caption text-grey-lighten-1 mb-1">
+                时间 (HH:mm:ss)
+              </div>
+              <v-text-field
+                v-model="newItem.time"
+                type="time"
+                step="1"
+                variant="outlined"
+                prepend-inner-icon="mdi-clock-outline"
+                hide-details
+                bg-color="grey-darken-4"
+              />
+            </v-col>
+            <v-col cols="12">
+              <div class="text-caption text-grey-lighten-1 mb-1">
+                持续时间 (秒, 0为不自动关闭)
+              </div>
+              <v-text-field
+                v-model.number="newItem.duration"
+                type="number"
+                variant="outlined"
+                prepend-inner-icon="mdi-timer-sand"
+                hide-details
+                bg-color="grey-darken-4"
+              />
+            </v-col>
+          </v-row>
+
+          <v-row class="mt-2">
+            <v-col
+              cols="12"
+              md="6"
+            >
+              <div class="d-flex align-center justify-space-between mb-2 flex-wrap">
+                <span class="text-caption text-grey-lighten-1">编辑内容 (Markdown)</span>
+                <!-- Formatting Toolbar -->
+                <div class="d-flex align-center">
+                  <v-btn
+                    size="x-small"
+                    variant="text"
+                    icon="mdi-format-bold"
+                    @click="insertFormat('**', '**')"
+                  />
+                  <v-btn
+                    size="x-small"
+                    variant="text"
+                    icon="mdi-format-italic"
+                    @click="insertFormat('*', '*')"
+                  />
+                  <v-btn
+                    size="x-small"
+                    variant="text"
+                    icon="mdi-format-header-1"
+                    @click="insertFormat('# ', '')"
+                  />
+                  <v-btn
+                    size="x-small"
+                    variant="text"
+                    icon="mdi-format-header-2"
+                    @click="insertFormat('## ', '')"
+                  />
+                  <v-btn
+                    size="x-small"
+                    variant="text"
+                    icon="mdi-format-list-bulleted"
+                    @click="insertFormat('- ', '')"
+                  />
+                  <v-btn
+                    size="x-small"
+                    variant="text"
+                    icon="mdi-minus"
+                    @click="insertFormat('\n---\n', '')"
+                  />
+                  <v-btn
+                    size="x-small"
+                    variant="text"
+                    icon="mdi-marker"
+                    color="yellow"
+                    @click="insertFormat('<mark>', '</mark>')"
+                  />
+                </div>
+              </div>
+              <v-textarea
+                ref="editor"
+                v-model="newItem.content"
+                variant="outlined"
+                rows="10"
+                no-resize
+                bg-color="grey-darken-4"
+                hide-details
+              />
+            </v-col>
+            <v-col
+              cols="12"
+              md="6"
+            >
+              <div class="text-caption text-grey-lighten-1 mb-2">
+                预览区域
+              </div>
+              <v-card
+                variant="outlined"
+                color="grey-darken-4"
+                height="266"
+                class="pa-4 overflow-y-auto"
+              >
+                <div
+                  class="markdown-preview text-white"
+                  v-html="renderMarkdown(newItem.content)"
+                />
+              </v-card>
+            </v-col>
+          </v-row>
+        </v-card-text>
+
+        <v-card-actions>
+          <v-spacer />
+          <v-btn
+            variant="text"
+            @click="addDialogVisible = false"
+          >
+            取消
+          </v-btn>
+          <v-btn
+            color="primary"
+            @click="saveNotification"
+          >
+            保存
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+
+    <!-- Help Dialog -->
+    <v-dialog
+      v-model="showHelpDialog"
+      max-width="700"
+    >
+      <v-card color="#1E1E1E">
+        <v-toolbar
+          color="blue"
+          density="compact"
+        >
+          <v-icon class="ml-4">
+            mdi-school
+          </v-icon>
+          <v-toolbar-title>如何使用公告板</v-toolbar-title>
+          <v-btn
+            icon="mdi-close"
+            @click="showHelpDialog = false"
+          />
+        </v-toolbar>
+        
+        <v-card-text class="pa-0">
+          <v-row no-gutters>
+            <v-col
+              cols="12"
+              md="6"
+              class="pa-4 border-e border-grey-darken-3"
+            >
+              <h3 class="text-h6 text-blue mb-4">
+                <v-icon
+                  color="blue"
+                  class="mr-2"
+                >
+                  mdi-clock-outline
+                </v-icon>
+                基础设置
+              </h3>
+              
+              <div class="mb-4">
+                <div class="text-subtitle-2 font-weight-bold">
+                  设定时间
+                </div>
+                <div class="text-caption text-grey">
+                  设置公告自动弹出的时间（24小时制）。到达该时间时，全屏会显示此公告。
+                </div>
+              </div>
+
+              <div class="mb-4">
+                <div class="text-subtitle-2 font-weight-bold">
+                  持续时间
+                </div>
+                <div class="text-caption text-grey">
+                  公告显示的秒数。设为 0 则不会自动关闭，需要手动点击屏幕关闭。
+                </div>
+              </div>
+            </v-col>
+
+            <v-col
+              cols="12"
+              md="6"
+              class="pa-4"
+            >
+              <h3 class="text-h6 text-green mb-4">
+                <v-icon
+                  color="green"
+                  class="mr-2"
+                >
+                  mdi-format-paint
+                </v-icon>
+                排版与美化
+              </h3>
+
+              <div class="mb-2">
+                <div class="text-subtitle-2 font-weight-bold">
+                  加粗 / 斜体
+                </div>
+                <div class="text-caption text-grey">
+                  选中文字点击按钮，强调重要信息
+                </div>
+              </div>
+
+              <div class="mb-2">
+                <div class="text-subtitle-2 font-weight-bold">
+                  大标题 / 小标题
+                </div>
+                <div class="text-caption text-grey">
+                  使用 H1/H2 区分不同板块
+                </div>
+              </div>
+              
+              <div class="mb-2">
+                <div class="text-subtitle-2 font-weight-bold">
+                  高亮标记 (Mark)
+                </div>
+                <div class="text-caption text-grey">
+                  先选中文字，再点击颜色按钮，会自动包裹。
+                </div>
+              </div>
+
+              <div class="mb-2">
+                <div class="text-subtitle-2 font-weight-bold">
+                  分割线
+                </div>
+                <div class="text-caption text-grey">
+                  插入水平线分隔内容
+                </div>
+              </div>
+            </v-col>
+          </v-row>
+        </v-card-text>
+        
+        <v-card-actions class="bg-grey-darken-4 pa-4">
+          <v-alert
+            color="info"
+            variant="tonal"
+            icon="mdi-eye"
+            density="compact"
+            class="flex-grow-1 mr-4"
+          >
+            <div class="text-caption">
+              实时预览：右侧窗口会实时显示最终效果，所见即所得。
+            </div>
+          </v-alert>
+          <v-btn
+            color="primary"
+            min-width="100"
+            @click="showHelpDialog = false"
+          >
+            我学会了
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </v-dialog>
+</template>
+
+<script>
+import { parseMarkdown } from "@/utils/markdown";
+import dataProvider from "@/utils/dataProvider";
+
+export default {
+  name: "AnnouncementSettingsDialog",
+  props: {
+    modelValue: {
+      type: Boolean,
+      required: true
+    }
+  },
+  emits: ["update:modelValue", "save"],
+  data() {
+    return {
+      enableSound: true,
+      notifications: [],
+      addDialogVisible: false,
+      showHelpDialog: false,
+      isEditing: false,
+      editingId: null,
+      newItem: {
+        time: "12:00:00",
+        duration: 5,
+        content: ""
+      }
+    };
+  },
+  computed: {
+    dialogVisible: {
+      get() {
+        return this.modelValue;
+      },
+      set(value) {
+        this.$emit("update:modelValue", value);
+      }
+    }
+  },
+  watch: {
+    modelValue(val) {
+      if (val) {
+        this.loadSettings();
+      }
+    }
+  },
+  methods: {
+    async loadSettings() {
+      try {
+        const res = await dataProvider.loadData('announcement-settings');
+        if (res && res.success !== false) {
+          this.notifications = res.notifications || [];
+          this.enableSound = res.enableSound !== false;
+        } else {
+            this.notifications = [];
+            this.enableSound = true;
+        }
+      } catch (e) {
+        console.error("Load announcements failed", e);
+      }
+    },
+    openAddDialog() {
+      this.isEditing = false;
+      this.editingId = null;
+      this.newItem = {
+        time: "12:00:00",
+        duration: 5,
+        content: ""
+      };
+      this.addDialogVisible = true;
+    },
+    editNotification(note) {
+      this.isEditing = true;
+      this.editingId = note.id;
+      this.newItem = { ...note };
+      // Ensure time format includes seconds if missing
+      if (this.newItem.time && this.newItem.time.length === 5) {
+        this.newItem.time = `${this.newItem.time}:00`;
+      }
+      this.addDialogVisible = true;
+    },
+    async saveNotification() {
+      if (!this.newItem.content) return;
+      
+      // Ensure time format includes seconds if missing
+      if (this.newItem.time && this.newItem.time.length === 5) {
+        this.newItem.time = `${this.newItem.time}:00`;
+      }
+      
+      if (this.isEditing) {
+        const index = this.notifications.findIndex(n => n.id === this.editingId);
+        if (index !== -1) {
+          this.notifications[index] = { ...this.newItem, id: this.editingId };
+        }
+      } else {
+        this.notifications.push({
+          id: Date.now().toString(),
+          ...this.newItem
+        });
+      }
+      
+      // Sort by time
+      this.notifications.sort((a, b) => a.time.localeCompare(b.time));
+      
+      await this.saveAll();
+      this.addDialogVisible = false;
+    },
+    async deleteNotification(id) {
+      this.notifications = this.notifications.filter(n => n.id !== id);
+      await this.saveAll();
+    },
+    async saveAll() {
+      await dataProvider.saveData('announcement-settings', {
+        notifications: this.notifications,
+        enableSound: this.enableSound
+      });
+      this.$emit('save'); // Notify parent to reload overlay settings
+    },
+    renderMarkdown(content) {
+      if (!content) return '';
+      try {
+        return parseMarkdown(content);
+      } catch (e) {
+        return content;
+      }
+    },
+    insertFormat(prefix, suffix) {
+      if (!this.$refs.editor) return;
+      const textarea = this.$refs.editor.$el.querySelector('textarea');
+      if (!textarea) return;
+
+      const start = textarea.selectionStart;
+      const end = textarea.selectionEnd;
+      const text = this.newItem.content || "";
+      
+      const before = text.substring(0, start);
+      const selected = text.substring(start, end);
+      const after = text.substring(end);
+      
+      this.newItem.content = before + prefix + selected + suffix + after;
+      
+      this.$nextTick(() => {
+        textarea.focus();
+        const newCursorPos = start + prefix.length + selected.length + suffix.length;
+        textarea.setSelectionRange(newCursorPos, newCursorPos);
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+.gap-2 { gap: 8px; }
+/* Ensure preview text is visible against dark background */
+.markdown-preview {
+  color: white !important;
+}
+.markdown-preview :deep(h1) { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; color: white !important; }
+.markdown-preview :deep(h2) { font-size: 1.25em; font-weight: bold; margin-bottom: 0.5em; color: white !important; }
+.markdown-preview :deep(ul) { padding-left: 1.5em; margin-bottom: 0.5em; color: white !important; }
+.markdown-preview :deep(p) { margin-bottom: 0.5em; color: white !important; }
+.markdown-preview :deep(mark) { background-color: yellow; color: black !important; padding: 0 2px; border-radius: 2px; }
+.markdown-preview :deep(hr) { border-color: rgba(255, 255, 255, 0.2); margin: 1em 0; }
+</style>
diff --git a/src/components/announcement/AnnouncementWidget.vue b/src/components/announcement/AnnouncementWidget.vue
new file mode 100644
index 0000000..532a37a
--- /dev/null
+++ b/src/components/announcement/AnnouncementWidget.vue
@@ -0,0 +1,224 @@
+<template>
+  <v-card
+    class="mb-4"
+    variant="outlined"
+    color="grey-darken-3"
+  >
+    <v-card-title class="d-flex align-center py-2 px-3">
+      <v-icon
+        size="small"
+        class="mr-2"
+        color="orange"
+      >
+        mdi-bullhorn
+      </v-icon>
+      <span class="text-subtitle-2 font-weight-bold">公告板</span>
+      <v-spacer />
+      <v-btn
+        icon="mdi-cog"
+        variant="text"
+        size="small"
+        color="grey"
+        @click="$emit('open-settings')"
+      />
+    </v-card-title>
+    
+    <v-card-text class="pa-0">
+      <div v-if="notifications.length > 0">
+        <div
+          v-for="(note, index) in notifications"
+          :key="index"
+          class="px-3 py-2 border-b cursor-pointer hover-bg"
+          style="border-bottom: 1px solid rgba(255,255,255,0.05);"
+          @click="showDetail(note)"
+        >
+          <div class="d-flex align-center justify-space-between mb-1">
+            <div class="d-flex align-center">
+              <v-icon
+                size="x-small"
+                color="primary"
+                class="mr-1"
+              >
+                mdi-clock-outline
+              </v-icon>
+              <span class="text-caption font-weight-bold text-primary">{{ note.time }}</span>
+            </div>
+            <v-chip
+              v-if="isNext(note)"
+              size="x-small"
+              color="success"
+              variant="flat"
+              class="px-1"
+              style="height: 16px; font-size: 10px;"
+            >
+              NEXT
+            </v-chip>
+          </div>
+          
+          <div 
+            class="text-caption text-grey-lighten-1 markdown-preview-mini"
+            v-html="renderMiniMarkdown(note.content)"
+          />
+        </div>
+      </div>
+      <div
+        v-else
+        class="pa-4 text-center text-caption text-grey"
+      >
+        暂无公告安排
+      </div>
+    </v-card-text>
+
+    <!-- Detail Dialog -->
+    <v-dialog
+      v-model="detailDialog"
+      max-width="500"
+    >
+      <v-card color="grey-darken-4">
+        <v-card-title class="d-flex align-center">
+          <v-icon
+            color="primary"
+            class="mr-2"
+          >
+            mdi-bullhorn-outline
+          </v-icon>
+          公告详情
+          <v-spacer />
+          <v-chip
+            color="primary"
+            variant="outlined"
+            size="small"
+          >
+            {{ selectedNote?.time }}
+          </v-chip>
+        </v-card-title>
+        <v-card-text class="pa-4">
+          <div 
+            class="markdown-preview text-white"
+            v-html="renderFullMarkdown(selectedNote?.content)"
+          />
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer />
+          <v-btn
+            color="primary"
+            variant="text"
+            @click="detailDialog = false"
+          >
+            关闭
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </v-card>
+</template>
+
+<script>
+import dataProvider from "@/utils/dataProvider";
+import { parseMarkdown } from "@/utils/markdown";
+
+export default {
+  name: "AnnouncementWidget",
+  emits: ["open-settings"],
+  data() {
+    return {
+      notifications: [],
+      timer: null,
+      detailDialog: false,
+      selectedNote: null
+    };
+  },
+  mounted() {
+    this.loadSettings();
+    // Refresh every second to update "NEXT" status
+    this.timer = setInterval(() => {
+        this.$forceUpdate(); 
+    }, 1000);
+  },
+  beforeUnmount() {
+    if (this.timer) clearInterval(this.timer);
+  },
+  methods: {
+    async loadSettings() {
+      try {
+        const res = await dataProvider.loadData('announcement-settings');
+        if (res && res.success !== false && res.notifications) {
+          this.notifications = res.notifications.sort((a, b) => a.time.localeCompare(b.time));
+        } else {
+          this.notifications = [];
+        }
+      } catch (e) {
+        console.error("Load announcements failed", e);
+      }
+    },
+    isNext(note) {
+      if (!this.notifications.length) return false;
+      
+      const now = new Date();
+      const hh = String(now.getHours()).padStart(2, '0');
+      const mm = String(now.getMinutes()).padStart(2, '0');
+      const ss = String(now.getSeconds()).padStart(2, '0');
+      const currentTime = `${hh}:${mm}:${ss}`;
+      
+      // Find the first notification that is strictly after current time
+      const next = this.notifications.find(n => {
+        const noteTime = n.time.length === 5 ? `${n.time}:00` : n.time;
+        return noteTime > currentTime;
+      });
+      
+      if (next) {
+        return note === next;
+      } else {
+        // If all today's times passed, the first one tomorrow is next
+        return note === this.notifications[0];
+      }
+    },
+    renderMiniMarkdown(text) {
+      if (!text) return '';
+      // Render full markdown but stripped of block tags for mini view or just first line?
+      // Better: Render full markdown but restrict height/overflow in CSS
+      // Or: Just render it. The user said "use markdown format"
+      return parseMarkdown(text);
+    },
+    renderFullMarkdown(text) {
+      return parseMarkdown(text);
+    },
+    showDetail(note) {
+      this.selectedNote = note;
+      this.detailDialog = true;
+    },
+    reload() {
+      this.loadSettings();
+    }
+  }
+};
+</script>
+
+<style scoped>
+.hover-bg:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+.markdown-preview-mini {
+  max-height: 60px;
+  overflow: hidden;
+  position: relative;
+  /* Add fade out effect at bottom */
+  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
+  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
+}
+
+/* Re-use markdown styles from settings dialog or global */
+.markdown-preview-mini :deep(h1),
+.markdown-preview :deep(h1) { font-size: 1.2em; font-weight: bold; margin: 0.2em 0; color: white !important; }
+
+.markdown-preview-mini :deep(h2),
+.markdown-preview :deep(h2) { font-size: 1.1em; font-weight: bold; margin: 0.2em 0; color: white !important; }
+
+.markdown-preview-mini :deep(p),
+.markdown-preview :deep(p) { margin: 0 0 0.5em 0; color: rgba(255,255,255,0.9) !important; }
+
+.markdown-preview-mini :deep(ul),
+.markdown-preview :deep(ul) { padding-left: 1.2em; margin: 0; color: rgba(255,255,255,0.9) !important; }
+
+.markdown-preview :deep(mark) { background-color: yellow; color: black !important; padding: 0 2px; border-radius: 2px; }
+</style>
diff --git a/src/components/attendance/AttendanceManagementDialog.vue b/src/components/attendance/AttendanceManagementDialog.vue
index 33b904b..c9756dd 100644
--- a/src/components/attendance/AttendanceManagementDialog.vue
+++ b/src/components/attendance/AttendanceManagementDialog.vue
@@ -6,25 +6,42 @@
     max-width="900"
     @update:model-value="$emit('update:modelValue', $event)"
   >
-    <v-card>
+    <v-card color="black-lighten-1">
       <v-card-title class="d-flex align-center">
-        <v-icon class="mr-2" icon="mdi-account-group" />
+        <v-icon
+          class="mr-2"
+          icon="mdi-account-group"
+        />
         考勤
         <v-spacer />
-        <v-chip v-if="!isMobile" class="ml-2" color="primary" size="small">
-          {{ dateString }}
-        </v-chip>
-        <v-btn v-if="isMobile" icon="mdi-close" variant="text" @click="$emit('update:modelValue', false)" />
+        <v-btn
+          color="secondary"
+          variant="tonal"
+          prepend-icon="mdi-format-list-bulleted"
+          class="mr-2"
+          @click="showEditListDialog = true"
+        >
+          修改名单
+        </v-btn>
+        <v-btn
+          v-if="isMobile"
+          icon="mdi-close"
+          variant="text"
+          @click="$emit('update:modelValue', false)"
+        />
       </v-card-title>
 
       <v-card-text>
         <!-- 批量操作和搜索 -->
         <v-row class="mb-4">
-          <v-col cols="12" md="12">
+          <v-col
+            cols="12"
+            md="12"
+          >
             <v-text-field
               v-model="attendanceSearch"
               clearable
-              hint="支持筛选姓氏，如输入'孙'可筛选所有姓孙的学生"
+              hint="*支持筛选姓氏"
               label="搜索学生"
               prepend-inner-icon="mdi-magnify"
               variant="outlined"
@@ -128,7 +145,10 @@
             md="6"
             sm="6"
           >
-            <v-card border class="student-card">
+            <v-card
+              border
+              class="student-card"
+            >
               <v-card-text class="d-flex align-center pa-2">
                 <div class="flex-grow-1">
                   <div class="d-flex align-center">
@@ -137,11 +157,13 @@
                       class="mr-2"
                       size="24"
                     >
-                      <v-icon size="small"
-                        >{{ getStudentStatusIcon(student) }}
+                      <v-icon size="small">
+                        {{ getStudentStatusIcon(student) }}
                       </v-icon>
                     </v-avatar>
-                    <div class="text-subtitle-1">{{ student }}</div>
+                    <div class="text-subtitle-1">
+                      {{ student }}
+                    </div>
                   </div>
                 </div>
                 <div class="attendance-actions">
@@ -183,10 +205,19 @@
           </v-col>
         </v-row>
         <v-row>
-          <v-col cols="12" md="12">
-            <v-card class="mb-4" color="primary" variant="tonal">
+          <v-col
+            cols="12"
+            md="12"
+          >
+            <v-card
+              class="mb-4"
+              color="primary"
+              variant="tonal"
+            >
               <v-card-text>
-                <div class="text-subtitle-2 mb-2">批量操作</div>
+                <div class="text-subtitle-2 mb-2">
+                  批量操作
+                </div>
                 <div class="d-flex flex-wrap gap-2">
                   <v-btn
                     class="flex-grow-1"
@@ -232,18 +263,83 @@
       <v-card-actions>
         <v-spacer />
 
-        <v-btn color="primary" @click="$emit('save')">
-          <v-icon start>mdi-content-save</v-icon>
+        <v-btn
+          color="primary"
+          @click="$emit('save')"
+        >
+          <v-icon start>
+            mdi-content-save
+          </v-icon>
           保存
         </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
+
+  <!-- Edit List Dialog -->
+  <v-dialog
+    v-model="showEditListDialog"
+    max-width="500"
+  >
+    <v-card>
+      <v-card-title>修改班级名单</v-card-title>
+      <v-card-text>
+        <v-alert
+          type="info"
+          variant="tonal"
+          class="mb-4"
+          density="compact"
+        >
+          请输入学生姓名，每行一个。
+        </v-alert>
+        <div class="d-flex justify-end mb-2">
+          <v-btn
+            color="success"
+            variant="text"
+            prepend-icon="mdi-microsoft-excel"
+            size="small"
+            @click="triggerFileInput"
+          >
+            从Excel导入
+          </v-btn>
+          <input
+            ref="fileInput"
+            type="file"
+            accept=".xlsx, .xls"
+            style="display: none"
+            @change="handleFileUpload"
+          >
+        </div>
+        <v-textarea
+          v-model="editingStudentList"
+          rows="10"
+          auto-grow
+          placeholder="张三&#10;李四&#10;王五"
+        />
+      </v-card-text>
+      <v-card-actions>
+        <v-spacer />
+        <v-btn
+          variant="text"
+          @click="showEditListDialog = false"
+        >
+          取消
+        </v-btn>
+        <v-btn
+          color="primary"
+          @click="saveStudentList"
+        >
+          保存名单
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
 </template>
 
 <script>
 import { useDisplay } from "vuetify";
 import { getSetting } from "@/utils/settings";
+import dataProvider from "@/utils/dataProvider";
 
 export default {
   name: "AttendanceManagementDialog",
@@ -265,7 +361,7 @@ export default {
       default: "",
     },
   },
-  emits: ["update:modelValue", "save", "change"],
+  emits: ["update:modelValue", "save", "change", "list-updated"],
   setup() {
     const { mobile } = useDisplay();
     return { mobile };
@@ -274,6 +370,8 @@ export default {
     return {
       attendanceSearch: "",
       attendanceFilter: [],
+      showEditListDialog: false,
+      editingStudentList: "",
     };
   },
   computed: {
@@ -330,7 +428,111 @@ export default {
         .sort((a, b) => a.name.localeCompare(b.name, 'zh-CN'));
     },
   },
+  watch: {
+    showEditListDialog(val) {
+      if (val) {
+        this.editingStudentList = this.studentList.join('\n');
+      }
+    }
+  },
   methods: {
+    triggerFileInput() {
+      this.$refs.fileInput.click();
+    },
+    async handleFileUpload(event) {
+      const file = event.target.files[0];
+      if (!file) return;
+
+      try {
+        const XLSX = await import("xlsx");
+        const data = await file.arrayBuffer();
+        const workbook = XLSX.read(data);
+        const firstSheetName = workbook.SheetNames[0];
+        const worksheet = workbook.Sheets[firstSheetName];
+        const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
+
+        if (jsonData.length === 0) {
+          this.$message?.warning("提示", "文件为空");
+          return;
+        }
+
+        // Find "姓名" column index
+        let nameColIndex = -1;
+        let headerRowIndex = 0;
+
+        // Search in first 10 rows
+        for (let i = 0; i < Math.min(jsonData.length, 10); i++) {
+          const row = jsonData[i];
+          if (Array.isArray(row)) {
+            const idx = row.findIndex(
+              (cell) =>
+                cell && typeof cell === "string" && cell.includes("姓名")
+            );
+            if (idx !== -1) {
+              nameColIndex = idx;
+              headerRowIndex = i;
+              break;
+            }
+          }
+        }
+
+        if (nameColIndex === -1) {
+          this.$message?.warning("提示", "未找到“姓名”列，请检查Excel文件");
+          return;
+        }
+
+        const names = [];
+        for (let i = headerRowIndex + 1; i < jsonData.length; i++) {
+          const row = jsonData[i];
+          if (row[nameColIndex]) {
+            names.push(String(row[nameColIndex]).trim());
+          }
+        }
+
+        if (names.length > 0) {
+          if (this.editingStudentList.trim()) {
+            // 直接覆盖而不是弹出 confirm 对话框
+             this.editingStudentList = names.join("\n");
+          } else {
+             this.editingStudentList = names.join("\n");
+          }
+          
+          this.$message?.success("导入成功", `成功读取 ${names.length} 个名字，请点击保存名单`);
+        } else {
+          this.$message?.warning("提示", "未找到名字数据");
+        }
+      } catch (e) {
+        console.error("Excel import failed", e);
+        this.$message?.error("导入失败", e.message);
+      } finally {
+        event.target.value = ""; // Reset input
+      }
+    },
+    async saveStudentList() {
+      const list = this.editingStudentList
+        .split('\n')
+        .map(s => s.trim())
+        .filter(s => s);
+      
+      try {
+        const studentObjects = list.map((name, index) => ({ name, id: index + 1 })); 
+        const response = await dataProvider.saveData("classworks-list-main", studentObjects);
+        
+        if (response && response.success === false) {
+           throw new Error(response.error?.message || "保存失败");
+        }
+        
+        // Update the dialog content to match what was saved
+        this.editingStudentList = list.join('\n');
+        
+        this.$emit("list-updated");
+        this.showEditListDialog = false;
+        this.$message?.success("保存成功", "学生列表已更新");
+      } catch (e) {
+        console.error("Failed to save student list", e);
+        this.$message?.error("保存失败", e.message || "无法保存学生列表");
+      }
+    },
     toggleFilter(filter) {
       const index = this.attendanceFilter.indexOf(filter);
       if (index === -1) {
diff --git a/src/components/attendance/AttendanceSidebar.vue b/src/components/attendance/AttendanceSidebar.vue
index 64403ee..27d1d10 100644
--- a/src/components/attendance/AttendanceSidebar.vue
+++ b/src/components/attendance/AttendanceSidebar.vue
@@ -1,89 +1,430 @@
 <template>
-  <v-col
-    v-if="studentList && studentList.length"
-    v-ripple="!isEditingDisabled ? {
-      class: `text-${
-        ['primary', 'secondary', 'info', 'success', 'warning', 'error'][
-          Math.floor(Math.random() * 6)
-        ]
-      }`,
-    } : false"
-    :class="{ 'cursor-not-allowed': isEditingDisabled }"
-    class="attendance-area no-select"
-    cols="1"
-    @click="handleClick"
+  <v-card
+    v-if="!inDialog"
+    class="attendance-sidebar"
+    :class="compact ? 'mb-2' : 'mb-4'"
+    :style="contentStyle"
+    variant="outlined"
+    color="grey-darken-3"
+    elevation="0"
   >
-    <h1>出勤</h1>
-    <h2>
-      <span style="white-space: nowrap"> 应到</span>
-      :
-      <span style="white-space: nowrap">
-        {{ studentList.length - attendance.exclude.length }}人
-      </span>
-    </h2>
-    <h2>
-      <span style="white-space: nowrap"> 实到</span>
-      :
-      <span style="white-space: nowrap">
-        {{
-          studentList.length -
-          attendance.absent.length -
-          (!getSetting("display.lateStudentsArePresent")) * attendance.late.length -
-          attendance.exclude.length
-        }}人
-      </span>
-    </h2>
-    <h2>
-      <span style="white-space: nowrap"> 请假</span>
-      :
-      <span style="white-space: nowrap">
-        {{ attendance.absent.length }}人
-      </span>
-    </h2>
-    <h3
-      v-for="(name, index) in attendance.absent"
-      :key="'absent-' + index"
-      class="gray-text"
+    <!-- Header with Animation -->
+    <v-card-title
+      v-if="!compact"
+      class="bg-primary text-white d-flex align-center py-3 px-4"
+      style="min-height: 52px;"
     >
-      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
-      ><span style="white-space: nowrap">{{ name }}</span>
-    </h3>
-    <h2>
-      <span style="white-space: nowrap">迟到</span>
-      :
-      <span style="white-space: nowrap">
-        {{ attendance.late.length }}人
-      </span>
-    </h2>
-    <h3
-      v-for="(name, index) in attendance.late"
-      :key="'late-' + index"
-      class="gray-text"
+      <v-icon
+        start
+        class="animate-pulse"
+        size="small"
+      >
+        mdi-account-group
+      </v-icon>
+      <span
+        class="font-weight-bold text-subtitle-1"
+        style="font-size: 1.25em !important;"
+      >出勤</span>
+      <v-spacer />
+      <v-btn
+        icon="mdi-pencil"
+        variant="text"
+        size="small"
+        color="white"
+        @click.stop="$emit('click')"
+      />
+    </v-card-title>
+
+    <v-card-text class="pa-0">
+      <div 
+        v-ripple="!isEditingDisabled"
+        class="attendance-content"
+        :class="[{ 'disabled': isEditingDisabled, 'cursor-pointer': !isEditingDisabled }, compact ? 'pa-1' : 'pa-3']"
+        :style="contentStyle"
+        @click.stop="$emit('click')"
+      >
+        <!-- Statistics Grid -->
+        <v-row
+          dense
+          class="ma-0"
+          :class="compact ? 'mb-0' : 'mb-2'"
+        >
+          <!-- 全勤时显示在左侧的图标 (仅在 compact 模式) -->
+          <v-col
+            v-if="isAllPresent && compact"
+            :cols="isAllPresent && compact ? 4 : 12"
+            class="d-flex align-center justify-center pa-0"
+          >
+            <div class="text-center text-success d-flex flex-row align-center justify-center">
+              <v-icon
+                color="success"
+                size="24"
+                class="mr-1"
+              >
+                mdi-check-circle
+              </v-icon>
+              <div
+                class="font-weight-bold"
+                style="font-size: 0.9em;"
+              >
+                全勤
+              </div>
+            </div>
+          </v-col>
+
+          <v-col
+            :cols="isAllPresent && compact ? 4 : 6"
+            class="pa-0"
+          >
+            <div class="stat-item d-flex flex-column align-center justify-center">
+              <div
+                class="text-caption text-white"
+                :style="{ fontSize: compact ? '0.7em !important' : '0.8em !important', lineHeight: compact ? '1' : '' }"
+              >
+                应到
+              </div>
+              <div
+                class="font-weight-bold text-white"
+                :class="compact ? 'text-subtitle-2' : 'text-h6'"
+                :style="{ fontSize: compact ? '1.1em !important' : '1.5em !important', lineHeight: compact ? '1' : '' }"
+              >
+                {{ stats.expected }}
+              </div>
+            </div>
+          </v-col>
+
+          <v-col
+            :cols="isAllPresent && compact ? 4 : 6"
+            class="pa-0"
+          >
+            <div class="stat-item d-flex flex-column align-center justify-center">
+              <div
+                class="text-caption text-white"
+                :style="{ fontSize: compact ? '0.7em !important' : '0.8em !important', lineHeight: compact ? '1' : '' }"
+              >
+                实到
+              </div>
+              <div
+                class="font-weight-bold text-success"
+                :class="compact ? 'text-subtitle-2' : 'text-h6'"
+                :style="{ fontSize: compact ? '1.1em !important' : '1.5em !important', lineHeight: compact ? '1' : '' }"
+              >
+                {{ stats.actual }}
+              </div>
+            </div>
+          </v-col>
+        </v-row>
+
+        <v-divider
+          v-if="!isAllPresent || !compact"
+          :class="compact ? 'mb-1 mt-0' : 'mb-2'"
+        />
+
+        <!-- Scrollable Area -->
+        <div 
+          v-if="!isAllPresent || !compact"
+          ref="scrollContainer"
+          class="status-lists" 
+          :style="{ maxHeight: compact ? '80px' : '300px', overflowY: 'auto', ...contentStyle }"
+          @mouseenter="isHovering = true"
+          @mouseleave="isHovering = false"
+        >
+          <!-- Status Lists -->
+          <div
+            v-if="attendance.absent.length > 0"
+            class="status-group mb-1"
+          >
+            <div
+              class="d-flex align-center mb-0 sticky-header bg-surface"
+              style="position: sticky; top: 0; z-index: 1;"
+            >
+              <v-icon
+                :size="compact ? '12' : 'x-small'"
+                start
+                color="error"
+                :style="compact ? 'margin-right: 4px;' : ''"
+              >
+                mdi-account-off
+              </v-icon>
+              <span
+                class="font-weight-bold text-error"
+                :class="compact ? 'text-caption' : 'text-caption'"
+                :style="{ fontSize: compact ? '0.7em !important' : '0.9em !important', lineHeight: compact ? '1.2' : '' }"
+              >请假 ({{ attendance.absent.length }})</span>
+            </div>
+            <div class="d-flex flex-column gap-0 pl-1 border-s-sm border-error">
+              <div 
+                v-for="name in attendance.absent" 
+                :key="'absent-' + name"
+                class="font-weight-bold text-white py-0"
+                :class="compact ? 'text-caption' : 'text-caption'"
+                :style="{ fontSize: compact ? '0.8em !important' : '1.1em !important', padding: compact ? '0 !important' : '4px 0 !important', lineHeight: compact ? '1.2' : '' }"
+              >
+                {{ name }}
+              </div>
+            </div>
+          </div>
+
+          <div
+            v-if="attendance.late.length > 0"
+            class="status-group mb-1"
+          >
+            <div
+              class="d-flex align-center mb-0 sticky-header bg-surface"
+              style="position: sticky; top: 0; z-index: 1;"
+            >
+              <v-icon
+                :size="compact ? '12' : 'x-small'"
+                start
+                color="warning"
+                :style="compact ? 'margin-right: 4px;' : ''"
+              >
+                mdi-clock-alert
+              </v-icon>
+              <span
+                class="font-weight-bold text-warning"
+                :class="compact ? 'text-caption' : 'text-caption'"
+                :style="{ fontSize: compact ? '0.7em !important' : '0.9em !important', lineHeight: compact ? '1.2' : '' }"
+              >迟到 ({{ attendance.late.length }})</span>
+            </div>
+            <div class="d-flex flex-column gap-0 pl-1 border-s-sm border-warning">
+              <div 
+                v-for="name in attendance.late" 
+                :key="'late-' + name"
+                class="font-weight-bold text-white py-0"
+                :class="compact ? 'text-caption' : 'text-caption'"
+                :style="{ fontSize: compact ? '0.8em !important' : '1.1em !important', padding: compact ? '0 !important' : '4px 0 !important', lineHeight: compact ? '1.2' : '' }"
+              >
+                {{ name }}
+              </div>
+            </div>
+          </div>
+          
+          <div
+            v-if="attendance.exclude.length > 0"
+            class="status-group mb-1"
+          >
+            <div
+              class="d-flex align-center mb-0 sticky-header bg-surface"
+              style="position: sticky; top: 0; z-index: 1;"
+            >
+              <v-icon
+                :size="compact ? '12' : 'x-small'"
+                start
+                color="grey"
+                :style="compact ? 'margin-right: 4px;' : ''"
+              >
+                mdi-account-cancel
+              </v-icon>
+              <span
+                class="font-weight-bold text-grey"
+                :class="compact ? 'text-caption' : 'text-caption'"
+                :style="{ fontSize: compact ? '0.7em !important' : '0.9em !important', lineHeight: compact ? '1.2' : '' }"
+              >不参与 ({{ attendance.exclude.length }})</span>
+            </div>
+            <div class="d-flex flex-column gap-0 pl-1 border-s-sm border-grey">
+              <div 
+                v-for="name in attendance.exclude" 
+                :key="'exclude-' + name"
+                class="text-white py-0"
+                :class="compact ? 'text-caption' : 'text-caption'"
+                :style="{ fontSize: compact ? '0.75em !important' : '0.9em !important', padding: compact ? '0 !important' : '4px 0 !important', lineHeight: compact ? '1.2' : '' }"
+              >
+                {{ name }}
+              </div>
+            </div>
+          </div>
+        </div>
+        
+        <div
+          v-if="isAllPresent && !compact"
+          class="text-center text-success d-flex flex-column align-center justify-center"
+          :class="compact ? 'py-1' : 'py-6'"
+        >
+          <v-icon
+            color="success"
+            :size="compact ? '28' : '64'"
+            :class="compact ? 'mb-0' : 'mb-2'"
+          >
+            mdi-check-circle
+          </v-icon>
+          <div 
+            class="font-weight-bold"
+            :class="compact ? 'text-subtitle-2' : 'text-h5'"
+          >
+            全勤
+          </div>
+        </div>
+      </div>
+    </v-card-text>
+  </v-card>
+  <div
+    v-else
+    :style="contentStyle"
+  >
+    <v-container
+      fluid
+      class="pa-4"
     >
-      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
-      ><span style="white-space: nowrap">{{ name }}</span>
-    </h3>
-    <h2>
-      <span style="white-space: nowrap">不参与</span>
-      :
-      <span style="white-space: nowrap">
-        {{ attendance.exclude.length }}人
-      </span>
-    </h2>
-    <h3
-      v-for="(name, index) in attendance.exclude"
-      :key="'exclude-' + index"
-      class="gray-text"
-    >
-      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
-      ><span style="white-space: nowrap">{{ name }}</span>
-    </h3>
-  </v-col>
+      <v-text-field
+        v-model="search"
+        prepend-inner-icon="mdi-magnify"
+        label="搜索学生"
+        variant="outlined"
+        density="compact"
+        hide-details
+        class="mb-4"
+        bg-color="surface"
+      />
+
+      <!-- 统计信息 -->
+      <div class="d-flex justify-space-between mb-4 text-body-2 font-weight-bold px-2">
+        <span
+          v-for="(count, status) in statusCounts"
+          :key="status"
+        >
+          {{ status }} ({{ count }})
+        </span>
+      </div>
+
+      <!-- 状态筛选 Chip -->
+      <div class="d-flex flex-wrap gap-2 mb-4">
+        <v-chip
+          v-for="status in ['all', 'present', 'absent', 'late', 'exclude']"
+          :key="status"
+          :color="filterStatus === status ? 'primary' : 'default'"
+          :variant="filterStatus === status ? 'flat' : 'outlined'"
+          class="mr-2"
+          @click="filterStatus = status"
+        >
+          <v-icon
+            start
+            size="small"
+          >
+            {{ getStatusIconByString(status) }}
+          </v-icon>
+          {{ getStatusLabel(status) }}
+        </v-chip>
+      </div>
+
+      <!-- 学生网格 -->
+      <v-row dense>
+        <v-col
+          v-for="student in filteredStudents"
+          :key="student"
+          cols="6"
+          sm="4"
+          md="3"
+        >
+          <v-card
+            v-ripple
+            variant="outlined"
+            class="d-flex align-center pa-2"
+            :color="getStatusColor(student) !== 'grey-lighten-1' ? getStatusColor(student) : 'grey-darken-3'"
+            :style="{ borderColor: getStatusColor(student) === 'grey-lighten-1' ? 'rgba(255,255,255,0.1)' : 'currentColor' }"
+            @click="toggleStatus(student)"
+          >
+            <v-avatar
+              size="32"
+              :color="getStatusColor(student) === 'grey-lighten-1' ? 'grey-darken-4' : getStatusColor(student)"
+              variant="tonal"
+              class="mr-2"
+            >
+              <v-icon
+                size="small"
+                :color="getStatusColor(student) === 'grey-lighten-1' ? 'white' : ''"
+              >
+                {{ getStatusIcon(student) }}
+              </v-icon>
+            </v-avatar>
+            <div class="text-truncate flex-grow-1 font-weight-medium text-white">
+              {{ student }}
+            </div>
+            <v-icon
+              v-if="getStatus(student)"
+              size="small"
+              :color="getStatusColor(student) === 'grey-lighten-1' ? 'transparent' : getStatusColor(student)"
+            >
+              {{ getStatusIcon(student) }}
+            </v-icon>
+          </v-card>
+        </v-col>
+      </v-row>
+
+      <!-- 批量操作 -->
+      <v-card
+        class="mt-6 pa-4 bg-surface-variant"
+        variant="flat"
+      >
+        <div class="text-subtitle-2 font-weight-bold mb-3 text-primary">
+          批量操作
+        </div>
+        <v-row dense>
+          <v-col
+            cols="6"
+            sm="3"
+          >
+            <v-btn
+              block
+              color="success"
+              variant="flat"
+              prepend-icon="mdi-account-check"
+              @click="batchSetStatus(null)"
+            >
+              全部到齐
+            </v-btn>
+          </v-col>
+          <v-col
+            cols="6"
+            sm="3"
+          >
+            <v-btn
+              block
+              color="error"
+              variant="flat"
+              prepend-icon="mdi-account-off"
+              @click="batchSetStatus('absent')"
+            >
+              全部请假
+            </v-btn>
+          </v-col>
+          <v-col
+            cols="6"
+            sm="3"
+          >
+            <v-btn
+              block
+              color="warning"
+              variant="flat"
+              prepend-icon="mdi-clock-alert"
+              @click="batchSetStatus('late')"
+            >
+              全部迟到
+            </v-btn>
+          </v-col>
+          <v-col
+            cols="6"
+            sm="3"
+          >
+            <v-btn
+              block
+              color="grey"
+              variant="flat"
+              prepend-icon="mdi-account-cancel"
+              @click="batchSetStatus('exclude')"
+            >
+              全部不参与
+            </v-btn>
+          </v-col>
+        </v-row>
+      </v-card>
+    </v-container>
+  </div>
 </template>
 
 <script>
 import { useDisplay } from "vuetify";
-import {getSetting} from "@/utils/settings.js";
+import { getSetting } from "@/utils/settings.js";
 
 export default {
   name: "AttendanceSidebar",
@@ -100,14 +441,240 @@ export default {
       type: Boolean,
       default: false,
     },
+    contentStyle: {
+      type: Object,
+      default: () => ({}),
+    },
+    inDialog: {
+      type: Boolean,
+      default: false,
+    },
+    compact: {
+      type: Boolean,
+      default: false,
+    },
   },
-  emits: ["click", "disabled-click"],
+  emits: ["click", "disabled-click", "edit-list", "save"],
   setup() {
     const display = useDisplay();
     return { display };
   },
+  data() {
+    return {
+      scrollTimer: null,
+      scrollPosition: 0,
+      isScrollingUp: false,
+      isHovering: false,
+      search: "",
+      filterStatus: "all",
+    };
+  },
+  computed: {
+    stats() {
+      const total = this.studentList.length;
+      const excludeCount = this.attendance.exclude.length;
+      const absentCount = this.attendance.absent.length;
+      // 迟到也算实到
+      
+      const expected = total - excludeCount;
+      const actual = total - absentCount - excludeCount;
+
+      return {
+        expected: Math.max(0, expected),
+        actual: Math.max(0, actual),
+      };
+    },
+    statusCounts() {
+      const total = this.studentList.length;
+      const absent = this.attendance.absent.length;
+      const late = this.attendance.late.length;
+      const exclude = this.attendance.exclude.length;
+      const present = total - absent - late - exclude;
+      return {
+        '全部': total,
+        '到课': present,
+        '请假': absent,
+        '迟到': late,
+        '不参与': exclude
+      };
+    },
+    isAllPresent() {
+      return (
+        this.attendance.absent.length === 0 &&
+        this.attendance.late.length === 0 &&
+        this.studentList.length > 0
+      );
+    },
+    filteredStudents() {
+      let result = this.studentList;
+      
+      if (this.search) {
+        result = result.filter(student => 
+          student.toLowerCase().includes(this.search.toLowerCase())
+        );
+      }
+      
+      if (this.filterStatus !== 'all') {
+        result = result.filter(student => {
+           const status = this.getStatus(student);
+           if (this.filterStatus === 'present') return status === null; // null means present (conceptually)
+           return status === this.filterStatus;
+        });
+      }
+      
+      return result;
+    }
+  },
+  mounted() {
+    this.startAutoScroll();
+  },
+  beforeUnmount() {
+    this.stopAutoScroll();
+  },
   methods: {
-    getSetting,
+    getStatusLabel(status) {
+      const map = {
+        'all': '全部',
+        'present': '到课',
+        'absent': '请假',
+        'late': '迟到',
+        'exclude': '不参与'
+      };
+      return map[status] || status;
+    },
+    getStatusIconByString(status) {
+       const map = {
+        'all': 'mdi-account-group',
+        'present': 'mdi-account-check',
+        'absent': 'mdi-account-off',
+        'late': 'mdi-clock-alert',
+        'exclude': 'mdi-account-cancel'
+      };
+      return map[status] || 'mdi-circle-small';
+    },
+    batchSetStatus(status) {
+       if (this.isEditingDisabled) {
+        this.$emit('disabled-click');
+        return;
+      }
+      
+      // Clear all statuses first
+      this.attendance.absent = [];
+      this.attendance.late = [];
+      this.attendance.exclude = [];
+      
+      if (status === null) {
+        // Everyone present, lists already cleared
+      } else if (status === 'absent') {
+        this.attendance.absent = [...this.studentList];
+      } else if (status === 'late') {
+        this.attendance.late = [...this.studentList];
+      } else if (status === 'exclude') {
+        this.attendance.exclude = [...this.studentList];
+      }
+      
+      this.$emit('save');
+    },
+    getStatus(student) {
+      if (this.attendance.absent.includes(student)) return 'absent';
+      if (this.attendance.late.includes(student)) return 'late';
+      if (this.attendance.exclude.includes(student)) return 'exclude';
+      return null;
+    },
+    getStatusColor(student) {
+      const status = this.getStatus(student);
+      if (status === 'absent') return 'error';
+      if (status === 'late') return 'warning';
+      if (status === 'exclude') return 'grey';
+      return 'grey-lighten-1';
+    },
+    getStatusIcon(student) {
+      const status = this.getStatus(student);
+      if (status === 'absent') return 'mdi-account-off';
+      if (status === 'late') return 'mdi-clock-alert';
+      if (status === 'exclude') return 'mdi-account-cancel';
+      return 'mdi-account-check';
+    },
+    getStatusText(student) {
+      const status = this.getStatus(student);
+      if (status === 'absent') return '请假';
+      if (status === 'late') return '迟到';
+      if (status === 'exclude') return '不参与';
+      return '';
+    },
+    toggleStatus(student) {
+      if (this.isEditingDisabled) {
+        this.$emit('disabled-click');
+        return;
+      }
+      const currentStatus = this.getStatus(student);
+      let newStatus = null;
+      
+      // Cycle: null -> absent -> late -> exclude -> null
+      if (currentStatus === null) newStatus = 'absent';
+      else if (currentStatus === 'absent') newStatus = 'late';
+      else if (currentStatus === 'late') newStatus = 'exclude';
+      else if (currentStatus === 'exclude') newStatus = null;
+      
+      // Update attendance object locally (since it's passed by reference, but we should emit)
+      // Actually, since we are modifying the prop object directly (Vue 3 reactive), it might update the parent state.
+      // However, best practice is to emit an event or update the object carefully.
+      // The parent passes `state.boardData.attendance` which is reactive.
+      
+      // Remove from all lists first
+      const remove = (arr, val) => {
+        const idx = arr.indexOf(val);
+        if (idx > -1) arr.splice(idx, 1);
+      };
+      
+      remove(this.attendance.absent, student);
+      remove(this.attendance.late, student);
+      remove(this.attendance.exclude, student);
+      
+      // Add to new list
+      if (newStatus === 'absent') this.attendance.absent.push(student);
+      else if (newStatus === 'late') this.attendance.late.push(student);
+      else if (newStatus === 'exclude') this.attendance.exclude.push(student);
+      
+      this.$emit('save');
+    },
+    startAutoScroll() {
+      if (this.scrollTimer) return;
+      this.scrollTimer = setInterval(() => {
+        const el = this.$refs.scrollContainer;
+        if (!el || this.isHovering) return;
+
+        // 如果内容高度没有超过容器高度，不需要滚动
+        if (el.scrollHeight <= el.clientHeight) return;
+
+        if (this.isScrollingUp) {
+          el.scrollTop -= 1;
+          if (el.scrollTop <= 0) {
+            this.isScrollingUp = false;
+            // 触顶后暂停2秒再向下滚
+            clearInterval(this.scrollTimer);
+            this.scrollTimer = null;
+            setTimeout(() => this.startAutoScroll(), 2000);
+          }
+        } else {
+          el.scrollTop += 1;
+          // 检查是否到底部 (允许1px误差)
+          if (el.scrollTop + el.clientHeight >= el.scrollHeight - 1) {
+            this.isScrollingUp = true;
+            // 触底后暂停2秒再向上滚
+            clearInterval(this.scrollTimer);
+            this.scrollTimer = null;
+            setTimeout(() => this.startAutoScroll(), 2000);
+          }
+        }
+      }, 50); // 50ms滚动一次，速度比较平缓
+    },
+    stopAutoScroll() {
+      if (this.scrollTimer) {
+        clearInterval(this.scrollTimer);
+        this.scrollTimer = null;
+      }
+    },
     handleClick() {
       if (this.isEditingDisabled) {
         this.$emit('disabled-click');
@@ -120,5 +687,29 @@ export default {
 </script>
 
 <style scoped>
-/* Add any specific styles here if needed, or rely on global styles */
+.attendance-sidebar {
+  transition: transform 0.2s;
+}
+.attendance-sidebar:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+}
+.attendance-content {
+  position: relative;
+}
+.attendance-content.disabled {
+  cursor: not-allowed;
+  opacity: 0.7;
+}
+.gap-1 {
+  gap: 4px;
+}
+@keyframes pulse {
+  0% { transform: scale(1); }
+  50% { transform: scale(1.1); }
+  100% { transform: scale(1); }
+}
+.animate-pulse {
+  animation: pulse 2s infinite;
+}
 </style>
diff --git a/src/components/auth/AlternativeCodeDialog.vue b/src/components/auth/AlternativeCodeDialog.vue
index 12cbb05..6f0ff9f 100644
--- a/src/components/auth/AlternativeCodeDialog.vue
+++ b/src/components/auth/AlternativeCodeDialog.vue
@@ -20,7 +20,7 @@
       </v-alert>
     </v-card-text>
     <v-card-actions>
-      <v-spacer/>
+      <v-spacer />
       <v-btn
         v-if="showCancel"
         variant="text"
diff --git a/src/components/auth/DeviceAuthDialog.vue b/src/components/auth/DeviceAuthDialog.vue
index 029a9ba..9fb9779 100644
--- a/src/components/auth/DeviceAuthDialog.vue
+++ b/src/components/auth/DeviceAuthDialog.vue
@@ -41,9 +41,7 @@
           label="命名空间"
           prepend-inner-icon="mdi-identifier"
           variant="outlined"
-        >
-
-        </v-text-field>
+        />
 
         <v-text-field
           v-model="form.password"
@@ -51,9 +49,7 @@
           prepend-inner-icon="mdi-lock-outline"
           type="text"
           variant="outlined"
-        >
-
-        </v-text-field>
+        />
 
         <v-alert
           v-if="error"
@@ -77,7 +73,7 @@
       >
         取消
       </v-btn>
-      <v-spacer/>
+      <v-spacer />
       <v-btn
         :disabled="!form.namespace || authenticating"
         :loading="authenticating"
diff --git a/src/components/auth/FirstTimeGuide.vue b/src/components/auth/FirstTimeGuide.vue
index 5ad58e0..ee0d3c7 100644
--- a/src/components/auth/FirstTimeGuide.vue
+++ b/src/components/auth/FirstTimeGuide.vue
@@ -139,8 +139,6 @@
             </div>
           </div>
         </v-card>
-
-
       </div>
 
       <!-- 步骤 3: 询问使用场景 -->
@@ -280,8 +278,8 @@
           也可以手动前往 Classworks KV 控制台获取认证信息：
         </div>
         <v-card
-          :color=" kvserverurl=='https://kv.houlang.cloud'? 'primary' : 'error' "
-          :variant="kvserverurl=='https://kv.houlang.cloud'? 'elevated' : 'outlined'"
+          color="primary"
+          variant="elevated"
           class="pa-6  mb-6"
           @click="openKVSite"
         >
@@ -293,13 +291,13 @@
           </v-icon>
 
           <h4 class="text-h6  font-weight-bold">
-            请访问 {{ kvserverurl=='https://kv.houlang.cloud'? 'Classworks KV' : '自定义的 Classworks KV 实例 ' }} 控制台
+            请访问 Classworks KV 控制台
           </h4>
           <div class="text-h5 mb-6">
-            {{ kvserverurl }}
+            {{ kvserverurl || '未配置' }}
           </div>
           <h6 class="text-subtitle-2">
-            {{ kvserverurl=='https://kv.houlang.cloud'? '此实例由 Classworks KV 官方提供' : '此链接由您的实例、预配代码或管理员管理，当前可能不是 Classworks KV 官方的实例地址。' }}
+            此链接由您的实例、预配代码或管理员管理。
           </h6>
         </v-card>
 
@@ -553,7 +551,7 @@
         </v-icon>
         上一步
       </v-btn>
-      <v-spacer/>
+      <v-spacer />
       <v-btn
         v-if="currentStep < totalSteps && currentStep !== 4"
         :disabled="currentStep === 3 && !storageType"
diff --git a/src/components/auth/ProgressiveRegisterPage.vue b/src/components/auth/ProgressiveRegisterPage.vue
index dbe1a46..15fec1e 100644
--- a/src/components/auth/ProgressiveRegisterPage.vue
+++ b/src/components/auth/ProgressiveRegisterPage.vue
@@ -20,7 +20,7 @@
           variant="tonal"
         >
           <template #prepend>
-            <v-icon icon="mdi-information"/>
+            <v-icon icon="mdi-information" />
           </template>
           系统将自动为您创建设备并获取访问令牌，无需手动配置
         </v-alert>
@@ -52,7 +52,7 @@
           variant="tonal"
         >
           <template #prepend>
-            <v-icon icon="mdi-check-circle"/>
+            <v-icon icon="mdi-check-circle" />
           </template>
           设备注册成功！已自动获取访问令牌
         </v-alert>
@@ -60,7 +60,7 @@
         <v-list>
           <v-list-item>
             <template #prepend>
-              <v-icon icon="mdi-identifier"/>
+              <v-icon icon="mdi-identifier" />
             </template>
             <v-list-item-title>设备名称</v-list-item-title>
             <v-list-item-subtitle>{{ deviceInfo.deviceName }}</v-list-item-subtitle>
@@ -68,7 +68,7 @@
 
           <v-list-item>
             <template #prepend>
-              <v-icon icon="mdi-key"/>
+              <v-icon icon="mdi-key" />
             </template>
             <v-list-item-title>设备 UUID</v-list-item-title>
             <v-list-item-subtitle class="font-mono text-caption">
@@ -83,7 +83,7 @@
           variant="tonal"
         >
           <template #prepend>
-            <v-icon icon="mdi-information"/>
+            <v-icon icon="mdi-information" />
           </template>
           您可以点击下方按钮访问云端控制台来设置密码和管理高级功能
         </v-alert>
@@ -97,7 +97,7 @@
           variant="tonal"
         >
           <template #prepend>
-            <v-icon icon="mdi-alert-circle"/>
+            <v-icon icon="mdi-alert-circle" />
           </template>
           {{ errorMessage }}
         </v-alert>
@@ -105,7 +105,7 @@
     </v-card-text>
 
     <v-card-actions>
-      <v-spacer/>
+      <v-spacer />
 
       <!-- 注册按钮 -->
       <v-btn
diff --git a/src/components/auth/TokenInputDialog.vue b/src/components/auth/TokenInputDialog.vue
index 2959db6..a06c008 100644
--- a/src/components/auth/TokenInputDialog.vue
+++ b/src/components/auth/TokenInputDialog.vue
@@ -21,7 +21,7 @@
       </v-alert>
     </v-card-text>
     <v-card-actions>
-      <v-spacer/>
+      <v-spacer />
       <v-btn
         v-if="showCancel"
         variant="text"
diff --git a/src/components/common/AsyncLoadingPlaceholder.vue b/src/components/common/AsyncLoadingPlaceholder.vue
index 79470f2..0462dce 100644
--- a/src/components/common/AsyncLoadingPlaceholder.vue
+++ b/src/components/common/AsyncLoadingPlaceholder.vue
@@ -1,6 +1,14 @@
 <template>
-  <div class="async-loading-placeholder d-flex justify-center align-center" :style="{ minHeight: height }">
-    <v-progress-circular indeterminate color="primary" size="28" width="2" />
+  <div
+    class="async-loading-placeholder d-flex justify-center align-center"
+    :style="{ minHeight: height }"
+  >
+    <v-progress-circular
+      indeterminate
+      color="primary"
+      size="28"
+      width="2"
+    />
   </div>
 </template>
 
diff --git a/src/components/common/HomeSkeleton.vue b/src/components/common/HomeSkeleton.vue
index 117d790..82c4a3c 100644
--- a/src/components/common/HomeSkeleton.vue
+++ b/src/components/common/HomeSkeleton.vue
@@ -1,6 +1,9 @@
 <template>
   <!-- 纯 CSS 骨架屏，避免使用 VSkeletonLoader 引起的渲染冲突 -->
-  <v-container class="main-window" fluid>
+  <v-container
+    class="main-window"
+    fluid
+  >
     <div class="skeleton-grid">
       <div
         v-for="n in cardCount"
diff --git a/src/components/error/404.vue b/src/components/error/404.vue
index acc6178..25e1a77 100644
--- a/src/components/error/404.vue
+++ b/src/components/error/404.vue
@@ -1,15 +1,29 @@
 <template>
   <v-container class="fill-height">
-    <v-responsive class="align-centerfill-height mx-auto" max-width="900">
-      <v-img class="mb-4" height="150" src="@/assets/logo.svg"/>
-
-      <div class="text-center">
-        <div class="text-body-2 font-weight-light mb-n1">出现了错误</div>
-
-        <h1 class="text-h2 font-weight-bold">404</h1>
+    <v-responsive
+      class="align-centerfill-height mx-auto"
+      max-width="900"
+    >
+      <div class="text-center mb-4">
+        <v-icon
+          size="150"
+          color="primary"
+        >
+          mdi-alert-circle-outline
+        </v-icon>
       </div>
 
-      <div class="py-4"/>
+      <div class="text-center">
+        <div class="text-body-2 font-weight-light mb-n1">
+          出现了错误
+        </div>
+
+        <h1 class="text-h2 font-weight-bold">
+          404
+        </h1>
+      </div>
+
+      <div class="py-4" />
 
       <v-row>
         <v-col cols="12">
@@ -21,15 +35,19 @@
             variant="outlined"
           >
             <template #image>
-              <v-img position="top right"/>
+              <v-img position="top right" />
             </template>
 
             <template #title>
-              <h2 class="text-h5 font-weight-bold">为什么会出现此错误？</h2>
+              <h2 class="text-h5 font-weight-bold">
+                为什么会出现此错误？
+              </h2>
             </template>
 
             <template #subtitle>
-              <div class="text-subtitle-1">大概是页面未找到</div>
+              <div class="text-subtitle-1">
+                大概是页面未找到
+              </div>
             </template>
 
             <v-overlay
@@ -70,7 +88,7 @@
             rounded="lg"
             title="返回上一页"
             variant="text"
-            @click="this.$router.back()"
+            @click="$router.back()"
           >
             <v-overlay
               contained
diff --git a/src/components/home/ConciseExamCard.vue b/src/components/home/ConciseExamCard.vue
index 9802af0..a76ca8f 100644
--- a/src/components/home/ConciseExamCard.vue
+++ b/src/components/home/ConciseExamCard.vue
@@ -11,13 +11,19 @@
       <span class="text-truncate">{{ exam?.examName || "加载中..." }}</span>
     </v-card-title>
 
-    <v-card-text class="flex-grow-1 pa-4 overflow-y-auto" :style="contentStyle">
-      <div v-if="loading" class="d-flex justify-center align-center py-4">
+    <v-card-text
+      class="flex-grow-1 pa-4 overflow-y-auto"
+      :style="contentStyle"
+    >
+      <div
+        v-if="loading"
+        class="d-flex justify-center align-center py-4"
+      >
         <v-progress-circular
           indeterminate
           size="24"
           color="primary"
-        ></v-progress-circular>
+        />
       </div>
 
       <template v-else-if="exam">
@@ -26,7 +32,11 @@
         </div>-->
 
         <div class="d-flex flex-column">
-          <div v-for="(group, gIndex) in groupedExamInfos" :key="gIndex" class="mb-3">
+          <div
+            v-for="(group, gIndex) in groupedExamInfos"
+            :key="gIndex"
+            class="mb-3"
+          >
             <div class="text-subtitle-2 font-weight-bold text-primary mb-1">
               <RelativeTimeDisplay :time="group.date" />
             </div>
@@ -39,7 +49,10 @@
                 'text-grey': isPast(info.end),
               }"
             >
-              <div class="font-weight-bold mr-2" style="font-size: 1.1em">
+              <div
+                class="font-weight-bold mr-2"
+                style="font-size: 1.1em"
+              >
                 {{ info.name }}
               </div>
               <div
@@ -54,7 +67,12 @@
         </div>
       </template>
 
-      <div v-else class="text-center text-caption text-grey py-2">无法加载</div>
+      <div
+        v-else
+        class="text-center text-caption text-grey py-2"
+      >
+        无法加载
+      </div>
     </v-card-text>
   </v-card>
 </template>
diff --git a/src/components/home/ExamScheduleCard.vue b/src/components/home/ExamScheduleCard.vue
index ab93c38..f1f52e5 100644
--- a/src/components/home/ExamScheduleCard.vue
+++ b/src/components/home/ExamScheduleCard.vue
@@ -1,15 +1,35 @@
 <template>
-  <v-card class="fill-height d-flex flex-column rounded-xl" elevation="2">
+  <v-card
+    class="fill-height d-flex flex-column rounded-xl"
+    elevation="2"
+  >
     <v-card-title class="d-flex align-center py-3 px-4 bg-primary text-white">
-      <v-icon class="mr-2">mdi-calendar-clock</v-icon>
+      <v-icon class="mr-2">
+        mdi-calendar-clock
+      </v-icon>
       <span class="text-truncate">{{ exam?.examName || '加载中...' }}</span>
-      <v-spacer></v-spacer>
-      <v-btn icon="mdi-close" variant="text" density="comfortable" @click="$emit('close')"></v-btn>
+      <v-spacer />
+      <v-btn
+        icon="mdi-close"
+        variant="text"
+        density="comfortable"
+        @click="$emit('close')"
+      />
     </v-card-title>
 
-    <v-card-text class="flex-grow-1 pa-4 overflow-y-auto" :style="contentStyle">
-      <div v-if="loading" class="d-flex justify-center align-center fill-height" style="min-height: 200px;">
-        <v-progress-circular indeterminate color="primary"></v-progress-circular>
+    <v-card-text
+      class="flex-grow-1 pa-4 overflow-y-auto"
+      :style="contentStyle"
+    >
+      <div
+        v-if="loading"
+        class="d-flex justify-center align-center fill-height"
+        style="min-height: 200px;"
+      >
+        <v-progress-circular
+          indeterminate
+          color="primary"
+        />
       </div>
 
       <template v-else-if="exam">
@@ -24,12 +44,24 @@
           {{ exam.message }}
         </v-alert>
 
-        <v-list density="comfortable" class="pa-0 bg-transparent">
-          <v-list-item v-for="(info, index) in exam.examInfos" :key="index" class="px-0 mb-3">
+        <v-list
+          density="comfortable"
+          class="pa-0 bg-transparent"
+        >
+          <v-list-item
+            v-for="(info, index) in exam.examInfos"
+            :key="index"
+            class="px-0 mb-3"
+          >
             <template #prepend>
-               <v-avatar color="primary" variant="tonal" size="large" class="mr-3 font-weight-bold elevation-1">
-                 {{ info.name.charAt(0) }}
-               </v-avatar>
+              <v-avatar
+                color="primary"
+                variant="tonal"
+                size="large"
+                class="mr-3 font-weight-bold elevation-1"
+              >
+                {{ info.name.charAt(0) }}
+              </v-avatar>
             </template>
 
             <v-list-item-title class="font-weight-bold text-h6 mb-1">
@@ -38,20 +70,40 @@
 
             <v-list-item-subtitle class="text-body-1">
               <div class="d-flex align-center mb-1">
-                 <v-icon size="small" color="success" class="mr-2">mdi-clock-start</v-icon>
-                 <span class="font-weight-medium">{{ formatTime(info.start) }}</span>
+                <v-icon
+                  size="small"
+                  color="success"
+                  class="mr-2"
+                >
+                  mdi-clock-start
+                </v-icon>
+                <span class="font-weight-medium">{{ formatTime(info.start) }}</span>
               </div>
               <div class="d-flex align-center">
-                 <v-icon size="small" color="error" class="mr-2">mdi-clock-end</v-icon>
-                 <span class="font-weight-medium">{{ formatTime(info.end) }}</span>
+                <v-icon
+                  size="small"
+                  color="error"
+                  class="mr-2"
+                >
+                  mdi-clock-end
+                </v-icon>
+                <span class="font-weight-medium">{{ formatTime(info.end) }}</span>
               </div>
             </v-list-item-subtitle>
           </v-list-item>
         </v-list>
       </template>
 
-      <div v-else class="d-flex flex-column align-center justify-center fill-height text-grey mt-4">
-        <v-icon size="large" class="mb-2">mdi-alert-circle-outline</v-icon>
+      <div
+        v-else
+        class="d-flex flex-column align-center justify-center fill-height text-grey mt-4"
+      >
+        <v-icon
+          size="large"
+          class="mb-2"
+        >
+          mdi-alert-circle-outline
+        </v-icon>
         无法加载考试信息
       </div>
     </v-card-text>
diff --git a/src/components/home/HomeActions.vue b/src/components/home/HomeActions.vue
index f517616..f9fec13 100644
--- a/src/components/home/HomeActions.vue
+++ b/src/components/home/HomeActions.vue
@@ -10,7 +10,12 @@
     >
       上传
     </v-btn>
-    <v-btn v-else color="success" size="large" @click="$emit('show-sync-message')">
+    <v-btn
+      v-else
+      color="success"
+      size="large"
+      @click="$emit('show-sync-message')"
+    >
       同步完成
     </v-btn>
     <v-btn
@@ -86,7 +91,11 @@
     variant="tonal"
   >
     <v-card-title class="text-subtitle-1">
-      <v-icon icon="mdi-shield-check" size="small" start />
+      <v-icon
+        icon="mdi-shield-check"
+        size="small"
+        start
+      />
       屏幕保护技术已启用
     </v-card-title>
     <v-card-text class="text-body-2">
diff --git a/src/components/home/HomeworkGrid.vue b/src/components/home/HomeworkGrid.vue
index 8051c2d..b35406f 100644
--- a/src/components/home/HomeworkGrid.vue
+++ b/src/components/home/HomeworkGrid.vue
@@ -1,5 +1,8 @@
 <template>
-  <div ref="gridContainer" class="grid-masonry">
+  <div
+    ref="gridContainer"
+    class="grid-masonry"
+  >
     <TransitionGroup name="grid">
       <div
         v-for="item in sortedItems"
@@ -12,98 +15,27 @@
         class="grid-item"
       >
         <!-- 时间卡片 -->
-        <div v-if="item.type === 'time'" style="height: 100%">
+        <div
+          v-if="item.type === 'time'"
+          style="height: 100%"
+        >
           <time-card />
         </div>
 
         <!-- 一言卡片 -->
-        <div v-else-if="item.type === 'hitokoto'" style="height: 100%">
+        <div
+          v-else-if="item.type === 'hitokoto'"
+          style="height: 100%"
+        >
           <hitokoto-card />
         </div>
 
-        <!-- 考试卡片 -->
-        <div v-else-if="item.type === 'exam'" style="height: 100%">
-          <concise-exam-card
-            :exam-id="item.data.examId"
-            :content-style="contentStyle"
-            @click="$emit('open-exam-detail', item.data.examId)"
-          />
-        </div>
-
-        <!-- 出勤卡片 -->
-        <v-card
-          v-else-if="item.type === 'attendance'"
-          :class="{ 'glow-highlight': highlightedCards[item.key], 'cursor-not-allowed': isEditingDisabled, 'cursor-pointer': !isEditingDisabled }"
-          border
-          class="glow-track"
-          height="100%"
-          @click="handleCardClick('attendance', null)"
-          @mousemove="handleMouseMove"
-          @touchmove="handleTouchMove"
-        >
-          <v-card-title class="d-flex align-center">
-            <v-icon class="mr-2" color="primary" icon="mdi-account-group" />
-            出勤统计
-          </v-card-title>
-          <v-card-text>
-            <div class="d-flex justify-space-between align-center mb-2">
-              <span>应到/实到</span>
-              <span class="text-h6">
-                {{ item.data.total - item.data.exclude.length }}/{{
-                  item.data.total -
-                  item.data.absent.length -
-                    (!getSetting("display.lateStudentsArePresent")) * item.data.late.length -
-                  item.data.exclude.length
-                }}
-              </span>
-            </div>
-            <v-divider class="mb-2" />
-
-            <div v-if="item.data.absent.length > 0" class="mb-2">
-              <div class="text-error text-caption mb-1">请假 ({{ item.data.absent.length }})</div>
-              <div class="d-flex flex-wrap" style="gap: 4px">
-                <v-chip v-for="name in item.data.absent" :key="name" color="error" size="x-small" variant="flat">
-                  {{ name }}
-                </v-chip>
-              </div>
-            </div>
-
-            <div v-if="item.data.late.length > 0" class="mb-2">
-              <div class="text-warning text-caption mb-1">迟到 ({{ item.data.late.length }})</div>
-              <div class="d-flex flex-wrap" style="gap: 4px">
-                <v-chip v-for="name in item.data.late" :key="name" color="warning" size="x-small" variant="flat">
-                  {{ name }}
-                </v-chip>
-              </div>
-            </div>
-
-            <div v-if="item.data.exclude.length > 0" class="mb-2">
-              <div class="text-grey text-caption mb-1">不参与 ({{ item.data.exclude.length }})</div>
-              <div class="d-flex flex-wrap" style="gap: 4px">
-                <v-chip v-for="name in item.data.exclude" :key="name" color="grey" size="x-small" variant="flat">
-                  {{ name }}
-                </v-chip>
-              </div>
-            </div>
-
-            <div
-              v-if="
-                item.data.absent.length === 0 &&
-                item.data.late.length === 0 &&
-                item.data.exclude.length === 0
-              "
-              class="text-success text-center mt-2"
-            >
-              全勤
-            </div>
-          </v-card-text>
-        </v-card>
-
         <!-- 自定义/测试卡片 -->
         <v-card
           v-else-if="item.type === 'custom'"
           :class="{ 'glow-highlight': highlightedCards[item.key], 'cursor-not-allowed': isEditingDisabled, 'cursor-pointer': !isEditingDisabled }"
-          border
+          variant="outlined"
+          color="grey-darken-3"
           class="glow-track"
           height="100%"
           @click="handleCardClick('dialog', item.key)"
@@ -111,7 +43,11 @@
           @touchmove="handleTouchMove"
         >
           <v-card-title class="text-primary">
-            <v-icon class="mr-2" icon="mdi-card-text-outline" size="small" />
+            <v-icon
+              class="mr-2"
+              icon="mdi-card-text-outline"
+              size="small"
+            />
             {{ item.name }}
           </v-card-title>
           <v-card-text :style="contentStyle">
@@ -123,23 +59,96 @@
         <v-card
           v-else
           :class="{ 'glow-highlight': highlightedCards[item.key], 'cursor-not-allowed': isEditingDisabled, 'cursor-pointer': !isEditingDisabled }"
-          border
+          variant="outlined"
+          color="grey-darken-3"
           class="glow-track"
           height="100%"
+          style="border-radius: 6px !important"
           @click="handleCardClick('dialog', item.key)"
           @mousemove="handleMouseMove"
           @touchmove="handleTouchMove"
         >
-          <v-card-title>{{ item.name }}</v-card-title>
-          <v-card-text :style="contentStyle">
-            <v-list>
-              <v-list-item
-                v-for="text in splitPoint(item.content)"
-                :key="text"
+          <v-card-title
+            class="text-white"
+            :style="titleStyle"
+          >
+            {{ item.name }}
+          </v-card-title>
+          <v-card-text
+            :style="contentStyle"
+            class="text-white"
+          >
+            <div
+              v-for="(line, index) in splitPoint(item.content)"
+              :key="index"
+              class="d-flex align-start flex-wrap mb-1"
+            >
+              <span class="mr-2 item-line-text">{{ line.text }}</span>
+              <!-- Submission Time -->
+              <v-chip 
+                v-if="line.submissionTime" 
+                size="small" 
+                color="info" 
+                variant="flat"
+                prepend-icon="mdi-clock-outline"
+                class="mr-1"
+                :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
               >
-                {{ text }}
-              </v-list-item>
-            </v-list>
+                {{ formatSubmissionTime(line.submissionTime).replace('上交|', '') }}
+                <span
+                  class="text-caption ml-1 font-weight-bold"
+                  style="font-size: 0.8em !important; opacity: 0.7;"
+                >上交</span>
+              </v-chip>
+              
+              <!-- Submit To -->
+              <v-chip 
+                v-if="line.submitTo" 
+                size="small" 
+                color="primary" 
+                variant="flat"
+                prepend-icon="mdi-account"
+                class="mr-1"
+                :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+              >
+                交给: {{ line.submitTo }}
+              </v-chip>
+
+              <v-chip 
+                v-if="line.optional" 
+                size="small" 
+                color="orange" 
+                variant="flat"
+                prepend-icon="mdi-star-outline"
+                class="mr-1 text-white"
+                :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+              >
+                选做
+              </v-chip>
+              
+              <!-- Not Submit Button -->
+              <v-chip 
+                v-if="line.notSubmit" 
+                size="small" 
+                color="warning" 
+                variant="flat"
+                class="mr-1"
+                :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+              >
+                不上交
+              </v-chip>
+              
+              <!-- Self Correction -->
+              <v-chip 
+                v-if="line.selfCorrection" 
+                size="small" 
+                color="success" 
+                variant="flat"
+                :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+              >
+                自批
+              </v-chip>
+            </div>
           </v-card-text>
         </v-card>
       </div>
@@ -149,7 +158,10 @@
   <!-- 单独显示空科目 -->
   <div class="empty-subjects mt-4">
     <!-- 移动端优化视图 -->
-    <div v-if="isMobile" class="d-flex flex-wrap justify-center">
+    <div
+      v-if="isMobile"
+      class="d-flex flex-wrap justify-center"
+    >
       <v-chip
         v-for="subject in unusedSubjects"
         :key="subject.name"
@@ -158,7 +170,10 @@
         variant="tonal"
         @click="handleCardClick('dialog', subject.name)"
       >
-        <v-icon start size="small">
+        <v-icon
+          start
+          size="small"
+        >
           {{ isReadOnlyToken ? 'mdi-cancel' : 'mdi-plus' }}
         </v-icon>
         {{ subject.name }}
@@ -166,7 +181,10 @@
     </div>
 
     <template v-else-if="emptySubjectDisplay === 'button'">
-      <v-btn-group divided variant="tonal">
+      <v-btn-group
+        divided
+        variant="tonal"
+      >
         <v-btn
           v-for="subject in unusedSubjects"
           :key="subject.name"
@@ -179,26 +197,44 @@
         </v-btn>
       </v-btn-group>
     </template>
-    <div v-else class="empty-subjects-grid">
+    <div
+      v-else
+      class="empty-subjects-grid"
+    >
       <TransitionGroup name="v-list">
         <v-card
           v-for="subject in unusedSubjects"
           :key="subject.name"
           border
+          style="border-radius: 6px !important"
           class="empty-subject-card"
           @click="handleCardClick('dialog', subject.name)"
         >
-          <v-card-title class="text-subtitle-1">
+          <v-card-title class="text-subtitle-1 text-white">
             {{ subject.name }}
           </v-card-title>
           <v-card-text class="text-center">
             <template v-if="isReadOnlyToken">
-              <v-icon color="grey" size="small"> mdi-cancel </v-icon>
-              <div class="text-caption text-grey"> 当日无作业 </div>
+              <v-icon
+                color="white"
+                size="small"
+              >
+                mdi-cancel
+              </v-icon>
+              <div class="text-caption text-white">
+                当日无作业
+              </div>
             </template>
             <template v-else>
-              <v-icon color="grey" size="small"> mdi-plus </v-icon>
-              <div class="text-caption text-grey"> 点击添加作业 </div>
+              <v-icon
+                color="white"
+                size="small"
+              >
+                mdi-plus
+              </v-icon>
+              <div class="text-caption text-white">
+                点击添加作业
+              </div>
             </template>
           </v-card-text>
         </v-card>
@@ -210,20 +246,13 @@
 <script>
 import HitokotoCard from "@/components/HitokotoCard.vue";
 import TimeCard from "@/components/TimeCard.vue";
-import ConciseExamCard from "@/components/home/ConciseExamCard.vue";
 import {getSetting} from "@/utils/settings.js";
 
 export default {
   name: "HomeworkGrid",
-  computed: {
-    settings() {
-      return settings
-    }
-  },
   components: {
     HitokotoCard,
     TimeCard,
-    ConciseExamCard,
   },
   props: {
     sortedItems: {
@@ -250,23 +279,25 @@ export default {
       type: Object,
       default: () => ({}),
     },
+    titleStyle: {
+      type: Object,
+      default: () => ({}),
+    },
     highlightedCards: {
       type: Object,
       default: () => ({}),
     },
   },
-  emits: ["open-dialog", "open-attendance", "disabled-click"],
+  emits: ["open-dialog", "disabled-click"],
   data() {
     return {
       isReadOnlyToken: false,
     }
   },
   async mounted() {
-    /* eslint-disable no-undef */
-    this.resizeObserver = new ResizeObserver(() => {
+    this.resizeObserver = new window.ResizeObserver(() => {
       this.resizeAllGridItems();
     });
-    /* eslint-enable no-undef */
 
     // Observe the grid container for width changes
     if (this.$refs.gridContainer) {
@@ -309,7 +340,9 @@ export default {
     }
   },
   methods: {
-    getSetting,
+    getSetting(key) {
+      return getSetting(key);
+    },
     async checkReadOnlyStatus() {
       // 尝试获取父组件中的StudentNameManager引用
       try {
@@ -327,8 +360,6 @@ export default {
           this.isReadOnlyToken = manager.isReadOnly;
         } else {
           // 如果无法直接访问manager，尝试通过全局设置获取token信息
-          // 这里需要使用utils/settings中的函数
-          const { getSetting } = await import('@/utils/settings');
           const token = getSetting('server.kvToken');
 
           if (token) {
@@ -361,8 +392,11 @@ export default {
       const grid = this.$refs.gridContainer;
       if (!grid) return;
 
-      const rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-auto-rows'));
-      const rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue('gap'));
+      const rowHeightVal = window.getComputedStyle(grid).getPropertyValue('grid-auto-rows');
+      const rowGapVal = window.getComputedStyle(grid).getPropertyValue('gap');
+      
+      const rowHeight = parseInt(rowHeightVal) || 1;
+      const rowGap = parseInt(rowGapVal) || 16;
 
       // Find the content element (v-card or div)
       const content = item.firstElementChild;
@@ -372,11 +406,20 @@ export default {
       // We use scrollHeight to get the full height of content
       // Add a small buffer to prevent scrollbars
       const contentHeight = content.getBoundingClientRect().height;
+      
+      // If content height is 0, it might not be rendered yet. 
+      // Set a min height to ensure visibility if data is present
+      if (contentHeight === 0 && item.dataset.key) {
+         // Fallback for initial render
+      }
 
       // Formula: span = ceil((contentHeight + gap) / (rowHeight + gap))
       const rowSpan = Math.ceil((contentHeight + rowGap) / (rowHeight + rowGap));
 
-      item.style.gridRowEnd = `span ${rowSpan}`;
+      // Ensure minimum span
+      const finalSpan = Math.max(rowSpan, 10);
+
+      item.style.gridRowEnd = `span ${finalSpan}`;
     },
     resizeAllGridItems() {
       const items = this.$refs.items;
@@ -390,14 +433,123 @@ export default {
         return;
       }
 
-      if (type === 'attendance') {
-        this.$emit('open-attendance');
-      } else if (type === 'dialog') {
+      if (type === 'dialog') {
         this.$emit('open-dialog', key);
       }
     },
     splitPoint(content) {
-      return content.split("\n").filter((text) => text.trim());
+      if (typeof content !== 'string') return [];
+      
+      const normalized = content.replace(/\r\n/g, "\n");
+      const blocks = /\n\s*\n/.test(normalized)
+        ? normalized.split(/\n\s*\n+/)
+        : normalized.split("\n");
+      const items = blocks.map((t) => t.trim()).filter(Boolean);
+      const showIndex = items.length > 1;
+      
+      return items.map((text, index) => {
+        let processedText = text;
+        let submissionTime = null;
+        let submitTo = null;
+        let selfCorrection = false;
+        let optional = false;
+        let notSubmit = false;
+        
+        // Match [YYYY-MM-DD]
+        const timeMatch = processedText.match(/\[(\d{4}-\d{2}-\d{2})\]/);
+        if (timeMatch) {
+          submissionTime = timeMatch[1];
+          processedText = processedText.replace(timeMatch[0], '');
+        }
+
+        // Match [交给:XXX]
+        const submitToMatch = processedText.match(/\[交给:(.*?)\]/);
+        if (submitToMatch) {
+          submitTo = submitToMatch[1];
+          processedText = processedText.replace(submitToMatch[0], '');
+        }
+        
+        // Match [自批]
+        const selfCorrectMatch = processedText.match(/\[自批\]/);
+        if (selfCorrectMatch) {
+          selfCorrection = true;
+          processedText = processedText.replace(selfCorrectMatch[0], '');
+        }
+
+        const optionalMatch = processedText.match(/\[选做\]/);
+        if (optionalMatch) {
+          optional = true;
+          processedText = processedText.replace(optionalMatch[0], '');
+        }
+
+        // Match [不上交]
+        const notSubmitMatch = processedText.match(/\[不上交\]/);
+        if (notSubmitMatch) {
+          notSubmit = true;
+          processedText = processedText.replace(notSubmitMatch[0], '');
+        }
+
+        // 添加序号
+        const displayText = showIndex 
+          ? `${index + 1}. ${processedText.trim()}`
+          : processedText.trim();
+        
+        return {
+          text: displayText,
+          submissionTime,
+          submitTo,
+          selfCorrection,
+          optional,
+          notSubmit
+        };
+      });
+    },
+    formatSubmissionTime(timeStr) {
+      if (!timeStr) return '';
+      
+      const date = new Date(timeStr);
+      if (isNaN(date.getTime())) return timeStr;
+      
+      const today = new Date();
+      // Reset time parts for comparison
+      today.setHours(0,0,0,0);
+      
+      const targetDate = new Date(date);
+      targetDate.setHours(0,0,0,0);
+      
+      const diffTime = targetDate - today;
+      const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); 
+      
+      if (diffDays === 0) return '上交|今天';
+      if (diffDays === 1) return '上交|明天';
+      
+      const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
+      const targetDay = weekdays[targetDate.getDay()];
+
+      // Calculate week difference
+      // Get the Monday of the current week
+      const currentMonday = new Date(today);
+      const day = currentMonday.getDay() || 7; // Get current day number, converting Sun (0) to 7
+      if (day !== 1) currentMonday.setHours(-24 * (day - 1));
+      
+      // Get the Monday of the target date's week
+      const targetMonday = new Date(targetDate);
+      const tDay = targetMonday.getDay() || 7;
+      if (tDay !== 1) targetMonday.setHours(-24 * (tDay - 1));
+      
+      const weekDiff = Math.round((targetMonday - currentMonday) / (7 * 24 * 60 * 60 * 1000));
+
+      if (weekDiff === 0) {
+        return `上交|${targetDay}`;
+      } else if (weekDiff === 1) {
+        return `上交|下${targetDay}`;
+      } else if (weekDiff === 2) {
+        return `上交|下下${targetDay}`;
+      } else {
+        const m = targetDate.getMonth() + 1;
+        const d = targetDate.getDate();
+        return `上交|${m}.${d}`;
+      }
     },
     handleMouseMove(e) {
       const card = e.currentTarget;
@@ -434,4 +586,8 @@ export default {
 .v-card.cursor-not-allowed:hover {
   transform: none !important;
 }
+
+.item-line-text {
+  white-space: pre-line;
+}
 </style>
diff --git a/src/components/settings/AboutCard.vue b/src/components/settings/AboutCard.vue
index 2befa17..588c2b5 100644
--- a/src/components/settings/AboutCard.vue
+++ b/src/components/settings/AboutCard.vue
@@ -1,15 +1,29 @@
 <template>
-  <v-card border hover rounded="xl">
+  <v-card
+    border
+    hover
+    rounded="xl"
+  >
     <v-card-item>
       <template #prepend>
-        <v-icon class="mr-2" icon="mdi-information" size="large"/>
+        <v-icon
+          class="mr-2"
+          icon="mdi-information"
+          size="large"
+        />
       </template>
-      <v-card-title class="text-h6">关于</v-card-title>
+      <v-card-title class="text-h6">
+        关于
+      </v-card-title>
     </v-card-item>
 
     <v-card-text>
       <v-row>
-        <v-col class="mx-auto" cols="12" md="8">
+        <v-col
+          class="mx-auto"
+          cols="12"
+          md="8"
+        >
           <!-- 捐赠卡片 -->
           <v-card
             border
@@ -24,8 +38,9 @@
             <v-card-item>
               <div class="card-content">
                 <div>
-                  <div class="text-h6 font-weight-bold">请支持我们 Classworks</div>
- 
+                  <div class="text-h6 font-weight-bold">
+                    请支持我们 Classworks
+                  </div>
                 </div>
               </div>
             </v-card-item>
@@ -50,15 +65,22 @@
           </v-card>
 
           <div class="d-flex flex-column align-start">
-            <v-avatar class="mb-4" size="120">
-              <v-img
-                alt="Classworks"
-                src="../../assets/cslogo.png"
-              />
+            <v-avatar
+              class="mb-4"
+              color="primary"
+              size="120"
+            >
+              <v-icon size="80">
+                mdi-school
+              </v-icon>
             </v-avatar>
 
-            <h2 class="text-h5 mb-2">Classworks</h2>
-            <p class="text-body-1 mb-4">适用于班级大屏的作业板小工具</p>
+            <h2 class="text-h5 mb-2">
+              Classworks
+            </h2>
+            <p class="text-body-1 mb-4">
+              适用于班级大屏的作业板小工具
+            </p>
 
             <div class="d-flex gap-2 flex-wrap mb-6">
               <v-btn
@@ -96,9 +118,11 @@
               </v-btn>
             </div>
 
-            <v-divider class="mb-4 w-100"></v-divider>
+            <v-divider class="mb-4 w-100" />
 
-            <h3 class="text-h6 mb-2">备注与致谢</h3>
+            <h3 class="text-h6 mb-2">
+              备注与致谢
+            </h3>
             <v-list class="mb-4 bg-transparent">
               <v-list-item
                 append-icon="mdi-link"
@@ -113,31 +137,7 @@
                   等人的贡献
                 </v-list-item-subtitle>
               </v-list-item>
-              <v-list-item
-                append-icon="mdi-link"
-                href="https://hlyun.org"
-                target="_blank"
-              >
-                <v-list-item-title>
-                  Classworks 由<strong>厚浪云</strong>提供
-                </v-list-item-title>
-                <v-list-item-subtitle>
-                  长江后浪推前浪 浮事新人换旧人
-                </v-list-item-subtitle>
-              </v-list-item>
-              <v-list-item
-                append-icon="mdi-link"
-                href="https://zerocat.houlangs.com"
-                target="_blank"
-              >
-                <v-list-item-title>
-                  感谢 ZeroCat 社区的开发者们
-                </v-list-item-title>
-                <v-list-item-subtitle>
-                  新一代，开源，编程社区
-                </v-list-item-subtitle>
-              </v-list-item>
-              <v-divider class="ma-1"></v-divider>
+              <v-divider class="ma-1" />
               <v-list-item
                 append-icon="mdi-link"
                 href="https://github.com/HUSX100/IslandCaller"
@@ -180,12 +180,14 @@
               fullscreen
               transition="dialog-bottom-transition"
             >
-              <v-card
-              >
+              <v-card>
                 <v-toolbar>
-                  <v-btn icon="mdi-close" @click="showDeps = false"></v-btn>
+                  <v-btn
+                    icon="mdi-close"
+                    @click="showDeps = false"
+                  />
                   <v-toolbar-title>使用的第三方库</v-toolbar-title>
-                  <v-spacer></v-spacer>
+                  <v-spacer />
                 </v-toolbar>
                 <v-card-text>
                   <v-list>
@@ -209,57 +211,108 @@
             </v-dialog>
 
             <!-- 报告问题对话框 -->
-            <v-dialog v-model="showReportDialog" max-width="640">
+            <v-dialog
+              v-model="showReportDialog"
+              max-width="640"
+            >
               <v-card>
                 <v-toolbar density="compact">
-                  <v-btn icon="mdi-close" @click="showReportDialog = false"></v-btn>
+                  <v-btn
+                    icon="mdi-close"
+                    @click="showReportDialog = false"
+                  />
                   <v-toolbar-title>报告问题</v-toolbar-title>
-                  <v-spacer></v-spacer>
+                  <v-spacer />
                 </v-toolbar>
                 <v-card-text>
                   <p class="mb-4">
                     调试ID与下方的浏览器环境信息将帮助我们快速定位问题，请在反馈中一并附上。
                   </p>
-                  <v-sheet class="mb-3 pa-3 bg-grey-lighten-4 rounded" style="max-height: 260px; overflow: auto;">
-                    <pre class="text-body-2" style="white-space: pre-wrap; margin: 0;">{{ envBoxText }}</pre>
+                  <v-sheet
+                    class="mb-3 pa-3 bg-grey-lighten-4 rounded"
+                    style="max-height: 260px; overflow: auto;"
+                  >
+                    <pre
+                      class="text-body-2"
+                      style="white-space: pre-wrap; margin: 0;"
+                    >{{ envBoxText }}</pre>
                   </v-sheet>
                   <div class="d-flex gap-2 flex-wrap mb-4">
-                    <v-btn size="small" variant="text" prepend-icon="mdi-refresh" @click="reloadVisitorId" :loading="visitorLoading">刷新</v-btn>
-                    <v-btn size="small" variant="text" prepend-icon="mdi-content-copy" @click="copyEnvInfo">复制信息</v-btn>
-                    <v-btn size="small" variant="text" prepend-icon="mdi-open-in-new" @click="goToDebug">查看 /debug 页面</v-btn>
-                  </div>
-                  <v-alert v-if="copyOk" type="success" density="compact" class="mb-4">已复制到剪贴板</v-alert>
-                  <div class="d-flex gap-2 mb-4">
                     <v-btn
                       size="small"
-                      color="primary"
-                      variant="elevated"
-                      prepend-icon="mdi-message-alert"
-                      @click="openFeedback"
-                      block
+                      variant="text"
+                      prepend-icon="mdi-refresh"
+                      :loading="visitorLoading"
+                      @click="reloadVisitorId"
                     >
-                      发送错误反馈到 Sentry
+                      刷新
+                    </v-btn>
+                    <v-btn
+                      size="small"
+                      variant="text"
+                      prepend-icon="mdi-content-copy"
+                      @click="copyEnvInfo"
+                    >
+                      复制信息
+                    </v-btn>
+                    <v-btn
+                      size="small"
+                      variant="text"
+                      prepend-icon="mdi-open-in-new"
+                      @click="goToDebug"
+                    >
+                      查看 /debug 页面
                     </v-btn>
                   </div>
-                  <h4 class="text-subtitle-1 mb-2">反馈渠道</h4>
-                  <v-list lines="one" class="bg-transparent">
-                    <v-list-item :href="qqGroupLink" target="_blank" prepend-icon="mdi-qqchat">
+                  <v-alert
+                    v-if="copyOk"
+                    type="success"
+                    density="compact"
+                    class="mb-4"
+                  >
+                    已复制到剪贴板
+                  </v-alert>
+                  <h4 class="text-subtitle-1 mb-2">
+                    反馈渠道
+                  </h4>
+                  <v-list
+                    lines="one"
+                    class="bg-transparent"
+                  >
+                    <v-list-item
+                      :href="qqGroupLink"
+                      target="_blank"
+                      prepend-icon="mdi-qqchat"
+                    >
                       <v-list-item-title>QQ群 ({{ qqGroupNumber }})</v-list-item-title>
                       <v-list-item-subtitle>964979747</v-list-item-subtitle>
                     </v-list-item>
-                    <v-list-item :href="githubIssueUrl" target="_blank" prepend-icon="mdi-github">
+                    <v-list-item
+                      :href="githubIssueUrl"
+                      target="_blank"
+                      prepend-icon="mdi-github"
+                    >
                       <v-list-item-title>GitHub Issue</v-list-item-title>
                       <v-list-item-subtitle>ZeroCatDev/Classworks</v-list-item-subtitle>
                     </v-list-item>
-                    <v-list-item :href="mailtoLink" target="_blank" prepend-icon="mdi-email">
+                    <v-list-item
+                      :href="mailtoLink"
+                      target="_blank"
+                      prepend-icon="mdi-email"
+                    >
                       <v-list-item-title>邮件</v-list-item-title>
                       <v-list-item-subtitle>sun@wuyuan.dev</v-list-item-subtitle>
                     </v-list-item>
                   </v-list>
                 </v-card-text>
                 <v-card-actions>
-                  <v-spacer></v-spacer>
-                  <v-btn variant="text" @click="showReportDialog = false">关闭</v-btn>
+                  <v-spacer />
+                  <v-btn
+                    variant="text"
+                    @click="showReportDialog = false"
+                  >
+                    关闭
+                  </v-btn>
                 </v-card-actions>
               </v-card>
             </v-dialog>
@@ -364,17 +417,17 @@ export default {
       const nav = navigator || {};
       const intl = (typeof Intl !== 'undefined' && Intl.DateTimeFormat) ? Intl.DateTimeFormat().resolvedOptions() : {};
       const tz = intl && intl.timeZone ? intl.timeZone : '';
-      const routePath = router.currentRoute?.value?.fullPath || location.pathname;
+      const routePath = router.currentRoute?.value?.fullPath || window.location.pathname;
       const lines = [
         `App 版本: v${packageJson?.version || 'unknown'}`,
-        `URL: ${location.href}`,
+        `URL: ${window.location.href}`,
         `路由: ${routePath}`,
         `UserAgent: ${nav.userAgent || ''}`,
         `语言: ${nav.language || ''}`,
         `时区: ${tz}`,
         `平台: ${nav.platform || ''}`,
         `在线: ${String(nav.onLine)}`,
-        `屏幕: ${screen?.width || '-'}x${screen?.height || '-'}`,
+        `屏幕: ${window.screen?.width || '-'}x${window.screen?.height || '-'}`,
         `视口: ${window.innerWidth || '-'}x${window.innerHeight || '-'}`,
       ];
       return lines.join('\n');
@@ -408,15 +461,6 @@ export default {
       return `mailto:sun@wuyuan.dev?subject=${subject}&body=${body}`;
     });
 
-    const openFeedback = () => {
-      // 打开反馈对话框
-      if (typeof window.openSentryFeedback === 'function') {
-        window.openSentryFeedback();
-      } else {
-        console.warn('Sentry Feedback 功能不可用');
-      }
-    };
-
     const openDonationLink = () => {
       window.open('https://afdian.com/a/wydev', '_blank');
     };
@@ -438,7 +482,6 @@ export default {
       reloadVisitorId,
       openReportDialog,
       copyEnvInfo,
-      openFeedback,
       openDonationLink,
       envBoxText,
       envInfo,
diff --git a/src/components/settings/CloudMigrationDialog.vue b/src/components/settings/CloudMigrationDialog.vue
index c821b51..fe1823e 100644
--- a/src/components/settings/CloudMigrationDialog.vue
+++ b/src/components/settings/CloudMigrationDialog.vue
@@ -1,17 +1,33 @@
 <template>
-  <v-dialog v-model="dialog" max-width="600" scrollable>
+  <v-dialog
+    v-model="dialog"
+    max-width="600"
+    scrollable
+  >
     <v-card>
       <v-card-title>迁移到云端</v-card-title>
       <v-card-text style="height: 400px;">
-        <div v-if="loading" class="d-flex justify-center align-center fill-height">
-          <v-progress-circular indeterminate color="primary"></v-progress-circular>
+        <div
+          v-if="loading"
+          class="d-flex justify-center align-center fill-height"
+        >
+          <v-progress-circular
+            indeterminate
+            color="primary"
+          />
         </div>
-        <div v-else-if="keys.length === 0" class="d-flex justify-center align-center fill-height">
+        <div
+          v-else-if="keys.length === 0"
+          class="d-flex justify-center align-center fill-height"
+        >
           没有找到本地数据
         </div>
         <div v-else>
           <!-- Category Selection -->
-          <v-list select-strategy="classic" class="mb-4">
+          <v-list
+            select-strategy="classic"
+            class="mb-4"
+          >
             <v-list-subheader>选择数据类型</v-list-subheader>
 
             <v-list-item
@@ -19,32 +35,38 @@
               :key="category.id"
               @click="toggleCategory(category)"
             >
-              <template v-slot:prepend>
+              <template #prepend>
                 <v-checkbox-btn
                   :model-value="getCategoryState(category)"
                   :indeterminate="getCategoryIndeterminate(category)"
                   @click.stop="toggleCategory(category)"
-                ></v-checkbox-btn>
+                />
               </template>
               <v-list-item-title>{{ category.label }}</v-list-item-title>
               <v-list-item-subtitle>{{ category.description }} ({{ getCategoryCount(category) }} 项)</v-list-item-subtitle>
             </v-list-item>
           </v-list>
 
-          <v-divider class="mb-4"></v-divider>
+          <v-divider class="mb-4" />
 
           <!-- Individual Keys Expansion -->
           <v-expansion-panels>
             <v-expansion-panel title="详细数据列表">
               <v-expansion-panel-text>
-                <v-list select-strategy="classic" density="compact">
+                <v-list
+                  select-strategy="classic"
+                  density="compact"
+                >
                   <v-list-item
                     v-for="key in keys"
                     :key="key"
                     :value="key"
                   >
-                    <template v-slot:prepend>
-                      <v-checkbox-btn v-model="selectedKeys" :value="key"></v-checkbox-btn>
+                    <template #prepend>
+                      <v-checkbox-btn
+                        v-model="selectedKeys"
+                        :value="key"
+                      />
                     </template>
                     <v-list-item-title>{{ key }}</v-list-item-title>
                   </v-list-item>
@@ -54,14 +76,24 @@
           </v-expansion-panels>
         </div>
       </v-card-text>
-      <v-divider></v-divider>
+      <v-divider />
       <v-card-actions>
         <div class="text-caption ml-4 text-medium-emphasis">
           已选择 {{ selectedKeys.length }} 项
         </div>
-        <v-spacer></v-spacer>
-        <v-btn variant="text" @click="dialog = false">取消</v-btn>
-        <v-btn color="primary" @click="migrate" :loading="migrating" :disabled="selectedKeys.length === 0">
+        <v-spacer />
+        <v-btn
+          variant="text"
+          @click="dialog = false"
+        >
+          取消
+        </v-btn>
+        <v-btn
+          color="primary"
+          :loading="migrating"
+          :disabled="selectedKeys.length === 0"
+          @click="migrate"
+        >
           开始迁移
         </v-btn>
       </v-card-actions>
@@ -69,7 +101,10 @@
   </v-dialog>
 
   <!-- Result Dialog -->
-  <v-dialog v-model="resultDialog" max-width="500">
+  <v-dialog
+    v-model="resultDialog"
+    max-width="500"
+  >
     <v-card>
       <v-card-title>迁移结果</v-card-title>
       <v-card-text>
@@ -79,12 +114,19 @@
           <p>失败: {{ result.summary.failed }}</p>
         </div>
         <div v-else-if="error">
-          <p class="text-error">{{ error }}</p>
+          <p class="text-error">
+            {{ error }}
+          </p>
         </div>
       </v-card-text>
       <v-card-actions>
-        <v-spacer></v-spacer>
-        <v-btn color="primary" @click="resultDialog = false">关闭</v-btn>
+        <v-spacer />
+        <v-btn
+          color="primary"
+          @click="resultDialog = false"
+        >
+          关闭
+        </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
diff --git a/src/components/settings/NotificationSoundSettings.vue b/src/components/settings/NotificationSoundSettings.vue
index 195a32b..f2cf730 100644
--- a/src/components/settings/NotificationSoundSettings.vue
+++ b/src/components/settings/NotificationSoundSettings.vue
@@ -15,7 +15,9 @@
         @click:close="showAutoplayWarning = false"
       >
         <div class="d-flex align-center">
-          <v-icon class="mr-2">mdi-information</v-icon>
+          <v-icon class="mr-2">
+            mdi-information
+          </v-icon>
           <span>首次使用请点击试听按钮测试音频播放是否正常</span>
         </div>
       </v-alert>
@@ -25,7 +27,9 @@
         <v-col cols="12">
           <v-card border>
             <v-card-title class="text-subtitle-1">
-              <v-icon left>mdi-bell-ring</v-icon>
+              <v-icon left>
+                mdi-bell-ring
+              </v-icon>
               单次通知铃声
             </v-card-title>
             <v-card-text>
@@ -66,13 +70,17 @@
                   variant="tonal"
                   @click="previewSound(singleSound)"
                 >
-                  <v-icon left>mdi-play</v-icon>
+                  <v-icon left>
+                    mdi-play
+                  </v-icon>
                   试听
                 </v-btn>
                 <v-btn
                   @click="resetSingleSound"
                 >
-                  <v-icon left>mdi-restore</v-icon>
+                  <v-icon left>
+                    mdi-restore
+                  </v-icon>
                   恢复
                 </v-btn>
               </div>
@@ -84,7 +92,12 @@
         <v-col cols="12">
           <v-card border>
             <v-card-title class="text-subtitle-1">
-              <v-icon left color="error">mdi-bell-alert</v-icon>
+              <v-icon
+                left
+                color="error"
+              >
+                mdi-bell-alert
+              </v-icon>
               紧急通知铃声
             </v-card-title>
             <v-card-text>
@@ -125,13 +138,17 @@
                   variant="tonal"
                   @click="previewSound(urgentSound)"
                 >
-                  <v-icon left>mdi-play</v-icon>
+                  <v-icon left>
+                    mdi-play
+                  </v-icon>
                   试听
                 </v-btn>
                 <v-btn
                   @click="resetUrgentSound"
                 >
-                  <v-icon left>mdi-restore</v-icon>
+                  <v-icon left>
+                    mdi-restore
+                  </v-icon>
                   恢复
                 </v-btn>
               </div>
@@ -145,7 +162,7 @@
 
 <script>
 import { getSetting, setSetting } from '@/utils/settings.js';
-import { soundFiles, stopSound } from '@/utils/soundList.js';
+import { soundFiles, stopSound, defaultSingleSound, defaultUrgentSound } from '@/utils/soundList.js';
 
 export default {
   name: 'NotificationSoundSettings',
@@ -175,6 +192,14 @@ export default {
     loadSettings() {
       this.singleSound = getSetting('notification.singleSound');
       this.urgentSound = getSetting('notification.urgentSound');
+      if (!soundFiles.includes(this.singleSound)) {
+        this.singleSound = defaultSingleSound;
+        setSetting('notification.singleSound', this.singleSound);
+      }
+      if (!soundFiles.includes(this.urgentSound)) {
+        this.urgentSound = defaultUrgentSound;
+        setSetting('notification.urgentSound', this.urgentSound);
+      }
     },
     onSingleSoundChange(value) {
       setSetting('notification.singleSound', value);
@@ -256,12 +281,12 @@ export default {
       }
     },
     resetSingleSound() {
-      this.singleSound = 'Teams 默认.mp3';
+      this.singleSound = defaultSingleSound;
       setSetting('notification.singleSound', this.singleSound);
       this.$message?.success('已恢复单次通知铃声默认设置');
     },
     resetUrgentSound() {
-      this.urgentSound = 'Teams 默认通话铃.mp3';
+      this.urgentSound = defaultUrgentSound;
       setSetting('notification.urgentSound', this.urgentSound);
       this.$message?.success('已恢复紧急通知铃声默认设置');
     },
diff --git a/src/components/settings/SettingGroup.vue b/src/components/settings/SettingGroup.vue
index 5f3006d..57a49df 100644
--- a/src/components/settings/SettingGroup.vue
+++ b/src/components/settings/SettingGroup.vue
@@ -1,7 +1,17 @@
 <template>
-  <v-card :border="border" class="setting-group">
-    <v-card-title v-if="title" class="d-flex align-center">
-      <v-icon v-if="icon" :icon="icon" class="mr-2"/>
+  <v-card
+    :border="border"
+    class="setting-group"
+  >
+    <v-card-title
+      v-if="title"
+      class="d-flex align-center"
+    >
+      <v-icon
+        v-if="icon"
+        :icon="icon"
+        class="mr-2"
+      />
       {{ title }}
     </v-card-title>
 
@@ -18,7 +28,7 @@
     </v-card-text>
 
     <v-card-actions v-if="$slots.actions">
-      <slot name="actions"></slot>
+      <slot name="actions" />
     </v-card-actions>
   </v-card>
 </template>
diff --git a/src/components/settings/SettingItem.vue b/src/components/settings/SettingItem.vue
index 37cc67a..2f56105 100644
--- a/src/components/settings/SettingItem.vue
+++ b/src/components/settings/SettingItem.vue
@@ -1,7 +1,10 @@
 <template>
-  <v-list-item :disabled="disabled" class="setting-item">
+  <v-list-item
+    :disabled="disabled"
+    class="setting-item"
+  >
     <template #prepend>
-      <v-icon :icon="settingIcon"/>
+      <v-icon :icon="settingIcon" />
     </template>
 
     <v-list-item-title class="text-wrap">
@@ -14,7 +17,10 @@
 
     <template #append>
       <div class="d-flex flex-column flex-sm-row align-center">
-        <div v-if="type !== 'string' || hasOptions" class="me-2">
+        <div
+          v-if="type !== 'string' || hasOptions"
+          class="me-2"
+        >
           <!-- 根据设置类型渲染不同的控件 -->
           <v-switch
             v-if="type === 'boolean'"
@@ -40,7 +46,10 @@
             @update:model-value="updateSetting"
           />
 
-          <div v-else-if="type === 'number'" class="d-flex align-center">
+          <div
+            v-else-if="type === 'number'"
+            class="d-flex align-center"
+          >
             <v-btn
               :disabled="disabled || localValue <= minValue"
               icon="mdi-minus"
@@ -76,7 +85,7 @@
         </div>
 
         <v-menu location="bottom">
-          <template v-slot:activator="{ props }">
+          <template #activator="{ props }">
             <v-btn
               :disabled="disabled"
               class="ml-2"
@@ -88,24 +97,36 @@
           </template>
           <v-list density="compact">
             <v-list-item @click="copySettingId">
-              <template v-slot:prepend>
-                <v-icon icon="mdi-key" size="small"/>
+              <template #prepend>
+                <v-icon
+                  icon="mdi-key"
+                  size="small"
+                />
               </template>
               <v-list-item-title>复制设置ID</v-list-item-title>
             </v-list-item>
 
             <v-list-item @click="copySettingValue">
-              <template v-slot:prepend>
-                <v-icon icon="mdi-content-copy" size="small"/>
+              <template #prepend>
+                <v-icon
+                  icon="mdi-content-copy"
+                  size="small"
+                />
               </template>
               <v-list-item-title>复制设置值</v-list-item-title>
             </v-list-item>
 
-            <v-divider></v-divider>
+            <v-divider />
 
-            <v-list-item :disabled="isDefaultValue" @click="resetToDefault">
-              <template v-slot:prepend>
-                <v-icon icon="mdi-restore" size="small"/>
+            <v-list-item
+              :disabled="isDefaultValue"
+              @click="resetToDefault"
+            >
+              <template #prepend>
+                <v-icon
+                  icon="mdi-restore"
+                  size="small"
+                />
               </template>
               <v-list-item-title>重置为默认值</v-list-item-title>
             </v-list-item>
@@ -116,7 +137,10 @@
   </v-list-item>
 
   <!-- 文本框显示在下方 -->
-  <div v-if="type === 'string' && !hasOptions" class="px-4 pb-2 pt-0">
+  <div
+    v-if="type === 'string' && !hasOptions"
+    class="px-4 pb-2 pt-0"
+  >
     <v-text-field
       v-model="localValue"
       :disabled="disabled"
diff --git a/src/components/settings/SettingsExplorer.vue b/src/components/settings/SettingsExplorer.vue
index c81ce6b..18d0dc0 100644
--- a/src/components/settings/SettingsExplorer.vue
+++ b/src/components/settings/SettingsExplorer.vue
@@ -1,30 +1,46 @@
 <template>
   <div class="settings-explorer">
-
-
     <div>
-      <v-text-field v-model="searchQuery" class="mb-4" clearable density="comfortable" label="搜索设置"
-                    prepend-inner-icon="mdi-magnify" variant="outlined"/>
+      <v-text-field
+        v-model="searchQuery"
+        class="mb-4"
+        clearable
+        density="comfortable"
+        label="搜索设置"
+        prepend-inner-icon="mdi-magnify"
+        variant="outlined"
+      />
 
 
       <v-list>
-        <div v-for="setting in allSettings" :key="setting.key">
-          <setting-item :key="setting.key" :disabled="setting.requireDeveloper && !isDeveloperMode"
-                        :setting-key="setting.key" @error="onSettingError"
-                        @update="onSettingUpdate"/>
-          <v-divider class="my-2"/>
+        <div
+          v-for="setting in allSettings"
+          :key="setting.key"
+        >
+          <setting-item
+            :key="setting.key"
+            :disabled="setting.requireDeveloper && !isDeveloperMode"
+            :setting-key="setting.key"
+            @error="onSettingError"
+            @update="onSettingUpdate"
+          />
+          <v-divider class="my-2" />
         </div>
       </v-list>
       <v-card border>
-        <v-card-title class="text-subtitle-1">当前配置</v-card-title>
+        <v-card-title class="text-subtitle-1">
+          当前配置
+        </v-card-title>
         <v-card-text>
           <pre class="settings-json">{{ formattedSettings }}</pre>
         </v-card-text>
         <v-card-actions>
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn @click="copySettingsToClipboard">
             复制到剪贴板
-            <v-icon right>mdi-content-copy</v-icon>
+            <v-icon right>
+              mdi-content-copy
+            </v-icon>
           </v-btn>
         </v-card-actions>
       </v-card>
diff --git a/src/components/settings/StudentListCard.vue b/src/components/settings/StudentListCard.vue
index 1251fbb..9bd9dbc 100644
--- a/src/components/settings/StudentListCard.vue
+++ b/src/components/settings/StudentListCard.vue
@@ -6,11 +6,20 @@
   >
     <v-card-item>
       <template #prepend>
-        <v-icon class="mr-2" icon="mdi-account-group" size="large"/>
+        <v-icon
+          class="mr-2"
+          icon="mdi-account-group"
+          size="large"
+        />
       </template>
-      <v-card-title class="text-h6">学生列表</v-card-title>
+      <v-card-title class="text-h6">
+        学生列表
+      </v-card-title>
       <template #append>
-        <unsaved-warning :show="unsavedChanges" message="有未保存的更改"/>
+        <unsaved-warning
+          :show="unsavedChanges"
+          message="有未保存的更改"
+        />
         <v-btn
           :disabled="modelValue.list.length === 0"
           class="mr-2"
@@ -39,7 +48,13 @@
         indeterminate
       />
 
-      <v-alert v-if="error" class="mb-4" closable type="error" variant="tonal">
+      <v-alert
+        v-if="error"
+        class="mb-4"
+        closable
+        type="error"
+        variant="tonal"
+      >
         {{ error }}
       </v-alert>
 
@@ -47,7 +62,11 @@
         <!-- 普通编辑模式 -->
         <div v-if="!modelValue.advanced">
           <v-row class="mb-6">
-            <v-col cols="12" md="4" sm="6">
+            <v-col
+              cols="12"
+              md="4"
+              sm="6"
+            >
               <v-text-field
                 v-model="newStudentName"
                 class="mb-4"
@@ -88,7 +107,10 @@
                   v-bind="props"
                 >
                   <v-card-text class="d-flex align-center pa-3">
-                    <v-menu :open-on-hover="!isMobile" location="bottom">
+                    <v-menu
+                      :open-on-hover="!isMobile"
+                      location="bottom"
+                    >
                       <template #activator="{ props: menuProps }">
                         <v-btn
                           class="mr-3 font-weight-medium"
@@ -100,7 +122,10 @@
                         </v-btn>
                       </template>
 
-                      <v-list density="compact" nav>
+                      <v-list
+                        density="compact"
+                        nav
+                      >
                         <v-list-item
                           :disabled="index === 0"
                           prepend-icon="mdi-arrow-up-bold"
@@ -108,7 +133,7 @@
                         >
                           置顶
                         </v-list-item>
-                        <v-divider/>
+                        <v-divider />
                         <v-list-item
                           :disabled="index === 0"
                           prepend-icon="mdi-arrow-up"
@@ -172,7 +197,10 @@
         </div>
 
         <!-- 高级编辑模式 -->
-        <div v-else class="pt-2">
+        <div
+          v-else
+          class="pt-2"
+        >
           <v-textarea
             v-model="modelValue.text"
             hint="使用文本编辑模式批量编辑学生名单，保存时会自动去除空行"
@@ -187,7 +215,10 @@
       </v-expand-transition>
 
       <v-row class="mt-6">
-        <v-col class="d-flex gap-2" cols="12">
+        <v-col
+          class="d-flex gap-2"
+          cols="12"
+        >
           <v-btn
             :disabled="loading"
             :loading="loading"
@@ -228,8 +259,6 @@ async function loadPinyin() {
   }
   return _pinyin;
 }
-import {getSetting} from "@/utils/settings";
-
 export default {
   name: "StudentListCard",
   components: {
@@ -267,7 +296,6 @@ export default {
         if (!this.modelValue.advanced) {
           this.modelValue.text = newData.list
             .slice()
-            .sort((a, b) => a.id - b.id)
             .map(s => s.name)
             .join("\n");
         }
@@ -285,22 +313,20 @@ export default {
       this.error = null;
       try {
         this.loading = true;
-        const classNum = getSetting("server.classNumber");
-
-        if (!classNum) {
-          throw new Error("请先设置班号");
-        }
-
         try {
           const response = await dataProvider.loadData("classworks-list-main");
+          console.log("loadStudents response:", response);
 
-          if (response.success != false && Array.isArray(response)) {
-            this.modelValue.list = response.map((item, index) => {
+          // 兼容返回数组或包含 value 属性的对象
+          const dataArray = Array.isArray(response) ? response : (response && Array.isArray(response.value) ? response.value : null);
+
+          if (response.success != false && dataArray) {
+            this.modelValue.list = dataArray.map((item, index) => {
               if (typeof item === 'string') {
                 return {id: index + 1, name: item};
               }
               return {
-                id: item.id || index + 1,
+                id: Number(item.id) || index + 1,
                 name: item.name || item.toString()
               };
             });
@@ -328,15 +354,9 @@ export default {
 
     async saveStudents() {
       try {
-        const classNum = getSetting("server.classNumber");
-
-        if (!classNum) {
-          throw new Error("请先设置班号");
-        }
-
+        this.loading = true;
         const formattedList = this.modelValue.list
           .slice()
-          .sort((a, b) => a.id - b.id)
           .map((student, index) => ({
             id: index + 1,
             name: student.name
@@ -358,6 +378,8 @@ export default {
       } catch (error) {
         console.error("保存学生列表失败:", error);
         this.$message?.error("保存失败", error.message || "请重试");
+      } finally {
+        this.loading = false;
       }
     },
 
@@ -373,7 +395,7 @@ export default {
 
       // Create a map of existing student names to their IDs
       const currentIds = new Map(this.modelValue.list.map(s => [s.name, s.id]));
-      let maxId = Math.max(0, ...this.modelValue.list.map(s => s.id));
+      let maxId = Math.max(0, ...this.modelValue.list.map(s => Number(s.id) || 0));
 
       // Create new list preserving IDs for existing names and generating new IDs for new names
       const newList = lines.map(name => {
@@ -386,18 +408,23 @@ export default {
 
       // Update the list
       this.modelValue.list = newList;
+      // Also update the text representation for standard mode
+      if (this.modelValue.advanced) {
+        this.modelValue.text = text;
+      }
     },
 
     addStudent() {
       const name = this.newStudentName.trim();
       if (name && !this.modelValue.list.some(s => s.name === name)) {
-        const maxId = Math.max(0, ...this.modelValue.list.map(s => s.id));
+        const maxId = Math.max(0, ...this.modelValue.list.map(s => Number(s.id) || 0));
         this.modelValue.list.push({id: maxId + 1, name});
         this.newStudentName = "";
       }
     },
 
     startEdit(index, student) {
+      if (this._editTimeout) clearTimeout(this._editTimeout);
       this.editState.index = index;
       this.editState.name = student.name;
     },
@@ -408,8 +435,13 @@ export default {
         if (newName && newName !== this.modelValue.list[this.editState.index].name) {
           this.modelValue.list[this.editState.index].name = newName;
         }
-        this.editState.index = -1;
-        this.editState.name = "";
+        
+        // 延迟重置状态，防止DOM突变导致丢失按钮点击事件
+        if (this._editTimeout) clearTimeout(this._editTimeout);
+        this._editTimeout = setTimeout(() => {
+          this.editState.index = -1;
+          this.editState.name = "";
+        }, 200);
       }
     },
 
diff --git a/src/components/settings/TeacherListCard.vue b/src/components/settings/TeacherListCard.vue
index 7755bfe..0795768 100644
--- a/src/components/settings/TeacherListCard.vue
+++ b/src/components/settings/TeacherListCard.vue
@@ -6,11 +6,20 @@
   >
     <v-card-item>
       <template #prepend>
-        <v-icon class="mr-2" icon="mdi-account-tie" size="large"/>
+        <v-icon
+          class="mr-2"
+          icon="mdi-account-tie"
+          size="large"
+        />
       </template>
-      <v-card-title class="text-h6">教师列表</v-card-title>
+      <v-card-title class="text-h6">
+        教师列表
+      </v-card-title>
       <template #append>
-        <unsaved-warning :show="unsavedChanges" message="有未保存的更改"/>
+        <unsaved-warning
+          :show="unsavedChanges"
+          message="有未保存的更改"
+        />
         <v-btn
           :color="modelValue.advanced ? 'primary' : undefined"
           prepend-icon="mdi-code-braces"
@@ -30,7 +39,13 @@
         indeterminate
       />
 
-      <v-alert v-if="error" class="mb-4" closable type="error" variant="tonal">
+      <v-alert
+        v-if="error"
+        class="mb-4"
+        closable
+        type="error"
+        variant="tonal"
+      >
         {{ error }}
       </v-alert>
 
@@ -38,10 +53,16 @@
         <!-- 普通编辑模式 -->
         <div v-if="!modelValue.advanced">
           <!-- 添加教师表单 -->
-          <v-card class="mb-6" variant="outlined">
+          <v-card
+            class="mb-6"
+            variant="outlined"
+          >
             <v-card-text>
               <v-row>
-                <v-col cols="12" md="4">
+                <v-col
+                  cols="12"
+                  md="4"
+                >
                   <v-text-field
                     v-model="newTeacher.name"
                     density="comfortable"
@@ -52,7 +73,10 @@
                     variant="outlined"
                   />
                 </v-col>
-                <v-col cols="12" md="5">
+                <v-col
+                  cols="12"
+                  md="5"
+                >
                   <v-combobox
                     v-model="newTeacher.subjects"
                     :items="commonSubjects"
@@ -68,7 +92,11 @@
                     variant="outlined"
                   />
                 </v-col>
-                <v-col cols="12" md="3" class="d-flex align-center gap-2">
+                <v-col
+                  cols="12"
+                  md="3"
+                  class="d-flex align-center gap-2"
+                >
                   <v-checkbox
                     v-model="newTeacher.isHeadTeacher"
                     density="comfortable"
@@ -91,7 +119,10 @@
           <!-- 教师列表 -->
           <v-row v-if="modelValue.list.length === 0">
             <v-col cols="12">
-              <v-alert type="info" variant="tonal">
+              <v-alert
+                type="info"
+                variant="tonal"
+              >
                 暂无教师信息，请添加教师
               </v-alert>
             </v-col>
@@ -155,7 +186,10 @@
                           </v-chip>
                         </div>
 
-                        <div v-if="editState.index === index" class="mt-2">
+                        <div
+                          v-if="editState.index === index"
+                          class="mt-2"
+                        >
                           <v-combobox
                             v-model="editState.teacher.subjects"
                             :items="commonSubjects"
@@ -175,7 +209,10 @@
                             label="班主任"
                           />
                         </div>
-                        <div v-else class="mt-1">
+                        <div
+                          v-else
+                          class="mt-1"
+                        >
                           <v-chip
                             v-for="(subject, sIndex) in teacher.subjects"
                             :key="sIndex"
@@ -235,13 +272,16 @@
         </div>
 
         <!-- 高级编辑模式 -->
-        <div v-else class="pt-2">
+        <div
+          v-else
+          class="pt-2"
+        >
           <v-textarea
             v-model="modelValue.text"
             hint="JSON 格式编辑教师列表。每个教师需包含 name、subjects（数组）、isHeadTeacher（布尔值）"
             label="批量编辑教师列表 (JSON)"
             persistent-hint
-            placeholder='[{"name":"教师姓名","subjects":["语文","数学"],"isHeadTeacher":true}]'
+            placeholder="[{&quot;name&quot;:&quot;教师姓名&quot;,&quot;subjects&quot;:[&quot;语文&quot;,&quot;数学&quot;],&quot;isHeadTeacher&quot;:true}]"
             rows="15"
             variant="outlined"
             @update:model-value="handleTextInput"
@@ -250,7 +290,10 @@
       </v-expand-transition>
 
       <v-row class="mt-6">
-        <v-col class="d-flex gap-2" cols="12">
+        <v-col
+          class="d-flex gap-2"
+          cols="12"
+        >
           <v-btn
             :disabled="loading"
             :loading="loading"
@@ -282,7 +325,6 @@
 import UnsavedWarning from "../common/UnsavedWarning.vue";
 import "@/styles/warnings.scss";
 import dataProvider from "@/utils/dataProvider";
-import {getSetting} from "@/utils/settings";
 
 export default {
   name: "TeacherListCard",
@@ -354,17 +396,15 @@ export default {
       this.error = null;
       try {
         this.loading = true;
-        const classNum = getSetting("server.classNumber");
-
-        if (!classNum) {
-          throw new Error("请先设置班号");
-        }
-
         try {
           const response = await dataProvider.loadData("classworks-list-teacher");
+          console.log("loadTeachers response:", response);
 
-          if (response.success !== false && Array.isArray(response)) {
-            this.modelValue.list = response.map((item) => ({
+          // 兼容返回数组或包含 value 属性的对象
+          const dataArray = Array.isArray(response) ? response : (response && Array.isArray(response.value) ? response.value : null);
+
+          if (response.success != false && dataArray) {
+            this.modelValue.list = dataArray.map((item) => ({
               name: item.name || "",
               subjects: Array.isArray(item.subjects) ? item.subjects : [],
               isHeadTeacher: Boolean(item.isHeadTeacher),
@@ -391,12 +431,7 @@ export default {
 
     async saveTeachers() {
       try {
-        const classNum = getSetting("server.classNumber");
-
-        if (!classNum) {
-          throw new Error("请先设置班号");
-        }
-
+        this.loading = true;
         const formattedList = this.modelValue.list.map((teacher) => ({
           name: teacher.name,
           subjects: Array.isArray(teacher.subjects) ? teacher.subjects : [],
@@ -419,6 +454,8 @@ export default {
       } catch (error) {
         console.error("保存教师列表失败:", error);
         this.$message?.error("保存失败", error.message || "请重试");
+      } finally {
+        this.loading = false;
       }
     },
 
@@ -476,16 +513,17 @@ export default {
     },
 
     startEdit(index, teacher) {
+      if (this._editTimeout) clearTimeout(this._editTimeout);
       this.editState.index = index;
+      // 深度拷贝以防直接修改原对象
       this.editState.teacher = {
-        name: teacher.name,
-        subjects: [...teacher.subjects],
-        isHeadTeacher: teacher.isHeadTeacher,
+        ...teacher,
+        subjects: [...(teacher.subjects || [])],
       };
     },
 
     saveEdit() {
-      if (this.editState.index !== -1) {
+      if (this.editState.index !== -1 && this.editState.teacher) {
         const newName = this.editState.teacher.name.trim();
         if (!newName) {
           this.$message?.warning("提示", "教师姓名不能为空");
@@ -502,8 +540,12 @@ export default {
           isHeadTeacher: this.editState.teacher.isHeadTeacher,
         };
 
-        this.editState.index = -1;
-        this.editState.teacher = null;
+        // 延迟重置状态，防止DOM突变导致丢失按钮点击事件
+        if (this._editTimeout) clearTimeout(this._editTimeout);
+        this._editTimeout = setTimeout(() => {
+          this.editState.index = -1;
+          this.editState.teacher = null;
+        }, 200);
       }
     },
 
diff --git a/src/components/settings/cards/CloudNamespaceInfoCard.vue b/src/components/settings/cards/CloudNamespaceInfoCard.vue
index c284702..bd9496e 100644
--- a/src/components/settings/cards/CloudNamespaceInfoCard.vue
+++ b/src/components/settings/cards/CloudNamespaceInfoCard.vue
@@ -1,7 +1,15 @@
 <template>
-  <v-card :disabled="!hasNamespaceInfo" :loading="loading" class="my-4">
+  <v-card
+    :disabled="!hasNamespaceInfo"
+    :loading="loading"
+    class="my-4"
+  >
     <template #loader>
-      <v-progress-linear v-if="loading" color="primary" indeterminate/>
+      <v-progress-linear
+        v-if="loading"
+        color="primary"
+        indeterminate
+      />
     </template>
 
 
@@ -140,16 +148,8 @@
         title="Classworks KV"
       >
         <v-card-text>
-          Classworks KV 是厚浪云推出的文档形键值数据库，其是一个开放的云应用平台，为各种应用提供存储服务。此设备正在使用其服务，如果您希望管理设备信息，请前往
+          Classworks KV 是一个文档形键值数据库，其是一个开放的云应用平台，为各种应用提供存储服务。此设备正在使用其服务，如果您希望管理设备信息，请前往
           Classworks KV 的网站，如果您在服务推出前就在使用 Classworks，您的数据已被自动迁移。
-          <br><br>
-          Classworks KV 的全域管理员是
-          <a
-            href="https://wuyuan.dev"
-            target="_blank"
-          >
-            孙悟元
-          </a>
         </v-card-text>
         <v-card-actions>
           <v-btn
@@ -175,7 +175,7 @@
     </v-card-text>
 
     <v-card-actions>
-      <v-spacer/>
+      <v-spacer />
       <v-btn
         :loading="loading"
         color="primary"
@@ -213,7 +213,7 @@
           <p>您确定要重新初始化云端存储吗？</p>
         </v-card-text>
         <v-card-actions>
-          <v-spacer/>
+          <v-spacer />
           <v-btn
             variant="text"
             @click="showReinitDialog = false"
diff --git a/src/components/settings/cards/DataProviderSettingsCard.vue b/src/components/settings/cards/DataProviderSettingsCard.vue
index 1970053..2547e69 100644
--- a/src/components/settings/cards/DataProviderSettingsCard.vue
+++ b/src/components/settings/cards/DataProviderSettingsCard.vue
@@ -1,16 +1,22 @@
 <template>
-  <settings-card icon="mdi-database-cog" title="数据源设置">
+  <settings-card
+    icon="mdi-database-cog"
+    title="数据源设置"
+  >
     <v-list>
       <!-- 服务器模式设置 -->
       <template
         v-if="
           currentProvider === 'kv-server' ||
-          currentProvider === 'classworkscloud'
+            currentProvider === 'classworkscloud'
         "
       >
         <v-list-item>
           <template #prepend>
-            <v-icon class="mr-3" icon="mdi-lan-connect"/>
+            <v-icon
+              class="mr-3"
+              icon="mdi-lan-connect"
+            />
           </template>
           <v-list-item-title>检查服务器连接</v-list-item-title>
           <template #append>
@@ -22,64 +28,94 @@
               测试连接
             </v-btn>
           </template>
-        </v-list-item
-        ><!-- 数据迁移，仅对KV本地存储有效 -->
+        </v-list-item><!-- 数据迁移，仅对KV本地存储有效 -->
       </template>
 
       <!-- 本地存储设置 -->
       <template v-if="currentProvider === 'kv-local'">
         <v-list-item>
           <template #prepend>
-            <v-icon class="mr-3" icon="mdi-database"/>
+            <v-icon
+              class="mr-3"
+              icon="mdi-database"
+            />
           </template>
           <v-list-item-title>清除数据库缓存</v-list-item-title>
-          <v-list-item-subtitle
-          >这将清除所有本地数据库中的数据
-          </v-list-item-subtitle
-          >
+          <v-list-item-subtitle>
+            这将清除所有本地数据库中的数据
+          </v-list-item-subtitle>
           <template #append>
-            <v-btn color="error" variant="tonal" @click="confirmClearIndexedDB">
+            <v-btn
+              color="error"
+              variant="tonal"
+              @click="confirmClearIndexedDB"
+            >
               清除
             </v-btn>
           </template>
         </v-list-item>
         <v-list-item>
           <template #prepend>
-            <v-icon class="mr-3" icon="mdi-database-export"/>
+            <v-icon
+              class="mr-3"
+              icon="mdi-database-export"
+            />
           </template>
           <v-list-item-title>导出数据库</v-list-item-title>
           <template #append>
-            <v-btn variant="tonal" @click="exportData"> 导出</v-btn>
+            <v-btn
+              variant="tonal"
+              @click="exportData"
+            >
+              导出
+            </v-btn>
           </template>
         </v-list-item>
       </template>
 
       <v-list-item>
         <template #prepend>
-          <v-icon class="mr-3" icon="mdi-lan-connect"/>
+          <v-icon
+            class="mr-3"
+            icon="mdi-lan-connect"
+          />
         </template>
         <v-list-item-title>查看本地缓存</v-list-item-title>
         <template #append>
-          <v-btn to="/cachemanagement" variant="tonal"> 查看</v-btn>
+          <v-btn
+            to="/cachemanagement"
+            variant="tonal"
+          >
+            查看
+          </v-btn>
         </template>
       </v-list-item>
     </v-list>
 
     <!-- 确认对话框 -->
-    <v-dialog v-model="confirmDialog" max-width="400">
+    <v-dialog
+      v-model="confirmDialog"
+      max-width="400"
+    >
       <v-card>
         <v-card-title>{{ confirmTitle }}</v-card-title>
         <v-card-text>{{ confirmMessage }}</v-card-text>
         <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="grey" variant="text" @click="confirmDialog = false"
-          >取消
-          </v-btn
+          <v-spacer />
+          <v-btn
+            color="grey"
+            variant="text"
+            @click="confirmDialog = false"
           >
-          <v-btn color="error" variant="tonal" @click="handleConfirm"
-          >确认
-          </v-btn
+            取消
+          </v-btn>
+          <v-btn
+            color="error"
+            variant="tonal"
+            @click="handleConfirm"
           >
+            确认
+          </v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
diff --git a/src/components/settings/cards/DisplaySettingsCard.vue b/src/components/settings/cards/DisplaySettingsCard.vue
index 344b97d..97907d8 100644
--- a/src/components/settings/cards/DisplaySettingsCard.vue
+++ b/src/components/settings/cards/DisplaySettingsCard.vue
@@ -1,39 +1,42 @@
 <template>
-  <settings-card border icon="mdi-monitor" title="显示设置">
+  <settings-card
+    border
+    icon="mdi-monitor"
+    title="显示设置"
+  >
     <v-list>
-      <setting-item :setting-key="'display.emptySubjectDisplay'"/>
+      <setting-item :setting-key="'display.emptySubjectDisplay'" />
 
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.dynamicSort'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.dynamicSort'" />
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.showRandomButton'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.showRandomButton'" />
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.showFullscreenButton'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.showFullscreenButton'" />
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.cardHoverEffect'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.cardHoverEffect'" />
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.enhancedTouchMode'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.enhancedTouchMode'" />
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.showQuickTools'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.showQuickTools'" />
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.showAntiScreenBurnCard'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.showAntiScreenBurnCard'" />
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.showExamScheduleButton'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.showExamScheduleButton'" />
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.forceDesktopMode'"/>
-
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'display.lateStudentsArePresent'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.forceDesktopMode'" />
 
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.lateStudentsArePresent'" />
     </v-list>
   </settings-card>
 </template>
diff --git a/src/components/settings/cards/EchoChamberCard.vue b/src/components/settings/cards/EchoChamberCard.vue
index 5448ae5..956e2c1 100644
--- a/src/components/settings/cards/EchoChamberCard.vue
+++ b/src/components/settings/cards/EchoChamberCard.vue
@@ -6,13 +6,22 @@
     @click="handleClick"
   >
     <v-card-text>
-      <div ref="typewriter" class="typewriter-text"></div>
-      <div ref="sourceWriter" class="source-text"></div>
+      <div
+        ref="typewriter"
+        class="typewriter-text"
+      />
+      <div
+        ref="sourceWriter"
+        class="source-text"
+      />
     </v-card-text>
     <transition name="fade">
-      <v-chip v-if="currentQuote?.contributor" class="contributor">
+      <v-chip
+        v-if="currentQuote?.contributor"
+        class="contributor"
+      >
         <v-avatar start>
-          <v-img :src="`https://github.com/${currentQuote.contributor}.png`"/>
+          <v-img :src="`https://github.com/${currentQuote.contributor}.png`" />
         </v-avatar>
         {{ currentQuote.contributor }}
       </v-chip>
@@ -57,6 +66,10 @@ export default {
     this.initTypewriters();
   },
 
+  beforeUnmount() {
+    [this.typewriter, this.sourceWriter].forEach(writer => writer?.stop());
+  },
+
   methods: {
     async initTypewriters() {
       const Typewriter = await getTypewriter();
@@ -102,10 +115,6 @@ export default {
         console.error("复制失败:", err);
       }
     }
-  },
-
-  beforeUnmount() {
-    [this.typewriter, this.sourceWriter].forEach(writer => writer?.stop());
   }
 };
 </script>
diff --git a/src/components/settings/cards/EditSettingsCard.vue b/src/components/settings/cards/EditSettingsCard.vue
index 37103b3..f4569a7 100644
--- a/src/components/settings/cards/EditSettingsCard.vue
+++ b/src/components/settings/cards/EditSettingsCard.vue
@@ -1,28 +1,30 @@
 <template>
-  <settings-card icon="mdi-cog" title="编辑设置">
+  <settings-card
+    icon="mdi-cog"
+    title="编辑设置"
+  >
     <v-list>
-      <setting-item :setting-key="'edit.autoSave'"/>
+      <setting-item :setting-key="'edit.autoSave'" />
 
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'edit.blockNonTodayAutoSave'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'edit.blockNonTodayAutoSave'" />
 
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'edit.confirmNonTodaySave'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'edit.confirmNonTodaySave'" />
 
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'edit.refreshBeforeEdit'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'edit.refreshBeforeEdit'" />
 
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'edit.autoSavePromptText'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'edit.autoSavePromptText'" />
 
 
-      <v-divider class="my-2"/>
-      <setting-item :setting-key="'edit.manualSavePromptText'"/>
-
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'edit.manualSavePromptText'" />
     </v-list>
   </settings-card>
 </template>
diff --git a/src/components/settings/cards/HomeworkTemplateCard.vue b/src/components/settings/cards/HomeworkTemplateCard.vue
index 4339766..4f148d7 100644
--- a/src/components/settings/cards/HomeworkTemplateCard.vue
+++ b/src/components/settings/cards/HomeworkTemplateCard.vue
@@ -48,8 +48,15 @@
     </div>
 
     <v-row>
-      <v-col cols="12" md="6">
-        <setting-group border icon="mdi-book" title="科目配置">
+      <v-col
+        cols="12"
+        md="6"
+      >
+        <setting-group
+          border
+          icon="mdi-book"
+          title="科目配置"
+        >
           <v-list>
             <v-list-item>
               <v-text-field
@@ -63,8 +70,14 @@
               />
             </v-list-item>
 
-            <v-list-item v-for="subject in subjectList" :key="subject">
-              <v-card border class="w-100 mb-2">
+            <v-list-item
+              v-for="subject in subjectList"
+              :key="subject"
+            >
+              <v-card
+                border
+                class="w-100 mb-2"
+              >
                 <v-card-title class="d-flex align-center">
                   <v-text-field
                     v-model="editedSubjects[subject]"
@@ -74,7 +87,7 @@
                     variant="plain"
                     @blur="updateSubject(subject)"
                   />
-                  <v-spacer/>
+                  <v-spacer />
                   <v-btn
                     color="error"
                     icon="mdi-delete"
@@ -95,17 +108,24 @@
                     @keyup.enter="() => addBookType(subject)"
                   />
 
-                  <v-list border density="compact" rounded>
+                  <v-list
+                    border
+                    density="compact"
+                    rounded
+                  >
                     <v-list-item
                       v-for="(books, bookType) in config.subjects[subject].books"
                       :key="bookType"
                       :title="bookType"
                       @click="openSubjectBookDialog(subject, bookType, books)"
                     >
-                      <template v-slot:prepend>
-                        <v-icon class="mr-2" icon="mdi-book-open-variant"/>
+                      <template #prepend>
+                        <v-icon
+                          class="mr-2"
+                          icon="mdi-book-open-variant"
+                        />
                       </template>
-                      <template v-slot:append>
+                      <template #append>
                         <v-chip
                           class="mr-2"
                           color="info"
@@ -130,8 +150,15 @@
         </setting-group>
       </v-col>
 
-      <v-col cols="12" md="6">
-        <setting-group border icon="mdi-cog" title="通用配置">
+      <v-col
+        cols="12"
+        md="6"
+      >
+        <setting-group
+          border
+          icon="mdi-cog"
+          title="通用配置"
+        >
           <v-list>
             <v-list-item>
               <v-text-field
@@ -146,17 +173,24 @@
             </v-list-item>
 
             <v-list-item>
-              <v-list border density="compact" rounded>
+              <v-list
+                border
+                density="compact"
+                rounded
+              >
                 <v-list-item
                   v-for="(books, bookType) in config.commonSubject.books"
                   :key="bookType"
                   :title="bookType"
                   @click="openSubjectBookDialog('common', bookType, books)"
                 >
-                  <template v-slot:prepend>
-                    <v-icon class="mr-2" icon="mdi-book-multiple"/>
+                  <template #prepend>
+                    <v-icon
+                      class="mr-2"
+                      icon="mdi-book-multiple"
+                    />
                   </template>
-                  <template v-slot:append>
+                  <template #append>
                     <v-chip
                       class="mr-2"
                       color="info"
@@ -176,7 +210,7 @@
               </v-list>
             </v-list-item>
 
-            <v-divider class="my-2"/>
+            <v-divider class="my-2" />
 
             <v-list-item>
               <v-text-field
@@ -191,14 +225,18 @@
             </v-list-item>
 
             <v-list-item>
-              <v-list border density="compact" rounded>
+              <v-list
+                border
+                density="compact"
+                rounded
+              >
                 <v-list-item
                   v-for="action in config.actions"
                   :key="action"
                   :title="action"
                   @click="openActionDialog(action)"
                 >
-                  <template v-slot:append>
+                  <template #append>
                     <v-btn
                       color="error"
                       icon="mdi-delete"
@@ -216,7 +254,10 @@
     </v-row>
 
     <!-- 编辑弹框 -->
-    <v-dialog v-model="dialog.show" max-width="600px">
+    <v-dialog
+      v-model="dialog.show"
+      max-width="600px"
+    >
       <v-card>
         <v-card-title class="text-h5 pa-4">
           {{ dialog.title }}
@@ -235,22 +276,43 @@
                 />
               </v-col>
 
-              <v-col v-if="dialog.editedItem.type === 'subjectBook'" cols="12">
-                <div class="text-subtitle-2 mb-2">所属科目</div>
-                <v-chip color="primary">{{ dialog.editedItem.subject }}</v-chip>
+              <v-col
+                v-if="dialog.editedItem.type === 'subjectBook'"
+                cols="12"
+              >
+                <div class="text-subtitle-2 mb-2">
+                  所属科目
+                </div>
+                <v-chip color="primary">
+                  {{ dialog.editedItem.subject }}
+                </v-chip>
               </v-col>
 
-              <v-col v-if="['subjectBook', 'commonBook'].includes(dialog.editedItem.type)" cols="12">
+              <v-col
+                v-if="['subjectBook', 'commonBook'].includes(dialog.editedItem.type)"
+                cols="12"
+              >
                 <v-card variant="outlined">
-                  <v-card-title class="text-subtitle-1 py-2">需完成部分</v-card-title>
+                  <v-card-title class="text-subtitle-1 py-2">
+                    需完成部分
+                  </v-card-title>
                   <v-card-text class="pt-0">
-                    <v-list border class="mb-2" density="compact" rounded>
+                    <v-list
+                      border
+                      class="mb-2"
+                      density="compact"
+                      rounded
+                    >
                       <v-list-item
                         v-for="(task, index) in dialog.editedItem.tasks"
                         :key="index"
                       >
-                        <template v-slot:prepend>
-                          <v-icon class="mr-2" icon="mdi-checkbox-blank-circle-outline" size="small"/>
+                        <template #prepend>
+                          <v-icon
+                            class="mr-2"
+                            icon="mdi-checkbox-blank-circle-outline"
+                            size="small"
+                          />
                         </template>
                         <v-text-field
                           v-model="dialog.editedItem.tasks[index]"
@@ -258,7 +320,7 @@
                           hide-details
                           variant="plain"
                         />
-                        <template v-slot:append>
+                        <template #append>
                           <v-btn
                             color="error"
                             icon="mdi-delete"
@@ -287,7 +349,7 @@
         </v-card-text>
 
         <v-card-actions class="pa-4">
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn
             color="primary"
             variant="elevated"
diff --git a/src/components/settings/cards/KvDatabaseCard.vue b/src/components/settings/cards/KvDatabaseCard.vue
index c40fc04..ff02d24 100644
--- a/src/components/settings/cards/KvDatabaseCard.vue
+++ b/src/components/settings/cards/KvDatabaseCard.vue
@@ -1,40 +1,67 @@
 <template>
-  <settings-card :loading="loading" icon="mdi-database-edit" title="KV数据库管理">
+  <settings-card
+    :loading="loading"
+    icon="mdi-database-edit"
+    title="KV数据库管理"
+  >
     <v-list>
       <!-- 数据库连接状态 -->
       <v-list-item>
         <template #prepend>
-          <v-icon :color="connectionColor" :icon="connectionIcon" class="mr-3"/>
+          <v-icon
+            :color="connectionColor"
+            :icon="connectionIcon"
+            class="mr-3"
+          />
         </template>
         <v-list-item-title>数据库状态</v-list-item-title>
         <v-list-item-subtitle>{{ connectionStatus }}</v-list-item-subtitle>
         <template #append>
-          <v-btn :loading="loading" variant="tonal" @click="refreshConnection">
+          <v-btn
+            :loading="loading"
+            variant="tonal"
+            @click="refreshConnection"
+          >
             刷新
           </v-btn>
         </template>
       </v-list-item>
 
-      <v-divider class="my-2"/>
+      <v-divider class="my-2" />
 
       <!-- 数据列表 -->
       <v-list-item>
         <template #prepend>
-          <v-icon class="mr-3" icon="mdi-format-list-bulleted"/>
+          <v-icon
+            class="mr-3"
+            icon="mdi-format-list-bulleted"
+          />
         </template>
         <v-list-item-title>数据条目</v-list-item-title>
         <v-list-item-subtitle>共 {{ kvData.length }} 条记录</v-list-item-subtitle>
         <template #append>
           <v-btn-group variant="tonal">
-            <v-btn :loading="loadingData" @click="loadKvData">
+            <v-btn
+              :loading="loadingData"
+              @click="loadKvData"
+            >
               加载数据
             </v-btn>
-            <v-btn :disabled="!isKvProvider" @click="createNewItem">
-              <v-icon class="mr-1" icon="mdi-plus"/>
+            <v-btn
+              :disabled="!isKvProvider"
+              @click="createNewItem"
+            >
+              <v-icon
+                class="mr-1"
+                icon="mdi-plus"
+              />
               新建
             </v-btn>
             <v-btn @click="showMigrationDialog = true">
-              <v-icon class="mr-1" icon="mdi-cloud-upload"/>
+              <v-icon
+                class="mr-1"
+                icon="mdi-cloud-upload"
+              />
               从本地迁移
             </v-btn>
           </v-btn-group>
@@ -43,11 +70,18 @@
     </v-list>
 
     <!-- 数据表格 -->
-    <v-card v-if="kvData.length > 0" class="mt-4" variant="outlined">
+    <v-card
+      v-if="kvData.length > 0"
+      class="mt-4"
+      variant="outlined"
+    >
       <v-card-title class="d-flex align-center">
-        <v-icon class="mr-2" icon="mdi-table"/>
+        <v-icon
+          class="mr-2"
+          icon="mdi-table"
+        />
         KV数据列表
-        <v-spacer/>
+        <v-spacer />
         <v-text-field
           v-model="searchQuery"
           clearable
@@ -73,7 +107,10 @@
         </template>
 
         <template #[`item.actions`]="{ item }">
-          <v-btn-group density="compact" variant="text">
+          <v-btn-group
+            density="compact"
+            variant="text"
+          >
             <v-btn
               icon="mdi-eye"
               size="small"
@@ -106,13 +143,23 @@
     </v-card>
 
     <!-- 查看数据对话框 -->
-    <v-dialog v-model="viewDialog" max-width="800px">
+    <v-dialog
+      v-model="viewDialog"
+      max-width="800px"
+    >
       <v-card>
         <v-card-title class="d-flex align-center">
-          <v-icon class="mr-2" icon="mdi-eye"/>
+          <v-icon
+            class="mr-2"
+            icon="mdi-eye"
+          />
           查看数据
-          <v-spacer/>
-          <v-btn icon="mdi-close" variant="text" @click="viewDialog = false"/>
+          <v-spacer />
+          <v-btn
+            icon="mdi-close"
+            variant="text"
+            @click="viewDialog = false"
+          />
         </v-card-title>
 
         <v-card-subtitle v-if="selectedItem">
@@ -132,12 +179,21 @@
         </v-card-text>
 
         <v-card-actions>
-          <v-spacer/>
-          <v-btn variant="tonal" @click="copyToClipboard(selectedItem?.value)">
-            <v-icon class="mr-1" icon="mdi-content-copy"/>
+          <v-spacer />
+          <v-btn
+            variant="tonal"
+            @click="copyToClipboard(selectedItem?.value)"
+          >
+            <v-icon
+              class="mr-1"
+              icon="mdi-content-copy"
+            />
             复制数据
           </v-btn>
-          <v-btn variant="text" @click="viewDialog = false">
+          <v-btn
+            variant="text"
+            @click="viewDialog = false"
+          >
             关闭
           </v-btn>
         </v-card-actions>
@@ -145,13 +201,23 @@
     </v-dialog>
 
     <!-- 编辑数据对话框 -->
-    <v-dialog v-model="editDialog" max-width="800px">
+    <v-dialog
+      v-model="editDialog"
+      max-width="800px"
+    >
       <v-card>
         <v-card-title class="d-flex align-center">
-          <v-icon class="mr-2" icon="mdi-pencil"/>
+          <v-icon
+            class="mr-2"
+            icon="mdi-pencil"
+          />
           编辑数据
-          <v-spacer/>
-          <v-btn icon="mdi-close" variant="text" @click="closeEditDialog"/>
+          <v-spacer />
+          <v-btn
+            icon="mdi-close"
+            variant="text"
+            @click="closeEditDialog"
+          />
         </v-card-title>
 
         <v-card-subtitle v-if="editingItem">
@@ -171,8 +237,11 @@
         </v-card-text>
 
         <v-card-actions>
-          <v-spacer/>
-          <v-btn variant="text" @click="closeEditDialog">
+          <v-spacer />
+          <v-btn
+            variant="text"
+            @click="closeEditDialog"
+          >
             取消
           </v-btn>
           <v-btn
@@ -189,13 +258,23 @@
     </v-dialog>
 
     <!-- 新建数据对话框 -->
-    <v-dialog v-model="createDialog" max-width="800px">
+    <v-dialog
+      v-model="createDialog"
+      max-width="800px"
+    >
       <v-card>
         <v-card-title class="d-flex align-center">
-          <v-icon class="mr-2" icon="mdi-plus"/>
+          <v-icon
+            class="mr-2"
+            icon="mdi-plus"
+          />
           新建数据
-          <v-spacer/>
-          <v-btn icon="mdi-close" variant="text" @click="closeCreateDialog"/>
+          <v-spacer />
+          <v-btn
+            icon="mdi-close"
+            variant="text"
+            @click="closeCreateDialog"
+          />
         </v-card-title>
 
         <v-card-text>
@@ -215,15 +294,18 @@
             :error-messages="isValidNewJson ? [] : ['请输入有效的JSON格式']"
             class="font-monospace"
             label="数据内容 (JSON格式)"
-            placeholder='请输入JSON数据，如：{"name": "value"}'
+            placeholder="请输入JSON数据，如：{&quot;name&quot;: &quot;value&quot;}"
             rows="15"
             variant="outlined"
           />
         </v-card-text>
 
         <v-card-actions>
-          <v-spacer/>
-          <v-btn variant="text" @click="closeCreateDialog">
+          <v-spacer />
+          <v-btn
+            variant="text"
+            @click="closeCreateDialog"
+          >
             取消
           </v-btn>
           <v-btn
@@ -240,13 +322,23 @@
     </v-dialog>
 
     <!-- 云端地址对话框 -->
-    <v-dialog v-model="cloudUrlDialog" max-width="800px">
+    <v-dialog
+      v-model="cloudUrlDialog"
+      max-width="800px"
+    >
       <v-card>
         <v-card-title class="d-flex align-center">
-          <v-icon class="mr-2" icon="mdi-cloud-download"/>
+          <v-icon
+            class="mr-2"
+            icon="mdi-cloud-download"
+          />
           获取云端访问地址
-          <v-spacer/>
-          <v-btn icon="mdi-close" variant="text" @click="cloudUrlDialog = false"/>
+          <v-spacer />
+          <v-btn
+            icon="mdi-close"
+            variant="text"
+            @click="cloudUrlDialog = false"
+          />
         </v-card-title>
 
         <v-card-subtitle v-if="selectedCloudItem">
@@ -254,19 +346,43 @@
         </v-card-subtitle>
 
         <v-card-text>
-          <v-alert v-if="cloudUrlError" class="mb-4" type="error" variant="tonal">
+          <v-alert
+            v-if="cloudUrlError"
+            class="mb-4"
+            type="error"
+            variant="tonal"
+          >
             {{ cloudUrlError }}
           </v-alert>
 
-          <v-alert v-if="cloudUrlResult && cloudUrlResult.success" class="mb-4" type="success" variant="tonal">
+          <v-alert
+            v-if="cloudUrlResult && cloudUrlResult.success"
+            class="mb-4"
+            type="success"
+            variant="tonal"
+          >
             <v-alert-title>云端地址获取成功</v-alert-title>
             <div class="mt-2">
-              <div v-if="cloudUrlResult.migrated" class="mb-2">
-                <v-icon class="mr-1" color="success" icon="mdi-database-arrow-up"/>
+              <div
+                v-if="cloudUrlResult.migrated"
+                class="mb-2"
+              >
+                <v-icon
+                  class="mr-1"
+                  color="success"
+                  icon="mdi-database-arrow-up"
+                />
                 数据已从本地迁移到云端
               </div>
-              <div v-if="cloudUrlResult.configured" class="mb-2">
-                <v-icon class="mr-1" color="info" icon="mdi-cog"/>
+              <div
+                v-if="cloudUrlResult.configured"
+                class="mb-2"
+              >
+                <v-icon
+                  class="mr-1"
+                  color="info"
+                  icon="mdi-cog"
+                />
                 云端配置已自动设置
               </div>
             </div>
@@ -283,10 +399,16 @@
             @click:append-inner="copyCloudUrl"
           />
 
-          <v-expansion-panels v-if="cloudUrlResult && cloudUrlResult.url" class="mt-4">
+          <v-expansion-panels
+            v-if="cloudUrlResult && cloudUrlResult.url"
+            class="mt-4"
+          >
             <v-expansion-panel>
               <v-expansion-panel-title>
-                <v-icon class="mr-2" icon="mdi-cog"/>
+                <v-icon
+                  class="mr-2"
+                  icon="mdi-cog"
+                />
                 高级选项
               </v-expansion-panel-title>
               <v-expansion-panel-text>
@@ -307,7 +429,10 @@
                   variant="tonal"
                   @click="refreshCloudUrl"
                 >
-                  <v-icon class="mr-1" icon="mdi-refresh"/>
+                  <v-icon
+                    class="mr-1"
+                    icon="mdi-refresh"
+                  />
                   重新获取
                 </v-btn>
               </v-expansion-panel-text>
@@ -316,8 +441,11 @@
         </v-card-text>
 
         <v-card-actions>
-          <v-spacer/>
-          <v-btn variant="text" @click="cloudUrlDialog = false">
+          <v-spacer />
+          <v-btn
+            variant="text"
+            @click="cloudUrlDialog = false"
+          >
             关闭
           </v-btn>
           <v-btn
@@ -326,7 +454,10 @@
             variant="tonal"
             @click="openCloudUrl"
           >
-            <v-icon class="mr-1" icon="mdi-open-in-new"/>
+            <v-icon
+              class="mr-1"
+              icon="mdi-open-in-new"
+            />
             在新窗口打开
           </v-btn>
         </v-card-actions>
@@ -334,24 +465,37 @@
     </v-dialog>
 
     <!-- 删除确认对话框 -->
-    <v-dialog v-model="deleteDialog" max-width="400px">
+    <v-dialog
+      v-model="deleteDialog"
+      max-width="400px"
+    >
       <v-card>
         <v-card-title class="d-flex align-center text-error">
-          <v-icon class="mr-2" icon="mdi-alert"/>
+          <v-icon
+            class="mr-2"
+            icon="mdi-alert"
+          />
           确认删除
         </v-card-title>
 
         <v-card-text>
           确定要删除键名为 <code>{{ itemToDelete?.key }}</code> 的数据吗？
           <br><br>
-          <v-alert class="mt-2" type="warning" variant="tonal">
+          <v-alert
+            class="mt-2"
+            type="warning"
+            variant="tonal"
+          >
             此操作不可撤销，请谨慎操作！
           </v-alert>
         </v-card-text>
 
         <v-card-actions>
-          <v-spacer/>
-          <v-btn variant="text" @click="deleteDialog = false">
+          <v-spacer />
+          <v-btn
+            variant="text"
+            @click="deleteDialog = false"
+          >
             取消
           </v-btn>
           <v-btn
diff --git a/src/components/settings/cards/RandomPickerCard.vue b/src/components/settings/cards/RandomPickerCard.vue
index c2efd91..6bf9a44 100644
--- a/src/components/settings/cards/RandomPickerCard.vue
+++ b/src/components/settings/cards/RandomPickerCard.vue
@@ -1,22 +1,23 @@
 <template>
-  <settings-card icon="mdi-cog" title="编辑设置">
+  <settings-card
+    icon="mdi-cog"
+    title="编辑设置"
+  >
     <v-list>
-      <setting-item setting-key="randomPicker.enabled"/>
-      <v-divider class="my-2"/>
+      <setting-item setting-key="randomPicker.enabled" />
+      <v-divider class="my-2" />
 
-      <setting-item setting-key="randomPicker.mode"/>
-      <v-divider class="my-2"/>
-      <setting-item setting-key="randomPicker.minNumber"/>
-      <v-divider class="my-2"/>
-      <setting-item setting-key="randomPicker.maxNumber"/>
-      <v-divider class="my-2"/>
-      <setting-item setting-key="randomPicker.defaultCount"/>
-
-
-      <v-divider class="my-2"/>
-      <setting-item setting-key="randomPicker.animation"/>
+      <setting-item setting-key="randomPicker.mode" />
+      <v-divider class="my-2" />
+      <setting-item setting-key="randomPicker.minNumber" />
+      <v-divider class="my-2" />
+      <setting-item setting-key="randomPicker.maxNumber" />
+      <v-divider class="my-2" />
+      <setting-item setting-key="randomPicker.defaultCount" />
 
 
+      <v-divider class="my-2" />
+      <setting-item setting-key="randomPicker.animation" />
     </v-list>
   </settings-card>
 </template>
diff --git a/src/components/settings/cards/RefreshSettingsCard.vue b/src/components/settings/cards/RefreshSettingsCard.vue
index 9dabc08..e5725b9 100644
--- a/src/components/settings/cards/RefreshSettingsCard.vue
+++ b/src/components/settings/cards/RefreshSettingsCard.vue
@@ -1,13 +1,21 @@
 <template>
-  <settings-card icon="mdi-refresh-circle" title="刷新设置">
+  <settings-card
+    icon="mdi-refresh-circle"
+    title="刷新设置"
+  >
     <v-form>
       <v-list>
-        <setting-item setting-key="refresh.auto" title="自动刷新"/>
-        <v-divider class="my-2"/>
+        <setting-item
+          setting-key="refresh.auto"
+          title="自动刷新"
+        />
+        <v-divider class="my-2" />
 
-        <setting-item setting-key="refresh.interval" title="刷新间隔"/>
+        <setting-item
+          setting-key="refresh.interval"
+          title="刷新间隔"
+        />
       </v-list>
-
     </v-form>
   </settings-card>
 </template>
diff --git a/src/components/settings/cards/ServerSettingsCard.vue b/src/components/settings/cards/ServerSettingsCard.vue
index 7758ae5..1b1644f 100644
--- a/src/components/settings/cards/ServerSettingsCard.vue
+++ b/src/components/settings/cards/ServerSettingsCard.vue
@@ -118,6 +118,7 @@
 import SettingsCard from "@/components/SettingsCard.vue";
 import CloudNamespaceInfoCard from "./CloudNamespaceInfoCard.vue";
 import {getSetting, setSetting, watchSettings} from "@/utils/settings";
+import dataProvider from "@/utils/dataProvider";
 
 export default {
   name: "ServerSettingsCard",
@@ -132,7 +133,7 @@ export default {
       serverSettings: {
         provider: getSetting("server.provider"),
         domain: getSetting("server.domain"),
-        classNumber: getSetting("server.classNumber"),
+        classNumber: "加载中...",
         kvToken: getSetting("server.kvToken"),
       },
       // 用于监听设置变化时刷新 UI
@@ -186,19 +187,41 @@ export default {
   },
   methods: {
     // 从全局设置加载所有设置到本地
-    loadAllSettings() {
+    async loadAllSettings() {
       this.serverSettings = {
         provider: getSetting("server.provider"),
         domain: getSetting("server.domain"),
-        classNumber: getSetting("server.classNumber"),
+        classNumber: "加载中...",
         kvToken: getSetting("server.kvToken"),
       };
+      
+      try {
+        const res = await dataProvider.loadData("classworks-config-basic");
+        if (res && res.success !== false && res.classNumber) {
+          this.serverSettings.classNumber = res.classNumber;
+        } else {
+          this.serverSettings.classNumber = "我的班级";
+        }
+      } catch (e) {
+        this.serverSettings.classNumber = "我的班级";
+      }
     },
 
     // 保存所有本地设置到全局
     saveAllSettings() {
       Object.entries(this.serverSettings).forEach(([key, value]) => {
         const settingKey = `server.${key}`;
+        
+        if (key === 'classNumber') {
+          // Sync to server data so it's consistent
+          dataProvider.saveData("classworks-config-basic", { classNumber: value }).then(() => {
+            console.log(`班级名称已同步到服务器: ${value}`);
+          }).catch(e => {
+            console.error("无法保存班级到服务器配置", e);
+          });
+          return; // Skip saving classNumber to localStorage
+        }
+
         const currentValue = getSetting(settingKey);
 
         // 只有当值发生变化时才进行设置
diff --git a/src/components/settings/cards/SubjectManagementCard.vue b/src/components/settings/cards/SubjectManagementCard.vue
index ab6f6f7..654d737 100644
--- a/src/components/settings/cards/SubjectManagementCard.vue
+++ b/src/components/settings/cards/SubjectManagementCard.vue
@@ -58,10 +58,16 @@
     </div>
 
     <!-- 添加新科目 -->
-    <v-card class="mb-4" variant="outlined">
+    <v-card
+      class="mb-4"
+      variant="outlined"
+    >
       <v-card-text>
         <v-row>
-          <v-col cols="12" sm="6">
+          <v-col
+            cols="12"
+            sm="6"
+          >
             <v-text-field
               v-model="newSubjectName"
               :rules="[v => !!v || '科目名称不能为空']"
@@ -85,7 +91,7 @@
             v-for="(subject, index) in subjects"
             :key="subject.order"
           >
-            <template v-slot:prepend>
+            <template #prepend>
               <div class="d-flex flex-column align-center mr-2">
                 <v-btn
                   :disabled="index === 0"
@@ -114,7 +120,7 @@
               />
             </v-list-item-title>
 
-            <template v-slot:append>
+            <template #append>
               <v-btn
                 color="error"
                 icon="mdi-delete"
@@ -191,9 +197,13 @@ export default {
       this.loading = true;
       try {
         const response = await dataProvider.loadData("classworks-config-subject");
-        if (response) {
+        
+        // 兼容返回数组或包含 value 属性的对象
+        const dataArray = Array.isArray(response) ? response : (response && Array.isArray(response.value) ? response.value : null);
+
+        if (response && response.success !== false && dataArray) {
           // 数据存在且加载成功
-          this.subjects = response.map((subject, index) => ({
+          this.subjects = dataArray.map((subject, index) => ({
             name: subject.name,
             order: subject.order ?? index
           })).sort((a, b) => a.order - b.order);
@@ -203,7 +213,9 @@ export default {
           // 数据不存在，使用空数组
           this.subjects = [];
           this.originalSubjects = [];
-          this.showMessage('使用默认配置', 'info');
+          if (response && response.success === false) {
+             this.showMessage('未找到已有配置，使用默认配置', 'info');
+          }
         }
       } catch (error) {
         console.error('Failed to load config:', error);
diff --git a/src/components/settings/cards/ThemeSettingsCard.vue b/src/components/settings/cards/ThemeSettingsCard.vue
index 2fe3c9b..82b71c3 100644
--- a/src/components/settings/cards/ThemeSettingsCard.vue
+++ b/src/components/settings/cards/ThemeSettingsCard.vue
@@ -1,9 +1,15 @@
 <template>
-  <settings-card icon="mdi-palette" title="主题设置">
+  <settings-card
+    icon="mdi-palette"
+    title="主题设置"
+  >
     <v-list>
       <v-list-item>
         <template #prepend>
-          <v-icon class="mr-3" icon="mdi-theme-light-dark"/>
+          <v-icon
+            class="mr-3"
+            icon="mdi-theme-light-dark"
+          />
         </template>
         <v-list-item-title>主题模式</v-list-item-title>
         <v-list-item-subtitle>选择明亮或暗黑主题</v-list-item-subtitle>
@@ -14,11 +20,17 @@
             density="comfortable"
           >
             <v-btn value="light">
-              <v-icon class="mr-2" icon="mdi-white-balance-sunny"/>
+              <v-icon
+                class="mr-2"
+                icon="mdi-white-balance-sunny"
+              />
               明亮
             </v-btn>
             <v-btn value="dark">
-              <v-icon class="mr-2" icon="mdi-moon-waning-crescent"/>
+              <v-icon
+                class="mr-2"
+                icon="mdi-moon-waning-crescent"
+              />
               暗黑
             </v-btn>
           </v-btn-toggle>
@@ -37,6 +49,11 @@ export default {
   name: 'ThemeSettingsCard',
   components: {SettingsCard},
 
+  setup() {
+    const theme = useTheme();
+    return {theme};
+  },
+
   data() {
     return {
       localTheme: getSetting('theme.mode')
@@ -50,11 +67,6 @@ export default {
     }
   },
 
-  setup() {
-    const theme = useTheme();
-    return {theme};
-  },
-
   methods: {
     updateTheme(mode) {
       this.theme.global.name.value = mode;
diff --git a/src/main.js b/src/main.js
index 46d581a..1ae1254 100644
--- a/src/main.js
+++ b/src/main.js
@@ -27,35 +27,3 @@ app.component('GlobalMessage', GlobalMessage)
 app.mount('#app')
 
 // ====== 以下全部异步，不阻塞首屏渲染 ======
-
-// 异步初始化 Sentry（延迟到首帧渲染完成后，防止 errorHandler 与渲染周期冲突）
-setTimeout(() => {
-  import('./utils/sentry').then(({ initSentry }) => {
-    const router = app.config.globalProperties.$router
-    initSentry(app, router)
-  }).catch((err) => {
-    console.warn('Sentry 初始化失败:', err)
-  })
-}, 1000)
-
-// 异步加载 Clarity（在页面完全加载后）
-const loadClarity = async () => {
-  try {
-    const { getVisitorId } = await import('./utils/visitorId')
-    const Clarity = (await import('@microsoft/clarity')).default
-    Clarity.init('rhp8uqoc3l')
-
-    const visitorId = await getVisitorId()
-    console.log('Visitor ID:', visitorId)
-    Clarity.identify(visitorId)
-    Clarity.setTag('fingerprintjs', visitorId)
-  } catch (error) {
-    console.warn('Clarity 加载或标识设置失败:', error)
-  }
-}
-
-if (document.readyState === 'complete') {
-  loadClarity()
-} else {
-  window.addEventListener('load', loadClarity, { once: true })
-}
diff --git a/src/pages/404.vue b/src/pages/404.vue
index f599be7..74e17c4 100644
--- a/src/pages/404.vue
+++ b/src/pages/404.vue
@@ -1,5 +1,5 @@
 <template>
-  <error404/>
+  <error404 />
 </template>
 
 <script setup>
diff --git a/src/pages/CacheManagement.vue b/src/pages/CacheManagement.vue
index abb4858..c7853ab 100644
--- a/src/pages/CacheManagement.vue
+++ b/src/pages/CacheManagement.vue
@@ -3,39 +3,82 @@
     <v-row>
       <v-col cols="12">
         <div class="d-flex align-center mb-6">
-          <v-icon class="mr-3" color="primary" size="x-large">mdi-database-cog-outline</v-icon>
+          <v-icon
+            class="mr-3"
+            color="primary"
+            size="x-large"
+          >
+            mdi-database-cog-outline
+          </v-icon>
           <div>
-            <h1 class="text-h4 ">缓存管理</h1>
-            <div class="text-subtitle-1 text-grey">管理应用的本地缓存资源</div>
+            <h1 class="text-h4 ">
+              缓存管理
+            </h1>
+            <div class="text-subtitle-1 text-grey">
+              管理应用的本地缓存资源
+            </div>
           </div>
         </div>
 
-        <v-card class="mb-6" color="info" density="compact" variant="tonal">
+        <v-card
+          class="mb-6"
+          color="info"
+          density="compact"
+          variant="tonal"
+        >
           <v-card-text class="d-flex align-center">
-            <v-icon class="mr-2" color="info">mdi-information-outline</v-icon>
+            <v-icon
+              class="mr-2"
+              color="info"
+            >
+              mdi-information-outline
+            </v-icon>
             <span>在这里您可以查看和管理应用的缓存文件。清除缓存可能会导致应用需要重新下载资源，但有助于解决某些显示问题。</span>
           </v-card-text>
         </v-card>
 
         <v-row>
-          <v-col cols="12" md="8">
-            <v-card class="mb-4" variant="tonal">
+          <v-col
+            cols="12"
+            md="8"
+          >
+            <v-card
+              class="mb-4"
+              variant="tonal"
+            >
               <v-card-text>
                 <div class="d-flex align-center mb-2">
-                  <v-icon class="mr-2" color="primary">mdi-information</v-icon>
+                  <v-icon
+                    class="mr-2"
+                    color="primary"
+                  >
+                    mdi-information
+                  </v-icon>
                   <span class="text-h6">什么是缓存？</span>
                 </div>
                 <p>
-                  缓存是浏览器在本地存储的网站资源副本，如图片、脚本和样式表等。这些缓存可以加快页面加载速度，减少数据使用，并在离线时提供基本功能。</p>
+                  缓存是浏览器在本地存储的网站资源副本，如图片、脚本和样式表等。这些缓存可以加快页面加载速度，减少数据使用，并在离线时提供基本功能。
+                </p>
               </v-card-text>
             </v-card>
           </v-col>
 
-          <v-col cols="12" md="4">
-            <v-card class="mb-4" variant="tonal">
+          <v-col
+            cols="12"
+            md="4"
+          >
+            <v-card
+              class="mb-4"
+              variant="tonal"
+            >
               <v-card-text>
                 <div class="d-flex align-center mb-2">
-                  <v-icon class="mr-2" color="warning">mdi-lightbulb-outline</v-icon>
+                  <v-icon
+                    class="mr-2"
+                    color="warning"
+                  >
+                    mdi-lightbulb-outline
+                  </v-icon>
                   <span class="text-h6">何时清除缓存？</span>
                 </div>
                 <ul class="pl-4">
@@ -48,7 +91,7 @@
           </v-col>
         </v-row>
 
-        <CacheManager/>
+        <CacheManager />
       </v-col>
     </v-row>
   </v-container>
diff --git a/src/pages/authorize.vue b/src/pages/authorize.vue
index 34db133..f562dcf 100644
--- a/src/pages/authorize.vue
+++ b/src/pages/authorize.vue
@@ -1,7 +1,17 @@
 <template>
-  <v-container class="fill-height" fluid>
-    <v-row align="center" justify="center">
-      <v-col cols="12" md="6" sm="8">
+  <v-container
+    class="fill-height"
+    fluid
+  >
+    <v-row
+      align="center"
+      justify="center"
+    >
+      <v-col
+        cols="12"
+        md="6"
+        sm="8"
+      >
         <v-card>
           <v-card-title class="text-h5">
             {{ status === 'processing' ? '正在处理授权...' : status === 'success' ? '授权成功' : '授权失败' }}
@@ -12,12 +22,17 @@
               class="mb-4"
               color="primary"
               indeterminate
-            ></v-progress-linear>
+            />
             <p>{{ message }}</p>
           </v-card-text>
           <v-card-actions v-if="status !== 'processing'">
-            <v-spacer></v-spacer>
-            <v-btn color="primary" @click="goToHome">返回首页</v-btn>
+            <v-spacer />
+            <v-btn
+              color="primary"
+              @click="goToHome"
+            >
+              返回首页
+            </v-btn>
           </v-card-actions>
         </v-card>
       </v-col>
diff --git a/src/pages/cses2wakeup.vue b/src/pages/cses2wakeup.vue
index 52b4310..b442fbb 100644
--- a/src/pages/cses2wakeup.vue
+++ b/src/pages/cses2wakeup.vue
@@ -2,9 +2,17 @@
   <v-container class="fill-height">
     <v-row>
       <v-col cols="12">
-        <v-card class="elevation-12" border>
+        <v-card
+          class="elevation-12"
+          border
+        >
           <v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
-            <v-icon color="white" class="mr-2">mdi-swap-horizontal</v-icon>
+            <v-icon
+              color="white"
+              class="mr-2"
+            >
+              mdi-swap-horizontal
+            </v-icon>
             课程表转换工具
           </v-card-title>
           <v-card-subtitle>
@@ -22,7 +30,9 @@
               @click:close="error = ''"
             >
               <div class="d-flex align-center">
-                <v-icon class="mr-2">mdi-alert-circle</v-icon>
+                <v-icon class="mr-2">
+                  mdi-alert-circle
+                </v-icon>
                 {{ error }}
               </div>
             </v-alert>
@@ -38,38 +48,75 @@
               @click:close="success = ''"
             >
               <div class="d-flex align-center">
-                <v-icon class="mr-2">mdi-check-circle</v-icon>
+                <v-icon class="mr-2">
+                  mdi-check-circle
+                </v-icon>
                 {{ success }}
               </div>
             </v-alert>
 
             <!-- 输入方式选择 -->
-            <v-tabs v-model="activeTab" class="mb-4 mx-2" color="primary" rounded>
-              <v-tab value="text" class="px-5">
-                <v-icon start>mdi-text-box</v-icon>
+            <v-tabs
+              v-model="activeTab"
+              class="mb-4 mx-2"
+              color="primary"
+              rounded
+            >
+              <v-tab
+                value="text"
+                class="px-5"
+              >
+                <v-icon start>
+                  mdi-text-box
+                </v-icon>
                 文本粘贴
               </v-tab>
-              <v-tab value="file" class="px-5">
-                <v-icon start>mdi-file-upload</v-icon>
+              <v-tab
+                value="file"
+                class="px-5"
+              >
+                <v-icon start>
+                  mdi-file-upload
+                </v-icon>
                 文件上传
               </v-tab>
             </v-tabs>
 
             <!-- 格式选择 -->
-            <v-btn-toggle v-model="formatMode" color="primary" class="mb-4 mx-2" mandatory density="comfortable" border
-                          rounded>
-              <v-btn value="auto">自动检测</v-btn>
-              <v-btn value="json">JSON</v-btn>
-              <v-btn value="yaml" :disabled="!yamlLibLoaded">
+            <v-btn-toggle
+              v-model="formatMode"
+              color="primary"
+              class="mb-4 mx-2"
+              mandatory
+              density="comfortable"
+              border
+              rounded
+            >
+              <v-btn value="auto">
+                自动检测
+              </v-btn>
+              <v-btn value="json">
+                JSON
+              </v-btn>
+              <v-btn
+                value="yaml"
+                :disabled="!yamlLibLoaded"
+              >
                 YAML
-                <v-tooltip activator="parent" location="bottom">
+                <v-tooltip
+                  activator="parent"
+                  location="bottom"
+                >
                   {{ yamlLibLoaded ? 'YAML解析库已加载' : '正在加载YAML解析库...' }}
                 </v-tooltip>
               </v-btn>
             </v-btn-toggle>
 
             <!-- 添加当前检测到的格式提示 -->
-            <div v-if="jsonText && formatMode === 'auto'" class="text-caption mb-2">
+            <div
+              v-if="jsonText && formatMode === 'auto'"
+              class="text-caption mb-2"
+            >
               检测到的格式: {{ isYaml(jsonText) ? 'YAML' : 'JSON' }}
             </div>
 
@@ -85,7 +132,7 @@
                     rows="6"
                     placeholder="请在此粘贴CSES格式的数据..."
                     @input="handleTextChange"
-                  ></v-textarea>
+                  />
                 </div>
               </v-window-item>
               <v-window-item value="file">
@@ -96,13 +143,13 @@
                   prepend-icon="mdi-file-upload"
                   :loading="loading"
                   :disabled="loading"
-                  @change="handleFileChange"
                   hint="支持JSON、YAML格式文件"
                   persistent-hint
                   :rules="[
                     v => !v || v.size < 2000000 || '文件大小不能超过 2 MB',
                   ]"
-                ></v-file-input>
+                  @change="handleFileChange"
+                />
 
                 <v-alert
                   v-if="file && formatMode === 'auto'"
@@ -118,17 +165,33 @@
 
             <!-- 设置面板 -->
             <v-col cols="12">
-              <v-card flat class="pa-4  rounded-lg" border>
+              <v-card
+                flat
+                class="pa-4  rounded-lg"
+                border
+              >
                 <div class="d-flex align-center mb-3">
-                  <v-icon color="primary" class="mr-2">mdi-calendar-multiselect</v-icon>
-                  <h3 class="text-subtitle-1 font-weight-medium mr-auto">选择导出天数</h3>
+                  <v-icon
+                    color="primary"
+                    class="mr-2"
+                  >
+                    mdi-calendar-multiselect
+                  </v-icon>
+                  <h3 class="text-subtitle-1 font-weight-medium mr-auto">
+                    选择导出天数
+                  </h3>
                   <v-btn
                     variant="text"
                     color="primary"
                     class="ml-2"
                     @click="selectAllDays"
                   >
-                    <v-icon start size="small">mdi-checkbox-multiple-marked</v-icon>
+                    <v-icon
+                      start
+                      size="small"
+                    >
+                      mdi-checkbox-multiple-marked
+                    </v-icon>
                     全选
                   </v-btn>
                   <v-btn
@@ -137,19 +200,37 @@
                     class="ml-2"
                     @click="clearSelectedDays"
                   >
-                    <v-icon start size="small">mdi-checkbox-multiple-blank-outline</v-icon>
+                    <v-icon
+                      start
+                      size="small"
+                    >
+                      mdi-checkbox-multiple-blank-outline
+                    </v-icon>
                     清除
                   </v-btn>
                 </div>
-                <v-chip-group v-model="selectedDays" multiple class="mb-2" color="primary">
-                  <v-chip v-for="day in 7" :key="day" :value="day" filter variant="tonal" class="filter-chip" label>
+                <v-chip-group
+                  v-model="selectedDays"
+                  multiple
+                  class="mb-2"
+                  color="primary"
+                >
+                  <v-chip
+                    v-for="day in 7"
+                    :key="day"
+                    :value="day"
+                    filter
+                    variant="tonal"
+                    class="filter-chip"
+                    label
+                  >
                     {{ dayNames[day] }}
                     <v-badge
                       v-if="getDaySchedule(day).length > 0"
                       :content="getDaySchedule(day).length"
                       color="primary"
                       inline
-                    ></v-badge>
+                    />
                   </v-chip>
                 </v-chip-group>
               </v-card>
@@ -157,31 +238,51 @@
 
             <!-- 改进设置选项卡，显示为开关组 -->
             <v-col cols="12">
-              <v-card flat class="pa-4  rounded-lg" border>
+              <v-card
+                flat
+                class="pa-4  rounded-lg"
+                border
+              >
                 <div class="d-flex align-center mb-3">
-                  <v-icon color="primary" class="mr-2">mdi-cog</v-icon>
-                  <h3 class="text-subtitle-1 font-weight-medium">显示配置</h3>
+                  <v-icon
+                    color="primary"
+                    class="mr-2"
+                  >
+                    mdi-cog
+                  </v-icon>
+                  <h3 class="text-subtitle-1 font-weight-medium">
+                    显示配置
+                  </h3>
                 </div>
                 <v-row>
-                  <v-col cols="12" sm="6">
+                  <v-col
+                    cols="12"
+                    sm="6"
+                  >
                     <v-switch
                       v-model="settings.hideTeacherName"
                       label="不显示教师姓名"
                       color="primary"
                       inset
                       hide-details
-                    ></v-switch>
+                    />
                   </v-col>
-                  <v-col cols="12" sm="6">
+                  <v-col
+                    cols="12"
+                    sm="6"
+                  >
                     <v-switch
                       v-model="settings.hideRoom"
                       label="不显示教室信息"
                       color="primary"
                       inset
                       hide-details
-                    ></v-switch>
+                    />
                   </v-col>
-                  <v-col cols="12" sm="6">
+                  <v-col
+                    cols="12"
+                    sm="6"
+                  >
                     <v-text-field
                       v-model.number="settings.totalWeeks"
                       label="总周数"
@@ -193,19 +294,23 @@
                       variant="outlined"
                       prepend-inner-icon="mdi-calendar-week"
                       class="mt-3"
-                    ></v-text-field>
+                    />
                   </v-col>
                 </v-row>
               </v-card>
             </v-col>
 
             <!-- 添加加载状态的骨架屏 -->
-            <v-card v-if="loading" class="my-4" outlined>
+            <v-card
+              v-if="loading"
+              class="my-4"
+              outlined
+            >
               <v-card-text>
                 <v-skeleton-loader
                   type="table"
                   class="mx-auto"
-                ></v-skeleton-loader>
+                />
               </v-card-text>
             </v-card>
 
@@ -230,12 +335,31 @@
             </v-alert>
 
             <!-- 课程表预览 -->
-            <v-card v-if="processedData" class="my-4" elevation="1">
+            <v-card
+              v-if="processedData"
+              class="my-4"
+              elevation="1"
+            >
               <v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
-                <v-icon color="primary" class="mr-2">mdi-table</v-icon>
+                <v-icon
+                  color="primary"
+                  class="mr-2"
+                >
+                  mdi-table
+                </v-icon>
                 <span class="font-weight-bold">课程表</span>
-                <v-chip color="primary" class="ml-3" size="small" pill>
-                  <v-icon start size="x-small">mdi-book-open-variant</v-icon>
+                <v-chip
+                  color="primary"
+                  class="ml-3"
+                  size="small"
+                  pill
+                >
+                  <v-icon
+                    start
+                    size="x-small"
+                  >
+                    mdi-book-open-variant
+                  </v-icon>
                   {{ processedData.tableData.length }} 节课程
                 </v-chip>
               </v-card-title>
@@ -263,8 +387,15 @@
                     />
                   </template>
 
-                  <template v-for="day in 7" #[`item.${day}`]="{ item }" :key="day">
-                    <div v-if="item[day]" class="course-cell">
+                  <template
+                    v-for="day in 7"
+                    #[`item.${day}`]="{ item }"
+                    :key="day"
+                  >
+                    <div
+                      v-if="item[day]"
+                      class="course-cell"
+                    >
                       <template v-if="Array.isArray(item[day])">
                         <div
                           v-for="(course, index) in item[day]"
@@ -275,12 +406,12 @@
                           <span
                             v-if="!settings.hideTeacherName && course.teacher"
                           >
-                            <br/>{{ course.teacher }}
+                            <br>{{ course.teacher }}
                           </span>
                           <span
                             v-if="!settings.hideRoom && course.room"
                           >
-                            <br/>{{ course.room }}
+                            <br>{{ course.room }}
                           </span>
                           <span
                             v-if="course.weekType"
@@ -295,12 +426,12 @@
                         <span
                           v-if="!settings.hideTeacherName && item[day].teacher"
                         >
-                          <br/>{{ item[day].teacher }}
+                          <br>{{ item[day].teacher }}
                         </span>
                         <span
                           v-if="!settings.hideRoom && item[day].room"
                         >
-                          <br/>{{ item[day].room }}
+                          <br>{{ item[day].room }}
                         </span>
                         <span
                           v-if="item[day].weekType"
@@ -316,18 +447,48 @@
             </v-card>
 
             <!-- 时间表 -->
-            <v-card v-if="hasExportData" class="my-4" elevation="1">
+            <v-card
+              v-if="hasExportData"
+              class="my-4"
+              elevation="1"
+            >
               <v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
-                <v-icon color="primary" class="mr-2">mdi-timetable</v-icon>
+                <v-icon
+                  color="primary"
+                  class="mr-2"
+                >
+                  mdi-timetable
+                </v-icon>
                 <span class="font-weight-bold">每日课程时间表</span>
-                <v-chip class="ml-3" size="small" color="primary" pill>
-                  <v-icon start size="x-small">mdi-clock-outline</v-icon>
+                <v-chip
+                  class="ml-3"
+                  size="small"
+                  color="primary"
+                  pill
+                >
+                  <v-icon
+                    start
+                    size="x-small"
+                  >
+                    mdi-clock-outline
+                  </v-icon>
                   {{ totalClassHours }} 课时
                 </v-chip>
                 <v-tooltip v-if="exportPeriods.length > 0">
-                  <template v-slot:activator="{ props }">
-                    <v-chip class="ml-2" size="small" color="info" v-bind="props" pill>
-                      <v-icon start size="x-small">mdi-information-outline</v-icon>
+                  <template #activator="{ props }">
+                    <v-chip
+                      class="ml-2"
+                      size="small"
+                      color="info"
+                      v-bind="props"
+                      pill
+                    >
+                      <v-icon
+                        start
+                        size="x-small"
+                      >
+                        mdi-information-outline
+                      </v-icon>
                       节次已重排
                     </v-chip>
                   </template>
@@ -336,93 +497,165 @@
               </v-card-title>
               <v-card-text>
                 <!-- 美化日期导航标签 -->
-                <v-tabs v-if="daysWithSchedule.length > 0" v-model="activeDay" class="mb-4" color="primary" grow
-                        align-tabs="center">
-                  <v-tab v-for="day in daysWithSchedule" :key="day" :value="day" class="px-2 font-weight-medium">
+                <v-tabs
+                  v-if="daysWithSchedule.length > 0"
+                  v-model="activeDay"
+                  class="mb-4"
+                  color="primary"
+                  grow
+                  align-tabs="center"
+                >
+                  <v-tab
+                    v-for="day in daysWithSchedule"
+                    :key="day"
+                    :value="day"
+                    class="px-2 font-weight-medium"
+                  >
                     {{ dayNames[day] }}
                     <v-badge
                       :content="getDaySchedule(day).length"
                       color="primary"
                       inline
-                    ></v-badge>
+                    />
                   </v-tab>
                 </v-tabs>
 
                 <!-- 当前选中日期的课程表 -->
                 <v-window v-model="activeDay">
-                  <v-window-item v-for="day in daysWithSchedule" :key="day" :value="day">
-                    <v-table density="compact" class="rounded" :headers-length="6" disable-sort>
+                  <v-window-item
+                    v-for="day in daysWithSchedule"
+                    :key="day"
+                    :value="day"
+                  >
+                    <v-table
+                      density="compact"
+                      class="rounded"
+                      :headers-length="6"
+                      disable-sort
+                    >
                       <thead>
-                      <tr>
-                        <th class="text-center">节次</th>
-                        <th>课程</th>
-                        <th>时间</th>
-                        <th>教师</th>
-                        <th>教室</th>
-                        <th>周次</th>
-                      </tr>
+                        <tr>
+                          <th class="text-center">
+                            节次
+                          </th>
+                          <th>课程</th>
+                          <th>时间</th>
+                          <th>教师</th>
+                          <th>教室</th>
+                          <th>周次</th>
+                        </tr>
                       </thead>
                       <tbody>
-                      <template v-for="(group, index) in groupByPeriod(getDaySchedule(day))" :key="index">
-                        <tr>
-                          <td class="text-center font-weight-bold">
-                            {{ group.period }}
-                            <v-tooltip v-if="group.originalPeriod !== group.period">
-                              <template v-slot:activator="{ props }">
-                                <v-icon size="x-small" v-bind="props" color="info" class="ml-1">mdi-sync</v-icon>
+                        <template
+                          v-for="(group, index) in groupByPeriod(getDaySchedule(day))"
+                          :key="index"
+                        >
+                          <tr>
+                            <td class="text-center font-weight-bold">
+                              {{ group.period }}
+                              <v-tooltip v-if="group.originalPeriod !== group.period">
+                                <template #activator="{ props }">
+                                  <v-icon
+                                    size="x-small"
+                                    v-bind="props"
+                                    color="info"
+                                    class="ml-1"
+                                  >
+                                    mdi-sync
+                                  </v-icon>
+                                </template>
+                                原节次: {{ group.originalPeriod }}
+                              </v-tooltip>
+                            </td>
+                            <td>
+                              <div
+                                v-for="(item, i) in group.items"
+                                :key="i"
+                                class="mb-1"
+                              >
+                                <v-chip
+                                  size="small"
+                                  :color="getSubjectColor(item.subject)"
+                                  label
+                                  text-color="white"
+                                  class="mr-1"
+                                >
+                                  {{ item.subject }}
+                                </v-chip>
+                                <v-chip
+                                  v-if="group.items.length > 1"
+                                  size="x-small"
+                                  class="ml-1"
+                                  :color="item.weekType === '单' ? 'warning' : 'success'"
+                                >
+                                  {{ item.weekType }}周
+                                </v-chip>
+                              </div>
+                            </td>
+                            <td>
+                              <div
+                                v-for="(timeSlot, i) in group.uniqueTimeSlots"
+                                :key="i"
+                                class="mb-1"
+                              >
+                                <v-chip
+                                  size="x-small"
+                                  class="time-chip"
+                                >
+                                  {{ formatTime(timeSlot.startTime) }} - {{ formatTime(timeSlot.endTime) }}
+                                </v-chip>
+                              </div>
+                            </td>
+                            <td>
+                              <template v-if="!settings.hideTeacherName">
+                                <div
+                                  v-for="(item, i) in group.items"
+                                  :key="i"
+                                  class="mb-1"
+                                >
+                                  {{ item.teacher || '-' }}
+                                </div>
                               </template>
-                              原节次: {{ group.originalPeriod }}
-                            </v-tooltip>
-                          </td>
-                          <td>
-                            <div v-for="(item, i) in group.items" :key="i" class="mb-1">
-                              <v-chip size="small" :color="getSubjectColor(item.subject)" label text-color="white"
-                                      class="mr-1">
-                                {{ item.subject }}
-                              </v-chip>
-                              <v-chip v-if="group.items.length > 1" size="x-small" class="ml-1"
-                                      :color="item.weekType === '单' ? 'warning' : 'success'">
-                                {{ item.weekType }}周
-                              </v-chip>
-                            </div>
-                          </td>
-                          <td>
-                            <div v-for="(timeSlot, i) in group.uniqueTimeSlots" :key="i" class="mb-1">
-                              <v-chip size="x-small" class="time-chip">
-                                {{ formatTime(timeSlot.startTime) }} - {{ formatTime(timeSlot.endTime) }}
-                              </v-chip>
-                            </div>
-                          </td>
-                          <td>
-                            <template v-if="!settings.hideTeacherName">
-                              <div v-for="(item, i) in group.items" :key="i" class="mb-1">
-                                {{ item.teacher || '-' }}
+                              <template v-else>
+                                -
+                              </template>
+                            </td>
+                            <td>
+                              <template v-if="!settings.hideRoom">
+                                <div
+                                  v-for="(item, i) in group.items"
+                                  :key="i"
+                                  class="mb-1"
+                                >
+                                  {{ item.room || '-' }}
+                                </div>
+                              </template>
+                              <template v-else>
+                                -
+                              </template>
+                            </td>
+                            <td>
+                              <div
+                                v-for="(item, i) in group.items"
+                                :key="i"
+                                class="mb-1"
+                              >
+                                {{ item.weeks }}
                               </div>
-                            </template>
-                            <template v-else>-</template>
-                          </td>
-                          <td>
-                            <template v-if="!settings.hideRoom">
-                              <div v-for="(item, i) in group.items" :key="i" class="mb-1">
-                                {{ item.room || '-' }}
-                              </div>
-                            </template>
-                            <template v-else>-</template>
-                          </td>
-                          <td>
-                            <div v-for="(item, i) in group.items" :key="i" class="mb-1">
-                              {{ item.weeks }}
-                            </div>
-                          </td>
-                        </tr>
-                      </template>
+                            </td>
+                          </tr>
+                        </template>
                       </tbody>
                     </v-table>
                   </v-window-item>
                 </v-window>
 
                 <!-- 无数据提示 -->
-                <v-alert v-if="hasExportData && daysWithSchedule.length === 0" type="info" class="mt-3">
+                <v-alert
+                  v-if="hasExportData && daysWithSchedule.length === 0"
+                  type="info"
+                  class="mt-3"
+                >
                   没有找到任何课程数据
                 </v-alert>
               </v-card-text>
@@ -430,24 +663,24 @@
           </v-card-text>
 
           <v-card-actions class="">
-            <v-spacer></v-spacer>
+            <v-spacer />
             <v-btn
               color="primary"
               variant="outlined"
               :loading="loading"
               :disabled="(!jsonText && !file) || loading"
-              @click="processInput"
               prepend-icon="mdi-cog-refresh"
+              @click="processInput"
             >
               处理数据
             </v-btn>
             <v-btn
               color="info"
               :disabled="!hasExportData"
-              @click="showExportPreview"
               class="ml-2"
               prepend-icon="mdi-eye"
               border
+              @click="showExportPreview"
             >
               刷新
             </v-btn>
@@ -455,10 +688,10 @@
               color="success"
               variant="outlined"
               :disabled="!hasExportData"
-              @click="downloadCSV"
               class="ml-2"
               prepend-icon="mdi-download"
               border
+              @click="downloadCSV"
             >
               下载CSV
             </v-btn>
@@ -735,6 +968,22 @@ export default {
       return days;
     }
   },
+  async mounted() {
+    // 加载YAML解析库
+    try {
+      await loadJsYaml();
+      this.yamlLibLoaded = true;
+    } catch (error) {
+      this.error = error.message;
+    }
+
+    // 监听daysWithSchedule变化，设置默认选中的日期
+    this.$watch('daysWithSchedule', (newVal) => {
+      if (newVal.length > 0 && !this.activeDay) {
+        this.activeDay = newVal[0];
+      }
+    });
+  },
   methods: {
     async handleFileChange() {
       this.resetData();
@@ -762,7 +1011,7 @@ export default {
 
       // 读取文件内容
       try {
-        const reader = new FileReader();
+        const reader = new window.FileReader();
         reader.onload = async (fileEvent) => {
           try {
             this.jsonText = fileEvent.target.result;
@@ -1026,7 +1275,7 @@ export default {
 
       // 添加BOM头以确保Excel正确识别UTF-8编码
       const BOM = "\uFEFF";
-      const blob = new Blob([BOM + csvContent], {
+      const blob = new window.Blob([BOM + csvContent], {
         type: "text/csv;charset=utf-8",
       });
 
@@ -1241,22 +1490,6 @@ export default {
     clearSelectedDays() {
       this.selectedDays = [];
     }
-  },
-  async mounted() {
-    // 加载YAML解析库
-    try {
-      await loadJsYaml();
-      this.yamlLibLoaded = true;
-    } catch (error) {
-      this.error = error.message;
-    }
-
-    // 监听daysWithSchedule变化，设置默认选中的日期
-    this.$watch('daysWithSchedule', (newVal) => {
-      if (newVal.length > 0 && !this.activeDay) {
-        this.activeDay = newVal[0];
-      }
-    });
   }
 };
 </script>
diff --git a/src/pages/debug-init.vue b/src/pages/debug-init.vue
index 0a9a87e..6154ee7 100644
--- a/src/pages/debug-init.vue
+++ b/src/pages/debug-init.vue
@@ -26,7 +26,7 @@
                 label="server.authDomain"
               />
             </v-form>
-            <v-divider class="my-4"/>
+            <v-divider class="my-4" />
 
             <v-btn
               class="me-2"
diff --git a/src/pages/debug-socket.vue b/src/pages/debug-socket.vue
index f7f9ad9..6fbedd0 100644
--- a/src/pages/debug-socket.vue
+++ b/src/pages/debug-socket.vue
@@ -42,7 +42,7 @@
                 <v-list-item-subtitle>{{ currentDataKey }}</v-list-item-subtitle>
               </v-list-item>
             </v-list>
-            <v-divider class="my-4"/>
+            <v-divider class="my-4" />
             <v-row>
               <v-col
                 cols="12"
@@ -83,11 +83,17 @@
                 </v-btn>
               </v-col>
             </v-row>
-            <v-divider class="my-4"/>
+            <v-divider class="my-4" />
             <v-row>
               <v-col cols="12">
-                <v-card border color="primary" variant="tonal">
-                  <v-card-title class="text-subtitle-1">聊天室消息</v-card-title>
+                <v-card
+                  border
+                  color="primary"
+                  variant="tonal"
+                >
+                  <v-card-title class="text-subtitle-1">
+                    聊天室消息
+                  </v-card-title>
                   <v-card-text>
                     <v-textarea
                       v-model="chatInput"
@@ -97,7 +103,7 @@
                       rows="2"
                     />
                     <div class="d-flex">
-                      <v-spacer/>
+                      <v-spacer />
                       <v-btn
                         :disabled="!canSendChat"
                         color="primary"
@@ -178,7 +184,7 @@
         <v-card border>
           <v-card-title class="d-flex align-center">
             事件日志
-            <v-spacer/>
+            <v-spacer />
             <v-btn
               color="error"
               size="small"
diff --git a/src/pages/debug.vue b/src/pages/debug.vue
index c2a497d..f5a5e9e 100644
--- a/src/pages/debug.vue
+++ b/src/pages/debug.vue
@@ -6,13 +6,19 @@
         请将这个ID复制并私聊给开发者，以便进行问题排查。
       </v-card-subtitle>
       <v-card-text>
-        <div class="text-h6 mb-2">访客 ID</div>
+        <div class="text-h6 mb-2">
+          访客 ID
+        </div>
         <v-code class="d-block pa-2 bg-grey-lighten-4 rounded mb-4">
           {{ visitorId || '加载中...' }}
         </v-code>
       </v-card-text>
       <v-card-actions>
-        <v-btn color="primary" @click="loadData" :loading="loading">
+        <v-btn
+          color="primary"
+          :loading="loading"
+          @click="loadData"
+        >
           Refresh
         </v-btn>
       </v-card-actions>
diff --git a/src/pages/exam-editor/[id].vue b/src/pages/exam-editor/[id].vue
index ed6cb88..c1b5d98 100644
--- a/src/pages/exam-editor/[id].vue
+++ b/src/pages/exam-editor/[id].vue
@@ -11,7 +11,7 @@
       <v-app-bar-title class="text-h6">
         编辑考试配置
       </v-app-bar-title>
-      <v-spacer/>
+      <v-spacer />
       <v-btn
         :loading="saving"
         color="success"
diff --git a/src/pages/examschedule.vue b/src/pages/examschedule.vue
deleted file mode 100644
index fc0cdd5..0000000
--- a/src/pages/examschedule.vue
+++ /dev/null
@@ -1,1403 +0,0 @@
-<template>
-  <v-container class="fill-height">
-    <v-row>
-      <v-col cols="12">
-        <v-card border class="elevation-12">
-          <v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
-            <v-icon class="mr-2" color="white">mdi-calendar-check</v-icon>
-            考试看板
-          </v-card-title>
-          <v-card-subtitle>
-            不只是考试看板。
-          </v-card-subtitle>
-          <v-card-text>
-            <!-- 错误提示 -->
-            <v-alert
-              v-if="error"
-              border="start"
-              class="mb-4 mt-3 mx-2"
-              closable
-              type="error"
-              variant="tonal"
-              @click:close="error = ''"
-            >
-              <div class="d-flex align-center">
-                <v-icon class="mr-2">mdi-alert-circle</v-icon>
-                {{ error }}
-              </div>
-            </v-alert>
-
-            <!-- 成功提示 -->
-            <v-alert
-              v-if="success"
-              border="start"
-              class="mb-4 mt-3 mx-2"
-              closable
-              type="success"
-              variant="tonal"
-              @click:close="success = ''"
-            >
-              <div class="d-flex align-center">
-                <v-icon class="mr-2">mdi-check-circle</v-icon>
-                {{ success }}
-              </div>
-            </v-alert>
-
-            <!-- 操作按钮 -->
-            <div class="d-flex justify-space-between align-center mb-4">
-              <div class="d-flex align-center">
-                <v-btn
-                  class="mr-2"
-                  color="primary"
-                  prepend-icon="mdi-plus"
-                  @click="createNewConfig"
-                >
-                  新建配置
-                </v-btn>
-                <v-btn
-                  class="mr-2"
-                  color="success"
-                  prepend-icon="mdi-import"
-                  variant="outlined"
-                  @click="showImportDialog"
-                >
-                  导入配置
-                </v-btn>
-                <v-btn
-                  class="mr-2"
-                  color="purple"
-                  prepend-icon="mdi-brain"
-                  variant="outlined"
-                  @click="showAIDialog"
-                >
-                  AI生成
-                </v-btn>
-                <v-btn
-                  :loading="loading"
-                  color="info"
-                  prepend-icon="mdi-refresh"
-                  variant="outlined"
-                  @click="loadConfigs"
-                >
-                  刷新
-                </v-btn>
-              </div>
-              <v-chip
-                v-if="configs.length > 0"
-                color="primary"
-                prepend-icon="mdi-format-list-numbered"
-              >
-                {{ configs.length }} 个配置
-              </v-chip>
-            </div>
-
-            <!-- 加载状态 -->
-            <v-card v-if="loading" class="my-4" outlined>
-              <v-card-text>
-                <v-skeleton-loader
-                  class="mx-auto"
-                  type="list-item-avatar-two-line@3"
-                ></v-skeleton-loader>
-              </v-card-text>
-            </v-card>
-
-            <!-- 配置列表 -->
-            <v-card v-if="!loading && configs.length > 0" class="my-4" elevation="1">
-              <v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
-                <v-icon class="mr-2">mdi-format-list-bulleted</v-icon>
-                <span class="font-weight-bold">配置列表</span>
-              </v-card-title>
-              <v-list>
-                <v-list-item
-                  v-for="(config) in configs"
-                  :key="config.id"
-                  class="border-b"
-                  style="cursor: pointer;"
-                  @click="showEditDialog(config)"
-                >
-                  <template #prepend>
-                    <v-avatar class="mr-2" color="primary">
-                      <v-icon color="white">mdi-calendar-text</v-icon>
-                    </v-avatar>
-                  </template>
-
-                  <v-list-item-title class="font-weight-medium">
-                    {{ config.examName || `配置 ${config.id}` }}
-                  </v-list-item-title>
-                  <v-list-item-subtitle class="text-caption mt-1">
-                    <div class="d-flex align-center">
-                      <v-icon class="mr-1" size="small">mdi-information-outline</v-icon>
-                      {{ config.message || '无描述' }}
-                    </div>
-                    <div class="d-flex align-center mt-1">
-                      <v-icon class="mr-1" size="small">mdi-book-multiple</v-icon>
-                      {{ config.examInfos ? config.examInfos.length : 0 }} 堂考试
-                    </div>
-                  </v-list-item-subtitle>
-
-                  <template #append>
-                    <div class="d-flex align-center">
-                      <v-btn
-                        class="mr-1"
-                        color="primary"
-                        icon="mdi-pencil"
-                        size="small"
-                        variant="text"
-                        @click="showEditDialog(config)"
-                      >
-                        <v-icon>mdi-pencil</v-icon>
-                      </v-btn>
-
-                      <v-btn
-                        class="mr-1"
-                        color="info"
-                        icon="mdi-eye"
-                        size="small"
-                        variant="text"
-                        @click="showEditDialog(config)"
-                      >
-                        <v-icon>mdi-eye</v-icon>
-                      </v-btn>
-
-
-                    </div>
-                  </template>
-                </v-list-item>
-              </v-list>
-            </v-card>
-
-            <!-- 空状态 -->
-            <v-card v-if="!loading && configs.length === 0" class="my-4" elevation="1">
-              <v-card-text class="text-center py-8">
-                <v-icon class="mb-4" color="grey-lighten-1" size="64">
-                  mdi-calendar-blank
-                </v-icon>
-                <h3 class="text-h6 mb-2 text-grey-darken-1">暂无配置</h3>
-                <p class="text-body-2 text-grey-darken-1 mb-4">
-                  点击"新建配置"按钮创建您的第一个考试配置
-                </p>
-                <v-btn
-                  color="primary"
-                  prepend-icon="mdi-plus"
-                  @click="createNewConfig"
-                >
-                  新建配置
-                </v-btn>
-              </v-card-text>
-            </v-card>
-          </v-card-text>
-        </v-card>
-      </v-col>
-    </v-row>
-
-    <!-- 重命名对话框 -->
-    <v-dialog v-model="renameDialog" max-width="500">
-      <v-card>
-        <v-card-title class="d-flex align-center">
-          <v-icon class="mr-2" color="primary">mdi-rename-box</v-icon>
-          重命名配置
-        </v-card-title>
-        <v-card-text>
-          <v-text-field
-            v-model="newConfigName"
-            :rules="[v => !!v || '配置名称不能为空']"
-            label="配置名称"
-            prepend-inner-icon="mdi-calendar-text"
-            variant="outlined"
-            @keyup.enter="renameConfig"
-          ></v-text-field>
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn
-            color="grey"
-            variant="text"
-            @click="renameDialog = false"
-          >
-            取消
-          </v-btn>
-          <v-btn
-            :disabled="!newConfigName"
-            :loading="renaming"
-            color="primary"
-            variant="outlined"
-            @click="renameConfig"
-          >
-            确认
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-
-    <!-- 编辑配置弹框 -->
-    <v-dialog v-model="editDialog" max-width="1200" persistent>
-      <v-card>
-        <v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
-          <v-icon class="mr-2" color="white">mdi-pencil</v-icon>
-          编辑考试配置
-          <v-spacer></v-spacer>
-          <v-chip
-            v-if="editingConfig"
-            class="mr-2"
-            color="white"
-            size="small"
-            text-color="primary"
-          >
-            ID: {{ editingConfig.id }}
-          </v-chip>
-
-          <v-btn
-            color="white"
-            icon="mdi-close"
-            variant="text"
-            @click="closeEditDialog"
-          >
-            <v-icon>mdi-close</v-icon>
-          </v-btn>
-        </v-card-title>
-        <v-card-text class="pa-4"
-                     style="max-height: 70vh; overflow-y: auto;">
-          <ExamConfigEditor
-            v-if="editingConfig"
-            ref="configEditor"
-            :config-id="editingConfig.id"
-            :dialog-mode="true"
-            @deleted="onConfigDeleted"
-            @error="onConfigError"
-            @opened="onConfigOpened"
-            @saved="onConfigSaved"
-          />
-        </v-card-text>
-        <v-card-actions class="pa-4">
-          <v-btn
-            color="grey"
-            prepend-icon="mdi-close"
-            variant="outlined"
-            @click="closeEditDialog"
-          >
-            关闭
-          </v-btn>
-          <v-spacer></v-spacer>
-          <v-btn
-            :loading="saving"
-            color="success"
-            prepend-icon="mdi-content-save"
-            variant="outlined"
-            @click="saveConfigInDialog"
-          >
-            保存配置
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-
-    <!-- 导入配置弹框 -->
-    <v-dialog v-model="importDialog" max-width="800" persistent>
-      <v-card>
-        <v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
-          <v-icon class="mr-2" color="white">mdi-import</v-icon>
-          导入考试配置
-          <v-spacer></v-spacer>
-          <v-btn
-            color="white"
-            icon="mdi-close"
-            variant="text"
-            @click="closeImportDialog"
-          >
-            <v-icon>mdi-close</v-icon>
-          </v-btn>
-        </v-card-title>
-        <v-card-text class="pa-4">
-          <v-alert
-            v-if="importError"
-            border="start"
-            class="mb-4"
-            closable
-            type="error"
-            variant="tonal"
-            @click:close="importError = ''"
-          >
-            {{ importError }}
-          </v-alert>
-
-          <v-textarea
-            v-model="importJson"
-            :rules="[v => !!v || 'JSON内容不能为空']"
-            label="请输入JSON配置"
-            placeholder='{
-  "examName": "期末考试",
-  "message": "考试信息",
-  "room": "01",
-  "examInfos": [
-    {
-      "name": "语文",
-      "start": "2025/12/14 09:00",
-      "end": "2025/12/14 11:00"
-    }
-  ]
-}'
-            prepend-inner-icon="mdi-code-json"
-            rows="15"
-            variant="outlined"
-          ></v-textarea>
-
-          <v-alert
-            border="start"
-            class="mt-2"
-            density="compact"
-            type="info"
-            variant="tonal"
-          >
-            <div class="text-caption">
-              <strong>提示:</strong>
-              <ul class="mt-1">
-                <li>日期格式支持: YYYY/MM/DD HH:mm 或 YYYY-MM-DD HH:mm:ss</li>
-                <li>虚拟日期格式: 0000-00-01 (表示第1天), 0000-00-02 (第2天)...</li>
-                <li>如使用虚拟日期,系统会要求您指定起始日期</li>
-                <li>缺省字段将自动填充默认值</li>
-              </ul>
-            </div>
-          </v-alert>
-        </v-card-text>
-        <v-card-actions class="pa-4">
-          <v-btn
-            color="grey"
-            prepend-icon="mdi-close"
-            variant="outlined"
-            @click="closeImportDialog"
-          >
-            取消
-          </v-btn>
-          <v-spacer></v-spacer>
-          <v-btn
-            :disabled="!importJson"
-            :loading="importing"
-            color="success"
-            prepend-icon="mdi-check"
-            variant="outlined"
-            @click="processImport"
-          >
-            导入
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-
-    <!-- 日期选择弹框 -->
-    <v-dialog v-model="datePickerDialog" max-width="500" persistent>
-      <v-card>
-        <v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
-          <v-icon class="mr-2" color="white">mdi-calendar</v-icon>
-          选择起始日期
-        </v-card-title>
-        <v-card-text class="pa-4">
-          <p class="mb-4 text-body-2">
-            检测到配置中使用了虚拟日期格式 (0000-00-XX)，请选择第一天的日期，系统将自动推算其他日期。
-          </p>
-
-          <v-text-field
-            v-model="baseDate"
-            label="起始日期"
-            prepend-inner-icon="mdi-calendar"
-            type="date"
-            variant="outlined"
-          ></v-text-field>
-
-          <v-alert
-            v-if="virtualDateInfo"
-            border="start"
-            class="mt-2"
-            density="compact"
-            type="info"
-            variant="tonal"
-          >
-            <div class="text-caption">
-              检测到 {{ virtualDateInfo.count }} 个虚拟日期，跨度 {{ virtualDateInfo.span }} 天
-            </div>
-          </v-alert>
-        </v-card-text>
-        <v-card-actions class="pa-4">
-          <v-btn
-            color="grey"
-            prepend-icon="mdi-close"
-            variant="outlined"
-            @click="cancelDatePicker"
-          >
-            取消
-          </v-btn>
-          <v-spacer></v-spacer>
-          <v-btn
-            :disabled="!baseDate"
-            color="primary"
-            prepend-icon="mdi-check"
-            variant="outlined"
-            @click="confirmDatePicker"
-          >
-            确认
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-
-    <!-- AI生成提示词弹框 -->
-    <v-dialog v-model="aiDialog" max-width="900" persistent>
-      <v-card>
-        <v-card-title class="d-flex align-center purple lighten-1 white--text py-3 px-4">
-          <v-icon class="mr-2" color="white">mdi-brain</v-icon>
-          AI生成考试配置
-          <v-spacer></v-spacer>
-          <v-btn
-            color="white"
-            icon="mdi-close"
-            variant="text"
-            @click="closeAIDialog"
-          >
-            <v-icon>mdi-close</v-icon>
-          </v-btn>
-        </v-card-title>
-        <v-card-text class="pa-4">
-          <v-alert
-            border="start"
-            class="mb-4"
-            type="info"
-            variant="tonal"
-          >
-            <div class="d-flex align-center">
-              <div>
-                复制下方提示词到任意AI工具（如ChatGPT、Claude、Copilot等），描述您的考试安排，AI将生成符合格式的JSON配置。生成后复制JSON内容，通过“导入配置”按钮导入即可。
-              </div>
-            </div>
-          </v-alert>
-
-          <div class="mb-3">
-            <div class="d-flex justify-space-between align-center mb-2">
-              <h3 class="text-h6">提示词模板</h3>
-              <v-btn
-                :color="copied ? 'success' : 'primary'"
-                :prepend-icon="copied ? 'mdi-check' : 'mdi-content-copy'"
-                size="small"
-                variant="tonal"
-                @click="copyPrompt"
-              >
-                {{ copied ? '已复制' : '复制提示词' }}
-              </v-btn>
-            </div>
-
-            <v-card class="pa-4" variant="outlined">
-              <pre class="ai-prompt-text">{{ aiPrompt }}</pre>
-            </v-card>
-          </div>
-
-
-        </v-card-text>
-        <v-card-actions class="pa-4">
-          <v-btn
-            color="grey"
-            prepend-icon="mdi-close"
-            variant="outlined"
-            @click="closeAIDialog"
-          >
-            关闭
-          </v-btn>
-          <v-spacer></v-spacer>
-          <v-btn
-            color="success"
-            prepend-icon="mdi-import"
-            variant="outlined"
-            @click="goToImport"
-          >
-            去导入配置
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </v-container>
-</template>
-
-<script>
-import dataProvider from '@/utils/dataProvider'
-import {getSetting} from '@/utils/settings'
-import ExamConfigEditor from '@/components/ExamConfigEditor.vue'
-
-export default {
-  name: 'ExamScheduleManager',
-  components: {
-    ExamConfigEditor
-  },
-  data() {
-    return {
-      configs: [],
-      loading: false,
-      error: '',
-      success: '',
-      renameDialog: false,
-      editDialog: false,
-      configToRename: null,
-      editingConfig: null,
-      newConfigName: '',
-      renaming: false,
-      saving: false,
-      // 导入相关
-      importDialog: false,
-      importJson: '',
-      importError: '',
-      importing: false,
-      // 日期选择相关
-      datePickerDialog: false,
-      baseDate: '',
-      virtualDateInfo: null,
-      pendingImportConfig: null,
-      // AI生成相关
-      aiDialog: false,
-      copied: false
-    }
-  },
-  async mounted() {
-    await this.loadConfigs()
-  },
-  computed: {
-    /**
-     * AI生成提示词
-     */
-    aiPrompt() {
-      const currentDate = new Date()
-      const dateStr = `${currentDate.getFullYear()}年${currentDate.getMonth() + 1}月${currentDate.getDate()}日`
-
-      return `Your task is to generate a JSON configuration file for an exam dashboard. Based on the exam information input by the user, generate the configuration strictly following these rules.
-
-Generation Requirements:
-* Output using JSON blocks in Markdown
-* Use Chinese for all text
-
-Field Definitions:
-
-examName (string)
-* The general name of the exam
-* Fill with "考试" when not provided by user
-
-message (string)
-* Exam reminder message
-* Prioritize user-provided content
-* When not provided by user, fill with "请保持卷面整洁，字迹清晰，遵守考场纪律，诚信应考。听到终考铃声时，请立即起立并停止作答。"
-
-room (string)
-* Exam room number
-* Fill in if provided by user, otherwise use empty string ""
-
-examInfos (array)
-* Array of information for each exam session
-* Each object must include:
-   * name: The subject or name of that exam session
-   * start: Start time, format "YYYY-MM-DD HH:mm:ss"
-   * end: End time, format "YYYY-MM-DD HH:mm:ss"
-   * alertTime: Minutes before exam end for reminder, fill with 15
-
-Date and Time Handling:
-* Current date: ${dateStr}
-* When user provides specific dates, use actual dates
-* When user does not provide dates, use virtual date format "0000-00-XX"
-* XX represents day number: 01=first day, 02=second day, 03=third day...
-* Time portion filled according to user description
-* For multiple exams, calculate dates sequentially in order
-
-Now please generate the exam configuration based on the above rules:`
-    }
-  },
-  methods: {
-    /**
-     * 根据当前日期推算考试类型
-     * @returns {Object} { examName: string, message: string }
-     */
-    inferExamType() {
-      const now = new Date()
-      const month = now.getMonth() + 1 // 1-12
-      const day = now.getDate()
-
-      // 中国学校常见时间节点
-      // 春季学期: 2月中旬-7月初 (寒假结束-暑假开始)
-      // 秋季学期: 9月初-次年1月底 (暑假结束-寒假开始)
-
-      let examName = '新考试'
-      let message = '请保持卷面整洁，字迹清晰，遵守考场纪律，诚信应考。\n听到终考铃声时,请立即起立并停止作答。'
-
-      // 秋季学期 (9-1月)
-      if (month >= 9 || month <= 1) {
-        if (month === 9 && day <= 15) {
-          // 9月初 - 开学考试
-          examName = '开学摸底考试'
-        } else if (month === 9 && day > 15) {
-          // 9月中下旬 - 第一次月考
-          examName = '第一次月考'
-        } else if (month === 10) {
-          // 10月 - 第二次月考
-          examName = '第二次月考'
-        } else if (month === 11 && day <= 20) {
-          // 11月上中旬 - 期中考试
-          examName = '期中考试'
-        } else if (month === 11 && day > 20) {
-          // 11月下旬 - 第三次月考
-          examName = '第三次月考'
-        } else if (month === 12) {
-          // 12月 - 第四次月考
-          examName = '第四次月考'
-        } else if (month === 1 ) {
-          // 1月上旬 - 期末考试
-          examName = '期末考试'
-        }
-      }
-      // 春季学期 (2-7月)
-      else if (month >= 2 && month <= 7) {
-        if (month === 2 || (month === 3 && day <= 10)) {
-          // 2月-3月初 - 开学考试
-          examName = '开学摸底考试'
-        } else if (month === 3 && day > 10) {
-          // 3月中下旬 - 第一次月考
-          examName = '第一次月考'
-        } else if (month === 4 && day <= 25) {
-          // 4月 - 期中考试
-          examName = '期中考试'
-        } else if (month === 4 && day > 25) {
-          // 4月底 - 第二次月考
-          examName = '第二次月考'
-        } else if (month === 5) {
-          // 5月 - 第三次月考
-          examName = '第三次月考'
-        } else if (month === 6 || month === 7) {
-          // 6月上中旬 - 期末考试
-          examName = '期末考试'
-        }
-      }
-
-      return { examName, message }
-    },
-
-    /**
-     * 初始化示例数据(仅在首次访问时)
-     */
-    async initializeExampleData() {
-      const exampleConfigs = [
-        {
-          id: 'exam_example_001',
-          examName: '期末考试安排',
-          message: '请按时参加考试，携带学生证和身份证',
-          examInfos: [
-            {
-              name: '数学',
-              start: '2025/01/15 09:00',
-              end: '2025/01/15 11:00'
-            },
-            {
-              name: '英语',
-              start: '2025/01/16 14:00',
-              end: '2025/01/16 16:00'
-            }
-          ]
-        },
-        {
-          id: 'exam_example_002',
-          examName: '期中考试安排',
-          message: '考试期间请保持安静',
-          examInfos: [
-            {
-              name: '物理',
-              start: '2025/01/20 10:00',
-              end: '2025/01/20 12:00'
-            },
-            {
-              name: '化学',
-              start: '2025/01/21 14:00',
-              end: '2025/01/21 16:00'
-            }
-          ]
-        },
-        {
-          id: 'exam_example_003',
-          examName: '模拟考试安排',
-          message: '模拟考试，请认真对待',
-          examInfos: [
-            {
-              name: '语文',
-              start: '2025/01/25 09:00',
-              end: '2025/01/25 11:30'
-            }
-          ]
-        }
-      ]
-
-      // 保存配置列表
-      const configList = exampleConfigs.map(c => ({id: c.id}))
-      await dataProvider.saveData('es_list', configList)
-
-      // 保存每个配置的详细信息
-      for (let config of exampleConfigs) {
-        const configData = {...config}
-        delete configData.id
-        await dataProvider.saveData(`es_${config.id}`, configData)
-      }
-
-      return exampleConfigs
-    },
-
-    /**
-     * 加载配置列表
-     */
-    async loadConfigs() {
-      this.loading = true
-      this.error = ''
-
-      try {
-        // 读取配置列表
-        const response = await dataProvider.loadData('es_list')
-
-        if (response && response && response.length > 0) {
-          // 配置列表存在，加载详细信息
-          this.configs = []
-
-          for (let configItem of response) {
-            try {
-              const detailResponse = await dataProvider.loadData(`es_${configItem.id}`)
-              if (detailResponse) {
-                this.configs.push({
-                  id: configItem.id,
-                  ...detailResponse
-                })
-              }
-            } catch (err) {
-              console.warn(`加载配置 es_${configItem.id} 失败:`, err)
-            }
-          }
-        } else {
-          // 配置列表不存在或为空，初始化示例数据
-          this.configs = await this.initializeExampleData()
-        }
-      } catch (err) {
-        this.error = '加载配置列表失败: ' + err.message
-        this.configs = []
-      } finally {
-        this.loading = false
-      }
-    },
-
-    /**
-     * 创建新配置
-     */
-    async createNewConfig() {
-      const newId = Date.now().toString()
-
-      // 获取明天早上8点的时间
-      const tomorrow = new Date()
-      tomorrow.setDate(tomorrow.getDate() + 1)
-      tomorrow.setHours(8, 0, 0, 0)
-
-      // 获取结束时间（开始时间 + 2小时）
-      const endTime = new Date(tomorrow)
-      endTime.setHours(endTime.getHours() + 2)
-
-      // 格式化时间为 YYYY/MM/DD HH:mm
-      const formatTime = (date) => {
-        const year = date.getFullYear()
-        const month = String(date.getMonth() + 1).padStart(2, '0')
-        const day = String(date.getDate()).padStart(2, '0')
-        const hours = String(date.getHours()).padStart(2, '0')
-        const minutes = String(date.getMinutes()).padStart(2, '0')
-        return `${year}/${month}/${day} ${hours}:${minutes}`
-      }
-
-      // 自动推算考试类型
-      const examTypeInfo = this.inferExamType()
-
-      const defaultConfig = {
-        examName: examTypeInfo.examName,
-        message: examTypeInfo.message,
-        room: getSetting('server.classNumber') || '',
-        examInfos: [
-          {
-            name: '语文',
-            start: formatTime(tomorrow),
-            end: formatTime(endTime)
-          }
-        ]
-      }
-
-      try {
-        // 保存新配置
-        const saveResponse = await dataProvider.saveData(`es_${newId}`, defaultConfig)
-        if (!saveResponse) {
-          throw new Error(saveResponse.error?.message || '保存失败')
-        }
-
-        // 更新本地配置列表
-        this.configs.push({
-          id: newId,
-          ...defaultConfig
-        })
-
-        // 更新存储的配置列表
-        const currentList = this.configs.map(c => ({id: c.id}))
-        const listResponse = await dataProvider.saveData('es_list', currentList)
-        if (!listResponse) {
-          throw new Error(listResponse.error?.message || '更新列表失败')
-        }
-
-this.$message.success('新配置创建成功')
-        // 直接打开编辑对话框
-        const newConfig = this.configs.find(c => c.id === newId)
-        if (newConfig) {
-          this.editingConfig = newConfig
-          this.editDialog = true
-        }
-      } catch (err) {
-        this.$message.error('创建配置失败: ' + err.message)
-      }
-    },
-
-
-    /**
-     * 显示重命名对话框
-     */
-    showRenameDialog(config) {
-      this.configToRename = config
-      this.newConfigName = config.examName || `配置 ${config.id}`
-      this.renameDialog = true
-    },
-
-    /**
-     * 重命名配置
-     */
-    async renameConfig() {
-      if (!this.configToRename || !this.newConfigName) return
-
-      this.renaming = true
-
-      try {
-        // 准备更新的配置数据（不包含id）
-        const configData = {
-          examName: this.newConfigName,
-          message: this.configToRename.message,
-          examInfos: this.configToRename.examInfos
-        }
-
-        const saveResponse = await dataProvider.saveData(`es_${this.configToRename.id}`, configData)
-        if (!saveResponse) {
-          throw new Error(saveResponse.error?.message || '保存失败')
-        }
-
-        // 更新本地配置列表中的对应项
-        const configIndex = this.configs.findIndex(c => c.id === this.configToRename.id)
-        if (configIndex !== -1) {
-          this.configs[configIndex].examName = this.newConfigName
-        }
-
-
-        this.$message.success('配置重命名成功')
-        this.renameDialog = false
-        this.configToRename = null
-        this.newConfigName = ''
-      } catch (err) {
-        this.$message.error('重命名配置失败: ' + err.message)
-      } finally {
-        this.renaming = false
-      }
-    },
-
-    /**
-     * 显示编辑弹框
-     */
-    showEditDialog(config) {
-      this.editingConfig = config
-      this.editDialog = true
-    },
-
-    /**
-     * 关闭编辑弹框
-     */
-    closeEditDialog() {
-      this.editDialog = false
-      this.editingConfig = null
-      this.saving = false
-    },
-
-
-    /**
-     * 在弹框中保存配置
-     */
-    async saveConfigInDialog() {
-      if (this.$refs.configEditor) {
-        this.saving = true
-        try {
-          await this.$refs.configEditor.saveConfig()
-        } catch (error) {
-          console.error('保存配置失败:', error)
-        } finally {
-          this.saving = false
-        }
-      }
-    },
-
-    /**
-     * 配置保存成功回调
-     */
-    onConfigSaved() {
-
-
-      this.$message.success('配置保存成功！')
-      this.loadConfigs() // 重新加载配置列表
-
-
-          this.$message.success('配置保存成功！')
-    },
-
-    /**
-     * 配置保存错误回调
-     */
-    onConfigError(error) {
-
-      this.$message.error(error || '保存配置时发生错误')
-
-        this.$message.error(error || '保存配置时发生错误')
-    },
-
-    /**
-     * 配置打开成功回调
-     */
-    onConfigOpened() {
-
-      this.$message.success('配置已在新窗口中打开')
-
-
-
-        this.$message.success('配置已在新窗口中打开')
-    },
-
-    /**
-     * 处理配置删除事件
-     */
-    onConfigDeleted(result) {
-      if (result.success) {
-
-        this.$message.success(result.message || "配置删除成功")
-        // 关闭编辑对话框
-        this.editDialog = false
-        // 刷新配置列表
-        this.loadConfigs()
-      } else {
-
-        this.$message.error(result.message || "删除失败")
-      }
-    },
-
-    /**
-     * 显示导入对话框
-     */
-    showImportDialog() {
-      this.importDialog = true
-      this.importJson = ''
-      this.importError = ''
-    },
-
-    /**
-     * 关闭导入对话框
-     */
-    closeImportDialog() {
-      this.importDialog = false
-      this.importJson = ''
-      this.importError = ''
-      this.importing = false
-    },
-
-    /**
-     * 检测JSON中是否包含虚拟日期
-     * @param {Object} config - 配置对象
-     * @returns {Object|null} { hasVirtual: boolean, count: number, span: number }
-     */
-    detectVirtualDates(config) {
-      const virtualDatePattern = /^0000-00-(\d{2})/
-      let hasVirtual = false
-      let minDay = Infinity
-      let maxDay = -Infinity
-      let count = 0
-
-      if (config.examInfos && Array.isArray(config.examInfos)) {
-        for (let exam of config.examInfos) {
-          if (exam.start) {
-            const match = exam.start.match(virtualDatePattern)
-            if (match) {
-              hasVirtual = true
-              count++
-              const day = parseInt(match[1])
-              minDay = Math.min(minDay, day)
-              maxDay = Math.max(maxDay, day)
-            }
-          }
-          if (exam.end) {
-            const match = exam.end.match(virtualDatePattern)
-            if (match) {
-              hasVirtual = true
-              const day = parseInt(match[1])
-              minDay = Math.min(minDay, day)
-              maxDay = Math.max(maxDay, day)
-            }
-          }
-        }
-      }
-
-      if (hasVirtual) {
-        return {
-          hasVirtual: true,
-          count,
-          span: maxDay - minDay + 1,
-          minDay,
-          maxDay
-        }
-      }
-
-      return null
-    },
-
-    /**
-     * 将虚拟日期转换为真实日期
-     * @param {string} virtualDateTime - 虚拟日期时间字符串，如 "0000-00-01 09:00:00"
-     * @param {string} baseDate - 基准日期，如 "2025-12-14"
-     * @returns {string} 真实日期时间字符串
-     */
-    convertVirtualDate(virtualDateTime, baseDate) {
-      const virtualPattern = /^0000-00-(\d{2})\s+(.+)$/
-      const match = virtualDateTime.match(virtualPattern)
-
-      if (!match) {
-        return virtualDateTime // 不是虚拟日期，直接返回
-      }
-
-      const dayNum = parseInt(match[1])
-      const timePart = match[2]
-
-      // 解析基准日期
-      const base = new Date(baseDate)
-      // 计算目标日期（第1天对应基准日期，第2天是基准日期+1天）
-      const target = new Date(base)
-      target.setDate(base.getDate() + (dayNum - 1))
-
-      // 格式化为 YYYY/MM/DD HH:mm
-      const year = target.getFullYear()
-      const month = String(target.getMonth() + 1).padStart(2, '0')
-      const day = String(target.getDate()).padStart(2, '0')
-
-      // 解析时间部分，支持 HH:mm 或 HH:mm:ss
-      const timeMatch = timePart.match(/(\d{2}):(\d{2})(?::(\d{2}))?/)
-      if (timeMatch) {
-        const hours = timeMatch[1]
-        const minutes = timeMatch[2]
-        return `${year}/${month}/${day} ${hours}:${minutes}`
-      }
-
-      return `${year}/${month}/${day} ${timePart}`
-    },
-
-    /**
-     * 规范化日期格式
-     * @param {string} dateStr - 日期字符串
-     * @returns {string} 规范化后的日期字符串 YYYY/MM/DD HH:mm
-     */
-    normalizeDateFormat(dateStr) {
-      if (!dateStr) return ''
-
-      // 已经是标准格式 YYYY/MM/DD HH:mm
-      if (/^\d{4}\/\d{2}\/\d{2}\s+\d{2}:\d{2}$/.test(dateStr)) {
-        return dateStr
-      }
-
-      // 转换 YYYY-MM-DD HH:mm:ss 格式
-      const pattern1 = /^(\d{4})-(\d{2})-(\d{2})\s+(\d{2}):(\d{2})(?::(\d{2}))?$/
-      const match1 = dateStr.match(pattern1)
-      if (match1) {
-        return `${match1[1]}/${match1[2]}/${match1[3]} ${match1[4]}:${match1[5]}`
-      }
-
-      // 转换 YYYY-MM-DD 格式（添加默认时间）
-      const pattern2 = /^(\d{4})-(\d{2})-(\d{2})$/
-      const match2 = dateStr.match(pattern2)
-      if (match2) {
-        return `${match2[1]}/${match2[2]}/${match2[3]} 08:00`
-      }
-
-      return dateStr
-    },
-
-    /**
-     * 验证并补全配置数据
-     * @param {Object} config - 原始配置对象
-     * @returns {Object} 补全后的配置对象
-     */
-    validateAndFillConfig(config) {
-      const examTypeInfo = this.inferExamType()
-
-      // 补全基本字段
-      const filledConfig = {
-        examName: config.examName || examTypeInfo.examName,
-        message: config.message || examTypeInfo.message,
-        room: config.room || getSetting('server.classNumber') || '',
-        examInfos: []
-      }
-
-      // 验证和补全 examInfos
-      if (!config.examInfos || !Array.isArray(config.examInfos)) {
-        throw new Error('配置中缺少 examInfos 数组')
-      }
-
-      if (config.examInfos.length === 0) {
-        throw new Error('examInfos 数组不能为空')
-      }
-
-      for (let i = 0; i < config.examInfos.length; i++) {
-        const exam = config.examInfos[i]
-
-        if (!exam.name) {
-          throw new Error(`第 ${i + 1} 个考试缺少 name 字段`)
-        }
-
-        if (!exam.start) {
-          throw new Error(`第 ${i + 1} 个考试缺少 start 字段`)
-        }
-
-        if (!exam.end) {
-          throw new Error(`第 ${i + 1} 个考试缺少 end 字段`)
-        }
-
-        // 补全可选字段
-        filledConfig.examInfos.push({
-          name: exam.name,
-          start: exam.start,
-          end: exam.end,
-          alertTime: exam.alertTime !== undefined ? exam.alertTime : 15,
-          materials: exam.materials || []
-        })
-      }
-
-      return filledConfig
-    },
-
-    /**
-     * 处理导入
-     */
-    async processImport() {
-      this.importing = true
-      this.importError = ''
-
-      try {
-        // 解析 JSON
-        let config
-        try {
-          config = JSON.parse(this.importJson)
-        } catch (e) {
-          throw new Error('JSON 格式错误: ' + e.message)
-        }
-
-        // 验证和补全数据
-        const filledConfig = this.validateAndFillConfig(config)
-
-        // 检测虚拟日期
-        const virtualInfo = this.detectVirtualDates(filledConfig)
-
-        if (virtualInfo) {
-          // 包含虚拟日期，显示日期选择对话框
-          this.virtualDateInfo = virtualInfo
-          this.pendingImportConfig = filledConfig
-
-          // 设置默认基准日期为明天
-          const tomorrow = new Date()
-          tomorrow.setDate(tomorrow.getDate() + 1)
-          const year = tomorrow.getFullYear()
-          const month = String(tomorrow.getMonth() + 1).padStart(2, '0')
-          const day = String(tomorrow.getDate()).padStart(2, '0')
-          this.baseDate = `${year}-${month}-${day}`
-
-          this.datePickerDialog = true
-        } else {
-          // 不包含虚拟日期，直接导入
-          await this.finalizeImport(filledConfig)
-        }
-      } catch (err) {
-        this.importError = err.message
-      } finally {
-        this.importing = false
-      }
-    },
-
-    /**
-     * 取消日期选择
-     */
-    cancelDatePicker() {
-      this.datePickerDialog = false
-      this.baseDate = ''
-      this.virtualDateInfo = null
-      this.pendingImportConfig = null
-    },
-
-    /**
-     * 确认日期选择
-     */
-    async confirmDatePicker() {
-      if (!this.baseDate || !this.pendingImportConfig) return
-
-      try {
-        // 转换虚拟日期
-        const config = JSON.parse(JSON.stringify(this.pendingImportConfig))
-
-        for (let exam of config.examInfos) {
-          if (exam.start && exam.start.startsWith('0000-00-')) {
-            exam.start = this.convertVirtualDate(exam.start, this.baseDate)
-          }
-          if (exam.end && exam.end.startsWith('0000-00-')) {
-            exam.end = this.convertVirtualDate(exam.end, this.baseDate)
-          }
-        }
-
-        // 关闭日期选择对话框
-        this.datePickerDialog = false
-        this.baseDate = ''
-        this.virtualDateInfo = null
-        this.pendingImportConfig = null
-
-        // 完成导入
-        await this.finalizeImport(config)
-      } catch (err) {
-        this.importError = '日期转换失败: ' + err.message
-        this.datePickerDialog = false
-      }
-    },
-
-    /**
-     * 完成导入（保存配置）
-     * @param {Object} config - 处理好的配置对象
-     */
-    async finalizeImport(config) {
-      const newId = Date.now().toString()
-
-      // 规范化所有日期格式
-      for (let exam of config.examInfos) {
-        exam.start = this.normalizeDateFormat(exam.start)
-        exam.end = this.normalizeDateFormat(exam.end)
-      }
-
-      try {
-        // 保存新配置
-        const saveResponse = await dataProvider.saveData(`es_${newId}`, config)
-        if (!saveResponse) {
-          throw new Error(saveResponse.error?.message || '保存失败')
-        }
-
-        // 更新本地配置列表
-        this.configs.push({
-          id: newId,
-          ...config
-        })
-
-        // 更新存储的配置列表
-        const currentList = this.configs.map(c => ({id: c.id}))
-        const listResponse = await dataProvider.saveData('es_list', currentList)
-        if (!listResponse) {
-          throw new Error(listResponse.error?.message || '更新列表失败')
-        }
-
-        this.success = '配置导入成功！'
-        this.closeImportDialog()
-
-        // 直接打开编辑对话框
-        const newConfig = this.configs.find(c => c.id === newId)
-        if (newConfig) {
-          this.editingConfig = newConfig
-          this.editDialog = true
-        }
-      } catch (err) {
-        throw new Error('保存配置失败: ' + err.message)
-      }
-    },
-
-    /**
-     * 显示AI生成对话框
-     */
-    showAIDialog() {
-      this.aiDialog = true
-      this.copied = false
-    },
-
-    /**
-     * 关闭AI生成对话框
-     */
-    closeAIDialog() {
-      this.aiDialog = false
-      this.copied = false
-    },
-
-    /**
-     * 复制提示词到剪贴板
-     */
-    async copyPrompt() {
-      try {
-        await navigator.clipboard.writeText(this.aiPrompt)
-        this.copied = true
-
-        // 3秒后恢复按钮状态
-        setTimeout(() => {
-          this.copied = false
-        }, 3000)
-      } catch (err) {
-        // 如果剪贴板API不可用，使用备用方案
-        const textArea = document.createElement('textarea')
-        textArea.value = this.aiPrompt
-        textArea.style.position = 'fixed'
-        textArea.style.left = '-999999px'
-        document.body.appendChild(textArea)
-        textArea.select()
-        try {
-          document.execCommand('copy')
-          this.copied = true
-          setTimeout(() => {
-            this.copied = false
-          }, 3000)
-        } catch (err) {
-          this.error = '复制失败，请手动复制'
-        }
-        document.body.removeChild(textArea)
-      }
-    },
-
-    /**
-     * 从AI对话框跳转到导入对话框
-     */
-    goToImport() {
-      this.aiDialog = false
-      this.showImportDialog()
-    }
-  }
-}
-</script>
-
-<style scoped>
-.border-b {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-}
-
-.border-b:last-child {
-  border-bottom: none;
-}
-
-.ai-prompt-text {
-  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-  font-size: 13px;
-  line-height: 1.6;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  margin: 0;
-}
-
-.ai-example-json {
-  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  white-space: pre;
-  overflow-x: auto;
-  margin: 0;
-  color: #1976d2;
-}
-</style>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index b0494d8..e4b96de 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,227 +1,809 @@
 <template>
-  <v-app-bar class="no-select">
-    <v-app-bar-title>
+  <!-- Splash Screen -->
+  <v-overlay
+    v-model="splashVisible"
+    class="align-center justify-center"
+    persistent
+    opacity="1"
+    color="#121212"
+    z-index="9999"
+  >
+    <div class="text-center">
+      <v-img
+        src="/CHWB.png"
+        width="120"
+        height="120"
+        class="mx-auto mb-6"
+      />
+      <h1 class="text-h3 font-weight-bold mb-8 text-white">
+        ClassHomeWorkBoard 班级作业看板
+      </h1>
+      
+      <v-card
+        class="mx-auto mb-8 pa-4"
+        max-width="500"
+        color="grey-darken-4"
+        variant="flat"
+      >
+        <v-card-text>
+          <div class="text-h6 text-blue-lighten-1 mb-2">
+            ClassHomeWorkBoard
+          </div>
+          <div class="text-body-2 text-grey-lighten-1">
+            本项目由 高二七班(原12班)李昊睿 制作
+          </div>
+          <div class="text-caption text-grey-darken-1 mt-1">
+            同时在宝一外提供技术支持!
+          </div>
+        </v-card-text>
+      </v-card>
+
+      <v-btn
+        color="success"
+        size="x-large"
+        prepend-icon="mdi-login"
+        width="200"
+        @click="closeSplash"
+      >
+        进入看板 ({{ splashCountdown }}s)
+      </v-btn>
+    </div>
+  </v-overlay>
+
+  <!-- Main App -->
+  <v-app-bar
+    class="no-select"
+    height="64"
+    color="#212121"
+    elevation="2"
+  >
+    <v-app-bar-title class="ml-2 font-weight-bold">
       {{ titleText }}
     </v-app-bar-title>
 
     <v-spacer />
 
     <template #append>
-      <!-- 只读 Token 警告 -->
-      <v-chip
-        v-if="tokenDisplayInfo.readonly"
-        class="mx-2"
-        color="warning"
-        prepend-icon="mdi-lock-alert"
-        variant="tonal"
-      >
-        只读
-      </v-chip>
-
-      <!-- 学生名称显示 chip（始终蓝色） -->
-      <v-chip
-        v-if="tokenDisplayInfo.show"
-        :style="{ cursor: tokenDisplayInfo.disabled ? 'default' : 'pointer' }"
-        class="mx-2"
-        color="primary"
-        prepend-icon="mdi-account"
-        variant="tonal"
-        @click="handleTokenChipClick"
-      >
-        {{ tokenDisplayInfo.text }}
-      </v-chip>
-
       <v-btn
-        v-if="shouldShowUrgentTestButton"
-        prepend-icon="mdi-chat"
-        @click="urgentTestDialog = true"
-        variant="tonal"
-        >发送通知</v-btn
-      >
-      <v-btn icon="mdi-chat" variant="text" @click="isChatOpen = true" />
-      <v-btn
-        :badge="unreadCount || undefined"
-        :badge-color="unreadCount ? 'error' : undefined"
-        icon="mdi-bell"
         variant="text"
-        @click="$refs.messageLog.drawer = true"
-      />
-      <v-btn icon="mdi-cog" variant="text" @click="$router.push('/settings')" />
+        prepend-icon="mdi-help-circle-outline"
+        class="mr-2"
+        @click="showHelpDialog = true"
+      >
+        我不会用
+      </v-btn>
+      <v-btn
+        icon
+        @click="showAnnouncementSettings = true"
+      >
+        <v-badge
+          v-if="persistentNotifications.length"
+          dot
+          color="error"
+        >
+          <v-icon>mdi-bell</v-icon>
+        </v-badge>
+        <v-icon v-else>
+          mdi-bell-outline
+        </v-icon>
+      </v-btn>
     </template>
   </v-app-bar>
-  <!-- 初始化选择卡片，仅在首页且需要授权时显示；不影响顶栏 -->
-  <init-service-chooser
-    v-if="shouldShowInit"
-    :preconfig="preconfigData"
-    @done="settingsTick++"
-  />
 
-  <!-- 学生姓名管理组件 -->
-  <StudentNameManager
-    v-if="!shouldShowInit"
-    ref="studentNameManager"
-    @token-info-updated="updateTokenDisplayInfo"
-  />
-
-  <!-- 首屏骨架屏（数据加载中显示） -->
-  <HomeSkeleton v-if="!shouldShowInit && !dataReady" />
-
-  <div v-if="!shouldShowInit && dataReady" class="d-flex">
-    <!-- 主要内容区域 -->
-    <v-container class="main-window flex-grow-1 no-select bloom-container" fluid>
-      <!-- 常驻通知区域 -->
-      <v-row v-if="persistentNotifications.length > 0" class="mb-4">
-        <v-col cols="12">
-          <v-card
-            v-for="notification in persistentNotifications"
-            :key="notification.id"
-            :color="notification.isUrgent ? 'error' : 'primary'"
-            class="mb-2 cursor-pointer"
-            variant="tonal"
-            @click="showNotificationDetail(notification)"
+  <div class="d-flex fill-height">
+    <announcement-overlay ref="announcementOverlay" />
+    <!-- 普通模式 -->
+    <transition
+      name="slide-x-transition"
+      mode="out-in"
+    >
+      <div
+        v-if="!isNoteMode"
+        key="normal"
+        class="d-flex flex-grow-1 w-100 fill-height"
+      >
+        <!-- 主要内容区域 -->
+        <v-container
+          class="main-window flex-grow-1 no-select bloom-container"
+          fluid
+        >
+          <!-- 常驻通知区域 -->
+          <v-row
+            v-if="persistentNotifications.length > 0"
+            class="mb-4"
           >
-            <v-card-text class="d-flex align-center py-3">
+            <v-col cols="12">
+              <v-card
+                v-for="notification in persistentNotifications"
+                :key="notification.id"
+                :color="notification.isUrgent ? 'error' : 'primary'"
+                class="mb-2 cursor-pointer"
+                variant="tonal"
+                @click="showNotificationDetail(notification)"
+              >
+                <v-card-text class="d-flex align-center py-3">
+                  <span class="text-h6 text-truncate font-weight-bold">{{ notification.message }}</span>
+                  <v-spacer />
+                  <v-btn
+                    icon="mdi-chevron-right"
+                    variant="text"
+                  />
+                </v-card-text>
+              </v-card>
+            </v-col>
+          </v-row>
 
-              <span class="text-h6 text-truncate font-weight-bold">{{ notification.message }}</span>
-              <v-spacer></v-spacer>
-              <v-btn icon="mdi-chevron-right" variant="text"></v-btn>
-            </v-card-text>
-          </v-card>
-        </v-col>
-      </v-row>
+          <homework-grid
+            :sorted-items="sortedItems"
+            :unused-subjects="unusedSubjects"
+            :empty-subject-display="emptySubjectDisplay"
+            :is-mobile="isMobile"
+            :is-editing-disabled="false"
+            :content-style="state.contentStyle"
+            :title-style="state.titleStyle"
+            :highlighted-cards="highlightedCards"
+            @open-dialog="openDialog"
+            @open-attendance="setAttendanceArea"
+            @disabled-click="handleDisabledClick"
+          />
 
-      <!-- 通知详情对话框 -->
-      <v-dialog v-model="notificationDetailDialog" max-width="700" scrollable>
-        <v-card v-if="currentNotification" class="rounded-xl">
-          <v-card-title class="d-flex align-center pa-4 text-h5">
-
-            <span :class="currentNotification.isUrgent ? 'text-error' : ''" class="font-weight-bold">
-              {{ currentNotification.isUrgent ? '强调通知' : '通知详情' }}
-            </span>
-            <v-spacer></v-spacer>
-            <v-btn icon="mdi-close" variant="text" @click="notificationDetailDialog = false"></v-btn>
-          </v-card-title>
-
-          <v-divider></v-divider>
-
-          <v-card-text class="pa-6">
-            <div class="text-h4 font-weight-medium mb-4" style="line-height: 1.5;">
-              {{ currentNotification.message }}
-            </div>
-            <div class="text-subtitle-1 text-grey">
-              发布时间：{{ formatTime(currentNotification.timestamp) }}
-            </div>
-          </v-card-text>
-
-          <v-divider></v-divider>
-
-          <v-card-actions class="pa-4">
+          <div class="d-flex align-center mt-4">
             <v-btn
-              color="error"
-              prepend-icon="mdi-delete"
-              size="x-large"
-              variant="tonal"
-              class="px-6"
-              @click="removePersistentNotification(currentNotification.id)"
+              color="success"
+              prepend-icon="mdi-dice-multiple"
+              class="mr-2"
+              @click="openRandomPicker"
             >
-              删除通知
+              随机点名
             </v-btn>
-            <v-spacer></v-spacer>
+          
             <v-btn
               color="primary"
-              size="x-large"
-              variant="elevated"
-              class="px-8"
-              @click="notificationDetailDialog = false"
+              prepend-icon="mdi-fullscreen"
+              class="mr-2"
+              @click="toggleFullscreen"
             >
-              关闭
+              全屏显示
             </v-btn>
-          </v-card-actions>
-        </v-card>
-      </v-dialog>
 
-      <homework-grid
-        :sorted-items="sortedItems"
-        :unused-subjects="unusedSubjects"
-        :empty-subject-display="emptySubjectDisplay"
-        :is-mobile="isMobile"
-        :is-editing-disabled="isEditingDisabled"
-        :content-style="state.contentStyle"
-        :highlighted-cards="highlightedCards"
-        @open-dialog="openDialog"
-        @open-attendance="setAttendanceArea"
-        @disabled-click="handleDisabledClick"
-        @open-exam-detail="openExamDetail"
-      />
+            <v-btn
+              color="indigo-lighten-1"
+              prepend-icon="mdi-notebook-outline"
+              class="mr-2"
+              @click="toggleNoteMode"
+            >
+              抄笔记
+            </v-btn>
+          
+            <v-btn
+              color="orange"
+              prepend-icon="mdi-bullhorn"
+              @click="showAnnouncementSettings = true"
+            >
+              公告设置
+            </v-btn>
 
-      <home-actions
-        :synced="state.synced"
-        :loading-upload="loading.upload"
-        :show-random-picker-button="showRandomPickerButton"
-        :show-exam-schedule-button="showExamScheduleButton"
-        :show-list-card-button="showListCardButton"
-        :show-fullscreen-button="showFullscreenButton"
-        :is-fullscreen="state.isFullscreen"
-        :show-anti-screen-burn-card="showAntiScreenBurnCard"
-        :show-test-card-button="showTestCardButton"
-        @upload="manualUpload"
-        @show-sync-message="showSyncMessage"
-        @open-random-picker="openRandomPicker"
-        @toggle-fullscreen="toggleFullscreen"
-        @add-test-card="addTestCard"
-        @add-exam-card="showAddExamDialog = true"
-      />
+            <v-spacer />
 
-      <pwa-install-card />
+            <v-btn
+              color="info"
+              prepend-icon="mdi-help-circle"
+              @click="showHelpDialog = true"
+            >
+              我不会使用
+            </v-btn>
+          </div>
 
-      <!-- 推荐添加考试提示 -->
-      <v-alert
-        v-if="upcomingExams.length > 0 && !hasExamCard"
-        class="mt-4"
-        color="info"
-        variant="tonal"
-        closable
-        icon="mdi-calendar-clock"
-        title="近期有考试安排"
-      >
-        <div class="d-flex align-center flex-wrap">
-          <span class="mr-2">检测到未来两天内有以下考试：</span>
-          <v-chip
-            v-for="exam in upcomingExams"
-            :key="exam.id"
-            size="small"
-            class="mr-1 mb-1"
-            color="primary"
+          <v-alert
+            color="info"
+            variant="tonal"
+            icon="mdi-lightbulb-outline"
+            class="mt-4"
+            density="compact"
           >
-            {{ exam.examName }}
-          </v-chip>
+            若需要抄写笔记等PPT或图片内容。欢迎使用“抄笔记”模式并将PPT投影至页面。
+          </v-alert>
+        </v-container>
+ 
+        <!-- 出勤统计区域 -->
+        <div
+          v-if="!isMobile"
+          class="d-flex flex-column ml-4"
+          style="width: 300px;"
+        >
+          <announcement-widget
+            ref="announcementWidget"
+            @open-settings="showAnnouncementSettings = true"
+          />
+          <attendance-sidebar
+            :student-list="state.studentList"
+            :attendance="state.boardData.attendance"
+            :is-editing-disabled="false"
+            :content-style="state.contentStyle"
+            @click="setAttendanceArea"
+            @save="handleAttendanceChange"
+            @disabled-click="handleDisabledClick"
+          />
         </div>
-        <template #append>
-          <v-btn
-            color="primary"
-            variant="text"
-            @click="addAllUpcomingExams"
-          >
-            一键添加
-          </v-btn>
-        </template>
-      </v-alert>
-    </v-container>
+      </div>
 
-    <!-- 出勤统计区域 -->
-    <attendance-sidebar
-      v-if="!isMobile"
-      :student-list="state.studentList"
-      :attendance="state.boardData.attendance"
-      :is-editing-disabled="isEditingDisabled"
-      @click="setAttendanceArea"
-      @disabled-click="handleDisabledClick"
-    />
+      <!-- 抄笔记模式 -->
+      <div
+        v-else
+        key="note"
+        class="d-flex flex-grow-1 w-100"
+        style="height: calc(100vh - 64px); overflow: hidden;"
+      >
+        <v-container
+          fluid
+          class="fill-height pa-0"
+          style="background-color: #121212;"
+        >
+          <v-row
+            no-gutters
+            class="fill-height flex-nowrap"
+          >
+            <!-- 笔记区域 (左侧) -->
+            <v-col
+              :style="{ width: `${noteLeftPanelWidth}%`, maxWidth: `${noteLeftPanelWidth}%`, flex: `0 0 ${noteLeftPanelWidth}%`, pointerEvents: isResizingNotePanel ? 'none' : 'auto' }"
+              class="d-flex flex-column pa-3"
+              style="height: 100%; transition: none;"
+            >
+              <v-card 
+                class="flex-grow-1 d-flex flex-column position-relative overflow-hidden"
+                variant="outlined"
+                style="border-color: rgba(255,255,255,0.12); border-radius: 8px; background-color: #1E1E1E;"
+              >
+                <div
+                  class="flex-grow-1 position-relative overflow-hidden"
+                  style="min-height: 0;"
+                >
+
+                <!-- 空状态：选择源 -->
+                <div
+                  v-if="!noteSourceType"
+                  class="d-flex flex-column align-center justify-center fill-height"
+                >
+                  <div class="text-h4 text-grey mb-8">
+                    点击添加PPT/图片/窗口捕获
+                  </div>
+                  <div class="d-flex">
+                    <v-btn
+                      size="x-large"
+                      prepend-icon="mdi-file-image"
+                      class="mr-4"
+                      @click="$refs.fileInput.click()"
+                    >
+                      添加图片/PPT
+                    </v-btn>
+                    <v-btn
+                      size="x-large"
+                      prepend-icon="mdi-monitor-screenshot"
+                      @click="startWindowCapture"
+                    >
+                      窗口捕获
+                    </v-btn>
+                    <input
+                      ref="fileInput"
+                      type="file"
+                      multiple
+                      accept="image/*,.pdf,.ppt,.pptx"
+                      style="display:none"
+                      @change="handleNoteFile"
+                    >
+                  </div>
+                </div>
+
+                <!-- 图片展示 -->
+                <div
+                  v-else-if="noteSourceType === 'image'"
+                  ref="noteScrollContainer"
+                  class="fill-height overflow-auto position-relative custom-scrollbar bg-black"
+                  :style="{ cursor: isDraggingNote ? 'grabbing' : 'grab' }"
+                  @wheel="handleNoteWheel"
+                  @mousedown="startNoteDrag"
+                  @dragstart.prevent
+                >
+                  <div 
+                    class="d-flex align-center justify-center"
+                    :style="{ 
+                      width: noteZoom > 1 ? `${noteZoom * 100}%` : '100%', 
+                      height: noteZoom > 1 ? `${noteZoom * 100}%` : '100%',
+                      minWidth: '100%',
+                      minHeight: '100%'
+                    }"
+                  >
+                    <div
+                      class="w-100 h-100 d-flex align-center justify-center"
+                      :style="{
+                        transform: `scale(${noteZoom})`,
+                        transformOrigin: 'center center',
+                      }"
+                    >
+                      <img 
+                        :src="noteSourceContent[notePage]" 
+                        style="max-width: 100%; max-height: 100%; object-fit: contain; pointer-events: none;"
+                        draggable="false"
+                      >
+                    </div>
+                  </div>
+                </div>
+
+                <!-- PDF展示 -->
+                <div
+                  v-else-if="noteSourceType === 'pdf'"
+                  class="fill-height w-100 bg-grey-darken-4"
+                >
+                  <iframe 
+                    :src="noteSourceContent" 
+                    class="w-100 h-100 border-0"
+                    style="display: block;"
+                  />
+                </div>
+
+                <!-- PPT/其他文件展示 -->
+                <div
+                  v-else-if="noteSourceType === 'ppt'"
+                  ref="noteScrollContainer"
+                  class="fill-height overflow-auto position-relative custom-scrollbar bg-grey-darken-4"
+                  :style="{ cursor: isDraggingNote ? 'grabbing' : 'grab' }"
+                  @wheel="handleNoteWheel"
+                  @mousedown="startNoteDrag"
+                  @dragstart.prevent
+                >
+                  <div 
+                    class="d-flex align-center justify-center"
+                    :style="{ 
+                      width: noteZoom > 1 ? `${noteZoom * 100}%` : '100%', 
+                      height: noteZoom > 1 ? `${noteZoom * 100}%` : '100%',
+                      minWidth: '100%',
+                      minHeight: '100%'
+                    }"
+                  >
+                    <div
+                      class="w-100 h-100"
+                      :style="{
+                        transform: `scale(${noteZoom})`,
+                        transformOrigin: 'center center',
+                      }"
+                    >
+                      <vue-office-pptx 
+                        :src="noteSourceContent.file" 
+                        class="w-100 h-100"
+                        @error="handlePptError"
+                      />
+                    </div>
+                  </div>
+                  <!-- 如果加载失败，或者文件不支持，显示下载按钮作为备选 -->
+                  <div
+                    v-if="pptError"
+                    class="position-absolute fill-height w-100 d-flex align-center justify-center bg-grey-darken-4"
+                    style="top: 0; left: 0; z-index: 5;"
+                  >
+                    <v-card
+                      color="grey-darken-3"
+                      width="400"
+                      class="text-center pa-6"
+                    >
+                      <v-icon
+                        size="64"
+                        color="orange"
+                        class="mb-4"
+                      >
+                        mdi-file-powerpoint
+                      </v-icon>
+                      <div class="text-h6 mb-2">
+                        {{ noteSourceContent.name }}
+                      </div>
+                      <div class="text-body-2 text-error mb-6">
+                        无法直接预览此文件 (可能格式不支持或已损坏)
+                      </div>
+                      <v-btn 
+                        color="primary" 
+                        prepend-icon="mdi-download" 
+                        :href="getPptDownloadUrl()" 
+                        :download="noteSourceContent.name"
+                        target="_blank"
+                      >
+                        下载文件
+                      </v-btn>
+                      <v-btn
+                        variant="text"
+                        class="mt-2"
+                        @click="pptError = false"
+                      >
+                        重试
+                      </v-btn>
+                    </v-card>
+                  </div>
+                </div>
+
+                <div
+                  v-else-if="noteSourceType === 'other'"
+                  class="fill-height d-flex align-center justify-center bg-grey-darken-4"
+                >
+                  <v-card
+                    color="grey-darken-3"
+                    width="400"
+                    class="text-center pa-6"
+                  >
+                    <v-icon
+                      size="64"
+                      color="grey"
+                      class="mb-4"
+                    >
+                      mdi-file-question
+                    </v-icon>
+                    <div class="text-h6 mb-2">
+                      {{ noteSourceContent.name }}
+                    </div>
+                    <div class="text-body-2 text-grey mb-6">
+                      该文件无法直接预览
+                    </div>
+                    <v-btn 
+                      color="primary" 
+                      prepend-icon="mdi-download" 
+                      :href="noteSourceContent.url" 
+                      :download="noteSourceContent.name"
+                      target="_blank"
+                    >
+                      下载文件
+                    </v-btn>
+                  </v-card>
+                </div>
+
+                <!-- 窗口展示 -->
+                <div
+                  v-else-if="noteSourceType === 'window'"
+                  ref="noteScrollContainer"
+                  class="fill-height overflow-auto position-relative custom-scrollbar bg-black"
+                  :style="{ cursor: isDraggingNote ? 'grabbing' : 'grab' }"
+                  @wheel="handleNoteWheel"
+                  @mousedown="startNoteDrag"
+                  @dragstart.prevent
+                >
+                  <div 
+                    class="d-flex align-center justify-center"
+                    :style="{ 
+                      width: noteZoom > 1 ? `${noteZoom * 100}%` : '100%', 
+                      height: noteZoom > 1 ? `${noteZoom * 100}%` : '100%',
+                      minWidth: '100%',
+                      minHeight: '100%'
+                    }"
+                  >
+                    <div
+                      class="w-100 h-100 d-flex align-center justify-center"
+                      :style="{
+                        transform: `scale(${noteZoom})`,
+                        transformOrigin: 'center center',
+                      }"
+                    >
+                      <video
+                        ref="videoPlayer"
+                        autoplay
+                        playsinline
+                        style="max-width: 100%; max-height: 100%; object-fit: contain; pointer-events: none;"
+                      />
+                    </div>
+                  </div>
+                </div>
+                </div>
+
+                <div
+                  v-if="noteSourceType"
+                  class="d-flex align-center px-3 py-2 bg-grey-darken-4 border-t border-color-white-10"
+                  style="gap: 8px;"
+                >
+                  <template v-if="noteSourceType === 'window'">
+                    <v-btn
+                      v-if="!isPptPlaying"
+                      icon
+                      variant="text"
+                      @click="controlPpt('slideshow_start')"
+                    >
+                      <v-icon>mdi-presentation-play</v-icon>
+                    </v-btn>
+                    <v-btn
+                      v-else
+                      icon
+                      color="error"
+                      variant="text"
+                      @click="controlPpt('slideshow_end')"
+                    >
+                      <v-icon>mdi-stop-circle</v-icon>
+                    </v-btn>
+                    <v-btn
+                      icon
+                      variant="text"
+                      @click="controlPpt('prev')"
+                    >
+                      <v-icon>mdi-chevron-left</v-icon>
+                    </v-btn>
+                    <v-btn
+                      icon
+                      variant="text"
+                      @click="controlPpt('next')"
+                    >
+                      <v-icon>mdi-chevron-right</v-icon>
+                    </v-btn>
+                    <v-divider
+                      vertical
+                      class="mx-1"
+                    />
+                  </template>
+
+                  <template v-if="noteSourceType === 'image'">
+                    <v-btn
+                      icon
+                      variant="text"
+                      :disabled="notePage <= 0"
+                      @click="changePage(-1)"
+                    >
+                      <v-icon>mdi-chevron-left</v-icon>
+                    </v-btn>
+                    <span class="text-body-2">{{ notePage + 1 }} / {{ noteSourceContent.length }}</span>
+                    <v-btn
+                      icon
+                      variant="text"
+                      :disabled="notePage >= noteSourceContent.length - 1"
+                      @click="changePage(1)"
+                    >
+                      <v-icon>mdi-chevron-right</v-icon>
+                    </v-btn>
+                    <v-divider
+                      vertical
+                      class="mx-1"
+                    />
+                  </template>
+
+                  <template v-if="noteSourceType === 'image' || noteSourceType === 'ppt' || noteSourceType === 'window'">
+                    <v-btn
+                      icon
+                      variant="text"
+                      @click="zoomNote(-0.1)"
+                    >
+                      <v-icon>mdi-magnify-minus</v-icon>
+                    </v-btn>
+                    <span class="text-body-2">{{ Math.round(noteZoom * 100) }}%</span>
+                    <v-btn
+                      icon
+                      variant="text"
+                      @click="zoomNote(0.1)"
+                    >
+                      <v-icon>mdi-magnify-plus</v-icon>
+                    </v-btn>
+                  </template>
+
+                  <v-spacer />
+
+                  <v-btn
+                    icon
+                    color="error"
+                    variant="flat"
+                    @click="closeNote"
+                  >
+                    <v-icon>mdi-close</v-icon>
+                  </v-btn>
+                </div>
+              </v-card>
+            </v-col>
+
+            <!-- 拖拽条 -->
+            <div
+              class="resizer-handle"
+              style="width: 8px; cursor: col-resize; background-color: rgba(255,255,255,0.05); display: flex; justify-content: center; align-items: center; z-index: 10;"
+              @mousedown.prevent="startNoteResize"
+            >
+              <div style="width: 2px; height: 30px; background-color: rgba(255,255,255,0.3); border-radius: 2px;" />
+            </div>
+
+            <!-- 作业列表 (右侧) -->
+            <v-col
+              :style="{ width: `calc(${100 - noteLeftPanelWidth}% - 8px)`, maxWidth: `calc(${100 - noteLeftPanelWidth}% - 8px)`, flex: `0 0 calc(${100 - noteLeftPanelWidth}% - 8px)`, pointerEvents: isResizingNotePanel ? 'none' : 'auto' }"
+              class="d-flex flex-column border-s bg-grey-darken-4"
+              style="height: 100%; transition: none;"
+            >
+              <!-- 顶部标题栏 -->
+              <div class="pa-4 d-flex align-center elevation-2 bg-grey-darken-4 z-index-10 border-b border-color-white-10">
+                <div class="flex-grow-1 d-flex flex-column overflow-hidden">
+                  <div class="text-subtitle-1 text-primary d-flex align-center font-weight-bold">
+                    <v-icon
+                      size="small"
+                      class="mr-2"
+                    >
+                      mdi-format-list-checks
+                    </v-icon>
+                    今日作业量: {{ totalHomeworkCount }} 项
+                  </div>
+                </div>
+                <v-btn
+                  icon
+                  variant="text"
+                  density="compact"
+                  class="ml-2"
+                  @click="toggleNoteMode"
+                >
+                  <v-icon>mdi-close</v-icon>
+                </v-btn>
+              </div>
+
+              <!-- 考勤统计 -->
+              <div
+                :key="'attendance-' + state.boardData.attendance.absent.length + '-' + state.boardData.attendance.late.length"
+                class="pa-1 bg-grey-darken-4 border-b border-color-white-10"
+              >
+                <attendance-sidebar
+                  :student-list="state.studentList"
+                  :attendance="state.boardData.attendance"
+                  :is-editing-disabled="false"
+                  :compact="true"
+                  :content-style="state.contentStyle"
+                  @click="setAttendanceArea"
+                  @save="handleAttendanceChange"
+                  @disabled-click="handleDisabledClick"
+                />
+              </div>
+            
+              <div 
+                ref="homeworkList" 
+                class="flex-grow-1 overflow-y-auto pa-3 custom-scrollbar" 
+                @mouseenter="onListHover(true)" 
+                @mouseleave="onListHover(false)"
+              >
+                <template
+                  v-for="item in noteModeItems"
+                  :key="item.key"
+                >
+                  <v-card 
+                    class="mb-3 glow-track cursor-pointer note-card" 
+                    variant="outlined" 
+                    color="grey-darken-3"
+                    style="border-radius: 8px !important; border-color: rgba(255,255,255,0.12);"
+                    @click="openDialog(item.name)"
+                    @mousemove="handleCardMouseMove"
+                    @touchstart="handleCardMouseMove"
+                  >
+                    <v-card-title
+                      class="text-subtitle-1 font-weight-bold text-white d-flex align-center"
+                      :style="state.titleStyle"
+                    >
+                      {{ item.name }}
+                      <v-spacer v-if="item.type === 'custom'" />
+                      <v-icon
+                        v-if="item.type === 'custom'"
+                        size="small"
+                        color="primary"
+                      >
+                        mdi-card-text-outline
+                      </v-icon>
+                    </v-card-title>
+                  
+                    <v-card-text
+                      class="text-white"
+                      :style="state.contentStyle"
+                    >
+                      <!-- 空作业状态 -->
+                      <template v-if="item.type === 'empty'">
+                        <div class="d-flex flex-column align-center justify-center py-2 text-grey">
+                          <v-icon
+                            size="large"
+                            class="mb-1"
+                            color="grey-darken-1"
+                          >
+                            mdi-plus
+                          </v-icon>
+                          <div class="text-caption">
+                            点击添加作业
+                          </div>
+                        </div>
+                      </template>
+                    
+                      <!-- 有作业状态 -->
+                      <template v-else>
+                        <template v-if="item.type === 'custom'">
+                          {{ item.content }}
+                        </template>
+                        <template v-else>
+                          <div
+                            v-for="(line, index) in splitPoint(item.content)"
+                            :key="index"
+                            class="d-flex align-start flex-wrap mb-1"
+                          >
+                            <span class="mr-2 item-line-text">{{ line.text }}</span>
+                            <!-- Submission Time -->
+                            <v-chip 
+                              v-if="line.submissionTime" 
+                              size="small" 
+                              color="info" 
+                              variant="flat"
+                              prepend-icon="mdi-clock-outline"
+                              class="mr-1"
+                              :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+                            >
+                              {{ formatSubmissionTime(line.submissionTime).replace('上交|', '') }}
+                              <span
+                                class="text-caption ml-1 font-weight-bold"
+                                style="font-size: 0.8em !important; opacity: 0.7;"
+                              >上交</span>
+                            </v-chip>
+                          
+                            <!-- Submit To -->
+                            <v-chip 
+                              v-if="line.submitTo" 
+                              size="small" 
+                              color="primary" 
+                              variant="flat"
+                              prepend-icon="mdi-account"
+                              class="mr-1"
+                              :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+                            >
+                              交给: {{ line.submitTo }}
+                            </v-chip>
+
+                            <v-chip 
+                              v-if="line.optional" 
+                              size="small" 
+                              color="orange" 
+                              variant="flat"
+                              prepend-icon="mdi-star-outline"
+                              class="mr-1 text-white"
+                              :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+                            >
+                              选做
+                            </v-chip>
+
+                            <!-- Not Submit Button -->
+                            <v-chip 
+                              v-if="line.notSubmit" 
+                              size="small" 
+                              color="warning" 
+                              variant="flat"
+                              class="mr-1"
+                              :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+                            >
+                              不上交
+                            </v-chip>
+                          
+                            <!-- Self Correction -->
+                            <v-chip 
+                              v-if="line.selfCorrection" 
+                              size="small" 
+                              color="success" 
+                              variant="flat"
+                              :style="{ fontSize: '0.65em !important', height: '1.6em !important', padding: '0 0.5em !important' }"
+                            >
+                              自批
+                            </v-chip>
+                          </div>
+                        </template>
+                      </template>
+                    </v-card-text>
+                  </v-card>
+                </template>
+              </div>
+
+            <!-- 底部信息 (已移除) -->
+            </v-col>
+          </v-row>
+        </v-container>
+      </div>
+    </transition>
   </div>
 
+  <attendance-management-dialog
+    v-model="state.attendanceDialog"
+    :student-list="state.studentList"
+    :attendance="state.boardData.attendance"
+    :is-editing-disabled="false"
+    @change="handleAttendanceChange"
+    @save="saveAttendance"
+    @close="handleAttendanceDialogClose"
+    @list-updated="loadConfig"
+  />
+
   <homework-edit-dialog
     v-model="state.dialogVisible"
-    :auto-save="autoSave"
+    :auto-save="true"
     :initial-content="state.textarea"
     :title="state.dialogTitle"
     :is-editing-past-data="isEditingPastData"
@@ -229,19 +811,13 @@
     @save="handleHomeworkSave"
   />
 
-  <v-snackbar v-model="state.snackbar" :timeout="2000">
+  <v-snackbar
+    v-model="state.snackbar"
+    :timeout="2000"
+  >
     {{ state.snackbarText }}
   </v-snackbar>
 
-  <attendance-management-dialog
-    v-model="state.attendanceDialog"
-    :student-list="state.studentList"
-    :attendance="state.boardData.attendance"
-    :date-string="state.dateString"
-    @save="saveAttendance"
-    @change="handleAttendanceChange"
-  />
-
   <message-log ref="messageLog" />
 
   <!-- 添加悬浮工具栏 -->
@@ -254,38 +830,16 @@
     @refresh="downloadData"
     @zoom="zoom"
     @open-messages="$refs.messageLog.drawer = true"
-    @open-settings="$router.push('/settings')"
     @date-select="handleDateSelect"
     @prev-day="navigateDay(-1)"
     @next-day="navigateDay(1)"
     @copy-to-today="copyHomeworkToToday"
   />
 
-  <!-- 添加ICP备案悬浮组件 -->
-  <FloatingICP />
-
-  <!-- 设备聊天室（右下角浮窗） -->
-  <ChatWidget v-model="isChatOpen" :show-button="false" />
-
-  <!-- 紧急通知测试对话框 -->
-  <UrgentTestDialog v-model="urgentTestDialog" />
-
-  <!-- 添加确认对话框 -->
-  <v-dialog v-model="confirmDialog.show" max-width="400">
-    <v-card>
-      <v-card-title class="text-h6"> 确认保存</v-card-title>
-      <v-card-text>
-        您正在修改 {{ state.dateString }} 的数据，确定要保存吗？
-      </v-card-text>
-      <v-card-actions>
-        <v-spacer />
-        <v-btn color="grey" variant="text" @click="confirmDialog.reject">
-          取消
-        </v-btn>
-        <v-btn color="primary" @click="confirmDialog.resolve"> 确认保存</v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
+  <!-- 版权提示 -->
+  <div class="copyright-footer">
+    CHWB作业板 本项目由高二七班(原12班)李昊睿制作，同时在宝一外提供技术支持!
+  </div>
 
   <!-- 添加随机点名组件 -->
   <random-picker
@@ -294,83 +848,386 @@
     :student-list="state.studentList"
   />
 
-  <!-- 添加URL配置确认对话框 -->
-  <v-dialog v-model="urlConfigDialog.show" max-width="500">
-    <v-card>
-      <v-card-title class="text-h6"> 确认应用URL配置</v-card-title>
-      <v-card-text>
-        <p>以下配置将应用于当前班级：</p>
-        <v-list density="compact">
-          <v-list-item
-            v-for="change in urlConfigDialog.changes"
-            :key="change.key"
+  <!-- 帮助对话框 -->
+  <v-dialog
+    v-model="showHelpDialog"
+    max-width="800"
+  >
+    <v-card class="rounded-xl">
+      <v-toolbar
+        color="primary"
+        density="compact"
+      >
+        <v-icon class="ml-4">
+          mdi-school
+        </v-icon>
+        <v-toolbar-title>如何使用班级作业看板</v-toolbar-title>
+        <v-btn
+          icon="mdi-close"
+          @click="showHelpDialog = false"
+        />
+      </v-toolbar>
+      
+      <v-card-text class="pa-0">
+        <v-row no-gutters>
+          <v-col
+            cols="12"
+            md="6"
+            class="pa-4 border-e"
           >
-            <template #prepend>
-              <v-icon :icon="change.icon" class="mr-2" size="small" />
-            </template>
-            <v-list-item-title class="d-flex align-center">
-              <span class="text-subtitle-1">{{ change.name }}</span>
-              <v-tooltip activator="parent" location="top"
-                >{{ change.description || change.key }}
-              </v-tooltip>
-            </v-list-item-title>
-            <v-list-item-subtitle>
-              <span class="text-grey-darken-1">{{ change.oldValue }}</span>
-              <v-icon class="mx-1" icon="mdi-arrow-right" size="small" />
-              <span class="text-primary font-weight-medium">{{
-                change.newValue
-              }}</span>
-            </v-list-item-subtitle>
-          </v-list-item>
-        </v-list>
+            <h3 class="text-h6 text-primary mb-4">
+              <v-icon
+                color="primary"
+                class="mr-2"
+              >
+                mdi-pencil-box-outline
+              </v-icon>
+              基础操作流程
+            </h3>
+            
+            <v-timeline
+              density="compact"
+              side="end"
+              align="start"
+            >
+              <v-timeline-item
+                dot-color="blue"
+                size="x-small"
+              >
+                <div class="text-subtitle-2 font-weight-bold">
+                  1. 打开作业卡片
+                </div>
+                <div class="text-caption text-grey">
+                  点击对应科目（如“语文”、“数学”）的作业卡片，即可打开编辑窗口。
+                </div>
+              </v-timeline-item>
+              
+              <v-timeline-item
+                dot-color="blue"
+                size="x-small"
+              >
+                <div class="text-subtitle-2 font-weight-bold">
+                  2. 输入作业内容
+                </div>
+                <div class="text-caption text-grey">
+                  在文本框中输入具体的作业内容。如果有多项作业，建议分条目记录。
+                </div>
+              </v-timeline-item>
+              
+              <v-timeline-item
+                dot-color="teal"
+                size="x-small"
+              >
+                <div class="text-subtitle-2 font-weight-bold">
+                  3. 使用快捷标签
+                </div>
+                <div class="text-caption text-grey">
+                  点击下方的快捷标签（如“卷”、“A”、“正面”）可快速将常用词汇添加到当前光标位置。
+                </div>
+              </v-timeline-item>
+              
+              <v-timeline-item
+                dot-color="green"
+                size="x-small"
+              >
+                <div class="text-subtitle-2 font-weight-bold">
+                  4. 自动保存
+                </div>
+                <div class="text-caption text-grey">
+                  编辑完成后，直接点击<span class="text-blue">空白处</span>或右上角的<span class="text-blue">关闭按钮</span>，内容将自动保存并同步。
+                </div>
+              </v-timeline-item>
+            </v-timeline>
+          </v-col>
+          
+          <v-col
+            cols="12"
+            md="6"
+            class="pa-4 bg-grey-darken-4"
+          >
+            <h3 class="text-h6 text-green-lighten-1 mb-4">
+              <v-icon
+                color="green-lighten-1"
+                class="mr-2"
+              >
+                mdi-star-outline
+              </v-icon>
+              高级功能指南
+            </h3>
+            
+            <div class="d-flex mb-4">
+              <v-avatar
+                color="blue-darken-3"
+                size="32"
+                class="mr-3"
+              >
+                <v-icon size="small">
+                  mdi-clock-outline
+                </v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-subtitle-2 font-weight-bold">
+                  设置上交时间
+                </div>
+                <div class="text-caption text-grey-lighten-1">
+                  点击“上交时间”按钮，在日历中选择日期，系统会自动计算并显示对应的时间和星期（如：明天、周五）。
+                </div>
+              </div>
+            </div>
+            
+            <div class="d-flex mb-4">
+              <v-avatar
+                color="green-darken-3"
+                size="32"
+                class="mr-3"
+              >
+                <v-icon size="small">
+                  mdi-check-circle-outline
+                </v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-subtitle-2 font-weight-bold">
+                  自主批改/不上交标记
+                </div>
+                <div class="text-caption text-grey-lighten-1">
+                  点击“自主批改”按钮，该条目会变绿并显示<v-icon
+                    size="x-small"
+                    color="green"
+                  >
+                    mdi-check-circle
+                  </v-icon>图标。点击“不上交”按钮，该条目会显示黄色“不上交”标签，并自动清除截止时间。
+                </div>
+              </div>
+            </div>
+
+            <div class="d-flex mb-4">
+              <v-avatar
+                color="cyan-darken-3"
+                size="32"
+                class="mr-3"
+              >
+                <v-icon size="small">
+                  mdi-account-arrow-right
+                </v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-subtitle-2 font-weight-bold">
+                  指定收交人
+                </div>
+                <div class="text-caption text-grey-lighten-1">
+                  点击“交给谁”按钮，可从学生名单中指定负责收该项作业的课代表，让同学们明确上交去向。
+                </div>
+              </div>
+            </div>
+            
+            <div class="d-flex mb-4">
+              <v-avatar
+                color="orange-darken-3"
+                size="32"
+                class="mr-3"
+              >
+                <v-icon size="small">
+                  mdi-playlist-plus
+                </v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-subtitle-2 font-weight-bold">
+                  多条目管理
+                </div>
+                <div class="text-caption text-grey-lighten-1">
+                  如果同一科目有多项作业（如：一张试卷 + 一页练习册），请点击“添加条目”分开记录，清晰明了。
+                </div>
+              </div>
+            </div>
+
+            <div class="d-flex mb-4">
+              <v-avatar
+                color="indigo-darken-3"
+                size="32"
+                class="mr-3"
+              >
+                <v-icon size="small">
+                  mdi-notebook-outline
+                </v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-subtitle-2 font-weight-bold">
+                  抄笔记模式
+                </div>
+                <div class="text-caption text-grey-lighten-1">
+                  点击“抄笔记”按钮进入专注模式。左侧可导入PPT/图片或捕获窗口，右侧显示今日作业列表。作业列表会自动滚动，方便查看。
+                </div>
+              </div>
+            </div>
+
+            <div class="d-flex mb-4">
+              <v-avatar
+                color="purple-darken-3"
+                size="32"
+                class="mr-3"
+              >
+                <v-icon size="small">
+                  mdi-toolbox-outline
+                </v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-subtitle-2 font-weight-bold">
+                  班级辅助工具
+                </div>
+                <div class="text-caption text-grey-lighten-1">
+                  主界面上方提供“随机点名”、“全屏显示”等实用工具；右侧边栏可便捷设置班级公告及进行出勤统计。
+                </div>
+              </div>
+            </div>
+
+            <v-divider class="my-4" />
+            
+            <v-alert
+              color="info"
+              variant="tonal"
+              icon="mdi-information"
+              density="compact"
+            >
+              <div class="text-subtitle-2">
+                小贴士
+              </div>
+              <div class="text-caption">
+                所有修改都会实时显示在屏幕上，请确认内容准确。
+              </div>
+            </v-alert>
+          </v-col>
+        </v-row>
+      </v-card-text>
+      
+      <v-card-actions class="bg-grey-darken-4 pa-4">
+        <v-spacer />
+        <v-btn
+          color="primary"
+          variant="elevated"
+          min-width="120"
+          @click="showHelpDialog = false"
+        >
+          我学会了
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+
+  <!-- 公告设置对话框 -->
+  <announcement-settings-dialog
+    v-model="showAnnouncementSettings"
+    @save="handleAnnouncementSave"
+  />
+
+  <!-- PPT检测弹窗 -->
+  <v-dialog
+    v-model="pptCheckDialog.show"
+    max-width="500"
+  >
+    <v-card>
+      <v-card-title class="headline text-primary d-flex align-center">
+        <v-icon class="mr-2">
+          mdi-presentation-play
+        </v-icon>发现正在运行的PPT
+      </v-card-title>
+      <v-card-text>
+        <div class="text-body-1 mb-2">
+          是否要投放以下内容？
+        </div>
+        
+        <div class="overflow-y-auto pr-2 custom-scrollbar" style="max-height: 50vh;">
+          <!-- Multiple PPTs -->
+          <template v-if="pptCheckDialog.ppts && pptCheckDialog.ppts.length > 0">
+            <div
+              v-for="(ppt, index) in pptCheckDialog.ppts"
+              :key="index"
+              class="mb-4"
+            >
+              <div class="text-subtitle-2 text-grey mb-2">
+                {{ ppt.title }}
+              </div>
+              <v-img
+                v-if="ppt.image"
+                :src="ppt.image"
+                max-height="200"
+                contain
+                class="bg-grey-darken-3 rounded cursor-pointer"
+                @click="executeWindowCapture"
+              />
+            </div>
+          </template>
+          <!-- Single/Fallback PPT -->
+          <template v-else>
+            <div class="text-subtitle-2 text-grey mb-4">
+              {{ pptCheckDialog.title }}
+            </div>
+            <v-img
+              v-if="pptCheckDialog.image"
+              :src="pptCheckDialog.image"
+              max-height="250"
+              contain
+              class="bg-grey-darken-3 rounded cursor-pointer"
+              @click="executeWindowCapture"
+            />
+          </template>
+        </div>
+
+        <div class="text-caption text-grey mt-4">
+          <v-icon
+            size="small"
+            class="mr-1"
+          >
+            mdi-information
+          </v-icon>
+          点击确认后，请在弹出的系统选择框中手动选择该PPT窗口。
+        </div>
       </v-card-text>
       <v-card-actions>
         <v-spacer />
         <v-btn
           color="grey"
           variant="text"
-          @click="urlConfigDialog.cancelHandler"
+          @click="pptCheckDialog.show = false"
         >
           取消
         </v-btn>
-        <v-btn color="primary" @click="urlConfigDialog.confirmHandler">
-          确认应用
+        <v-btn
+          color="primary"
+          @click="executeWindowCapture"
+        >
+          投放内容
         </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
 
-  <!-- 考试详情/编辑对话框 -->
-  <v-dialog v-model="showExamDetailDialog" persistent fullscreen>
-    <v-card v-if="selectedExamId">
-      <v-card-title class="d-flex align-center pa-4">
-        编辑考试配置
-        <v-spacer></v-spacer>
-        <v-btn icon="mdi-close" variant="text" @click="showExamDetailDialog = false"></v-btn>
+  <!-- 通知详情对话框 -->
+  <v-dialog
+    v-model="notificationDetailDialog"
+    max-width="600"
+  >
+    <v-card v-if="currentNotification">
+      <v-card-title
+        class="headline"
+        :class="currentNotification.isUrgent ? 'text-error' : 'text-primary'"
+      >
+        {{ currentNotification.isUrgent ? '强调通知' : '通知详情' }}
       </v-card-title>
-      <v-card-text class="pa-4" style="max-height: 70vh; overflow-y: auto;">
-        <exam-config-editor
-          :config-id="selectedExamId"
-          :dialog-mode="true"
-          @saved="onExamConfigSaved"
-          @deleted="onExamConfigDeleted"
-        />
+      <v-card-text class="text-h5 py-4">
+        {{ currentNotification.message }}
       </v-card-text>
-      <v-divider></v-divider>
-      <v-card-actions class="pa-4">
+      <v-card-actions>
         <v-btn
           color="error"
-          prepend-icon="mdi-delete"
-          variant="tonal"
-          @click="removeCurrentExamCard"
+          variant="text"
+          @click="removePersistentNotification(currentNotification.id)"
         >
-          移除卡片
+          删除
         </v-btn>
-        <v-spacer></v-spacer>
+        <v-spacer />
         <v-btn
           color="primary"
-          variant="text"
-          @click="showExamDetailDialog = false"
+          @click="notificationDetailDialog = false"
         >
           关闭
         </v-btn>
@@ -378,106 +1235,66 @@
     </v-card>
   </v-dialog>
 
-  <!-- 添加考试卡片对话框 -->
-  <v-dialog v-model="showAddExamDialog" max-width="500">
+  <!-- 初次启动配置班级对话框 -->
+  <v-dialog
+    v-model="showInitClassDialog"
+    max-width="400"
+    persistent
+  >
     <v-card>
-      <v-card-title class="text-h6">预览考试看板</v-card-title>
-      <v-card-text>
-        <v-list v-if="examStore.examList.length > 0">
-          <v-list-item
-            v-for="exam in examStore.examList"
-            :key="exam.id"
-            :title="examStore.exams[exam.id]?.examName || exam.id"
-            :subtitle="exam.id"
-            @click="addExamCard(exam.id)"
-          >
-            <template #prepend>
-              <v-icon color="primary">mdi-calendar-text</v-icon>
-            </template>
-            <template #append>
-              <v-btn
-                :icon="isExamCardAdded(exam.id) ? 'mdi-check' : 'mdi-plus'"
-                :color="isExamCardAdded(exam.id) ? 'success' : 'grey'"
-                variant="text"
-              ></v-btn>
-            </template>
-          </v-list-item>
-        </v-list>
-        <div v-else class="text-center py-4 text-grey">
-          暂无考试配置
-        </div>
-      </v-card-text>
-      <v-card-actions>
-        <v-spacer></v-spacer>
-        <v-btn color="primary" variant="text" @click="showAddExamDialog = false">关闭</v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-  <!-- 通知详情对话框 -->
-  <v-dialog v-model="notificationDetailDialog" max-width="600">
-    <v-card v-if="currentNotification">
-      <v-card-title class="headline" :class="currentNotification.isUrgent ? 'text-error' : 'text-primary'">
-        {{ currentNotification.isUrgent ? '强调通知' : '通知详情' }}
+      <v-card-title class="text-h6 pt-4 px-4">
+        欢迎使用！请设置您的班级
       </v-card-title>
-      <v-card-text class="text-h5 py-4">
-        {{ currentNotification.message }}
+      <v-card-text class="px-4">
+        <p class="mb-4 text-body-2 text-medium-emphasis">
+          这是您第一次启动，请输入您的班级名称。此设置将保存到服务器。
+        </p>
+        <v-text-field
+          v-model="initClassName"
+          label="班级名称"
+          placeholder="例如：高二七班"
+          variant="outlined"
+          autofocus
+          @keyup.enter="saveInitClass"
+        />
       </v-card-text>
-      <v-card-actions>
-        <v-btn color="error" variant="text" @click="removePersistentNotification(currentNotification.id)">删除</v-btn>
-        <v-spacer></v-spacer>
-        <v-btn color="primary" @click="notificationDetailDialog = false">关闭</v-btn>
+      <v-card-actions class="px-4 pb-4">
+        <v-spacer />
+        <v-btn
+          color="primary"
+          variant="elevated"
+          :disabled="!initClassName.trim()"
+          @click="saveInitClass"
+        >
+          确定
+        </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
-  <br /><br /><br />
+
+  <br><br><br>
 </template>
 
 <script>
-import { defineAsyncComponent } from "vue";
+import { defineAsyncComponent, shallowRef } from "vue";
 import AsyncLoadingPlaceholder from "@/components/common/AsyncLoadingPlaceholder.vue";
 
 // ===== 首屏核心组件（同步加载）=====
 import HomeworkGrid from "@/components/home/HomeworkGrid.vue";
-import HomeActions from "@/components/home/HomeActions.vue";
-import FloatingICP from "@/components/FloatingICP.vue";
-import HitokotoCard from "@/components/HitokotoCard.vue";
-import HomeSkeleton from "@/components/common/HomeSkeleton.vue";
+import FloatingToolbar from "@/components/FloatingToolbar.vue";
+import AnnouncementSettingsDialog from "@/components/announcement/AnnouncementSettingsDialog.vue";
+import AnnouncementOverlay from "@/components/announcement/AnnouncementOverlay.vue";
+import AnnouncementWidget from "@/components/announcement/AnnouncementWidget.vue";
 
 // ===== 非首屏 / 条件渲染组件（异步懒加载）=====
-const MessageLog = defineAsyncComponent({
-  loader: () => import("@/components/MessageLog.vue"),
-  loadingComponent: AsyncLoadingPlaceholder,
-  delay: 200,
-});
 const RandomPicker = defineAsyncComponent({
   loader: () => import("@/components/RandomPicker.vue"),
   delay: 0,
 });
-const FloatingToolbar = defineAsyncComponent({
-  loader: () => import("@/components/FloatingToolbar.vue"),
-  delay: 200,
-});
-const ChatWidget = defineAsyncComponent({
-  loader: () => import("@/components/ChatWidget.vue"),
-  delay: 0,
-});
 const HomeworkEditDialog = defineAsyncComponent({
   loader: () => import("@/components/HomeworkEditDialog.vue"),
   delay: 0,
 });
-const InitServiceChooser = defineAsyncComponent({
-  loader: () => import("@/components/InitServiceChooser.vue"),
-  loadingComponent: AsyncLoadingPlaceholder,
-  delay: 200,
-});
-const StudentNameManager = defineAsyncComponent({
-  loader: () => import("@/components/StudentNameManager.vue"),
-  delay: 200,
-});
-const UrgentTestDialog = defineAsyncComponent({
-  loader: () => import("@/components/UrgentTestDialog.vue"),
-  delay: 0,
-});
 const AttendanceSidebar = defineAsyncComponent({
   loader: () => import("@/components/attendance/AttendanceSidebar.vue"),
   loadingComponent: AsyncLoadingPlaceholder,
@@ -487,66 +1304,39 @@ const AttendanceManagementDialog = defineAsyncComponent({
   loader: () => import("@/components/attendance/AttendanceManagementDialog.vue"),
   delay: 0,
 });
-const PwaInstallCard = defineAsyncComponent({
-  loader: () => import("@/components/PwaInstallCard.vue"),
-  delay: 200,
-});
-const ExamScheduleCard = defineAsyncComponent({
-  loader: () => import("@/components/home/ExamScheduleCard.vue"),
+const VueOfficePptx = defineAsyncComponent({
+  loader: () => import("@vue-office/pptx"),
   loadingComponent: AsyncLoadingPlaceholder,
   delay: 200,
 });
-const ExamConfigEditor = defineAsyncComponent({
-  loader: () => import("@/components/ExamConfigEditor.vue"),
-  delay: 0,
-});
+
 import dataProvider from "@/utils/dataProvider";
-import { useExamStore } from "@/stores/examStore";
 import {
   getSetting,
   watchSettings,
   setSetting,
-  settingsDefinitions,
 } from "@/utils/settings";
-import { kvServerProvider } from "@/utils/providers/kvServerProvider";
 import { useDisplay } from "vuetify";
 import { debounce, throttle } from "@/utils/debounce";
-import { Base64 } from "js-base64";
-import {
-  getSocket,
-  on as socketOn,
-  joinToken,
-  leaveAll,
-  onConnect as onSocketConnect,
-} from "@/utils/socketClient";
-import { createDeviceEventHandler } from "@/utils/deviceEvents";
-import axios from "@/axios/axios";
+import { parseMarkdown } from "@/utils/markdown";
 
 export default {
   name: "Classworks 作业板",
   components: {
-    MessageLog,
     RandomPicker,
     FloatingToolbar,
-    FloatingICP,
     HomeworkEditDialog,
-    InitServiceChooser,
-    ChatWidget,
-    StudentNameManager,
-    UrgentTestDialog,
     AttendanceSidebar,
     AttendanceManagementDialog,
     HomeworkGrid,
-    HomeActions,
-    PwaInstallCard,
-    ExamScheduleCard,
-    ExamConfigEditor,
-    HomeSkeleton,
+    AnnouncementSettingsDialog,
+    AnnouncementOverlay,
+    AnnouncementWidget,
+    VueOfficePptx,
   },
   setup() {
     const { mobile } = useDisplay();
-    const examStore = useExamStore();
-    return { mobile, examStore };
+    return { mobile };
   },
   data() {
     const defaultSubjects = [
@@ -563,19 +1353,21 @@ export default {
     ];
 
     return {
-      // examCards: [], // Removed
-      showAddExamDialog: false,
-      showExamDetailDialog: false,
-      selectedExamId: null,
-      upcomingExams: [],
+      splashVisible: true,
+      splashCountdown: 8,
+      splashTimer: null,
+      showHelpDialog: false,
+      showAnnouncementSettings: false,
+      newAnnouncement: "",
+      
+      showInitClassDialog: false,
+      initClassName: "",
+      
       dataKey: "",
-      provider: "",
       useDisplay: useDisplay,
+      isPptPlaying: false,
       state: {
         classNumber: "",
-        // 当前命名空间/设备信息（从云端加载）
-        namespaceInfo: null,
-        deviceName: "",
         studentList: [],
         boardData: {
           homework: {},
@@ -592,10 +1384,12 @@ export default {
         synced: false,
         attendDialogVisible: false,
         contentStyle: { "font-size": `${getSetting("font.size")}px` },
+        titleStyle: { "font-size": `${Math.round(getSetting("font.size") * 1.15)}px` },
         uploadLoading: false,
         downloadLoading: false,
         snackbar: false,
         snackbarText: "",
+        snackbarColor: "info",
         fontSize: getSetting("font.size"),
         datePickerDialog: false,
         selectedDate: new Date().toISOString().split("T")[0].replace(/-/g, ""),
@@ -627,82 +1421,97 @@ export default {
         resolve: null,
         reject: null,
       },
-      urlConfigDialog: {
-        show: false,
-        config: null,
-        changes: [],
-        validSettings: {},
-        confirmHandler: null,
-        cancelHandler: null,
-        icons: {},
-      },
       settingsTick: 0,
-      isChatOpen: false,
-      highlightedCards: {}, // 记录哪些卡片需要高亮
-      // Token 显示信息（统一显示 token 信息和学生姓名）
-      tokenDisplayInfo: {
-        show: false,
-        readonly: false, // 是否是只读 token
-        text: "",
-        color: "primary",
-        variant: "tonal",
-        icon: "mdi-account",
-        disabled: false,
-      },
-      // 实时刷新信息
-      realtimeInfo: {
-        show: false,
-        time: "",
-        key: "",
-      },
-      $offKvChanged: null,
-      $offConnect: null,
-      debouncedRealtimeRefresh: null,
-      // 预配数据
-      preconfigData: {
-        namespace: null,
-        authCode: null,
-        autoOpen: false,
-        autoExecute: false,
-      },
-      // 紧急通知测试对话框
-      urgentTestDialog: false,
-      // 令牌信息
-      tokenInfo: null,
-
+      highlightedCards: {},
+      
       // 常驻通知
       persistentNotifications: [],
       notificationDetailDialog: false,
       currentNotification: null,
+
+      // PPT 检测状态
+      pptCheckDialog: {
+        show: false,
+        title: "",
+        image: "",
+        ppts: []
+      },
+
+      // 笔记模式状态
+      isNoteMode: false,
+      noteSourceType: null, // 'image' | 'window' | 'ppt' | 'pdf' | 'other'
+      noteSourceContent: null, // Array of strings (urls) or MediaStream
+      notePage: 0,
+      noteZoom: 1,
+      isDraggingNote: false,
+      dragStartX: 0,
+      dragStartY: 0,
+      dragStartScrollLeft: 0,
+      dragStartScrollTop: 0,
+      dragContainer: null,
+      autoScrollTimer: null,
+      pptError: false,
+      noteLeftPanelWidth: Number(localStorage.getItem('noteLeftPanelWidth')) || 75,
+      isResizingNotePanel: false,
     };
   },
 
   computed: {
     isMobile() {
-      // 如果启用了强制一体机UI模式，返回false（使用桌面UI）
       const forceDesktopMode = getSetting('display.forceDesktopMode');
       if (forceDesktopMode) {
         return false;
       }
       return this.mobile;
     },
+    
+    // 计算今日作业总量
+    totalHomeworkCount() {
+      let count = 0;
+      this.sortedItems.forEach(item => {
+        if (item.type === 'homework' || item.type === 'custom') {
+          // 简单的行数计算，或者直接算作1项
+          // 这里假设每个卡片是一个作业项，或者根据内容行数计算
+           if (item.content) {
+             const normalized = item.content.replace(/\r\n/g, "\n");
+             const blocks = /\n\s*\n/.test(normalized)
+               ? normalized.split(/\n\s*\n+/)
+               : normalized.split("\n");
+             count += blocks.map((t) => t.trim()).filter(Boolean).length;
+           }
+        }
+      });
+      return count;
+    },
+
+    noteModeItems() {
+      const activeItems = this.sortedItems.filter(item => ['homework', 'custom'].includes(item.type));
+      const emptyItems = this.unusedSubjects.map(subject => ({
+        key: subject.name,
+        name: subject.name,
+        type: 'empty',
+        content: '',
+        order: subject.order
+      }));
+      
+      // Separate active and empty, sort each group by original order
+      activeItems.sort((a, b) => a.order - b.order);
+      emptyItems.sort((a, b) => a.order - b.order);
+      
+      // Combine with active items first
+      return [...activeItems, ...emptyItems];
+    },
+
+    autoScrollWatchSource() {
+      // Create a computed property to watch for relevant changes
+      return {
+        mode: this.isNoteMode,
+        itemsLength: this.noteModeItems.length
+      };
+    },
+
     titleText() {
-      const provider = getSetting("server.provider");
-      const isOnline = provider === "kv-server" || provider === "classworkscloud";
-
-      let displayName;
-      if (isOnline && this.state.namespaceInfo) {
-        // 非离线模式：优先使用自动获取的命名空间名称
-        displayName =
-          this.state.namespaceInfo?.name ||
-          this.state.namespaceInfo?.device?.name ||
-          this.state.classNumber ||
-          "高三八班";
-      } else {
-        // 离线模式：使用本地设置的班级编号
-        displayName = this.state.classNumber || "高三八班";
-      }
-
+      const displayName = this.state.classNumber || "我的班级";
       const today = this.getToday();
       const yesterday = new Date(today);
       yesterday.setDate(yesterday.getDate() - 1);
@@ -737,31 +1546,13 @@ export default {
         });
       }
 
-      // 添加考试卡片
-      for (const key in this.state.boardData.homework) {
-        if (key.startsWith('exam-')) {
-          const card = this.state.boardData.homework[key];
-          items.push({
-            key: key,
-            name: '考试安排',
-            type: 'exam',
-            data: {
-              examId: card.examId,
-            },
-            order: -100, // Ensure they appear at the top
-            rowSpan: 200 // Estimated height
-          });
-        }
-      }
-
       // 添加作业卡片
       for (const subject of this.state.availableSubjects) {
         const subjectKey = subject.name;
         const subjectData = this.state.boardData.homework[subjectKey];
 
-        if (subjectData && subjectData.content) {
+        if (subjectData && typeof subjectData.content === 'string' && subjectData.content) {
           const lineCount = subjectData.content.split("\n").filter((line) => line.trim()).length;
-          // Estimate height in pixels: title(64) + padding(32) + lines * line-height(24) + extra
           const estimatedHeight = 100 + lineCount * 24;
 
           items.push({
@@ -770,59 +1561,40 @@ export default {
             type: 'homework',
             content: subjectData.content,
             order: subject.order,
-            rowSpan: estimatedHeight, // Used for sorting only
+            rowSpan: estimatedHeight,
           });
         }
       }
 
-      // 添加时间卡片
-      if (getSetting("timeCard.enabled")) {
-        items.push({
-          key: "time-card",
-          name: "时间",
-          type: "time",
-          order: 9997,
-          rowSpan: 150,
-        });
-      }
-
-      // 添加一言卡片
-      if (getSetting("hitokoto.enabled")) {
-        items.push({
-          key: "hitokoto-card",
-          name: "一言",
-          type: "hitokoto",
-          order: 9998,
-          rowSpan: 150, // Default estimated height
-        });
-      }
-
       // 添加自定义卡片
       for (const key in this.state.boardData.homework) {
         if (key.startsWith('custom-')) {
           const card = this.state.boardData.homework[key];
-          const lineCount = card.content.split("\n").filter((line) => line.trim()).length;
-          const estimatedHeight = 100 + lineCount * 24;
+          if (card && typeof card.content === 'string') {
+            const lineCount = card.content.split("\n").filter((line) => line.trim()).length;
+            const estimatedHeight = 100 + lineCount * 24;
 
-          items.push({
-            key: key,
-            name: card.name,
-            type: 'custom',
-            content: card.content,
-            order: 9999, // Put at the end
-            rowSpan: estimatedHeight, // Used for sorting only
-          });
+            items.push({
+              key: key,
+              name: card.name,
+              type: 'custom',
+              content: card.content,
+              order: 9999,
+              rowSpan: estimatedHeight,
+            });
+          }
         }
       }
 
-      // 按照顺序排序
       items.sort((a, b) => a.order - b.order);
-
       return items;
     },
     unusedSubjects() {
       const usedKeys = Object.keys(this.state.boardData.homework).filter(
-        (key) => this.state.boardData.homework[key].content?.trim()
+        (key) => {
+          const content = this.state.boardData.homework[key].content;
+          return typeof content === 'string' && content.trim();
+        }
       );
       return this.state.availableSubjects
         .filter((subject) => !usedKeys.includes(subject.name))
@@ -833,10 +1605,7 @@ export default {
       return this.unusedSubjects;
     },
     autoSave() {
-      return getSetting("edit.autoSave");
-    },
-    blockNonTodayAutoSave() {
-      return getSetting("edit.blockNonTodayAutoSave");
+      return true; // Force auto-save enabled
     },
     isToday() {
       const today = (() => {
@@ -848,128 +1617,16 @@ export default {
       })();
       return this.state.dateString === today;
     },
-    canAutoSave() {
-      return this.autoSave && (!this.blockNonTodayAutoSave || this.isToday);
-    },
-    needConfirmSave() {
-      return !this.isToday && this.confirmNonTodaySave;
-    },
-    shouldShowBlockedMessage() {
-      return !this.isToday && this.autoSave && this.blockNonTodayAutoSave;
-    },
-    refreshBeforeEdit() {
-      return getSetting("edit.refreshBeforeEdit");
-    },
     emptySubjectDisplay() {
       return getSetting("display.emptySubjectDisplay");
     },
-    dynamicSort() {
-      return getSetting("display.dynamicSort");
-    },
-    isEditingDisabled() {
-      // 检查是否禁用编辑：加载中、没有编辑权限、或被配置禁止编辑过往数据
-      if (this.state.uploadLoading || this.state.downloadLoading) return true;
-
-      // 检查是否是只读 token
-      const manager = this.$refs.studentNameManager;
-      if (manager?.isReadOnly) return true;
-
-      // 检查是否禁止编辑过往数据
-      if (!this.canEditCurrentDate) return true;
-
-      return false;
-    },
-    unreadCount() {
-      return this.$refs.messageLog?.unreadCount || 0;
-    },
-    showRandomPickerButton() {
-      return getSetting("randomPicker.enabled");
-    },
-    showListCardButton() {
-      return getSetting("display.showListCard");
-    },
-    confirmNonTodaySave() {
-      return getSetting("edit.confirmNonTodaySave");
-    },
-    blockPastDataEdit() {
-      return getSetting("edit.blockPastDataEdit");
-    },
-    shouldShowSaveConfirm() {
-      return !this.isToday && this.confirmNonTodaySave;
-    },
-    shouldBlockAutoSave() {
-      return !this.isToday && this.autoSave && this.blockNonTodayAutoSave;
-    },
-    canEditCurrentDate() {
-      // 检查是否可以编辑当前日期的数据
-      if (this.isToday) return true;
-      if (this.blockPastDataEdit) return false;
-      return true;
-    },
     isEditingPastData() {
-      // 是否正在编辑过往数据（非今日数据）
       return !this.isToday;
     },
-    showFullscreenButton() {
-      return getSetting("display.showFullscreenButton");
-    },
-    showExamScheduleButton() {
-      return getSetting("display.showExamScheduleButton");
-    },
-    showAntiScreenBurnCard() {
-      return getSetting("display.showAntiScreenBurnCard");
-    },
-    showTestCardButton() {
-      return getSetting("developer.enabled");
-    },
-    shouldShowInit() {
-      const provider = getSetting("server.provider");
-      const isKv = provider === "kv-server" || provider === "classworkscloud";
-      const token = getSetting("server.kvToken");
-      // 仅首页
-      const onHome = this.$route?.path === "/";
-      // 依赖 settingsTick 使其在设置变更时重新计算
-      void this.settingsTick;
-      return onHome && isKv && (!token || token === "");
-    },
-    // 是否显示紧急通知测试按钮（仅教师和课堂令牌）
-    hasExamCard() {
-      for (const key in this.state.boardData.homework) {
-        if (key.startsWith('exam-')) return true;
-      }
-      return false;
-    },
-
-    shouldShowUrgentTestButton() {
-      // 检查是否使用 KV 服务器
-      const provider = getSetting("server.provider");
-      const isKv = provider === "kv-server" || provider === "classworkscloud";
-      if (!isKv) return false;
-
-      // 检查是否有令牌
-      const kvToken = getSetting("server.kvToken");
-      if (!kvToken) return false;
-
-      // 检查令牌信息是否已加载
-      if (!this.tokenInfo) return false;
-
-      // 只有 teacher 或 classroom 类型的令牌才显示
-      return (
-        this.tokenInfo.deviceType === "teacher" ||
-        this.tokenInfo.deviceType === "classroom"
-      );
-    },
-
-
-    subjectOrder() {
-      return [...this.state.availableSubjects]
-        .sort((a, b) => a.order - b.order)
-        .map((subject) => subject.name);
-    },
   },
 
   watch: {
-    homeworkData: {
+    "state.boardData.homework": {
       handler() {
         this.$nextTick(() => {
           if (this.$refs.waterfall) {
@@ -990,14 +1647,34 @@ export default {
         this.handleAttendanceDialogClose(newValue);
       },
     },
+    noteSourceContent: {
+      handler(newVal) {
+        if (this.noteSourceType === 'window' && newVal) {
+          this.$nextTick(() => {
+            if (this.$refs.videoPlayer) {
+              this.$refs.videoPlayer.srcObject = newVal;
+            }
+          });
+        }
+      }
+    },
+    autoScrollWatchSource: {
+      handler(val) {
+        if (val.mode) {
+          // If in note mode, restart auto scroll (wait for DOM update)
+          this.$nextTick(() => {
+             this.startAutoScroll();
+          });
+        }
+      },
+      deep: true
+    },
   },
 
   created() {
     this.debouncedUpload = debounce(this.uploadData, 2000);
     this.debouncedAttendanceSave = debounce(async () => {
-      if (this.autoSave) {
         await this.trySave(true);
-      }
     }, 2000);
     this.throttledReflow = throttle(() => {
       if (this.$refs.gridContainer) {
@@ -1008,94 +1685,22 @@ export default {
 
   async mounted() {
     try {
-      this.updateBackendUrl();
+      this.startSplashTimer();
       await this.initializeData();
       this.dataReady = true;
-      // 拉取设备/命名空间信息用于标题显示
-      await this.loadDeviceInfo();
       this.setupAutoRefresh();
       this.unwatchSettings = watchSettings(() => {
         this.updateSettings();
       });
 
-      // 连接学生姓名管理组件（支持学生和教师）
-      this.$nextTick(() => {
-        const studentNameManager = this.$refs.studentNameManager;
-        if (studentNameManager) {
-          // 优先使用学生名称，如果不是学生则使用教师名称
-          this.studentNameInfo.name = studentNameManager.currentStudentName || studentNameManager.currentTeacherName || '';
-          this.studentNameInfo.isStudent = studentNameManager.isStudentToken;
-          this.studentNameInfo.isTeacher = studentNameManager.isTeacherToken;
-          this.studentNameInfo.openDialog = () =>
-            studentNameManager.openDialog();
-
-          // 监听学生姓名变化
-          this.$watch(
-            () => studentNameManager.currentStudentName,
-            (newName) => {
-              this.studentNameInfo.name = newName;
-              this.updateTokenDisplayInfo();
-            }
-          );
-          // 监听教师姓名变化
-          this.$watch(
-            () => studentNameManager.currentTeacherName,
-            (newName) => {
-              if (studentNameManager.isTeacherToken) {
-                this.studentNameInfo.name = newName;
-                this.updateTokenDisplayInfo();
-              }
-            }
-          );
-          this.$watch(
-            () => studentNameManager.isStudentToken,
-            (isStudent) => {
-              this.studentNameInfo.isStudent = isStudent;
-              this.updateTokenDisplayInfo();
-            }
-          );
-          this.$watch(
-            () => studentNameManager.isTeacherToken,
-            (isTeacher) => {
-              this.studentNameInfo.isTeacher = isTeacher;
-              this.updateTokenDisplayInfo();
-            }
-          );
-        }
-      });
-
-      document.addEventListener(
-        "fullscreenchange",
-        this.fullscreenChangeHandler
-      );
-      document.addEventListener(
-        "webkitfullscreenchange",
-        this.fullscreenChangeHandler
-      );
-      document.addEventListener(
-        "mozfullscreenchange",
-        this.fullscreenChangeHandler
-      );
-      document.addEventListener(
-        "MSFullscreenChange",
-        this.fullscreenChangeHandler
-      );
+      document.addEventListener("fullscreenchange", this.fullscreenChangeHandler);
+      document.addEventListener("webkitfullscreenchange", this.fullscreenChangeHandler);
+      document.addEventListener("mozfullscreenchange", this.fullscreenChangeHandler);
+      document.addEventListener("MSFullscreenChange", this.fullscreenChangeHandler);
 
       this.checkHashForRandomPicker();
-
       window.addEventListener("hashchange", this.checkHashForRandomPicker);
 
-      // 实时频道：加入设备房间并监听键变化
-      this.setupRealtimeChannel();
-
-      // 初始化 Token 显示信息
-      this.$nextTick(() => {
-        this.updateTokenDisplayInfo();
-      });
-
-      // 获取令牌信息
-      await this.loadTokenInfo();
-
       // 加载常驻通知
       this.loadPersistentNotifications();
     } catch (err) {
@@ -1111,139 +1716,34 @@ export default {
     if (this.state.refreshInterval) {
       clearInterval(this.state.refreshInterval);
     }
+    if (this.splashTimer) {
+      clearInterval(this.splashTimer);
+    }
 
-    document.removeEventListener(
-      "fullscreenchange",
-      this.fullscreenChangeHandler
-    );
-    document.removeEventListener(
-      "webkitfullscreenchange",
-      this.fullscreenChangeHandler
-    );
-    document.removeEventListener(
-      "mozfullscreenchange",
-      this.fullscreenChangeHandler
-    );
-    document.removeEventListener(
-      "MSFullscreenChange",
-      this.fullscreenChangeHandler
-    );
+    document.removeEventListener("fullscreenchange", this.fullscreenChangeHandler);
+    document.removeEventListener("webkitfullscreenchange", this.fullscreenChangeHandler);
+    document.removeEventListener("mozfullscreenchange", this.fullscreenChangeHandler);
+    document.removeEventListener("MSFullscreenChange", this.fullscreenChangeHandler);
 
     window.removeEventListener("hashchange", this.checkHashForRandomPicker);
-
-    // 退出设备房间并清理监听
-    try {
-      if (this.$offKvChanged && typeof this.$offKvChanged === "function") {
-        this.$offKvChanged();
-        this.$offKvChanged = null;
-      }
-      if (this.$offDeviceEvent && typeof this.$offDeviceEvent === "function") {
-        this.$offDeviceEvent();
-        this.$offDeviceEvent = null;
-      }
-      if (this.$offConnect && typeof this.$offConnect === "function") {
-        this.$offConnect();
-        this.$offConnect = null;
-      }
-      leaveAll();
-    } catch (e) {
-      console.warn("主页面事件清理失败:", e);
-    }
   },
 
   methods: {
-    // 加载设备/命名空间信息（仅云端模式）
-    async loadDeviceInfo() {
-      try {
-        const provider = getSetting("server.provider");
-        const useServer =
-          provider === "kv-server" || provider === "classworkscloud";
-        if (!useServer) return;
-
-        const res = await kvServerProvider.loadNamespaceInfo();
-        if (res && res.success === false) return; // 忽略错误
-
-        this.state.namespaceInfo = res || null;
-        // 兜底填充设备名，避免重复解析
-        this.state.deviceName = res?.account?.deviceName || "";
-      } catch (e) {
-        console.warn("加载设备信息失败:", e);
-      }
+    startSplashTimer() {
+      this.splashTimer = setInterval(() => {
+        if (this.splashCountdown > 0) {
+          this.splashCountdown--;
+        } else {
+          this.closeSplash();
+        }
+      }, 1000);
     },
 
-    // 获取令牌信息
-    async loadTokenInfo() {
-      try {
-        const provider = getSetting("server.provider");
-        const isKv = provider === "kv-server" || provider === "classworkscloud";
-        if (!isKv) return;
-
-        const kvToken = getSetting("server.kvToken");
-        if (!kvToken) return;
-
-        const serverUrl = getSetting("server.domain");
-        if (!serverUrl) return;
-
-        // 获取 Token 信息
-        const tokenResponse = await axios.get(`${serverUrl}/kv/_token`, {
-          headers: {
-            Authorization: `Bearer ${kvToken}`,
-          },
-        });
-
-        this.tokenInfo = tokenResponse.data;
-        console.log("Token info loaded:", this.tokenInfo);
-      } catch (error) {
-        console.warn("Failed to load token info:", error);
-        this.tokenInfo = null;
-      }
-    },
-
-    // 更新 Token 显示信息
-    updateTokenDisplayInfo() {
-      const manager = this.$refs.studentNameManager;
-      if (!manager || !manager.hasToken) {
-        this.tokenDisplayInfo.show = false;
-        this.tokenDisplayInfo.readonly = false;
-        return;
-      }
-
-      const displayName = manager.displayName;
-      const isReadOnly = manager.isReadOnly;
-      const isStudent = manager.isStudentToken;
-      const isTeacher = manager.isTeacherToken;
-
-      // 设置只读状态（对所有类型的 token 都显示）
-      this.tokenDisplayInfo.readonly = isReadOnly;
-
-      // 学生和教师都显示名称 chip
-      if (!isStudent && !isTeacher) {
-        this.tokenDisplayInfo.show = false;
-        return;
-      }
-
-      // 设置名称显示（始终蓝色）
-      this.tokenDisplayInfo.text = displayName;
-      this.tokenDisplayInfo.color = "primary";
-      // 学生用人头图标，教师用学校图标
-      this.tokenDisplayInfo.icon = isTeacher ? "mdi-school" : "mdi-account";
-      this.tokenDisplayInfo.disabled = isReadOnly; // 只读时不可点击
-      this.tokenDisplayInfo.show = true;
-    },
-
-    // 处理 Token Chip 点击（学生和教师都支持）
-    handleTokenChipClick() {
-      console.log("Token chip clicked");
-      const manager = this.$refs.studentNameManager;
-      console.log("Manager:", manager);
-      console.log("Is student token:", manager?.isStudentToken);
-      console.log("Is teacher token:", manager?.isTeacherToken);
-
-      if (manager && (manager.isStudentToken || manager.isTeacherToken)) {
-        console.log("Opening dialog...");
-        manager.openDialog();
-      } else {
-        console.log("Cannot open dialog - conditions not met");
+    closeSplash() {
+      this.splashVisible = false;
+      if (this.splashTimer) {
+        clearInterval(this.splashTimer);
+        this.splashTimer = null;
       }
     },
 
@@ -1278,11 +1778,6 @@ export default {
     },
 
     async initializeData() {
-      // 解析预配数据
-      this.parsePreconfigData();
-
-      const configApplied = await this.parseUrlConfig();
-
       const urlParams = new URLSearchParams(window.location.search);
       const dateFromUrl = urlParams.get("date");
       const today = this.getToday();
@@ -1305,114 +1800,42 @@ export default {
       this.state.dateString = this.formatDate(currentDate);
       this.state.selectedDate = this.state.dateString;
       this.state.selectedDateObj = currentDate;
-      this.state.isToday =
-        this.formatDate(currentDate) === this.formatDate(today);
-      if (!configApplied) {
-        this.provider = getSetting("server.provider");
-        const classNum = getSetting("server.classNumber");
+      this.state.isToday = this.formatDate(currentDate) === this.formatDate(today);
 
-        this.state.classNumber = classNum;
-      }
-      await Promise.all([this.downloadData(), this.loadConfig()]);
-
-      // Load exam data
-      await this.examStore.fetchExamList();
-      // Preload details for list items to show names in dialog
-      for (const exam of this.examStore.examList) {
-        this.examStore.fetchExam(exam.id);
-      }
-
-      this.checkUpcomingExams();
-      // this.loadExamCards(); // Removed
-    },
-
-    async checkUpcomingExams() {
-      this.upcomingExams = await this.examStore.getUpcomingExams();
-    },
-
-    loadExamCards() {
-      // No longer needed as exam cards are part of boardData
-    },
-
-    saveExamCards() {
-      // No longer needed
-    },
-
-    addExamCard(examId, forceAdd = false, skipSave = false) {
-      const key = `exam-${examId}`;
-      if (!forceAdd && this.state.boardData.homework[key]) {
-        delete this.state.boardData.homework[key];
-      } else {
-        this.state.boardData.homework[key] = {
-          type: 'exam',
-          examId: examId,
-          name: '考试安排',
-          content: '' // Placeholder
-        };
-      }
-      this.state.synced = false;
-      if (!skipSave) {
-        this.trySave(true);
-      }
-    },
-
-    openExamDetail(examId) {
-      this.selectedExamId = examId;
-      this.showExamDetailDialog = true;
-    },
-
-    removeCurrentExamCard() {
-      if (this.selectedExamId) {
-        this.addExamCard(this.selectedExamId); // Toggle off
-        this.showExamDetailDialog = false;
-      }
-    },
-
-    async onExamConfigSaved() {
-      if (this.selectedExamId) {
-        // Force refresh the exam data in store
-        // We need to clear the cache first or force fetch
-        // The store implementation checks loadingDetails[id] but not if it's already loaded?
-        // Actually fetchExam checks if (this.exams[id]) return this.exams[id]
-        // So we need to manually clear it or add a force parameter to fetchExam
-
-        // Simple hack: clear the entry in store
-        delete this.examStore.exams[this.selectedExamId];
-        await this.examStore.fetchExam(this.selectedExamId);
-        this.$message.success("保存成功", "考试配置已更新");
-      }
-    },
-
-    onExamConfigDeleted() {
-      this.removeCurrentExamCard();
-      this.$message.success("删除成功", "考试配置已删除");
-    },
-
-    isExamCardAdded(examId) {
-      return !!this.state.boardData.homework[`exam-${examId}`];
-    },
-
-    removeExamCard(index) {
-       // Deprecated
-    },
-
-    addAllUpcomingExams() {
-      let addedCount = 0;
-      for (const exam of this.upcomingExams) {
-        if (!this.isExamCardAdded(exam.id)) {
-          this.addExamCard(exam.id, true, true); // skipSave = true
-          addedCount++;
+      try {
+        const configRes = await dataProvider.loadData("classworks-config-basic");
+        if (configRes && configRes.success !== false && configRes.classNumber) {
+          this.state.classNumber = configRes.classNumber;
+        } else {
+          this.state.classNumber = "我的班级";
+          this.showInitClassDialog = true;
         }
+      } catch (e) {
+        this.state.classNumber = "我的班级";
+        this.showInitClassDialog = true;
       }
-      if (addedCount > 0) {
-        this.trySave(true); // 统一保存一次
-        this.$message.success('添加成功', `已添加 ${addedCount} 个考试安排`);
-      } else {
-        this.$message.info('提示', '所有考试已添加');
+
+      await Promise.all([this.downloadData(), this.loadConfig()]);
+    },
+
+    async saveInitClass() {
+      const name = this.initClassName.trim();
+      if (!name) return;
+      
+      try {
+        await dataProvider.saveData("classworks-config-basic", {
+          classNumber: name
+        });
+        this.state.classNumber = name;
+        this.showInitClassDialog = false;
+        this.showSuccess("班级设置成功");
+      } catch (e) {
+        this.$message.error("保存失败", "无法保存班级配置");
       }
     },
 
     async downloadData(forceClear = false) {
+      // 避免重复加载
       if (this.loading.download) return;
 
       try {
@@ -1425,13 +1848,7 @@ export default {
           if (response.error.code === "NOT_FOUND") {
             this.state.showNoDataMessage = true;
             this.state.noDataMessage = response.error.message;
-            // 如果强制清空或当前没有数据时才设置为空
-            if (
-              forceClear ||
-              !this.state.boardData ||
-              (!this.state.boardData.homework &&
-                !this.state.boardData.attendance)
-            ) {
+            if (forceClear || !this.state.boardData || (!this.state.boardData.homework && !this.state.boardData.attendance)) {
               this.state.boardData = {
                 homework: {},
                 attendance: { absent: [], late: [], exclude: [] },
@@ -1451,18 +1868,11 @@ export default {
           };
           this.state.synced = true;
           this.state.showNoDataMessage = false;
-          this.$message.success("下载成功", "数据已更新");
         }
       } catch (error) {
-        // 数据加载失败时的处理
         console.error("数据加载失败:", error);
         this.$message.error("下载失败", error.message);
-        // 如果强制清空或当前没有任何数据，才初始化为空数据
-        if (
-          forceClear ||
-          !this.state.boardData ||
-          (!this.state.boardData.homework && !this.state.boardData.attendance)
-        ) {
+        if (forceClear || !this.state.boardData || (!this.state.boardData.homework && !this.state.boardData.attendance)) {
           this.state.boardData = {
             homework: {},
             attendance: { absent: [], late: [], exclude: [] },
@@ -1474,27 +1884,11 @@ export default {
     },
 
     async trySave(isAutoSave = false) {
-      if (isAutoSave && !this.canAutoSave) {
-        if (this.shouldShowBlockedMessage) {
-          this.showMessage(
-            "需要手动保存",
-            "已禁止自动保存非当天数据",
-            "warning"
-          );
-        }
-        return false;
-      }
-
-      if (!isAutoSave && this.needConfirmSave) {
-        try {
-          await this.showConfirmDialog();
-        } catch {
-          return false;
-        }
-      }
-
       try {
         await this.uploadData();
+        if (!isAutoSave) {
+            this.showSuccess("保存成功");
+        }
         return true;
       } catch (error) {
         this.$message.error("保存失败", error.message || "请重试");
@@ -1506,21 +1900,17 @@ export default {
       if (!this.currentEditSubject) return;
 
       const content = this.state.textarea.trim();
-      const originalContent =
-        this.state.boardData.homework[this.currentEditSubject]?.content || "";
+      const originalContent = this.state.boardData.homework[this.currentEditSubject]?.content || "";
 
       if (content !== originalContent.trim()) {
-          // 如果内容为空且是自定义卡片，则删除该卡片
         if (!content && this.currentEditSubject.startsWith('custom-')) {
           delete this.state.boardData.homework[this.currentEditSubject];
           this.state.synced = false;
-          if (this.autoSave) {
-            await this.trySave(true);
-          }
+          await this.trySave(true);
           this.state.dialogVisible = false;
           return;
         }
-        // 如果是自定义卡片，保留其他属性
+        
         if (this.state.boardData.homework[this.currentEditSubject].type === 'custom') {
           this.state.boardData.homework[this.currentEditSubject].content = content;
         } else {
@@ -1530,10 +1920,7 @@ export default {
         }
 
         this.state.synced = false;
-
-        if (this.autoSave) {
-          await this.trySave(true);
-        }
+        await this.trySave(true);
       }
 
       this.state.dialogVisible = false;
@@ -1553,7 +1940,6 @@ export default {
         }
 
         this.state.synced = true;
-        this.$message.success(response.message || "保存成功");
       } finally {
         this.loading.upload = false;
       }
@@ -1561,95 +1947,82 @@ export default {
 
     async loadConfig() {
       try {
-        // 加载学生列表
-        try {
-          const response = await dataProvider.loadData("classworks-list-main");
+        const response = await dataProvider.loadData("classworks-list-main");
 
-          if (response.success != false && Array.isArray(response)) {
-            this.state.studentList = response.map((student) => student.name);
+        // 兼容返回数组或包含 value 属性的对象
+        const dataArray = Array.isArray(response) ? response : (response && Array.isArray(response.value) ? response.value : null);
+
+        if (response && response.success !== false && dataArray) {
+          const newList = dataArray.map((student) => {
+            if (typeof student === 'string') return student;
+            return student.name || student.toString();
+          });
+          
+          this.state.studentList = newList;
+          
+          // 重新过滤一下考勤数据，把不在新名单里的人移除，或者确保 attendance 对象有正确的数据结构
+          if (this.state.boardData && this.state.boardData.attendance) {
+             const validStudents = new Set(this.state.studentList);
+             this.state.boardData.attendance.absent = this.state.boardData.attendance.absent.filter(s => validStudents.has(s));
+             this.state.boardData.attendance.late = this.state.boardData.attendance.late.filter(s => validStudents.has(s));
+             this.state.boardData.attendance.exclude = this.state.boardData.attendance.exclude.filter(s => validStudents.has(s));
+             
+             // 强制更新考勤对象引用以触发视图重新渲染
+             this.state.boardData.attendance = { ...this.state.boardData.attendance };
           }
-        } catch (error) {
-          console.warn(
-            "Failed to load student list from dedicated key, falling back to config",
-            error
-          );
         }
-
-        await this.loadSubjects();
       } catch (error) {
-        console.error("加载配置失败:", error);
-        this.$message.error("加载配置失败", error.message);
+        console.warn("Failed to load student list", error);
       }
+
+      await this.loadSubjects();
     },
 
     async loadSubjects() {
       try {
-        const subjectsResponse = await dataProvider.loadData(
-          "classworks-config-subject"
-        );
-        if (subjectsResponse && Array.isArray(subjectsResponse)) {
-          // 更新科目列表
-          this.state.availableSubjects = subjectsResponse;
+        const subjectsResponse = await dataProvider.loadData("classworks-config-subject");
+        
+        const subjectsArray = Array.isArray(subjectsResponse) ? subjectsResponse : (subjectsResponse && Array.isArray(subjectsResponse.value) ? subjectsResponse.value : null);
+        
+        if (subjectsResponse && subjectsResponse.success !== false && subjectsArray) {
+          this.state.availableSubjects = subjectsArray;
         }
       } catch (error) {
         console.warn("Failed to load subject configuration:", error);
-        // 保持默认科目列表
       }
     },
 
-    showSyncMessage() {
-      this.$message.success("数据已同步", "数据已完成与服务器同步");
-    },
-
     async openDialog(subject) {
-      // 检查编辑权限
-      if (this.isEditingDisabled) {
-        const manager = this.$refs.studentNameManager;
-        if (manager?.isReadOnly) {
-          this.$message.warning("无法编辑", "当前使用的是只读令牌");
-        } else if (!this.canEditCurrentDate) {
-          this.$message.warning("无法编辑", "已禁止编辑过往数据");
-        } else {
-          this.$message.warning("无法编辑", "数据加载中，请稍候");
+      try {
+        // 如果是自定义卡片
+        if (subject.startsWith('custom-')) {
+          this.currentEditSubject = subject;
+          this.state.dialogTitle = this.state.boardData.homework[subject].name;
+          this.state.textarea = this.state.boardData.homework[subject].content;
+          this.state.dialogVisible = true;
+          return;
         }
-        return;
-      }
 
-      // 如果是自定义卡片
-      if (subject.startsWith('custom-')) {
         this.currentEditSubject = subject;
-        this.state.dialogTitle = this.state.boardData.homework[subject].name;
-        this.state.textarea = this.state.boardData.homework[subject].content;
-        this.state.dialogVisible = true;
-        return;
-      }
-
-      if (this.refreshBeforeEdit) {
-        try {
-          await this.downloadData();
-        } catch (err) {
-          console.error("刷新数据失败:", err);
-          this.$message.error("刷新数据失败，可能显示的不是最新数据");
+        if (!this.state.boardData.homework[subject]) {
+          this.state.boardData.homework[subject] = {
+            content: "",
+          };
         }
+        this.state.dialogTitle =
+          this.state.availableSubjects.find((s) => s.name === subject)?.name ||
+          subject;
+        this.state.textarea = this.state.boardData.homework[subject].content || "";
+        this.state.dialogVisible = true;
+      } catch (error) {
+        console.error("打开对话框失败:", error);
+        this.$message.error("打开失败", "无法打开作业编辑框");
       }
-
-      this.currentEditSubject = subject;
-      if (!this.state.boardData.homework[subject]) {
-        this.state.boardData.homework[subject] = {
-          content: "",
-        };
-      }
-      this.state.dialogTitle =
-        this.state.availableSubjects.find((s) => s.name === subject)?.name ||
-        subject;
-      this.state.textarea = this.state.boardData.homework[subject].content;
-      this.state.dialogVisible = true;
     },
 
     async handleHomeworkSave(content) {
       if (!this.currentEditSubject) return;
 
-      // 如果是自定义卡片，保留其他属性
       if (this.state.boardData.homework[this.currentEditSubject].type === 'custom') {
         this.state.boardData.homework[this.currentEditSubject].content = content;
       } else {
@@ -1657,33 +2030,22 @@ export default {
           content: content,
         };
       }
+      
+      // Force reactivity update
+      this.state.boardData = { ...this.state.boardData };
 
       this.state.synced = false;
-
-      if (this.autoSave) {
-        await this.trySave(true);
+      if (await this.trySave(true)) {
+        this.showSuccess("保存成功");
       }
     },
 
     setAttendanceArea() {
-      // 检查编辑权限
-      if (this.isEditingDisabled) {
-        this.handleDisabledClick();
-        return;
-      }
       this.state.attendanceDialog = true;
     },
 
     handleDisabledClick() {
-      // 处理点击禁用卡片/区域的情况
-      const manager = this.$refs.studentNameManager;
-      if (manager?.isReadOnly) {
-        this.$message.warning("无法编辑", "当前使用的是只读令牌");
-      } else if (!this.canEditCurrentDate) {
-        this.$message.warning("无法编辑", "已禁止编辑过往数据");
-      } else {
-        this.$message.warning("无法编辑", "数据加载中，请稍候");
-      }
+      this.$message.warning("无法编辑", "请检查网络或权限");
     },
 
     zoom(direction) {
@@ -1696,18 +2058,12 @@ export default {
       this.state.contentStyle = {
         "font-size": `${this.state.fontSize}px`,
       };
+      this.state.titleStyle = {
+        "font-size": `${Math.round(this.state.fontSize * 1.15)}px`,
+      };
       setSetting("font.size", this.state.fontSize);
     },
 
-    updateBackendUrl() {
-      const provider = getSetting("server.provider");
-      const classNum = getSetting("server.classNumber");
-
-      this.provider = provider;
-
-      this.state.classNumber = classNum;
-    },
-
     setupAutoRefresh() {
       const autoRefresh = getSetting("refresh.auto");
       const interval = getSetting("refresh.interval");
@@ -1726,30 +2082,19 @@ export default {
 
     shouldSkipRefresh() {
       if (this.state.dialogVisible) return true;
-
       if (this.state.attendanceDialog) return true;
-
       if (this.confirmDialog.show) return true;
-
       if (this.state.datePickerDialog) return true;
-
       if (this.loading.upload || this.loading.download) return true;
-
       if (!this.state.synced) return true;
-
       return false;
     },
 
     updateSettings() {
       this.state.fontSize = getSetting("font.size");
       this.state.contentStyle = { "font-size": `${this.state.fontSize}px` };
+      this.state.titleStyle = { "font-size": `${Math.round(this.state.fontSize * 1.15)}px` };
       this.setupAutoRefresh();
-      this.updateBackendUrl();
-      // 设置更新时尝试刷新设备名称（例如 Token 或域名变更）
-      this.loadDeviceInfo();
-      // 重新加载令牌信息（Token 可能已变更）
-      this.loadTokenInfo();
-      // 触发依赖刷新（例如 shouldShowInit）
       this.settingsTick++;
     },
 
@@ -1765,134 +2110,20 @@ export default {
         this.state.dateString = dateStr;
         this.state.selectedDate = dateStr;
         this.state.selectedDateObj = selectedDate;
-        this.state.isToday =
-          dateStr === this.formatDate(this.getToday());
+        this.state.isToday = dateStr === this.formatDate(this.getToday());
 
-        // Load both data and subjects in parallel, force clear data when switching dates
-        await Promise.all([this.downloadData(true), this.loadSubjects()]);
+        await Promise.all([this.downloadData(true), this.loadConfig()]);
       } catch (error) {
         console.error("Date processing error:", error);
         this.$message.error("日期处理错误", "请重新选择日期");
       }
     },
 
-    // 实时频道：加入设备房间并监听键变化
-    setupRealtimeChannel() {
-      try {
-        const token = getSetting("server.kvToken");
-        if (!token) {
-          console.warn("未配置 KV Token，无法加入实时频道");
-          return;
-        }
-
-        // Ensure socket created
-        getSocket();
-        joinToken(token);
-
-        // Re-join on reconnect
-        this.$offConnect = onSocketConnect(() => joinToken(token));
-
-        // Debounce refresh to avoid storms
-        if (!this.debouncedRealtimeRefresh) {
-          this.debouncedRealtimeRefresh = debounce(async () => {
-            const oldHomework = JSON.parse(
-              JSON.stringify(this.state.boardData.homework)
-            );
-            await this.downloadData();
-            const now = new Date();
-            const hh = String(now.getHours()).padStart(2, "0");
-            const mm = String(now.getMinutes()).padStart(2, "0");
-            const ss = String(now.getSeconds()).padStart(2, "0");
-
-            // 使用消息记录工具发送通知
-            this.$message?.info(
-              "数据已更新",
-              `已于 ${hh}:${mm}:${ss} 自动刷新`
-            ); // 检测哪些科目发生了变化
-            const changed = {};
-            for (const key in this.state.boardData.homework) {
-              const oldContent = oldHomework[key]?.content || "";
-              const newContent =
-                this.state.boardData.homework[key]?.content || "";
-              if (oldContent !== newContent) {
-                changed[key] = true;
-              }
-            }
-            // 删除的科目也算变化
-            for (const key in oldHomework) {
-              if (!this.state.boardData.homework[key]) {
-                changed[key] = true;
-              }
-            }
-
-            // 设置高亮
-            this.highlightedCards = changed;
-            // 3秒后移除高亮
-            setTimeout(() => {
-              this.highlightedCards = {};
-            }, 10000);
-          }, 800);
-        }
-
-        const handler = (msg) => {
-          // Expect msg = { uuid, key, action, created?, updatedAt?, deletedAt?, batch? }
-          if (!msg) return;
-
-          // 检查是否是通知列表更新
-          if (msg.key === 'notification-list') {
-             this.loadPersistentNotifications();
-             return;
-          }
-
-          // We only care about current date key changes
-          const expectedKey = `classworks-data-${this.state.dateString}`;
-          if (msg.key !== expectedKey) return;
-          if (msg.action !== "upsert" && msg.action !== "delete") return;
-          // Trigger a debounced refresh
-          this.debouncedRealtimeRefresh?.(msg.key);
-        };
-
-        // 监听 KV 变化事件（支持新旧格式）
-        const kvHandler = (eventData) => {
-          let msg = eventData;
-
-          // 新格式：直接事件数据
-          if (eventData.content && eventData.timestamp) {
-            msg = {
-              uuid: eventData.senderId || "realtime",
-              key: eventData.content.key,
-              action: eventData.content.action,
-              created: eventData.content.created,
-              updatedAt: eventData.content.updatedAt || eventData.timestamp,
-              deletedAt: eventData.content.deletedAt,
-              batch: eventData.content.batch,
-            };
-          }
-
-          handler(msg);
-        };
-
-        this.$offKvChanged = socketOn("kv-key-changed", kvHandler);
-
-        // 保留设备事件监听（为未来扩展）
-        this.deviceEventHandler = createDeviceEventHandler({
-          onKvChanged: handler,
-          enableLegacySupport: true,
-        });
-        this.$offDeviceEvent = socketOn(
-          "device-event",
-          this.deviceEventHandler
-        );
-      } catch (e) {
-        console.warn("实时频道初始化失败", e);
-      }
-    },
-
-
-
     async saveAttendance() {
       try {
-        await this.trySave(true);
+        if (await this.trySave(true)) {
+            this.showSuccess("保存成功");
+        }
         this.state.attendanceDialog = false;
       } catch (error) {
         console.error("保存出勤状态失败:", error);
@@ -1904,6 +2135,10 @@ export default {
       this.$message[type](title, content);
     },
 
+    showSuccess(title, content = "") {
+      this.$message.success(title, content);
+    },
+
     updateSortedItemsCache(key, value) {
       this._sortedItemsCache = {
         key,
@@ -1911,16 +2146,6 @@ export default {
       };
     },
 
-    addTestCard() {
-      const id = Date.now().toString();
-      this.state.boardData.homework[`custom-${id}`] = {
-        name: "测试卡片",
-        content: "这是一个测试卡片\n可以用来测试布局",
-        type: "custom",
-      };
-      this.state.synced = false;
-    },
-
     showConfirmDialog() {
       return new Promise((resolve, reject) => {
         this.confirmDialog = {
@@ -1961,8 +2186,14 @@ export default {
     },
 
     async handleAttendanceDialogClose(newValue) {
-      if (!newValue && !this.state.synced) {
-        await this.trySave(true);
+      if (!newValue) {
+        if (!this.state.synced) {
+          await this.trySave(true);
+        }
+        
+        // 当对话框关闭时，强制重新获取名单并下载最新数据
+        await this.loadConfig();
+        await this.downloadData(false);
       }
     },
 
@@ -1976,7 +2207,6 @@ export default {
 
     enterFullscreen() {
       const docElm = document.documentElement;
-
       if (docElm.requestFullscreen) {
         docElm.requestFullscreen();
       } else if (docElm.webkitRequestFullScreen) {
@@ -2009,8 +2239,6 @@ export default {
       );
     },
 
-
-
     openRandomPicker() {
       if (this.$refs.randomPicker) {
         this.$refs.randomPicker.open();
@@ -2020,274 +2248,12 @@ export default {
     checkHashForRandomPicker() {
       if (window.location.hash === "#random-picker") {
         this.$nextTick(() => {
-          console.log("打开随机点名");
           window.location.hash = "";
           this.openRandomPicker();
         });
       }
     },
 
-    parseUrlConfig() {
-      try {
-        const urlParams = new URLSearchParams(window.location.search);
-        const configParam = urlParams.get("config");
-
-        if (!configParam) return false;
-
-        try {
-          const binaryString = atob(configParam);
-          const bytes = Uint8Array.from(binaryString, (c) => c.charCodeAt(0));
-          const decodedString = new TextDecoder().decode(bytes);
-          const decodedConfig = JSON.parse(decodedString);
-          console.log("从URL读取配置:", decodedConfig);
-
-          const changes = [];
-          const validSettings = {};
-          const icons = {};
-
-          this.processSpecialSettings(decodedConfig, changes, validSettings);
-
-          this.processStandardSettings(
-            decodedConfig,
-            changes,
-            validSettings,
-            icons
-          );
-
-          if (Object.keys(validSettings).length === 0) {
-            console.log("URL配置与当前配置相同，无需应用");
-            return false;
-          }
-
-          return new Promise((resolve) => {
-            this.urlConfigDialog = {
-              show: true,
-              config: decodedConfig,
-              changes: changes,
-              validSettings: validSettings,
-              icons: icons,
-              confirmHandler: () => {
-                this.urlConfigDialog.show = false;
-                this.applyUrlConfig(validSettings);
-                resolve(true);
-              },
-              cancelHandler: () => {
-                this.urlConfigDialog.show = false;
-                resolve(false);
-              },
-            };
-          });
-        } catch (e) {
-          console.error("解析URL配置错误:", e);
-          this.$message.error("URL配置错误", "无法解析配置数据");
-          return false;
-        }
-      } catch (e) {
-        console.error("处理URL配置错误:", e);
-        return false;
-      }
-    },
-
-    processSpecialSettings(decodedConfig, changes, validSettings) {
-      if (decodedConfig.classNumber !== undefined) {
-        const current = getSetting("server.classNumber");
-        if (decodedConfig.classNumber !== current) {
-          changes.push({
-            key: "server.classNumber",
-            name: "班级",
-            oldValue: current,
-            newValue: decodedConfig.classNumber,
-            description:
-              settingsDefinitions["server.classNumber"]?.description ||
-              "班级编号",
-            icon:
-              settingsDefinitions["server.classNumber"]?.icon ||
-              "mdi-account-group",
-          });
-          validSettings["server.classNumber"] = decodedConfig.classNumber;
-        }
-      }
-
-      if (decodedConfig.date !== undefined) {
-        if (decodedConfig.date !== this.state.dateString) {
-          changes.push({
-            key: "date",
-            name: "日期",
-            oldValue: this.state.dateString,
-            newValue: decodedConfig.date,
-            description: "查看的日期",
-            icon: "mdi-calendar",
-          });
-          validSettings.date = decodedConfig.date;
-        }
-      }
-
-      if (decodedConfig.subjects && Array.isArray(decodedConfig.subjects)) {
-        changes.push({
-          key: "subjects",
-          name: "科目列表",
-          oldValue: `${this.state.availableSubjects.length}个科目`,
-          newValue: `${decodedConfig.subjects.length}个科目`,
-          description: "可用科目列表",
-          icon: "mdi-notebook",
-        });
-        validSettings.subjects = decodedConfig.subjects;
-      }
-    },
-
-    processStandardSettings(decodedConfig, changes, validSettings, icons) {
-      Object.entries(decodedConfig).forEach(([key, value]) => {
-        if (["classNumber", "date", "subjects"].includes(key)) {
-          return;
-        }
-
-        let settingKey = key;
-        let definition = settingsDefinitions[key];
-
-        if (!definition && !key.includes(".")) {
-          const prefixes = [
-            "server.",
-            "display.",
-            "theme.",
-            "edit.",
-            "refresh.",
-            "font.",
-            "randomPicker.",
-          ];
-          for (const prefix of prefixes) {
-            const prefixedKey = `${prefix}${key}`;
-            if (settingsDefinitions[prefixedKey]) {
-              settingKey = prefixedKey;
-              definition = settingsDefinitions[prefixedKey];
-              break;
-            }
-          }
-        }
-
-        if (definition) {
-          let typedValue = this.convertValueToCorrectType(
-            value,
-            definition.type
-          );
-
-          if (definition.validate && !definition.validate(typedValue)) {
-            console.warn(`URL配置项 ${settingKey} 的值无效: ${value}`);
-            return;
-          }
-
-          const currentValue = getSetting(settingKey);
-          if (typedValue !== currentValue) {
-            changes.push({
-              key: settingKey,
-              name: this.getSettingDisplayName(settingKey),
-              oldValue: this.formatSettingValue(currentValue),
-              newValue: this.formatSettingValue(typedValue),
-              description: definition.description || settingKey,
-              icon: definition.icon || "mdi-cog",
-            });
-            validSettings[settingKey] = typedValue;
-            icons[settingKey] = definition.icon || "mdi-cog";
-          }
-        } else {
-          changes.push({
-            key: key,
-            name: this.getSettingDisplayName(key),
-            oldValue: "未知",
-            newValue: this.formatSettingValue(value),
-            description: "自定义配置项",
-            icon: "mdi-cog-outline",
-          });
-          validSettings[key] = value;
-          icons[key] = "mdi-cog-outline";
-        }
-      });
-    },
-
-    convertValueToCorrectType(value, type) {
-      if (type === "boolean") {
-        return Boolean(value);
-      } else if (type === "number") {
-        return Number(value);
-      } else {
-        return String(value);
-      }
-    },
-
-    formatSettingValue(value) {
-      if (typeof value === "boolean") {
-        return value ? "开启" : "关闭";
-      } else if (value === "" || value === null || value === undefined) {
-        return "空";
-      }
-      return value.toString();
-    },
-
-    getSettingDisplayName(key) {
-      const parts = key.split(".");
-      const lastPart = parts[parts.length - 1];
-
-      const nameMap = {
-        provider: "数据提供方",
-        domain: "服务器域名",
-        classNumber: "班级编号",
-
-        emptySubjectDisplay: "空科目显示方式",
-        dynamicSort: "动态排序",
-        showRandomButton: "随机按钮",
-        showFullscreenButton: "全屏按钮",
-        cardHoverEffect: "卡片悬浮效果",
-        enhancedTouchMode: "增强触摸模式",
-        showAntiScreenBurnCard: "防烧屏卡片",
-
-        mode: "主题模式",
-
-        size: "字体大小",
-
-        autoSave: "自动保存",
-        blockNonTodayAutoSave: "禁止自动保存非当日",
-        refreshBeforeEdit: "编辑前刷新",
-        confirmNonTodaySave: "非当日保存确认",
-
-        auto: "自动刷新",
-        interval: "刷新间隔",
-      };
-
-      return nameMap[lastPart] || lastPart;
-    },
-
-    safeBase64Decode(base64String) {
-      try {
-        return Base64.decode(base64String);
-      } catch (e) {
-        console.error("Base64解码错误:", e);
-        throw new Error("无法解码配置数据");
-      }
-    },
-
-    applyUrlConfig(validSettings) {
-      for (const [key, value] of Object.entries(validSettings)) {
-        if (key === "date") {
-          this.handleDateSelect(value);
-          continue;
-        }
-
-        if (key === "subjects") {
-          this.state.availableSubjects = value;
-          continue;
-        }
-
-        setSetting(key, value);
-
-        if (key === "server.classNumber") {
-          this.state.classNumber = value;
-        }
-      }
-
-      this.updateBackendUrl();
-      this.$message.success("URL配置已应用", "已从URL加载配置");
-      return true;
-    },
-
     navigateDay(offset) {
       const currentDate = new Date(this.state.selectedDateObj);
       currentDate.setDate(currentDate.getDate() + offset);
@@ -2299,29 +2265,20 @@ export default {
 
       try {
         this.loading.copyToToday = true;
-
-        // 1. 保存当前选中日期的作业数据
         const sourceDate = this.state.dateString;
         const sourceHomework = JSON.parse(JSON.stringify(this.state.boardData.homework));
-
-        // 2. 切换到今天并加载今天的数据（主要是为了获取考勤等其他数据）
         const today = this.getToday();
         const todayString = this.formatDate(today);
 
-        // 临时切换到今天以加载数据
         this.state.dateString = todayString;
         await this.downloadData();
 
-        // 3. 直接替换今天的作业数据（删除原有作业，使用源日期的作业）
-        // 深拷贝源日期的作业数据
         const newHomework = {};
         for (const key in sourceHomework) {
           if (sourceHomework[key] && sourceHomework[key].content) {
-            // 如果是自定义卡片，保留完整结构
             if (sourceHomework[key].type === 'custom') {
               newHomework[key] = JSON.parse(JSON.stringify(sourceHomework[key]));
             } else {
-              // 普通作业，只复制内容
               newHomework[key] = {
                 content: sourceHomework[key].content
               };
@@ -2329,24 +2286,19 @@ export default {
           }
         }
 
-        // 直接替换作业数据
         this.state.boardData.homework = newHomework;
         this.state.synced = false;
-
-        // 4. 保存到今天
         await this.uploadData();
 
-        // 5. 更新视图状态为今天
         this.state.selectedDate = todayString;
         this.state.selectedDateObj = today;
         this.state.isToday = true;
 
-        // 6. 更新URL
         const url = new URL(window.location);
         url.searchParams.delete('date');
         window.history.pushState({}, '', url);
 
-        this.$message.success("复制成功", `已将 ${sourceDate} 的作业内容复制到今天（已替换原有作业）`);
+        this.$message.success("复制成功", `已将 ${sourceDate} 的作业内容复制到今天`);
       } catch (error) {
         console.error("复制作业失败:", error);
         this.$message.error("复制失败", error.message || "请重试");
@@ -2355,74 +2307,6 @@ export default {
       }
     },
 
-    // 解析预配数据
-    parsePreconfigData() {
-      try {
-        const urlParams = new URLSearchParams(window.location.search);
-        const namespace = urlParams.get("namespace");
-        const authCode =
-          urlParams.get("authCode") || urlParams.get("auth_code");
-        const autoExecute =
-          urlParams.get("autoExecute") || urlParams.get("auto_execute");
-
-        if (namespace) {
-          this.preconfigData.namespace = namespace;
-          this.preconfigData.authCode = authCode;
-          this.preconfigData.autoOpen = true;
-          // 解析自动执行参数，支持 true/false、1/0、yes/no
-          this.preconfigData.autoExecute = this.parseBoolean(autoExecute);
-
-          console.log("检测到预配数据:", {
-            namespace: this.preconfigData.namespace,
-            hasAuthCode: !!this.preconfigData.authCode,
-            autoExecute: this.preconfigData.autoExecute,
-          });
-
-          // 清理URL参数，避免重复处理
-          this.cleanupUrlParams([
-            "namespace",
-            "authCode",
-            "auth_code",
-            "autoExecute",
-            "auto_execute",
-          ]);
-        }
-      } catch (error) {
-        console.error("解析预配数据失败:", error);
-      }
-    },
-
-    // 解析布尔值参数
-    parseBoolean(value) {
-      if (!value) return false;
-      const lowerValue = value.toLowerCase();
-      return (
-        lowerValue === "true" || lowerValue === "1" || lowerValue === "yes"
-      );
-    },
-
-    // 清理URL参数
-    cleanupUrlParams(params) {
-      try {
-        const url = new URL(window.location);
-        let hasChanged = false;
-
-        params.forEach((param) => {
-          if (url.searchParams.has(param)) {
-            url.searchParams.delete(param);
-            hasChanged = true;
-          }
-        });
-
-        if (hasChanged) {
-          // 使用 replaceState 避免创建新的历史记录
-          window.history.replaceState({}, document.title, url.toString());
-        }
-      } catch (error) {
-        console.error("清理URL参数失败:", error);
-      }
-    },
-
     async loadPersistentNotifications() {
       try {
         const res = await dataProvider.loadData('notification-list');
@@ -2437,17 +2321,751 @@ export default {
         console.error('加载常驻通知失败', e);
       }
     },
+    
+    renderMarkdown(content) {
+      if (!content) return '';
+      try {
+        return parseMarkdown(content);
+      } catch (e) {
+        return content;
+      }
+    },
+    
+    async addNotification() {
+      if (!this.newAnnouncement.trim()) return;
+      
+      const newNote = {
+        id: Date.now().toString(),
+        message: this.newAnnouncement.trim(),
+        timestamp: Date.now(),
+        isUrgent: false
+      };
+      
+      this.persistentNotifications.push(newNote);
+      await this.saveNotifications();
+      this.newAnnouncement = "";
+    },
+    
     showNotificationDetail(notification) {
       this.currentNotification = notification;
       this.notificationDetailDialog = true;
     },
+    
+    
+    openAnnouncementDetail(note) {
+      this.currentNotification = {
+        ...note,
+        message: note.content,
+        isScheduled: true
+      };
+      this.notificationDetailDialog = true;
+    },
+
     async removePersistentNotification(id) {
       this.persistentNotifications = this.persistentNotifications.filter(n => n.id !== id);
-      // 当通知列表为空时，保存空对象 {} 而不是空数组 []，因为后端不接受空数组
+      await this.saveNotifications();
+      this.notificationDetailDialog = false;
+    },
+    
+    async saveNotifications() {
       const dataToSave = this.persistentNotifications.length > 0 ? this.persistentNotifications : {};
       await dataProvider.saveData('notification-list', dataToSave);
-      this.notificationDetailDialog = false;
+    },
+    
+    handleAnnouncementSave() {
+        if (this.$refs.announcementOverlay) {
+            this.$refs.announcementOverlay.reload();
+        }
+        if (this.$refs.announcementWidget) {
+            this.$refs.announcementWidget.reload();
+        }
+        this.showMessage("保存成功", "公告设置保存成功");
+    },
+
+    // 笔记模式方法
+    toggleNoteMode() {
+      this.isNoteMode = !this.isNoteMode;
+      if (this.isNoteMode) {
+        this.startAutoScroll();
+      } else {
+        this.stopAutoScroll();
+      }
+    },
+
+    handleCardMouseMove(e) {
+      const card = e.currentTarget;
+      const rect = card.getBoundingClientRect();
+      const x = ((e.clientX - rect.left) / rect.width) * 100;
+      const y = ((e.clientY - rect.top) / rect.height) * 100;
+      card.style.setProperty("--x", `${x}%`);
+      card.style.setProperty("--y", `${y}%`);
+    },
+    
+    handleNoteFile(event) {
+      const files = event.target.files;
+      if (!files || files.length === 0) return;
+      
+      const file = files[0];
+      const fileName = file.name.toLowerCase();
+      const fileType = file.type;
+
+      // Handle PDF
+      if (fileName.endsWith('.pdf') || fileType === 'application/pdf') {
+        this.noteSourceType = 'pdf';
+        this.noteSourceContent = URL.createObjectURL(file);
+      } 
+      // Handle PPT/PPTX
+      else if (fileName.endsWith('.ppt') || fileName.endsWith('.pptx') || 
+               fileType.includes('presentation') || fileType.includes('powerpoint')) {
+        this.noteSourceType = 'ppt';
+        // For PPTX, convert to ArrayBuffer for @vue-office/pptx
+        const reader = new FileReader();
+        reader.onload = (e) => {
+          this.noteSourceContent = {
+            file: e.target.result, // This will be ArrayBuffer
+            name: file.name
+          };
+        };
+        reader.onerror = (e) => {
+          console.error("Failed to read file", e);
+          this.handlePptError(e);
+        };
+        // Important: Use readAsArrayBuffer to ensure compatibility
+        reader.readAsArrayBuffer(file);
+      }
+      // Handle Images (support multiple)
+      else if (fileType.startsWith('image/') || /\.(jpg|jpeg|png|gif|webp)$/i.test(fileName)) {
+        const fileUrls = [];
+        for (let i = 0; i < files.length; i++) {
+          if (files[i].type.startsWith('image/') || /\.(jpg|jpeg|png|gif|webp)$/i.test(files[i].name)) {
+            fileUrls.push(URL.createObjectURL(files[i]));
+          }
+        }
+        if (fileUrls.length > 0) {
+          this.noteSourceType = 'image';
+          this.noteSourceContent = fileUrls;
+        }
+      }
+      // Fallback
+      else {
+        this.noteSourceType = 'other';
+        this.noteSourceContent = {
+          url: URL.createObjectURL(file),
+          name: file.name
+        };
+      }
+
+      this.notePage = 0;
+      this.noteZoom = 1;
+      this.pptError = false;
+    },
+    
+    async startWindowCapture(skipCheck = false) {
+      if (skipCheck !== true) {
+        // 先检查是否有PPT进程
+        try {
+          const res = await fetch('/api/ppt/check');
+          if (res.ok) {
+            const data = await res.json();
+            if (data.success && data.hasPpt) {
+              if (data.ppts && data.ppts.length > 0) {
+                this.pptCheckDialog = {
+                  show: true,
+                  ppts: data.ppts,
+                  title: data.title || data.ppts[0].title,
+                  image: data.image || data.ppts[0].image
+                };
+              } else {
+                this.pptCheckDialog = {
+                  show: true,
+                  title: data.title,
+                  image: data.image,
+                  ppts: []
+                };
+              }
+              return; // 发现PPT，等待用户确认
+            }
+          }
+        } catch (err) {
+          console.warn('PPT检查请求失败，直接打开选择框:', err);
+        }
+      }
+      
+      // 没有PPT或检查失败，直接执行捕获
+      this.executeWindowCapture();
+    },
+
+    async executeWindowCapture() {
+      this.pptCheckDialog.show = false;
+      try {
+        const options = { 
+          video: {
+            displaySurface: "window"
+          } 
+        };
+        
+        // 尝试使用 CaptureController 来避免分享时跳出当前页面
+        if ('CaptureController' in window) {
+          try {
+            const controller = new CaptureController();
+            controller.setFocusBehavior('no-focus-change');
+            options.controller = controller;
+          } catch (e) {
+            console.warn('CaptureController 初始化失败:', e);
+          }
+        }
+        
+        const stream = await navigator.mediaDevices.getDisplayMedia(options);
+        
+        this.noteSourceType = 'window';
+        this.noteSourceContent = stream;
+        this.noteZoom = 1;
+        this.notePage = 0;
+        this.isPptPlaying = false;
+        
+        // 给 video 元素赋值
+        this.$nextTick(() => {
+          if (this.$refs.videoPlayer) {
+            this.$refs.videoPlayer.srcObject = stream;
+          }
+        });
+        
+        // 监听流停止事件
+        stream.getVideoTracks()[0].onended = () => {
+          this.closeNote();
+        };
+      } catch (err) {
+        console.error("Error: " + err);
+        this.showMessage("捕获失败", "无法捕获窗口内容", "error");
+      }
+    },
+
+    async controlPpt(action) {
+      try {
+        const res = await fetch(`/api/ppt/control?action=${action}`, { method: 'POST' });
+        let data = null;
+        try { data = await res.json(); } catch {}
+        if (!res.ok || (data && data.success === false)) {
+          this.showMessage("控制失败", data?.error || "无法控制PPT", "error");
+          return;
+        }
+        
+        if (action === 'slideshow_start') {
+          this.isPptPlaying = true;
+        } else if (action === 'slideshow_end') {
+          this.isPptPlaying = false;
+        }
+      } catch (err) {
+        console.warn('PPT控制失败:', err);
+        this.showMessage("控制失败", "无法控制PPT翻页", "error");
+      }
+    },
+    
+    handlePptError(err) {
+      console.error("PPT渲染失败:", err);
+      this.pptError = true;
+    },
+
+    getPptDownloadUrl() {
+         if (!this.noteSourceContent) return '';
+         if (this.noteSourceContent.file) {
+             // If it's ArrayBuffer, create Blob first
+             if (this.noteSourceContent.file instanceof ArrayBuffer) {
+                 const blob = new Blob([this.noteSourceContent.file], { type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' });
+                 return URL.createObjectURL(blob);
+             }
+             // If it's File/Blob
+             if (this.noteSourceContent.file instanceof Blob) {
+                 return URL.createObjectURL(this.noteSourceContent.file);
+             }
+         }
+         return this.noteSourceContent.url || '';
+     },
+    
+    closeNote() {
+      if (this.noteSourceType === 'window' && this.noteSourceContent) {
+        const tracks = this.noteSourceContent.getTracks();
+        tracks.forEach(track => track.stop());
+      } else if (this.noteSourceType === 'image' && Array.isArray(this.noteSourceContent)) {
+         this.noteSourceContent.forEach(url => URL.revokeObjectURL(url));
+      } else if ((this.noteSourceType === 'pdf' || this.noteSourceType === 'ppt' || this.noteSourceType === 'other') && this.noteSourceContent) {
+         if (typeof this.noteSourceContent === 'string') {
+            URL.revokeObjectURL(this.noteSourceContent);
+         } else if (this.noteSourceContent.url) {
+            URL.revokeObjectURL(this.noteSourceContent.url);
+         }
+      }
+      
+      this.noteSourceType = null;
+      this.noteSourceContent = null;
+      this.notePage = 0;
+      this.noteZoom = 1;
+      this.pptError = false;
+      this.isPptPlaying = false;
+      
+      // Clear input value to allow re-selecting same file
+      if (this.$refs.fileInput) {
+        this.$refs.fileInput.value = '';
+      }
+    },
+    
+    changePage(delta) {
+      if (this.noteSourceType !== 'image' || !this.noteSourceContent) return;
+      const newPage = this.notePage + delta;
+      if (newPage >= 0 && newPage < this.noteSourceContent.length) {
+        this.notePage = newPage;
+      }
+    },
+    
+    setNoteZoom(newZoom, anchorEvent = null) {
+      if (newZoom < 0.1 || newZoom > 10) return;
+      
+      const container = this.$refs.noteScrollContainer;
+      const oldZoom = this.noteZoom;
+      this.noteZoom = newZoom;
+      
+      if (!container) return;
+      
+      const oldLayoutZoom = oldZoom > 1 ? oldZoom : 1;
+      const newLayoutZoom = newZoom > 1 ? newZoom : 1;
+      
+      this.$nextTick(() => {
+        const applyScroll = () => {
+          const maxLeft = Math.max(0, container.scrollWidth - container.clientWidth);
+          const maxTop = Math.max(0, container.scrollHeight - container.clientHeight);
+          
+          if (newLayoutZoom <= 1) {
+            container.scrollLeft = 0;
+            container.scrollTop = 0;
+            return;
+          }
+          
+          if (!anchorEvent) {
+            container.scrollLeft = maxLeft / 2;
+            container.scrollTop = maxTop / 2;
+            return;
+          }
+          
+          const rect = container.getBoundingClientRect();
+          const offsetX = anchorEvent.clientX - rect.left;
+          const offsetY = anchorEvent.clientY - rect.top;
+          const contentX = container.scrollLeft + offsetX;
+          const contentY = container.scrollTop + offsetY;
+          
+          const targetLeft = (contentX / oldLayoutZoom) * newLayoutZoom - offsetX;
+          const targetTop = (contentY / oldLayoutZoom) * newLayoutZoom - offsetY;
+          
+          container.scrollLeft = Math.max(0, Math.min(maxLeft, targetLeft));
+          container.scrollTop = Math.max(0, Math.min(maxTop, targetTop));
+        };
+        
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            applyScroll();
+          });
+        });
+      });
+    },
+
+    zoomNote(delta) {
+      if (this.noteSourceType !== 'image' && this.noteSourceType !== 'ppt' && this.noteSourceType !== 'window') return;
+      const newZoom = this.noteZoom + delta;
+      this.setNoteZoom(newZoom);
+    },
+
+    handleNoteWheel(e) {
+      if (this.noteSourceType !== 'image' && this.noteSourceType !== 'ppt' && this.noteSourceType !== 'window') return;
+      
+      // 对于PPT，如果没有按住Ctrl键，则允许默认滚动
+      if (this.noteSourceType === 'ppt' && !e.ctrlKey && !e.metaKey) {
+        return;
+      }
+      
+      // 阻止默认滚动行为（页面缩放或滚动）
+      e.preventDefault();
+      // 计算缩放比例
+      const zoomSensitivity = 0.001;
+      const delta = -e.deltaY * zoomSensitivity;
+      const newZoom = this.noteZoom * (1 + delta);
+      
+      this.setNoteZoom(newZoom, e);
+    },
+
+    startNoteDrag(e) {
+      if (e.button !== 0) return; // 仅左键
+      if (this.noteSourceType !== 'image' && this.noteSourceType !== 'ppt' && this.noteSourceType !== 'window') return;
+      
+      // 寻找可滚动的元素
+      let target = e.target;
+      let scrollableElement = null;
+      
+      while (target && target !== document.body && target !== e.currentTarget.parentElement) {
+        const style = window.getComputedStyle(target);
+        const overflowY = style.overflowY;
+        const overflowX = style.overflowX;
+        
+        const isScrollable = (overflowY === 'auto' || overflowY === 'scroll' || overflowX === 'auto' || overflowX === 'scroll') && 
+                             (target.scrollHeight > target.clientHeight || target.scrollWidth > target.clientWidth);
+                             
+        if (isScrollable) {
+          scrollableElement = target;
+          break;
+        }
+        target = target.parentElement;
+      }
+
+      // 如果没找到明确的滚动元素，尝试使用外层容器
+      if (!scrollableElement) {
+        scrollableElement = this.$refs.noteScrollContainer || e.currentTarget;
+      }
+
+      this.isDraggingNote = true;
+      this.dragStartX = e.clientX;
+      this.dragStartY = e.clientY;
+      this.dragStartScrollLeft = scrollableElement.scrollLeft || 0;
+      this.dragStartScrollTop = scrollableElement.scrollTop || 0;
+      this.dragContainer = scrollableElement;
+      
+      document.addEventListener('mousemove', this.doNoteDrag);
+      document.addEventListener('mouseup', this.stopNoteDrag);
+      document.body.style.cursor = 'grabbing';
+      document.body.style.userSelect = 'none';
+    },
+
+    doNoteDrag(e) {
+      if (!this.isDraggingNote || !this.dragContainer) return;
+      
+      const dx = e.clientX - this.dragStartX;
+      const dy = e.clientY - this.dragStartY;
+      this.dragContainer.scrollLeft = this.dragStartScrollLeft - dx;
+      this.dragContainer.scrollTop = this.dragStartScrollTop - dy;
+    },
+
+    stopNoteDrag() {
+      if (!this.isDraggingNote) return;
+      this.isDraggingNote = false;
+      this.dragContainer = null;
+      document.removeEventListener('mousemove', this.doNoteDrag);
+      document.removeEventListener('mouseup', this.stopNoteDrag);
+      document.body.style.cursor = '';
+      document.body.style.userSelect = '';
+    },
+
+    startNoteResize(e) {
+      this.isResizingNotePanel = true;
+      document.addEventListener('mousemove', this.doNoteResize);
+      document.addEventListener('mouseup', this.stopNoteResize);
+      document.body.style.cursor = 'col-resize';
+      document.body.style.userSelect = 'none';
+    },
+    doNoteResize(e) {
+      if (!this.isResizingNotePanel) return;
+      const totalWidth = window.innerWidth;
+      let newWidth = (e.clientX / totalWidth) * 100;
+      if (newWidth < 20) newWidth = 20; // 最小宽度 20%
+      if (newWidth > 80) newWidth = 80; // 最大宽度 80%
+      this.noteLeftPanelWidth = newWidth;
+    },
+    stopNoteResize() {
+      this.isResizingNotePanel = false;
+      document.removeEventListener('mousemove', this.doNoteResize);
+      document.removeEventListener('mouseup', this.stopNoteResize);
+      document.body.style.cursor = '';
+      document.body.style.userSelect = '';
+      localStorage.setItem('noteLeftPanelWidth', this.noteLeftPanelWidth);
+    },
+
+    startAutoScroll(retryCount = 0) {
+      this.stopAutoScroll();
+      this.$nextTick(() => {
+        const container = this.$refs.homeworkList;
+        if (!container) {
+          // If container is not ready (e.g., due to transition), retry
+          if (retryCount < 20) {
+             setTimeout(() => {
+               this.startAutoScroll(retryCount + 1);
+             }, 100);
+          }
+          return;
+        }
+        
+        // Ensure we start at the top so the "Wait at Top" logic triggers
+        container.scrollTop = 0;
+
+        let waitTimer = 0;
+        let isWaitingAtBottom = false;
+        let isWaitingAtTop = true;
+        
+        this.autoScrollTimer = setInterval(() => {
+           if (this.isHoveringList) return;
+           
+           // Check active items count
+           const activeCount = this.noteModeItems.filter(i => i.type !== 'empty').length;
+           let isAtEffectiveBottom = false;
+
+           // If we have active items, check if the last one is fully visible
+           if (activeCount > 0 && container.children.length >= activeCount) {
+               const lastActiveElement = container.children[activeCount - 1];
+               if (lastActiveElement) {
+                   const containerRect = container.getBoundingClientRect();
+                   const itemRect = lastActiveElement.getBoundingClientRect();
+                   
+                   // Check if bottom of last item is above or at container bottom (fully visible)
+                   // Use a small tolerance for fractional pixels
+                   if (itemRect.bottom <= containerRect.bottom + 2) {
+                       isAtEffectiveBottom = true;
+                   }
+                   
+                   // Only skip scrolling if we are at top AND everything fits
+                   if (container.scrollTop === 0 && isAtEffectiveBottom) {
+                       return; 
+                   }
+               }
+           } else {
+               // No active items or fallback to normal bottom check
+               if (container.scrollHeight <= container.clientHeight) return;
+               // Check if we hit the real bottom
+               if (Math.ceil(container.scrollTop) + container.clientHeight >= container.scrollHeight - 2) {
+                   isAtEffectiveBottom = true;
+               }
+           }
+           
+           const isAtTop = container.scrollTop <= 2;
+
+           // 1. Waiting at bottom
+           if (isWaitingAtBottom) {
+             waitTimer++;
+             // Wait ~3 seconds (100 * 30ms)
+             if (waitTimer > 100) {
+               container.scrollTop = 0; // Instant jump back to top
+               isWaitingAtBottom = false;
+               isWaitingAtTop = true;
+               waitTimer = 0;
+             }
+             return;
+           }
+
+           // 2. Waiting at top
+           if (isWaitingAtTop) {
+             if (isAtTop) {
+                 waitTimer++;
+                 // Wait ~3 seconds
+                 if (waitTimer > 100) {
+                   isWaitingAtTop = false;
+                   waitTimer = 0;
+                 }
+             } else {
+                 // User manually scrolled away
+                 isWaitingAtTop = false;
+                 waitTimer = 0;
+             }
+             return;
+           }
+
+           // 3. Normal scrolling
+           if (isAtEffectiveBottom) {
+             isWaitingAtBottom = true;
+             waitTimer = 0;
+           } else {
+             container.scrollTop += 1; 
+           }
+        }, 30);
+      });
+    },
+
+    stopAutoScroll() {
+      if (this.autoScrollTimer) {
+        clearInterval(this.autoScrollTimer);
+        this.autoScrollTimer = null;
+      }
+    },
+    
+    onListHover(hovering) {
+      this.isHoveringList = hovering;
+    },
+
+    // 复制自 HomeworkGrid 的辅助函数
+    splitPoint(content) {
+      if (typeof content !== 'string') return [];
+      
+      const normalized = content.replace(/\r\n/g, "\n");
+      const blocks = /\n\s*\n/.test(normalized)
+        ? normalized.split(/\n\s*\n+/)
+        : normalized.split("\n");
+      const items = blocks.map((t) => t.trim()).filter(Boolean);
+      const showIndex = items.length > 1; 
+      
+      return items.map((text, index) => {
+        let processedText = text;
+        let submissionTime = null;
+        let submitTo = null;
+        let selfCorrection = false;
+        let optional = false;
+        let notSubmit = false;
+        
+        const timeMatch = processedText.match(/\[(\d{4}-\d{2}-\d{2})\]/);
+        if (timeMatch) {
+          submissionTime = timeMatch[1];
+          processedText = processedText.replace(timeMatch[0], '');
+        }
+        
+        const submitToMatch = processedText.match(/\[交给:(.*?)\]/);
+        if (submitToMatch) {
+          submitTo = submitToMatch[1];
+          processedText = processedText.replace(submitToMatch[0], '');
+        }
+
+        const selfCorrectMatch = processedText.match(/\[自批\]/);
+        if (selfCorrectMatch) {
+          selfCorrection = true;
+          processedText = processedText.replace(selfCorrectMatch[0], '');
+        }
+
+        const optionalMatch = processedText.match(/\[选做\]/);
+        if (optionalMatch) {
+          optional = true;
+          processedText = processedText.replace(optionalMatch[0], '');
+        }
+
+        const notSubmitMatch = processedText.match(/\[不上交\]/);
+        if (notSubmitMatch) {
+          notSubmit = true;
+          processedText = processedText.replace(notSubmitMatch[0], '');
+        }
+
+        const displayText = showIndex 
+          ? `${index + 1}. ${processedText.trim()}`
+          : processedText.trim();
+        
+        return {
+          text: displayText,
+          submissionTime,
+          submitTo,
+          selfCorrection,
+          optional,
+          notSubmit
+        };
+      });
+    },
+
+    formatSubmissionTime(timeStr) {
+      if (!timeStr) return '';
+      
+      const date = new Date(timeStr);
+      if (isNaN(date.getTime())) return timeStr;
+      
+      const today = new Date();
+      today.setHours(0,0,0,0);
+      
+      const targetDate = new Date(date);
+      targetDate.setHours(0,0,0,0);
+      
+      const diffTime = targetDate - today;
+      const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); 
+      
+      if (diffDays === 0) return '上交|今天';
+      if (diffDays === 1) return '上交|明天';
+      
+      const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
+      const targetDay = weekdays[targetDate.getDay()];
+
+      const currentMonday = new Date(today);
+      const day = currentMonday.getDay() || 7;
+      if (day !== 1) currentMonday.setHours(-24 * (day - 1));
+      
+      const targetMonday = new Date(targetDate);
+      const tDay = targetMonday.getDay() || 7;
+      if (tDay !== 1) targetMonday.setHours(-24 * (tDay - 1));
+      
+      const weekDiff = Math.round((targetMonday - currentMonday) / (7 * 24 * 60 * 60 * 1000));
+
+      if (weekDiff === 0) {
+        return `上交|${targetDay}`;
+      } else if (weekDiff === 1) {
+        return `上交|下${targetDay}`;
+      } else if (weekDiff === 2) {
+        return `上交|下下${targetDay}`;
+      } else {
+        const m = targetDate.getMonth() + 1;
+        const d = targetDate.getDate();
+        return `上交|${m}.${d}`;
+      }
     },
   },
 };
 </script>
+
+<style scoped>
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.copyright-footer {
+  position: fixed;
+  bottom: 12px;
+  right: 16px;
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 17px;
+  z-index: 100;
+  pointer-events: none;
+  user-select: none;
+  font-family: "Microsoft YaHei", sans-serif;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
+  
+  /* Box style */
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background-color: rgba(0, 0, 0, 0.4);
+  padding: 4px 12px;
+  border-radius: 4px;
+  backdrop-filter: blur(4px);
+}
+
+.bloom-container {
+  /* Ensure content doesn't overlap footer */
+  padding-bottom: 40px;
+}
+
+.note-card {
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.note-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
+}
+
+.note-card:active {
+  transform: translateY(-2px);
+}
+
+.item-line-text {
+  white-space: pre-line;
+}
+
+.custom-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  background-color: transparent;
+}
+
+.custom-scrollbar::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-radius: 3px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(255, 255, 255, 0.4);
+}
+
+.resizer-handle {
+  transition: background-color 0.2s;
+}
+
+.resizer-handle:hover,
+.resizer-handle:active {
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
+</style>
diff --git a/src/pages/list/[id].vue b/src/pages/list/[id].vue
index b232171..4d6f6bd 100644
--- a/src/pages/list/[id].vue
+++ b/src/pages/list/[id].vue
@@ -7,11 +7,20 @@
         @click="$router.push('/')"
       />
     </template>
-    <v-app-bar-title v-if="list && !isRenaming" class="text-h6">{{ list.name }}</v-app-bar-title>
-    <v-app-bar-title v-else class="text-h6">列表</v-app-bar-title>
+    <v-app-bar-title
+      v-if="list && !isRenaming"
+      class="text-h6"
+    >
+      {{ list.name }}
+    </v-app-bar-title>
+    <v-app-bar-title
+      v-else
+      class="text-h6"
+    >
+      列表
+    </v-app-bar-title>
   </v-app-bar>
   <v-container>
-
     <div class="d-flex align-center mb-4">
       <v-btn
         border
@@ -23,11 +32,19 @@
       </v-btn>
       <h1 v-if="list && !isRenaming">
         {{ list.name }}
-        <v-btn border icon size="small" @click="startRenaming">
+        <v-btn
+          border
+          icon
+          size="small"
+          @click="startRenaming"
+        >
           <v-icon>mdi-pencil</v-icon>
         </v-btn>
       </h1>
-      <div v-else-if="list && isRenaming" class="d-flex align-center">
+      <div
+        v-else-if="list && isRenaming"
+        class="d-flex align-center"
+      >
         <v-text-field
           v-model="newListName"
           autofocus
@@ -37,11 +54,20 @@
           label="列表名称"
           style="min-width: 200px;"
           @keyup.enter="saveListName"
-        ></v-text-field>
-        <v-btn class="mr-2" color="primary" size="small" @click="saveListName">
+        />
+        <v-btn
+          class="mr-2"
+          color="primary"
+          size="small"
+          @click="saveListName"
+        >
           <v-icon>mdi-check</v-icon>
         </v-btn>
-        <v-btn color="error" size="small" @click="cancelRenaming">
+        <v-btn
+          color="error"
+          size="small"
+          @click="cancelRenaming"
+        >
           <v-icon>mdi-close</v-icon>
         </v-btn>
       </div>
@@ -51,10 +77,14 @@
     </div>
 
 
-    <v-card border class="mb-5" rounded="xl">
+    <v-card
+      border
+      class="mb-5"
+      rounded="xl"
+    >
       <v-card-title class="d-flex align-center">
         项目列表
-        <v-spacer/>
+        <v-spacer />
         <v-btn-toggle
           v-model="sortType"
           mandatory
@@ -97,7 +127,7 @@
         </v-list-item>
       </v-list>
       <v-card-actions v-if="sortedItems.length > 0">
-        <v-spacer/>
+        <v-spacer />
         <v-btn
           :disabled="!hasCompletedItems"
           color="error"
@@ -108,7 +138,11 @@
         </v-btn>
       </v-card-actions>
     </v-card>
-    <v-card border class="mb-5" rounded="xl">
+    <v-card
+      border
+      class="mb-5"
+      rounded="xl"
+    >
       <v-card-title>添加新项目</v-card-title>
       <v-card-text>
         <v-text-field
@@ -126,7 +160,11 @@
       </v-card-text>
     </v-card>
 
-    <v-card border class="mb-5" rounded="xl">
+    <v-card
+      border
+      class="mb-5"
+      rounded="xl"
+    >
       <v-card-title>列表排序</v-card-title>
       <v-card-text>
         <v-text-field
@@ -153,16 +191,30 @@
     </v-card>
 
     <!-- 确认删除对话框 -->
-    <v-dialog v-model="deleteDialog.show" max-width="500">
-      <v-card border rounded="xl">
+    <v-dialog
+      v-model="deleteDialog.show"
+      max-width="500"
+    >
+      <v-card
+        border
+        rounded="xl"
+      >
         <v-card-title>{{ deleteDialog.title }}</v-card-title>
         <v-card-text>{{ deleteDialog.text }}</v-card-text>
         <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="primary" variant="text" @click="deleteDialog.show = false">
+          <v-spacer />
+          <v-btn
+            color="primary"
+            variant="text"
+            @click="deleteDialog.show = false"
+          >
             取消
           </v-btn>
-          <v-btn color="error" variant="text" @click="confirmDelete">
+          <v-btn
+            color="error"
+            variant="text"
+            @click="confirmDelete"
+          >
             确认删除
           </v-btn>
         </v-card-actions>
@@ -170,8 +222,14 @@
     </v-dialog>
 
     <!-- 项目详情对话框 -->
-    <v-dialog v-model="itemDialog.show" max-width="600">
-      <v-card border rounded="xl">
+    <v-dialog
+      v-model="itemDialog.show"
+      max-width="600"
+    >
+      <v-card
+        border
+        rounded="xl"
+      >
         <v-card-title>
           <span v-if="!itemDialog.isEditing">项目详情</span>
           <span v-else>编辑项目</span>
@@ -181,13 +239,16 @@
           <div v-if="!itemDialog.isEditing && itemDialog.item">
             <v-list>
               <v-list-item>
-                <v-list-item-title class="text-subtitle-1 font-weight-bold">{{ itemDialog.item.name }}
+                <v-list-item-title class="text-subtitle-1 font-weight-bold">
+                  {{ itemDialog.item.name }}
                 </v-list-item-title>
                 <v-list-item-subtitle>{{ itemDialog.item.id }}</v-list-item-subtitle>
               </v-list-item>
 
               <v-list-item>
-                <v-list-item-title class="text-subtitle-1 font-weight-bold">状态</v-list-item-title>
+                <v-list-item-title class="text-subtitle-1 font-weight-bold">
+                  状态
+                </v-list-item-title>
                 <v-list-item-subtitle>
                   <v-chip
                     :color="itemDialog.item.completed ? 'success' : 'warning'"
@@ -199,20 +260,24 @@
               </v-list-item>
 
               <v-list-item v-if="itemDialog.item.description">
-                <v-list-item-title class="text-subtitle-1 font-weight-bold">描述</v-list-item-title>
+                <v-list-item-title class="text-subtitle-1 font-weight-bold">
+                  描述
+                </v-list-item-title>
                 <v-list-item-subtitle>{{ itemDialog.item.description }}</v-list-item-subtitle>
               </v-list-item>
-
             </v-list>
           </div>
 
-          <div v-else-if="itemDialog.isEditing && itemDialog.item" class="pa-2">
+          <div
+            v-else-if="itemDialog.isEditing && itemDialog.item"
+            class="pa-2"
+          >
             <v-text-field
               v-model="itemDialog.editedItem.name"
               class="mb-3"
               label="名称"
               variant="outlined"
-            ></v-text-field>
+            />
 
             <v-textarea
               v-model="itemDialog.editedItem.description"
@@ -220,7 +285,7 @@
               label="描述"
               rows="3"
               variant="outlined"
-            ></v-textarea>
+            />
 
 
             <v-switch
@@ -228,37 +293,56 @@
               color="success"
               hide-details
               label="已完成"
-            ></v-switch>
+            />
           </div>
         </v-card-text>
 
         <v-card-actions>
-          <v-spacer></v-spacer>
+          <v-spacer />
 
           <template v-if="!itemDialog.isEditing">
-            <v-btn color="primary" variant="text" @click="startEditingItem">
+            <v-btn
+              color="primary"
+              variant="text"
+              @click="startEditingItem"
+            >
               编辑
             </v-btn>
-            <v-btn color="error" variant="text" @click="confirmDeleteItem(itemDialog.item?.id)">
+            <v-btn
+              color="error"
+              variant="text"
+              @click="confirmDeleteItem(itemDialog.item?.id)"
+            >
               删除
             </v-btn>
-            <v-btn color="secondary" variant="text" @click="itemDialog.show = false">
+            <v-btn
+              color="secondary"
+              variant="text"
+              @click="itemDialog.show = false"
+            >
               关闭
             </v-btn>
           </template>
 
           <template v-else>
-            <v-btn color="success" variant="text" @click="saveItemChanges">
+            <v-btn
+              color="success"
+              variant="text"
+              @click="saveItemChanges"
+            >
               保存
             </v-btn>
-            <v-btn color="secondary" variant="text" @click="cancelEditingItem">
+            <v-btn
+              color="secondary"
+              variant="text"
+              @click="cancelEditingItem"
+            >
               取消
             </v-btn>
           </template>
         </v-card-actions>
       </v-card>
     </v-dialog>
-
   </v-container>
 </template>
 
diff --git a/src/pages/list/index.vue b/src/pages/list/index.vue
index 709fdab..acaf6a3 100644
--- a/src/pages/list/index.vue
+++ b/src/pages/list/index.vue
@@ -7,12 +7,16 @@
         @click="$router.push('/')"
       />
     </template>
-    <v-app-bar-title class="text-h6">列表</v-app-bar-title>
+    <v-app-bar-title class="text-h6">
+      列表
+    </v-app-bar-title>
   </v-app-bar>
   <v-container>
-
-
-    <v-card border class="mb-5" rounded="xl">
+    <v-card
+      border
+      class="mb-5"
+      rounded="xl"
+    >
       <v-card-title>现有列表</v-card-title>
       <v-card-text v-if="lists.length === 0">
         暂无列表，请创建新列表
@@ -27,7 +31,10 @@
           <div v-if="list.id !== editingListId">
             <v-list-item-title>{{ list.name }}</v-list-item-title>
           </div>
-          <div v-else class="d-flex align-center w-100">
+          <div
+            v-else
+            class="d-flex align-center w-100"
+          >
             <v-text-field
               v-model="editListName"
               autofocus
@@ -36,21 +43,41 @@
               hide-details
               label="列表名称"
               @keyup.enter="saveListName"
-            ></v-text-field>
-            <v-btn border class="mr-2" color="primary" icon @click.stop.prevent="saveListName">
+            />
+            <v-btn
+              border
+              class="mr-2"
+              color="primary"
+              icon
+              @click.stop.prevent="saveListName"
+            >
               <v-icon>mdi-check</v-icon>
             </v-btn>
-            <v-btn border color="error" icon @click.stop.prevent="cancelEditing">
+            <v-btn
+              border
+              color="error"
+              icon
+              @click.stop.prevent="cancelEditing"
+            >
               <v-icon>mdi-close</v-icon>
             </v-btn>
           </div>
 
           <template #append>
             <div v-if="list.id !== editingListId">
-              <v-btn border class="mr-2" icon @click.stop.prevent="startEditing(list.id)">
+              <v-btn
+                border
+                class="mr-2"
+                icon
+                @click.stop.prevent="startEditing(list.id)"
+              >
                 <v-icon>mdi-pencil</v-icon>
               </v-btn>
-              <v-btn border icon @click.stop.prevent="confirmDeleteList(list.id)">
+              <v-btn
+                border
+                icon
+                @click.stop.prevent="confirmDeleteList(list.id)"
+              >
                 <v-icon>mdi-delete</v-icon>
               </v-btn>
             </div>
@@ -58,30 +85,49 @@
         </v-list-item>
       </v-list>
     </v-card>
-    <v-card border class="mb-5" rounded="xl">
+    <v-card
+      border
+      class="mb-5"
+      rounded="xl"
+    >
       <v-card-title>创建新列表</v-card-title>
       <v-card-text>
         <v-text-field
           v-model="newListName"
           :rules="[v => !!v || '名称不能为空']"
           label="列表名称"
-        ></v-text-field>
-        <v-btn :disabled="!newListName" color="primary" @click="createNewList">
+        />
+        <v-btn
+          :disabled="!newListName"
+          color="primary"
+          @click="createNewList"
+        >
           创建列表
         </v-btn>
       </v-card-text>
     </v-card>
     <!-- 确认删除对话框 -->
-    <v-dialog v-model="deleteDialog.show" max-width="500">
+    <v-dialog
+      v-model="deleteDialog.show"
+      max-width="500"
+    >
       <v-card border>
         <v-card-title>删除列表</v-card-title>
         <v-card-text>{{ deleteDialog.text }}</v-card-text>
         <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="primary" variant="text" @click="deleteDialog.show = false">
+          <v-spacer />
+          <v-btn
+            color="primary"
+            variant="text"
+            @click="deleteDialog.show = false"
+          >
             取消
           </v-btn>
-          <v-btn color="error" variant="text" @click="confirmDelete">
+          <v-btn
+            color="error"
+            variant="text"
+            @click="confirmDelete"
+          >
             确认删除
           </v-btn>
         </v-card-actions>
@@ -134,8 +180,11 @@ export default {
       try {
         // 从classworks-list-main加载学生列表数据
         const response = await dataProvider.loadData("classworks-list-main");
-        if (response && Array.isArray(response)) {
-          this.studentList = response;
+        
+        const dataArray = Array.isArray(response) ? response : (response && Array.isArray(response.value) ? response.value : null);
+        
+        if (response && response.success !== false && dataArray) {
+          this.studentList = dataArray;
         } else {
           this.studentList = [];
         }
diff --git a/src/pages/settings.vue b/src/pages/settings.vue
index 0b720da..4714365 100644
--- a/src/pages/settings.vue
+++ b/src/pages/settings.vue
@@ -11,10 +11,11 @@
           icon="mdi-menu"
           variant="text"
           @click="drawer = !drawer"
-
         />
       </template>
-      <v-app-bar-title class="text-h6">设置</v-app-bar-title>
+      <v-app-bar-title class="text-h6">
+        设置
+      </v-app-bar-title>
     </v-app-bar>
 
     <v-container fluid>
@@ -43,14 +44,23 @@
         direction="vertical"
         style="width: 100%"
       >
-        <v-tabs-window-item value="index"
-        >
-          <v-card border class="service-card gradient-right clickable mb-4" color="primary" elevation="8" hover
-                  rounded="xl" variant="tonal" @click="openClassworksKV">
+        <v-tabs-window-item value="index">
+          <v-card
+            border
+            class="service-card gradient-right clickable mb-4"
+            color="primary"
+            elevation="8"
+            hover
+            rounded="xl"
+            variant="tonal"
+            @click="openClassworksKV"
+          >
             <v-card-item>
               <div class="card-title">
                 <div>
-                  <div class="text-h6">在寻找 Classworks KV ？</div>
+                  <div class="text-h6">
+                    在寻找 Classworks KV ？
+                  </div>
                   <div class="text-caption text-medium-emphasis">
                     文档形键值数据库
                   </div>
@@ -71,50 +81,53 @@
               </div>
             </v-card-text>
           </v-card>
-          <v-card border class="rounded-xl mb-4" subtitle="设置" title="Classworks">
+          <v-card
+            border
+            class="rounded-xl mb-4"
+            subtitle="设置"
+            title="Classworks"
+          >
             <v-card-text>
               <v-alert
                 class="rounded-xl"
                 color="error"
                 icon="mdi-alert-circle"
                 variant="tonal"
-              >Classworks
+              >
+                Classworks
                 是开源免费的软件，官方没有提供任何形式的付费支持服务，源代码仓库地址在
                 <a
                   href="https://github.com/ZeroCatDev/Classworks"
                   target="_blank"
-                >https://github.com/ZeroCatDev/Classworks</a
-                >。如果您通过有偿协助等付费方式取得本应用，在遇到问题时请在与卖家约定的服务框架下，优先向卖家求助。如果卖家没有提供您预期的服务，请退款或通过其它形式积极维护您的合法权益。
-              </v-alert
-              >
+                >https://github.com/ZeroCatDev/Classworks</a>。如果您通过有偿协助等付费方式取得本应用，在遇到问题时请在与卖家约定的服务框架下，优先向卖家求助。如果卖家没有提供您预期的服务，请退款或通过其它形式积极维护您的合法权益。
+              </v-alert>
               <v-alert
                 class="mt-4 rounded-xl"
                 color="info"
                 icon="mdi-information"
                 variant="tonal"
-              >请不要使用浏览器清除缓存功能，否则会导致配置丢失。
-                <del
-                >恶意的操作可能导致您受到贵校教师的处理
-                </del
-                >
-              </v-alert
               >
+                请不要使用浏览器清除缓存功能，否则会导致配置丢失。
+                <del>恶意的操作可能导致您受到贵校教师的处理
+                </del>
+              </v-alert>
               <v-alert
                 class="mt-4 rounded-xl"
                 color="warning"
                 icon="mdi-information"
                 variant="tonal"
-              ><p>
-                请不要使用包括但不限于360极速浏览器、360安全浏览器、夸克浏览器、QQ浏览器等浏览器使用
-                Classworks
-                ，这些浏览器过时且存在严重的一致性问题。在Windows上，使用新版
-                Microsoft Edge 浏览器是最推荐的选择。
-              </p>
+              >
+                <p>
+                  请不要使用包括但不限于360极速浏览器、360安全浏览器、夸克浏览器、QQ浏览器等浏览器使用
+                  Classworks
+                  ，这些浏览器过时且存在严重的一致性问题。在Windows上，使用新版
+                  Microsoft Edge 浏览器是最推荐的选择。
+                </p>
                 <p style="color: #666">
                   上述浏览器商标为其所属公司所有，Classworks™
                   与上述浏览器所属公司无竞争关系。
                 </p>
-                <br/>
+                <br>
                 <v-btn
                   append-icon="mdi-open-in-new"
                   class="text-none rounded-xl"
@@ -122,14 +135,13 @@
                   href="https://www.microsoft.com/zh-cn/windows/microsoft-edge"
                   target="_blank"
                   variant="tonal"
-                >下载 Microsoft Edge（微软边缘浏览器）
-                </v-btn
                 >
-              </v-alert
-              >
+                  下载 Microsoft Edge（微软边缘浏览器）
+                </v-btn>
+              </v-alert>
             </v-card-text>
           </v-card>
-          <about-card/>
+          <about-card />
         </v-tabs-window-item>
 
         <v-tabs-window-item value="server">
@@ -138,16 +150,32 @@
             border
             @saved="onSettingsSaved"
           />
-          <data-provider-settings-card border class="mt-4"/>
-          <kv-database-card border class="mt-4"/>
+          <data-provider-settings-card
+            border
+            class="mt-4"
+          />
+          <kv-database-card
+            border
+            class="mt-4"
+          />
         </v-tabs-window-item>
 
         <v-tabs-window-item value="student">
-          <student-list-card :is-mobile="isMobile" border/>
-          <teacher-list-card :is-mobile="isMobile" border class="mt-4"/>
+          <student-list-card
+            :is-mobile="isMobile"
+            border
+          />
+          <teacher-list-card
+            :is-mobile="isMobile"
+            border
+            class="mt-4"
+          />
         </v-tabs-window-item>
         <v-tabs-window-item value="share">
-          <settings-link-generator border class="mt-4"/>
+          <settings-link-generator
+            border
+            class="mt-4"
+          />
         </v-tabs-window-item>
 
         <v-tabs-window-item value="refresh">
@@ -191,27 +219,35 @@
         </v-tabs-window-item>
 
         <v-tabs-window-item value="randomPicker">
-          <random-picker-card :is-mobile="isMobile" border/>
+          <random-picker-card
+            :is-mobile="isMobile"
+            border
+          />
         </v-tabs-window-item>
         <v-tabs-window-item value="subject">
-          <subject-management-card border/>
-          <br/>
-          <homework-template-card border/>
+          <subject-management-card border />
+          <br>
+          <homework-template-card border />
         </v-tabs-window-item>
 
-        <v-tabs-window-item value="developer"
-        >
-          <settings-card border icon="mdi-developer-board" title="开发者选项">
+        <v-tabs-window-item value="developer">
+          <settings-card
+            border
+            icon="mdi-developer-board"
+            title="开发者选项"
+          >
             <v-list>
               <v-list-item>
                 <template #prepend>
-                  <v-icon class="mr-3" icon="mdi-code-tags"/>
+                  <v-icon
+                    class="mr-3"
+                    icon="mdi-code-tags"
+                  />
                 </template>
                 <v-list-item-title>启用开发者选项</v-list-item-title>
-                <v-list-item-subtitle
-                >启用后可以查看和修改开发者设置
-                </v-list-item-subtitle
-                >
+                <v-list-item-subtitle>
+                  启用后可以查看和修改开发者设置
+                </v-list-item-subtitle>
                 <template #append>
                   <v-switch
                     v-model="settings.developer.enabled"
@@ -229,29 +265,41 @@
             @saved="onSettingsSaved"
           />
           <template v-if="settings.developer.enabled">
-            <v-card border class="mt-4 rounded-lg">
+            <v-card
+              border
+              class="mt-4 rounded-lg"
+            >
               <v-card-title class="d-flex align-center">
-                <v-icon class="mr-2" icon="mdi-cog-outline"/>
+                <v-icon
+                  class="mr-2"
+                  icon="mdi-cog-outline"
+                />
                 所有设置
               </v-card-title>
               <v-card-subtitle> 浏览和修改所有可用设置</v-card-subtitle>
               <v-card-text>
-                <settings-explorer @update="onSettingUpdate"/>
+                <settings-explorer @update="onSettingUpdate" />
               </v-card-text>
             </v-card>
           </template>
-          <v-col v-if="settings.developer.enabled" cols="12"></v-col>
+          <v-col
+            v-if="settings.developer.enabled"
+            cols="12"
+          />
         </v-tabs-window-item>
 
         <v-tabs-window-item value="about">
-          <about-card/>
-          <echo-chamber-card border class="mt-4"/>
+          <about-card />
+          <echo-chamber-card
+            border
+            class="mt-4"
+          />
         </v-tabs-window-item>
       </v-tabs-window>
     </v-container>
 
     <!-- 消息记录组件 -->
-    <message-log ref="messageLog"/>
+    <message-log ref="messageLog" />
   </div>
 </template>
 
@@ -319,7 +367,7 @@ export default {
     const settings = {
       server: {
         domain: getSetting("server.domain"),
-        classNumber: getSetting("server.classNumber"),
+        classNumber: "加载中...",
         provider: getSetting("server.provider"),
       },
       refresh: {
@@ -488,8 +536,23 @@ export default {
     },
   },
 
-  mounted() {
+  async mounted() {
     this.loadAllSettings();
+
+    try {
+      const dataProvider = (await import("@/utils/dataProvider")).default;
+      const res = await dataProvider.loadData("classworks-config-basic");
+      if (res && res.success !== false && res.classNumber) {
+        this.settings.server.classNumber = res.classNumber;
+      } else {
+        this.settings.server.classNumber = "我的班级";
+      }
+    } catch (e) {
+      this.settings.server.classNumber = "我的班级";
+    }
+
+    this.originalSettings = JSON.parse(JSON.stringify(this.settings));
+
     this.unwatchSettings = watchSettings(() => {
       this.loadAllSettings();
     });
@@ -508,8 +571,49 @@ export default {
       window.open(getSetting("server.authDomain"), "_blank");
     },
     loadAllSettings() {
+      // Keep existing classNumber or set to 加载中
+      const currentClassNumber = this.settings ? this.settings.server.classNumber : "加载中...";
+      
+      this.settings = {
+        server: {
+          domain: getSetting("server.domain"),
+          classNumber: currentClassNumber,
+          provider: getSetting("server.provider"),
+        },
+        refresh: {
+          auto: getSetting("refresh.auto"),
+          interval: getSetting("refresh.interval"),
+        },
+        font: {
+          size: getSetting("font.size"),
+        },
+        edit: {
+          autoSave: getSetting("edit.autoSave"),
+          blockNonTodayAutoSave: getSetting("edit.blockNonTodayAutoSave"),
+          confirmNonTodaySave: getSetting("edit.confirmNonTodaySave"),
+          refreshBeforeEdit: getSetting("edit.refreshBeforeEdit"),
+        },
+        display: {
+          emptySubjectDisplay: getSetting("display.emptySubjectDisplay"),
+          dynamicSort: getSetting("display.dynamicSort"),
+          showRandomButton: getSetting("display.showRandomButton"),
+          showFullscreenButton: getSetting("display.showFullscreenButton"),
+        },
+        developer: {
+          enabled: getSetting("developer.enabled"),
+          showDebugConfig: getSetting("developer.showDebugConfig"),
+        },
+        message: {
+          showSidebar: getSetting("message.showSidebar"),
+          maxActiveMessages: getSetting("message.maxActiveMessages"),
+          timeout: getSetting("message.timeout"),
+          saveHistory: getSetting("message.saveHistory"),
+        },
+      };
+
       Object.keys(this.settings).forEach((section) => {
         Object.keys(this.settings[section]).forEach((key) => {
+          if (section === "server" && key === "classNumber") return;
           this.settings[section][key] = getSetting(`${section}.${key}`);
         });
       });
diff --git a/src/pages/socket-debugger.vue b/src/pages/socket-debugger.vue
index 1e1f288..576d618 100644
--- a/src/pages/socket-debugger.vue
+++ b/src/pages/socket-debugger.vue
@@ -5,10 +5,18 @@
       <v-col cols="12">
         <v-card border>
           <v-card-title class="d-flex align-center">
-            <v-icon class="mr-2" color="primary">mdi-network</v-icon>
+            <v-icon
+              class="mr-2"
+              color="primary"
+            >
+              mdi-network
+            </v-icon>
             Socket.IO 连接调试器
             <v-spacer />
-            <v-chip :color="connectionStatus.color" size="small">
+            <v-chip
+              :color="connectionStatus.color"
+              size="small"
+            >
               {{ connectionStatus.text }}
             </v-chip>
           </v-card-title>
@@ -16,7 +24,10 @@
       </v-col>
 
       <!-- 连接信息卡片 -->
-      <v-col cols="12" md="6">
+      <v-col
+        cols="12"
+        md="6"
+      >
         <v-card border>
           <v-card-title>连接信息</v-card-title>
           <v-card-text>
@@ -43,7 +54,10 @@
                 </template>
                 <v-list-item-title>传输方式</v-list-item-title>
                 <v-list-item-subtitle>
-                  <v-chip size="x-small" :color="transportColor">
+                  <v-chip
+                    size="x-small"
+                    :color="transportColor"
+                  >
                     {{ transport || '未知' }}
                   </v-chip>
                 </v-list-item-subtitle>
@@ -113,40 +127,71 @@
       </v-col>
 
       <!-- 统计信息卡片 -->
-      <v-col cols="12" md="6">
+      <v-col
+        cols="12"
+        md="6"
+      >
         <v-card border>
           <v-card-title>统计信息</v-card-title>
           <v-card-text>
             <v-row>
               <v-col cols="6">
-                <v-card variant="tonal" color="success">
+                <v-card
+                  variant="tonal"
+                  color="success"
+                >
                   <v-card-text class="text-center">
-                    <div class="text-h4">{{ stats.eventsReceived }}</div>
-                    <div class="text-caption">接收事件</div>
+                    <div class="text-h4">
+                      {{ stats.eventsReceived }}
+                    </div>
+                    <div class="text-caption">
+                      接收事件
+                    </div>
                   </v-card-text>
                 </v-card>
               </v-col>
               <v-col cols="6">
-                <v-card variant="tonal" color="primary">
+                <v-card
+                  variant="tonal"
+                  color="primary"
+                >
                   <v-card-text class="text-center">
-                    <div class="text-h4">{{ stats.eventsSent }}</div>
-                    <div class="text-caption">发送事件</div>
+                    <div class="text-h4">
+                      {{ stats.eventsSent }}
+                    </div>
+                    <div class="text-caption">
+                      发送事件
+                    </div>
                   </v-card-text>
                 </v-card>
               </v-col>
               <v-col cols="6">
-                <v-card variant="tonal" color="warning">
+                <v-card
+                  variant="tonal"
+                  color="warning"
+                >
                   <v-card-text class="text-center">
-                    <div class="text-h4">{{ stats.errors }}</div>
-                    <div class="text-caption">错误次数</div>
+                    <div class="text-h4">
+                      {{ stats.errors }}
+                    </div>
+                    <div class="text-caption">
+                      错误次数
+                    </div>
                   </v-card-text>
                 </v-card>
               </v-col>
               <v-col cols="6">
-                <v-card variant="tonal" color="info">
+                <v-card
+                  variant="tonal"
+                  color="info"
+                >
                   <v-card-text class="text-center">
-                    <div class="text-h4">{{ stats.reconnects }}</div>
-                    <div class="text-caption">重连次数</div>
+                    <div class="text-h4">
+                      {{ stats.reconnects }}
+                    </div>
+                    <div class="text-caption">
+                      重连次数
+                    </div>
                   </v-card-text>
                 </v-card>
               </v-col>
@@ -175,14 +220,26 @@
       </v-col>
 
       <!-- 事件监控 -->
-      <v-col cols="12" md="6">
+      <v-col
+        cols="12"
+        md="6"
+      >
         <v-card border>
           <v-card-title>
             事件监控
-            <v-chip class="ml-2" size="small">{{ activeListeners.size }} 个监听器</v-chip>
+            <v-chip
+              class="ml-2"
+              size="small"
+            >
+              {{ activeListeners.size }} 个监听器
+            </v-chip>
           </v-card-title>
           <v-card-text>
-            <v-list density="compact" max-height="300" style="overflow-y: auto">
+            <v-list
+              density="compact"
+              max-height="300"
+              style="overflow-y: auto"
+            >
               <v-list-item v-if="activeListeners.size === 0">
                 <v-list-item-title class="text-center text-disabled">
                   暂无活动监听器
@@ -193,7 +250,9 @@
                 :key="listener"
               >
                 <template #prepend>
-                  <v-icon size="small">mdi-eye</v-icon>
+                  <v-icon size="small">
+                    mdi-eye
+                  </v-icon>
                 </template>
                 <v-list-item-title>{{ listener }}</v-list-item-title>
               </v-list-item>
@@ -203,7 +262,10 @@
       </v-col>
 
       <!-- 自定义事件发送 -->
-      <v-col cols="12" md="6">
+      <v-col
+        cols="12"
+        md="6"
+      >
         <v-card border>
           <v-card-title>发送自定义事件</v-card-title>
           <v-card-text>
@@ -272,9 +334,15 @@
                 <span class="log-time">[{{ log.time }}]</span>
                 <span class="log-type">[{{ log.type.toUpperCase() }}]</span>
                 <span class="log-message">{{ log.message }}</span>
-                <pre v-if="log.data" class="log-data">{{ log.data }}</pre>
+                <pre
+                  v-if="log.data"
+                  class="log-data"
+                >{{ log.data }}</pre>
               </div>
-              <div v-if="logs.length === 0" class="text-center text-disabled pa-8">
+              <div
+                v-if="logs.length === 0"
+                class="text-center text-disabled pa-8"
+              >
                 暂无日志
               </div>
             </div>
@@ -288,7 +356,10 @@
           <v-card-title>连接诊断</v-card-title>
           <v-card-text>
             <v-row>
-              <v-col cols="12" md="4">
+              <v-col
+                cols="12"
+                md="4"
+              >
                 <v-btn
                   block
                   color="info"
@@ -298,7 +369,10 @@
                   测试连接
                 </v-btn>
               </v-col>
-              <v-col cols="12" md="4">
+              <v-col
+                cols="12"
+                md="4"
+              >
                 <v-btn
                   block
                   color="success"
@@ -309,7 +383,10 @@
                   测量延迟
                 </v-btn>
               </v-col>
-              <v-col cols="12" md="4">
+              <v-col
+                cols="12"
+                md="4"
+              >
                 <v-btn
                   block
                   color="warning"
diff --git a/src/stores/examStore.js b/src/stores/examStore.js
index 1476e07..369a6eb 100644
--- a/src/stores/examStore.js
+++ b/src/stores/examStore.js
@@ -15,8 +15,10 @@ export const useExamStore = defineStore('exam', {
       this.loadingList = true
       try {
         const response = await dataProvider.loadData('es_list')
-        if (Array.isArray(response)) {
-          this.examList = response
+        const dataArray = Array.isArray(response) ? response : (response && Array.isArray(response.value) ? response.value : null)
+        
+        if (response && response.success !== false && dataArray) {
+          this.examList = dataArray
         } else {
           this.examList = []
         }
diff --git a/src/styles/transitions.scss b/src/styles/transitions.scss
index 5e1211b..dbaada8 100644
--- a/src/styles/transitions.scss
+++ b/src/styles/transitions.scss
@@ -236,3 +236,19 @@ $standard-accelerate: cubic-bezier(0.3, 0.0, 1.0, 1.0);
   opacity: 0;
   transform: scale(0.9);
 }
+
+// Slide X Transition
+.slide-x-transition-enter-active,
+.slide-x-transition-leave-active {
+  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.3s ease;
+}
+
+.slide-x-transition-enter-from {
+  transform: translateX(15px);
+  opacity: 0;
+}
+
+.slide-x-transition-leave-to {
+  transform: translateX(-15px);
+  opacity: 0;
+}
diff --git a/src/utils/dataProvider.js b/src/utils/dataProvider.js
index cc3d2f3..02cc4f9 100644
--- a/src/utils/dataProvider.js
+++ b/src/utils/dataProvider.js
@@ -1,7 +1,4 @@
-import {kvLocalProvider} from "./providers/kvLocalProvider";
-import {kvServerProvider} from "./providers/kvServerProvider";
-import {getSetting, setSetting} from "./settings";
-import {getEffectiveServerUrl} from "./serverRotation";
+import {kvFileProvider} from "./providers/kvFileProvider";
 
 export const formatResponse = (data) => data;
 
@@ -10,264 +7,32 @@ export const formatError = (message, code = "UNKNOWN_ERROR") => ({
   error: {code, message},
 });
 
-// Main data provider with simplified API
+// Main data provider with simplified API - Local File Storage
 export default {
   // Provider API methods
   loadData: async (key) => {
-    const provider = getSetting("server.provider");
-    const useServer =
-      provider === "kv-server" || provider === "classworkscloud";
-
-    if (useServer) {
-      return kvServerProvider.loadData(key);
-    } else {
-      return kvLocalProvider.loadData(key);
-    }
+    return kvFileProvider.loadData(key);
   },
 
   saveData: async (key, data) => {
-    const provider = getSetting("server.provider");
-    const useServer =
-      provider === "kv-server" || provider === "classworkscloud";
-
-    if (useServer) {
-      return kvServerProvider.saveData(key, data);
-    } else {
-      return kvLocalProvider.saveData(key, data);
-    }
+    return kvFileProvider.saveData(key, data);
   },
 
   /**
    * 获取键名列表
-   * @param {Object} options - 查询选项
-   * @param {string} options.sortBy - 排序字段，默认为 "key"
-   * @param {string} options.sortDir - 排序方向，"asc" 或 "desc"，默认为 "asc"
-   * @param {number} options.limit - 每页返回的记录数，默认为 100
-   * @param {number} options.skip - 跳过的记录数，默认为 0
-   * @returns {Promise<Object>} 包含键名列表和分页信息的响应对象
-   *
-   * 使用示例:
-   * ```javascript
-   * // 获取前10个键名
-   * const result = await dataProvider.loadKeys({ limit: 10 });
-   * if (result.success !== false) {
-   *   console.log('键名列表:', result.keys);
-   *   console.log('总数:', result.total_rows);
-   * }
-   *
-   * // 获取第二页数据（跳过前10个）
-   * const page2 = await dataProvider.loadKeys({ limit: 10, skip: 10 });
-   *
-   * // 按键名降序排列
-   * const sorted = await dataProvider.loadKeys({ sortDir: 'desc' });
-   * ```
-   *
-   * 返回值格式:
-   * ```javascript
-   * {
-   *   keys: ["key1", "key2", "key3"],
-   *   total_rows: 150,
-   *   current_page: {
-   *     limit: 10,
-   *     skip: 0,
-   *     count: 10
-   *   },
-   *   load_more: "/api/kv/namespace/_keys?..." // 仅服务器模式
-   * }
-   * ```
    */
   loadKeys: async (options = {}) => {
-    const provider = getSetting("server.provider");
-    const useServer =
-      provider === "kv-server" || provider === "classworkscloud";
-
-    if (useServer) {
-      return kvServerProvider.loadKeys(options);
-    } else {
-      return kvLocalProvider.loadKeys(options);
-    }
+    return kvFileProvider.loadKeys(options);
   },
 
   /**
-   * 获取键的云端访问地址，并处理本地到云端的数据迁移
-   *
-   * 功能说明:
-   * 1. 如果用户选择本地存储，则将本地键数据读取并存储到云端
-   * 2. 如果云端配置为空或错误则自动改成classworksCloudDefaults的配置
-   * 3. 根据网站验证情况（私有则添加token，公开或受保护则不需要）拼接键的get路径并返回
-   *
-   * @param {string} key - 要获取地址的键名
-   * @param {Object} options - 选项配置
-   * @param {boolean} options.migrateFromLocal - 是否从本地迁移数据到云端，默认为true
-   * @param {boolean} options.autoConfigureCloud - 是否自动配置云端默认设置，默认为true
-   * @returns {Promise<Object>} 包含键访问地址和操作结果的响应对象
-   *
-   * 使用示例:
-   * ```javascript
-   * import dataProvider from '@/utils/dataProvider';
-   *
-   * // 基本用法：获取键的云端地址并自动迁移本地数据
-   * const result = await dataProvider.getKeyCloudUrl('exam_configs');
-   * if (result.success) {
-   *   console.log('云端访问地址:', result.url);
-   *   console.log('是否已迁移数据:', result.migrated);
-   *   console.log('是否自动配置:', result.configured);
-   * } else {
-   *   console.error('获取失败:', result.error.message);
-   * }
-   *
-   * // 仅获取地址，不迁移数据
-   * const urlOnly = await dataProvider.getKeyCloudUrl('my_data', {
-   *   migrateFromLocal: false
-   * });
-   *
-   * // 不自动配置云端设置
-   * const noAutoConfig = await dataProvider.getKeyCloudUrl('my_data', {
-   *   autoConfigureCloud: false
-   * });
-   * ```
-   *
-   * 传入参数示例:
-   * ```javascript
-   * // 参数1: key (必需)
-   * 'exam_configs'  // 字符串类型的键名
-   *
-   * // 参数2: options (可选)
-   * {
-   *   migrateFromLocal: true,      // 是否迁移本地数据
-   *   autoConfigureCloud: true     // 是否自动配置云端
-   * }
-   * ```
-   *
-   * 返回值格式:
-   * ```javascript
-   * // 成功时返回:
-   * {
-   *   success: true,
-   *   url: "https://kv-service.houlang.cloud/device-uuid-123/exam_configs?token=abc123",  // 私有访问时包含token
-   *   migrated: true,              // 是否成功迁移了本地数据
-   *   configured: false            // 是否自动配置了云端设置
-   * }
-   *
-   * // 公开访问时返回:
-   * {
-   *   success: true,
-   *   url: "https://kv-service.houlang.cloud/device-uuid-123/exam_configs",  // 公开访问不包含token
-   *   migrated: false,
-   *   configured: true
-   * }
-   *
-   * // 失败时返回:
-   * {
-   *   success: false,
-   *   error: {
-   *     code: "CLOUD_URL_ERROR",
-   *     message: "获取键云端地址失败"
-   *   }
-   * }
-   * ```
+   * Removed cloud related methods
    */
-  async getKeyCloudUrl(key, options = {}) {
-    const {
-      migrateFromLocal = true,
-      autoConfigureCloud = true
-    } = options;
-
-    try {
-      const provider = getSetting("server.provider");
-      let serverUrl;
-      
-      // Use effective server URL for classworkscloud provider
-      if (provider === "classworkscloud") {
-        serverUrl = getEffectiveServerUrl();
-      } else {
-        serverUrl = getSetting("server.domain");
-      }
-      
-      let siteKey = getSetting("server.siteKey");
-      const machineId = getSetting("device.uuid");
-      let configured = false;
-
-      // 检查云端配置是否为空或错误，如果是则使用默认配置
-      if (!serverUrl || !machineId) {
-        if (autoConfigureCloud) {
-          // 使用classworksCloudDefaults配置
-          const classworksCloudDefaults = {
-            "server.domain": import.meta.env.VITE_DEFAULT_KV_SERVER || "https://kv-service.houlang.cloud",
-            "server.siteKey": "",
-          };
-
-          if (!serverUrl) {
-            setSetting("server.domain", classworksCloudDefaults["server.domain"]);
-            serverUrl = classworksCloudDefaults["server.domain"];
-            configured = true;
-          }
-
-          if (!siteKey) {
-            setSetting("server.siteKey", classworksCloudDefaults["server.siteKey"]);
-            siteKey = classworksCloudDefaults["server.siteKey"];
-          }
-
-          // 设置provider为classworkscloud
-          setSetting("server.provider", "classworkscloud");
-          // Get effective URL after setting provider
-          serverUrl = getEffectiveServerUrl();
-        } else {
-          return formatError("云端配置无效，请检查服务器域名和设备UUID", "CONFIG_ERROR");
-        }
-      }
-
-      let migrated = false;
-
-      // 如果需要迁移本地数据到云端
-      if (migrateFromLocal) {
-        try {
-          // 尝试从本地读取数据
-          const localData = await kvLocalProvider.loadData(key);
-
-          // 如果本地有数据且不是错误响应
-          if (localData && localData.success !== false) {
-            // 检查云端是否已有数据
-            const cloudData = await kvServerProvider.loadData(key);
-
-            // 如果云端没有数据，则迁移本地数据
-            if (cloudData && cloudData.success === false && cloudData.error?.code === "NOT_FOUND") {
-              const saveResult = await kvServerProvider.saveData(key, localData);
-              if (saveResult && saveResult.success !== false) {
-                migrated = true;
-                console.log(`已成功将键 ${key} 的数据从本地迁移到云端`);
-              }
-            }
-          }
-        } catch (error) {
-          console.warn(`迁移键 ${key} 的数据时出错:`, error);
-          // 迁移失败不影响URL生成，继续执行
-        }
-      }
-      // 获取认证token
-      const authtoken = getSetting("server.kvToken");
-      // 构建云端访问URL
-      let url = `${serverUrl}/kv/${key}?token=${authtoken}`;
-
-
-      return {
-        success: true,
-        url,
-        migrated,
-        configured
-      };
-
-    } catch (error) {
-      console.error('获取键云端地址时出错:', error);
-      return formatError(
-        error.message || "获取键云端地址失败",
-        "CLOUD_URL_ERROR"
-      );
-    }
+  getKeyCloudUrl: async () => {
+    return formatError("Cloud features are disabled", "NOT_SUPPORTED");
   },
 };
 
-
 export const ErrorCodes = {
   NOT_FOUND: "数据不存在",
   NETWORK_ERROR: "网络连接失败",
diff --git a/src/utils/defaults/defaultData.js b/src/utils/defaults/defaultData.js
index 80f315a..e3ed8fc 100644
--- a/src/utils/defaults/defaultData.js
+++ b/src/utils/defaults/defaultData.js
@@ -1,3 +1,11 @@
+/*
+ * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
+ * @Date: 2026-03-07 23:45:42
+ * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
+ * @LastEditTime: 2026-03-20 22:54:42
+ * @FilePath: \ClassHomeworkBoard\src\utils\defaults\defaultData.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 export const defaultConfig = {
   studentList: [
     "Classworks可以管理学生列表",
diff --git a/src/utils/markdown.js b/src/utils/markdown.js
new file mode 100644
index 0000000..d44b44f
--- /dev/null
+++ b/src/utils/markdown.js
@@ -0,0 +1,88 @@
+export function parseMarkdown(val) {
+  if (val == null) return '';
+  let text = String(val);
+
+  // 1. Normalize newlines
+  text = text.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+
+  // 2. Escape HTML
+  text = text
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;");
+
+  // 3. Process Block Elements (Line-based)
+  const lines = text.split('\n');
+  let inList = false;
+  const output = [];
+
+  for (let i = 0; i < lines.length; i++) {
+    let line = lines[i];
+
+    // Headers (H1-H3)
+    // ^# space ...
+    if (line.match(/^#\s+(.+)$/)) {
+      line = line.replace(/^#\s+(.+)$/, '<h1>$1</h1>');
+    } else if (line.match(/^##\s+(.+)$/)) {
+      line = line.replace(/^##\s+(.+)$/, '<h2>$1</h2>');
+    } else if (line.match(/^###\s+(.+)$/)) {
+      line = line.replace(/^###\s+(.+)$/, '<h3>$1</h3>');
+    } 
+    // Horizontal Rule
+    else if (line.match(/^---$/)) {
+      line = '<hr>';
+    }
+    
+    // Lists (- item)
+    if (line.match(/^\-\s+(.+)$/)) {
+      if (!inList) {
+        output.push('<ul>');
+        inList = true;
+      }
+      line = line.replace(/^\-\s+(.+)$/, '<li>$1</li>');
+    } else {
+      // Not a list item
+      if (inList) {
+        output.push('</ul>');
+        inList = false;
+      }
+    }
+    
+    output.push(line);
+  }
+  
+  if (inList) {
+    output.push('</ul>');
+  }
+
+  text = output.join('\n');
+
+  // 4. Process Inline Elements (Global)
+  
+  // Bold (**text**)
+  text = text.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>');
+  
+  // Italic (*text*)
+  text = text.replace(/\*(.*?)\*/g, '<i>$1</i>');
+  
+  // Highlight (<mark>text</mark>) -> escaped as &lt;mark&gt;
+  text = text.replace(/&lt;mark&gt;(.*?)&lt;\/mark&gt;/g, '<mark>$1</mark>');
+
+  // 5. Layout & Spacing
+  
+  // Double newlines -> Paragraphs
+  text = text.replace(/\n\n/g, '<p>');
+  
+  // Cleanup newlines around block tags
+  // Remove newline after block closing tags
+  text = text.replace(/(<\/h[1-3]>|<\/ul>|<\/li>|<hr>)\n/g, '$1');
+  
+  // Remaining single newlines -> <br>
+  // But be careful not to break HTML structure we just built.
+  // Actually, standard markdown treats single newline as space, but here we usually want <br>.
+  // Let's replace remaining \n with <br>, but only if not inside tags?
+  // Simple approach:
+  text = text.replace(/\n/g, '<br>');
+
+  return text;
+}
diff --git a/src/utils/providers/kvFileProvider.js b/src/utils/providers/kvFileProvider.js
new file mode 100644
index 0000000..afd3bf3
--- /dev/null
+++ b/src/utils/providers/kvFileProvider.js
@@ -0,0 +1,112 @@
+import { formatResponse, formatError } from "../dataProvider";
+
+// Dynamically use the current origin instead of hardcoding localhost:3031
+// This handles preview modes, different ports, and local network IPs automatically
+const getApiBase = () => {
+  if (typeof window !== 'undefined') {
+    return `${window.location.origin}/api/local-file`;
+  }
+  return "/api/local-file";
+};
+
+export const kvFileProvider = {
+  async loadData(key) {
+    try {
+      const response = await fetch(`${getApiBase()}/load?key=${encodeURIComponent(key)}&_t=${Date.now()}`, {
+        headers: {
+          'Cache-Control': 'no-cache',
+          'Pragma': 'no-cache'
+        }
+      });
+      if (response.status === 404) {
+        return formatError("数据不存在", "NOT_FOUND");
+      }
+      
+      const contentType = response.headers.get("content-type");
+      if (!contentType || !contentType.includes("application/json")) {
+        // If we didn't get JSON, it might be the dev server serving index.html
+        // This happens if the plugin isn't intercepting the request properly
+        throw new Error("Server did not return JSON. Is the local file plugin running?");
+      }
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const result = await response.json();
+      if (result.success) {
+        return formatResponse(result.data);
+      } else {
+        return formatError(result.error);
+      }
+    } catch (error) {
+      return formatError("读取本地文件失败：" + error.message);
+    }
+  },
+
+  async saveData(key, data) {
+    try {
+      const response = await fetch(`${getApiBase()}/save`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json; charset=utf-8",
+          Accept: "application/json",
+        },
+        body: JSON.stringify({ key, data }),
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const result = await response.json();
+      if (result.success) {
+        return formatResponse(true);
+      } else {
+        return formatError(result.error);
+      }
+    } catch (error) {
+      return formatError("保存本地文件失败：" + error.message);
+    }
+  },
+
+  async loadKeys(options = {}) {
+    try {
+      const response = await fetch(`${getApiBase()}/keys`);
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const result = await response.json();
+      
+      if (result.success) {
+        const allKeys = result.keys;
+        const {
+          sortDir = "asc",
+          limit = 100,
+          skip = 0
+        } = options;
+
+        const sortedKeys = allKeys.sort((a, b) => {
+          if (sortDir === "desc") {
+            return b.localeCompare(a);
+          }
+          return a.localeCompare(b);
+        });
+
+        const paginatedKeys = sortedKeys.slice(skip, skip + limit);
+
+        return formatResponse({
+          keys: paginatedKeys,
+          total_rows: sortedKeys.length,
+          current_page: {
+            limit,
+            skip,
+            count: paginatedKeys.length
+          },
+          load_more: null
+        });
+      } else {
+        return formatError(result.error);
+      }
+    } catch (error) {
+      return formatError("获取文件列表失败：" + error.message);
+    }
+  },
+};
diff --git a/src/utils/safeEvents.js b/src/utils/safeEvents.js
index 63942c9..f826c04 100644
--- a/src/utils/safeEvents.js
+++ b/src/utils/safeEvents.js
@@ -1,3 +1,6 @@
+import { on } from '@/utils/socketClient'
+import { ref, onBeforeUnmount } from 'vue'
+
 /**
  * Vue 组件安全事件处理工具
  * 防止组件卸载时的事件处理错误
@@ -63,7 +66,7 @@ export function createSafeEventMixin() {
         if (this._isDestroying || !this.$el) return
 
         try {
-          requestAnimationFrame(() => {
+          window.requestAnimationFrame(() => {
             if (!this._isDestroying && this.$el) {
               domOperation()
             }
@@ -114,7 +117,6 @@ export const socketEventMixin = {
      */
     $socketOn(event, handler) {
       return this.$safeOn(() => {
-        const { on } = require('@/utils/socketClient')
         return on(event, this.$safeHandler(handler))
       })
     }
@@ -156,8 +158,6 @@ export function withSafeEvents(component) {
  * Composition API 版本的安全事件处理
  */
 export function useSafeEvents() {
-  const { ref, onBeforeUnmount } = require('vue')
-
   const isDestroying = ref(false)
   const cleanupFunctions = ref([])
 
@@ -193,7 +193,7 @@ export function useSafeEvents() {
     if (isDestroying.value) return
 
     try {
-      requestAnimationFrame(() => {
+      window.requestAnimationFrame(() => {
         if (!isDestroying.value) {
           domOperation()
         }
diff --git a/src/utils/sentry.js b/src/utils/sentry.js
deleted file mode 100644
index 29c381c..0000000
--- a/src/utils/sentry.js
+++ /dev/null
@@ -1,128 +0,0 @@
-/**
- * Sentry 异步初始化模块
- *
- * 从 main.js 中抽离，在 Vue app 挂载后异步加载，
- * 避免 @sentry/vue (~60KB gzip) 阻塞首屏渲染。
- */
-import * as Sentry from '@sentry/vue'
-import { getVisitorId } from './visitorId'
-
-// 保存 feedback integration 实例的引用
-let feedbackIntegration = null
-
-/**
- * 异步初始化 Sentry（在 app mount 后调用）
- * @param {import('vue').App} app - Vue app 实例
- * @param {import('vue-router').Router} router - Vue Router 实例
- */
-export function initSentry(app, router) {
-  Sentry.init({
-    app,
-    dsn: 'https://dc34ab47426f49c0925445f0d87b7007@report.houlang.cloud/6',
-    sendDefaultPii: true,
-    integrations: [
-      Sentry.browserTracingIntegration({ router }),
-      Sentry.replayIntegration({
-        maskAllText: false,
-        blockAllMedia: false,
-      }),
-      feedbackIntegration = Sentry.feedbackIntegration({
-        autoInject: false,
-        colorScheme: 'system',
-        showBranding: false,
-        showName: true,
-        showEmail: true,
-        isNameRequired: false,
-        isEmailRequired: false,
-        useSentryUser: {
-          name: 'username',
-          email: 'email',
-        },
-        themeDark: {
-          submitBackground: '#6200EA',
-          submitBackgroundHover: '#7C4DFF',
-        },
-        themeLight: {
-          submitBackground: '#6200EA',
-          submitBackgroundHover: '#7C4DFF',
-        },
-      }),
-    ],
-    tracesSampleRate: 1.0,
-    tracePropagationTargets: [
-      'localhost',
-      /^https?:\/\/cs\.(houlang\.cloud|houlangs\.com)/,
-    ],
-    replaysSessionSampleRate: 0,
-    replaysOnErrorSampleRate: 0,
-    enableLogs: true,
-    beforeSend(event) {
-      return event
-    },
-  })
-
-  // 异步设置用户 fingerprint
-  getVisitorId()
-    .then((visitorId) => {
-      Sentry.setUser({ id: visitorId, username: visitorId })
-      Sentry.setTag('fingerprint', visitorId)
-      console.log('Sentry 用户标识已设置:', visitorId)
-    })
-    .catch((error) => {
-      console.warn('设置 Sentry 用户标识失败:', error)
-    })
-
-  // 注册全局函数：打开反馈表单
-  window.openSentryFeedback = () => {
-    try {
-      if (!feedbackIntegration) {
-        console.warn('Sentry Feedback integration 未初始化')
-        return false
-      }
-      if (typeof feedbackIntegration.createWidget === 'function') {
-        const widget = feedbackIntegration.createWidget()
-        if (widget && typeof widget.open === 'function') {
-          widget.open()
-          console.log('Sentry Feedback 对话框已打开')
-          return true
-        }
-      }
-      if (typeof feedbackIntegration.openDialog === 'function') {
-        feedbackIntegration.openDialog()
-        console.log('Sentry Feedback 对话框已打开')
-        return true
-      }
-      console.warn('无法找到打开 Feedback 的方法')
-      console.log('可用方法:', Object.keys(feedbackIntegration))
-      return false
-    } catch (error) {
-      console.error('打开 Sentry Feedback 时出错:', error)
-      return false
-    }
-  }
-
-  // 注册全局函数：手动启动录制
-  window.startSentryReplay = () => {
-    try {
-      const client = Sentry.getClient()
-      if (!client) {
-        console.warn('Sentry 客户端未初始化')
-        return false
-      }
-      const integrations = client.getOptions().integrations || []
-      const replayIntegration = integrations.find(
-        (integration) => integration && integration.name === 'Replay'
-      )
-      if (replayIntegration && typeof replayIntegration.start === 'function') {
-        replayIntegration.start()
-        console.log('Sentry Replay 已手动启动')
-        return true
-      }
-      console.warn('无法找到 Sentry Replay integration')
-      return false
-    } catch (error) {
-      console.error('启动 Sentry Replay 时出错:', error)
-      return false
-    }
-  }
-}
diff --git a/src/utils/serverRotation.js b/src/utils/serverRotation.js
index ee0c286..1c08fdc 100644
--- a/src/utils/serverRotation.js
+++ b/src/utils/serverRotation.js
@@ -7,8 +7,7 @@ import { getSetting } from "./settings";
 
 // Server list for classworkscloud provider (in priority order)
 const CLASSWORKS_CLOUD_SERVERS = [
-  "https://kv-service.houlang.cloud",
-  "https://kv-service.wuyuan.dev",
+  // You can add default servers here
 ];
 
 /**
@@ -90,7 +89,7 @@ export function getEffectiveServerUrl() {
   const provider = getSetting("server.provider");
   
   if (provider === "classworkscloud") {
-    return CLASSWORKS_CLOUD_SERVERS[0];
+    return CLASSWORKS_CLOUD_SERVERS[0] || "";
   }
   
   return getSetting("server.domain") || "";
diff --git a/src/utils/settings.js b/src/utils/settings.js
index 6b3ae8f..ca6618e 100644
--- a/src/utils/settings.js
+++ b/src/utils/settings.js
@@ -65,8 +65,7 @@ const SETTINGS_STORAGE_KEY = "Classworks_settings";
 
 // 新增: Classworks云端存储的默认设置
 const classworksCloudDefaults = {
-  "server.domain": import.meta.env.VITE_DEFAULT_KV_SERVER || "https://kv-service.houlang.cloud",
-  //"server.domain": "http://localhost:3030",
+  "server.domain": import.meta.env.VITE_DEFAULT_KV_SERVER || "",
   "server.siteKey": "",
 };
 
@@ -216,7 +215,7 @@ const settingsDefinitions = {
   },
   "server.classNumber": {
     type: "string",
-    default: "高三八班",
+    default: "我的班级",
     //validate: (value) => /^[A-Za-z0-9]*$/.test(value),
     validate: (value) => /.*/.test(value),
     description: "班级编号",
@@ -239,7 +238,7 @@ const settingsDefinitions = {
   },
   "server.authDomain": {
     type: "string",
-    default: import.meta.env.VITE_DEFAULT_AUTH_SERVER || "https://kv.houlang.cloud",
+    default: import.meta.env.VITE_DEFAULT_AUTH_SERVER || "",
     description: "授权服务器域名",
     icon: "mdi-shield-account",
     validate: (value) => {
@@ -418,14 +417,14 @@ const settingsDefinitions = {
   // 通知铃声设置
   "notification.singleSound": {
     type: "string",
-    default: "Teams 默认.mp3",
+    default: "universfield-new-notification-024-370048.mp3",
     description: "单次通知铃声",
     icon: "mdi-bell-ring",
     // 设置单次通知时播放的音频文件
   },
   "notification.urgentSound": {
     type: "string",
-    default: "Teams 默认通话铃.mp3",
+    default: "universfield-new-notification-024-370048.mp3",
     description: "持续通知铃声",
     icon: "mdi-bell-alert",
     // 设置紧急通知时循环播放的音频文件
@@ -556,10 +555,18 @@ class SettingsManagerClass {
     if (typeof localStorage === "undefined") return;
 
     try {
+      const newValue = JSON.stringify(this.settingsCache);
       localStorage.setItem(
         SETTINGS_STORAGE_KEY,
-        JSON.stringify(this.settingsCache)
+        newValue
       );
+      
+      // 触发同页面的自定义事件，以便当前页面也能监听到设置改变
+      if (typeof window !== "undefined" && typeof window.CustomEvent !== "undefined") {
+        window.dispatchEvent(new window.CustomEvent('classworks-settings-changed', {
+          detail: this.settingsCache
+        }));
+      }
     } catch (error) {
       console.error("保存设置失败:", error);
     }
@@ -717,15 +724,25 @@ class SettingsManagerClass {
     if (typeof window === "undefined") return () => {
     };
 
-    const handler = (event) => {
+    const storageHandler = (event) => {
       if (event.key === SETTINGS_STORAGE_KEY) {
         this.settingsCache = JSON.parse(event.newValue);
         callback(this.settingsCache);
       }
     };
+    
+    const customEventHandler = (event) => {
+      this.settingsCache = event.detail;
+      callback(this.settingsCache);
+    };
 
-    window.addEventListener("storage", handler);
-    return () => window.removeEventListener("storage", handler);
+    window.addEventListener("storage", storageHandler);
+    window.addEventListener("classworks-settings-changed", customEventHandler);
+    
+    return () => {
+      window.removeEventListener("storage", storageHandler);
+      window.removeEventListener("classworks-settings-changed", customEventHandler);
+    };
   }
 
   /**
diff --git a/src/utils/soundList.js b/src/utils/soundList.js
index 3cc19e7..5b51633 100644
--- a/src/utils/soundList.js
+++ b/src/utils/soundList.js
@@ -6,48 +6,14 @@
 
 // 所有可用的音频文件列表
 export const soundFiles = [
-  "Teams Ping.mp3",
-  "Teams Remix.mp3",
-  "Teams bounce.mp3",
-  "Teams incoming-ringtone-level30.mp3",
-  "Teams incoming-ringtone-level40.mp3",
-  "Teams meetup_ring.mp3",
-  "Teams screenshare_ring.mp3",
-  "Teams teams_meet_up_reminder.mp3",
-  "Teams teams_notification.mp3",
-  "Teams 优先处理.mp3",
-  "Teams 共鸣.mp3",
-  "Teams 召唤.mp3",
-  "Teams 叮铃.mp3",
-  "Teams 增强.mp3",
-  "Teams 尤里卡.mp3",
-  "Teams 弹拨.mp3",
-  "Teams 提醒.mp3",
-  "Teams 摇摆.mp3",
-  "Teams 时空.mp3",
-  "Teams 气泡(大声).mp3",
-  "Teams 气泡.mp3",
-  "Teams 波普.mp3",
-  "Teams 波纹.mp3",
-  "Teams 滴水.mp3",
-  "Teams 点击.mp3",
-  "Teams 蜂鸣声.mp3",
-  "Teams 警报.mp3",
-  "Teams 赋予希望.mp3",
-  "Teams 轻弹.mp3",
-  "Teams 进阶.mp3",
-  "Teams 重复振铃.mp3",
-  "Teams 颤振.mp3",
-  "Teams 高分.mp3",
-  "Teams 默认.mp3",
-  "Teams 默认通话铃.mp3"
+  "universfield-new-notification-024-370048.mp3"
 ];
 
 // 默认的单次通知铃声
-export const defaultSingleSound = 'Teams 默认.mp3';
+export const defaultSingleSound = 'universfield-new-notification-024-370048.mp3';
 
 // 默认的持续通知铃声
-export const defaultUrgentSound = 'Teams 默认通话铃.mp3';
+export const defaultUrgentSound = 'universfield-new-notification-024-370048.mp3';
 
 // 获取音频文件的完整路径
 export function getSoundPath(filename) {
diff --git a/start-server.cmd b/start-server.cmd
new file mode 100644
index 0000000..61517ce
--- /dev/null
+++ b/start-server.cmd
@@ -0,0 +1,4 @@
+@echo off
+cd /d "%~dp0"
+powershell -NoProfile -ExecutionPolicy Bypass -Command "$args = $MyInvocation.BoundParameters.Values; $c = Get-Content -Path '.\start-server.ps1' -Encoding UTF8 -Raw; Invoke-Expression $c" %*
+if %ERRORLEVEL% NEQ 0 pause
\ No newline at end of file
diff --git a/start-server.ps1 b/start-server.ps1
new file mode 100644
index 0000000..287f217
--- /dev/null
+++ b/start-server.ps1
@@ -0,0 +1,915 @@
+param(
+    [string]$Arg1 = "",
+    [string]$Arg2 = ""
+)
+
+# Set console encoding to UTF-8
+[Console]::OutputEncoding = [System.Text.Encoding]::UTF8
+
+$code = @"
+using System;
+using System.Drawing;
+using System.Drawing.Imaging;
+using System.Runtime.InteropServices;
+using System.IO;
+
+public class ScreenCapture
+{
+    [DllImport("user32.dll")]
+    [return: MarshalAs(UnmanagedType.Bool)]
+    public static extern bool GetWindowRect(IntPtr hWnd, out RECT lpRect);
+
+    [StructLayout(LayoutKind.Sequential)]
+    public struct RECT
+    {
+        public int Left;
+        public int Top;
+        public int Right;
+        public int Bottom;
+    }
+
+    [DllImport("user32.dll")]
+    public static extern bool PrintWindow(IntPtr hWnd, IntPtr hdcBlt, int nFlags);
+
+    [DllImport("user32.dll")]
+    public static extern bool IsIconic(IntPtr hWnd);
+
+    [DllImport("user32.dll")]
+    public static extern bool ShowWindow(IntPtr hWnd, int nCmdShow);
+
+    [DllImport("user32.dll")]
+    public static extern bool SetForegroundWindow(IntPtr hWnd);
+
+    [DllImport("user32.dll")]
+    public static extern bool PostMessage(IntPtr hWnd, uint Msg, IntPtr wParam, IntPtr lParam);
+
+    [DllImport("user32.dll")]
+    public static extern uint MapVirtualKey(uint uCode, uint uMapType);
+
+    [DllImport("user32.dll")]
+    public static extern void keybd_event(byte bVk, byte bScan, uint dwFlags, UIntPtr dwExtraInfo);
+
+    public delegate bool EnumWindowsProc(IntPtr hWnd, IntPtr lParam);
+
+    [DllImport("user32.dll")]
+    public static extern bool EnumWindows(EnumWindowsProc enumProc, IntPtr lParam);
+
+    [DllImport("user32.dll")]
+    public static extern uint GetWindowThreadProcessId(IntPtr hWnd, out uint lpdwProcessId);
+
+    [DllImport("user32.dll")]
+    public static extern bool IsWindowVisible(IntPtr hWnd);
+
+    [DllImport("user32.dll", CharSet = CharSet.Auto)]
+    public static extern int GetWindowTextLength(IntPtr hWnd);
+
+    [DllImport("user32.dll", CharSet = CharSet.Auto)]
+    public static extern int GetWindowText(IntPtr hWnd, System.Text.StringBuilder lpString, int nMaxCount);
+
+    [DllImport("user32.dll")]
+    public static extern bool SetWindowPos(IntPtr hWnd, IntPtr hWndInsertAfter, int X, int Y, int cx, int cy, uint uFlags);
+
+    public static System.Collections.Generic.List<IntPtr> GetProcessWindows(uint processId) {
+        System.Collections.Generic.List<IntPtr> windows = new System.Collections.Generic.List<IntPtr>();
+        EnumWindows(delegate(IntPtr hWnd, IntPtr lParam) {
+            uint id;
+            GetWindowThreadProcessId(hWnd, out id);
+            if (id == processId && IsWindowVisible(hWnd) && GetWindowTextLength(hWnd) > 0) {
+                windows.Add(hWnd);
+            }
+            return true;
+        }, IntPtr.Zero);
+        return windows;
+    }
+    
+    public static string GetWindowTextStr(IntPtr hWnd) {
+        int length = GetWindowTextLength(hWnd);
+        if (length == 0) return "";
+        System.Text.StringBuilder builder = new System.Text.StringBuilder(length + 1);
+        GetWindowText(hWnd, builder, builder.Capacity);
+        return builder.ToString();
+    }
+
+    public const int SW_RESTORE = 9;
+    public const int SW_SHOWNOACTIVATE = 4;
+    public const byte VK_LEFT = 0x25;
+    public const byte VK_RIGHT = 0x27;
+    public const uint KEYEVENTF_KEYUP = 0x0002;
+    public const uint WM_KEYDOWN = 0x0100;
+    public const uint WM_KEYUP = 0x0101;
+    public static readonly IntPtr HWND_NOTOPMOST = new IntPtr(-2);
+    public const uint SWP_NOSIZE = 0x0001;
+    public const uint SWP_NOMOVE = 0x0002;
+    public const uint SWP_NOACTIVATE = 0x0010;
+
+    public static void SendKeyPress(byte key)
+    {
+        keybd_event(key, 0, 0, UIntPtr.Zero);
+        System.Threading.Thread.Sleep(50);
+        keybd_event(key, 0, KEYEVENTF_KEYUP, UIntPtr.Zero);
+    }
+
+    private static IntPtr MakeKeyLParam(byte key, bool isKeyUp)
+    {
+        uint scanCode = MapVirtualKey(key, 0);
+        uint lParam = 1 | (scanCode << 16);
+        if (isKeyUp)
+        {
+            lParam |= (1u << 30);
+            lParam |= (1u << 31);
+        }
+        return (IntPtr)unchecked((int)lParam);
+    }
+
+    public static void SendKeyToWindow(IntPtr hWnd, byte key)
+    {
+        PostMessage(hWnd, WM_KEYDOWN, (IntPtr)key, MakeKeyLParam(key, false));
+        System.Threading.Thread.Sleep(50);
+        PostMessage(hWnd, WM_KEYUP, (IntPtr)key, MakeKeyLParam(key, true));
+    }
+
+    public static void SetNotTopMost(IntPtr hWnd)
+    {
+        SetWindowPos(hWnd, HWND_NOTOPMOST, 0, 0, 0, 0, SWP_NOMOVE | SWP_NOSIZE | SWP_NOACTIVATE);
+    }
+
+    public static string CaptureWindow(IntPtr hWnd)
+    {
+        // 如果窗口最小化了，则先将其恢复，但不激活(不抢占焦点)
+        if (IsIconic(hWnd))
+        {
+            ShowWindow(hWnd, SW_SHOWNOACTIVATE);
+            // 稍微等待一下让窗口恢复
+            System.Threading.Thread.Sleep(100);
+        }
+
+        RECT rc;
+        GetWindowRect(hWnd, out rc);
+        int width = rc.Right - rc.Left;
+        int height = rc.Bottom - rc.Top;
+        if(width <= 0 || height <= 0) return null;
+
+        Bitmap bmp = new Bitmap(width, height, PixelFormat.Format32bppArgb);
+        Graphics gfxBmp = Graphics.FromImage(bmp);
+        IntPtr hdcBitmap = gfxBmp.GetHdc();
+
+        PrintWindow(hWnd, hdcBitmap, 2);
+
+        gfxBmp.ReleaseHdc(hdcBitmap);
+        gfxBmp.Dispose();
+
+        using (MemoryStream ms = new MemoryStream())
+        {
+            // Compress heavily for faster network
+            EncoderParameters encoderParameters = new EncoderParameters(1);
+            encoderParameters.Param[0] = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, 50L);
+            ImageCodecInfo jpegCodec = GetEncoder(ImageFormat.Jpeg);
+            bmp.Save(ms, jpegCodec, encoderParameters);
+            byte[] byteImage = ms.ToArray();
+            bmp.Dispose();
+            return Convert.ToBase64String(byteImage);
+        }
+    }
+
+    private static ImageCodecInfo GetEncoder(ImageFormat format)
+    {
+        ImageCodecInfo[] codecs = ImageCodecInfo.GetImageDecoders();
+        foreach (ImageCodecInfo codec in codecs)
+        {
+            if (codec.FormatID == format.Guid)
+            {
+                return codec;
+            }
+        }
+        return null;
+    }
+}
+"@
+try {
+    Add-Type -TypeDefinition $code -ReferencedAssemblies System.Drawing, System.Windows.Forms -ErrorAction SilentlyContinue
+} catch {
+    Write-Host "Warning: Could not compile ScreenCapture class" -ForegroundColor Yellow
+}
+
+# --- Configuration Logic ---
+$port = 3001
+$currentDir = (Get-Location).Path
+$root = ""
+
+# Parse arguments logic similar to the requested CMD
+# Logic: If Arg1 is numeric, it's the port. Otherwise it might be the path (or ignored based on CMD logic).
+# If Arg2 is present, it's the path.
+
+if ($Arg1 -match "^\d+$") {
+    $port = [int]$Arg1
+} elseif ($Arg1 -ne "") {
+    # If first arg is not a number, assume it is the root path (enhancement over original CMD)
+    $root = $Arg1
+}
+
+if ($Arg2 -ne "") {
+    $root = $Arg2
+}
+
+# Auto-detect root if not specified
+if ($root -eq "") {
+    if (Test-Path (Join-Path $currentDir "dist")) {
+        $root = Join-Path $currentDir "dist"
+    } elseif (Test-Path (Join-Path $currentDir "build")) {
+        $root = Join-Path $currentDir "build"
+    } else {
+        # Fallback to current directory if neither exists (though validation will fail later)
+        $root = Join-Path $currentDir "dist"
+    }
+} else {
+    # Resolve relative path
+    if (-not [System.IO.Path]::IsPathRooted($root)) {
+        $root = Join-Path $currentDir $root
+    }
+}
+
+# --- Data Directory & Class Config ---
+$baseDir = Split-Path $root -Parent
+if ([string]::IsNullOrEmpty($baseDir) -or -not (Test-Path $baseDir)) {
+    $baseDir = $currentDir
+}
+$dataDir = Join-Path $baseDir "data"
+if (-not (Test-Path $dataDir)) {
+    New-Item -ItemType Directory -Path $dataDir -Force | Out-Null
+}
+
+$classConfigFile = Join-Path $dataDir "classworks-config-basic.json"
+$className = "未设置"
+
+if (Test-Path $classConfigFile) {
+    try {
+        $rawConfig = Get-Content -Path $classConfigFile -Raw -Encoding UTF8
+        $classObj = $rawConfig | ConvertFrom-Json
+        if ($classObj.classNumber) {
+            $className = $classObj.classNumber
+        }
+    } catch {
+        # Ignore
+    }
+}
+
+# --- UI Display ---
+Write-Host "========================================" -ForegroundColor White
+Write-Host " 宝一外班级作业看板" -ForegroundColor Yellow
+Write-Host "========================================" -ForegroundColor White
+Write-Host ""
+Write-Host "关于：" -ForegroundColor White
+Write-Host "ClassHomeworkBoard 班级作业看板由高一七班(原12班)李昊睿制作。在宝一外提供技术支持。" -ForegroundColor Gray
+Write-Host "---" -ForegroundColor DarkGray
+Write-Host "主机名称 : $env:COMPUTERNAME" -ForegroundColor Gray
+Write-Host "当前用户 : $env:USERNAME" -ForegroundColor Gray
+Write-Host "班级名称 : $className" -ForegroundColor Cyan
+Write-Host "运行目录 : $root" -ForegroundColor Yellow
+Write-Host "监听端口 : $port" -ForegroundColor Green
+Write-Host "---" -ForegroundColor DarkGray
+Write-Host ""
+
+# --- Validation ---
+if (-not (Test-Path $root)) {
+    Write-Host "[错误] 目录不存在: $root" -ForegroundColor Red
+    Write-Host "请先运行: npm run build" -ForegroundColor Red
+    exit 1
+}
+
+# --- Port Detection ---
+function Test-Port($p) {
+    $tcp = New-Object System.Net.Sockets.TcpClient
+    try {
+        $tcp.Connect("localhost", $p)
+        $tcp.Close()
+        return $true
+    } catch {
+        return $false
+    }
+}
+
+while (Test-Port $port) {
+    Write-Host "[信息] 端口 $port 被占用，尝试端口 $($port + 1)..." -ForegroundColor Yellow
+    $port++
+}
+
+# --- Browser Detection ---
+function Find-Edge {
+    # 1. Common C: paths
+    $paths = @(
+        "C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe",
+        "C:\Program Files\Microsoft\Edge\Application\msedge.exe",
+        "D:\CHWB-CI\Microsoft\Edge\Application\msedge.exe",
+        "$env:LOCALAPPDATA\Microsoft\Edge\Application\msedge.exe"
+    )
+
+    foreach ($path in $paths) {
+        if (Test-Path $path) { return $path }
+    }
+
+    # 2. Registry
+    try {
+        $regPath = Get-ItemProperty "HKLM:\SOFTWARE\Microsoft\Windows\CurrentVersion\App Paths\msedge.exe" -ErrorAction SilentlyContinue
+        if ($regPath -and (Test-Path $regPath.'(default)')) {
+            return $regPath.'(default)'
+        }
+    } catch {}
+
+    # 3. Search D: drive (User request)
+    Write-Host "正在D盘查找 Microsoft Edge (msedge.exe)，这可能需要一点时间..." -ForegroundColor Gray
+    try {
+        # Search D: drive for msedge.exe
+        $edge = Get-ChildItem -Path "D:\" -Filter "msedge.exe" -Recurse -ErrorAction SilentlyContinue | Select-Object -First 1
+        if ($edge) {
+            return $edge.FullName
+        }
+    } catch {}
+
+    return $null
+}
+
+# --- Server Start ---
+$url = "http://localhost:$port/"
+$listener = New-Object System.Net.HttpListener
+$listener.Prefixes.Add($url)
+
+try {
+    $listener.Start()
+    Write-Host "[√] 启动成功 $url" -ForegroundColor Green
+    Write-Host "正在自动打开浏览器..." -ForegroundColor DarkGray
+    Write-Host ""
+} catch {
+    Write-Host "[错误] 启动服务器失败: $($_.Exception.Message)" -ForegroundColor Red
+    exit 1
+}
+
+try {
+    $edgePath = Find-Edge
+    if ($edgePath) {
+        Write-Host "使用 Edge 浏览器打开: $edgePath" -ForegroundColor Gray
+        Start-Process $edgePath $url -ErrorAction Stop
+    } else {
+        Write-Host "未找到 Edge，使用默认浏览器打开..." -ForegroundColor Gray
+        Start-Process $url -ErrorAction Stop
+    }
+} catch {
+    Write-Host "[警告] 无法自动打开浏览器，请手动访问上述地址。" -ForegroundColor Yellow
+}
+
+# --- MIME Types ---
+$mimeTypes = @{
+    ".html" = "text/html; charset=utf-8"
+    ".htm"  = "text/html; charset=utf-8"
+    ".css"  = "text/css; charset=utf-8"
+    ".js"   = "application/javascript; charset=utf-8"
+    ".mjs"  = "application/javascript; charset=utf-8"
+    ".json" = "application/json; charset=utf-8"
+    ".png"  = "image/png"
+    ".jpg"  = "image/jpeg"
+    ".jpeg" = "image/jpeg"
+    ".gif"  = "image/gif"
+    ".svg"  = "image/svg+xml"
+    ".ico"  = "image/x-icon"
+    ".woff" = "font/woff"
+    ".woff2" = "font/woff2"
+    ".ttf"  = "font/ttf"
+    ".eot"  = "application/vnd.ms-fontobject"
+    ".otf"  = "font/otf"
+    ".wasm" = "application/wasm"
+    ".map"  = "application/json"
+    ".txt"  = "text/plain; charset=utf-8"
+    ".xml"  = "text/xml; charset=utf-8"
+    ".pdf"  = "application/pdf"
+    ".mp3"  = "audio/mpeg"
+    ".mp4"  = "video/mp4"
+    ".webm" = "video/webm"
+    ".webp" = "image/webp"
+}
+
+# --- Request Loop ---
+while ($listener.IsListening) {
+    try {
+        $context = $listener.GetContext()
+        $request = $context.Request
+        $response = $context.Response
+        $path = $request.Url.LocalPath
+        
+        # URL Decode
+        $path = [System.Net.WebUtility]::UrlDecode($path)
+
+        if ($path.StartsWith("/api/ppt/check")) {
+            $response.AddHeader("Access-Control-Allow-Origin", "*")
+            $response.AddHeader("Access-Control-Allow-Methods", "GET, OPTIONS")
+            $response.AddHeader("Access-Control-Allow-Headers", "Content-Type")
+            $response.AddHeader("Cache-Control", "no-store")
+            
+            if ($request.HttpMethod -eq "OPTIONS") {
+                $response.StatusCode = 204
+                $response.Close()
+                continue
+            }
+
+            try {
+                $ppts = Get-Process -Name "wpp", "POWERPNT", "wps" -ErrorAction SilentlyContinue
+                if ($ppts) {
+                    $pptList = @()
+                    $seenHwnds = @{}
+                    
+                    foreach ($p in $ppts) {
+                        $procName = $p.ProcessName
+                        
+                        $hwnds = [ScreenCapture]::GetProcessWindows($p.Id)
+                        foreach ($hwnd in $hwnds) {
+                            $hwndStr = $hwnd.ToString()
+                            if ($seenHwnds.ContainsKey($hwndStr)) {
+                                continue
+                            }
+                            
+                            $title = [ScreenCapture]::GetWindowTextStr($hwnd)
+                            
+                            # Skip system/irrelevant windows
+                            if ($title -eq "DI" -or $title -eq "Default IME" -or $title -eq "MSCTFIME UI" -or $title -eq "OleMainThreadWndName") {
+                                continue
+                            }
+                            if ($procName -eq "POWERPNT" -and $title -notmatch "PowerPoint") {
+                                continue
+                            }
+                            if ($procName -eq "wps") {
+                                if ($title -match "WPS\s*文字" -or $title -match "WPS\s*表格") {
+                                    continue
+                                }
+                                if ($title -notmatch "WPS\s*演示" -and $title -notmatch "Presentation" -and $title -notmatch "PPT" -and $title -notmatch "幻灯片" -and $title -notmatch "Slide Show") {
+                                    continue
+                                }
+                            }
+
+                            $seenHwnds[$hwndStr] = $true
+
+                            if ([ScreenCapture]::IsIconic($hwnd)) {
+                                [ScreenCapture]::ShowWindow($hwnd, [ScreenCapture]::SW_SHOWNOACTIVATE)
+                                Start-Sleep -Milliseconds 100
+                            }
+                            
+                            $b64 = [ScreenCapture]::CaptureWindow($hwnd)
+                            $isSlideShow = ($title -match "幻灯片放映" -or $title -match "Slide Show")
+                            $pptInfo = @{ title = $title; slideShow = $isSlideShow }
+                            
+                            if (-not [string]::IsNullOrEmpty($b64)) {
+                                $pptInfo.image = "data:image/jpeg;base64,$b64"
+                            }
+                            $pptList += $pptInfo
+                        }
+                    }
+                    
+                    $respObj = @{ success = $true; hasPpt = ($pptList.Length -gt 0); ppts = $pptList }
+                } else {
+                    $respObj = @{ success = $true; hasPpt = $false; ppts = @() }
+                }
+                
+                $respJson = $respObj | ConvertTo-Json -Compress -Depth 5
+                $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                $response.StatusCode = 200
+                $response.ContentType = "application/json; charset=utf-8"
+                $response.ContentLength64 = $bytes.Length
+                $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                $response.Close()
+            } catch {
+                $respObj = @{ success = $false; error = $_.Exception.Message }
+                $respJson = $respObj | ConvertTo-Json -Compress
+                $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                $response.StatusCode = 500
+                $response.ContentType = "application/json; charset=utf-8"
+                $response.ContentLength64 = $bytes.Length
+                $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                $response.Close()
+            }
+            continue
+        }
+
+        if ($path.StartsWith("/api/ppt/control")) {
+            $response.AddHeader("Access-Control-Allow-Origin", "*")
+            $response.AddHeader("Access-Control-Allow-Methods", "POST, OPTIONS")
+            $response.AddHeader("Access-Control-Allow-Headers", "Content-Type")
+            $response.AddHeader("Cache-Control", "no-store")
+            
+            if ($request.HttpMethod -eq "OPTIONS") {
+                $response.StatusCode = 204
+                $response.Close()
+                continue
+            }
+
+            try {
+                $action = $request.QueryString["action"]
+                $ppts = Get-Process -Name "wpp", "POWERPNT", "wps" -ErrorAction SilentlyContinue
+                
+                if ($ppts) {
+                    $targetProc = $null
+                    $hwnd = [IntPtr]::Zero
+                    $procName = ""
+                    foreach ($p in $ppts) {
+                        $procNameCandidate = $p.ProcessName
+                        $hwnds = [ScreenCapture]::GetProcessWindows($p.Id)
+                        foreach ($h in $hwnds) {
+                            $t = [ScreenCapture]::GetWindowTextStr($h)
+                            if ($t -eq "DI" -or $t -eq "Default IME" -or $t -eq "MSCTFIME UI" -or $t -eq "OleMainThreadWndName") {
+                                continue
+                            }
+                            if ($procNameCandidate -eq "POWERPNT" -and $t -notmatch "PowerPoint") {
+                                continue
+                            }
+                            if ($procNameCandidate -eq "wps") {
+                                if ($t -match "WPS\s*文字" -or $t -match "WPS\s*表格") {
+                                    continue
+                                }
+                                if ($t -notmatch "WPS\s*演示" -and $t -notmatch "Presentation" -and $t -notmatch "PPT" -and $t -notmatch "幻灯片" -and $t -notmatch "Slide Show") {
+                                    continue
+                                }
+                            }
+                            $targetProc = $p
+                            $hwnd = $h
+                            $procName = $procNameCandidate
+                            break
+                        }
+                        if ($targetProc -and $hwnd -ne [IntPtr]::Zero) {
+                            break
+                        }
+                    }
+
+                    if (-not $targetProc -or $hwnd -eq [IntPtr]::Zero) {
+                        $respObj = @{ success = $false; error = "No PPT window found" }
+                        $respJson = $respObj | ConvertTo-Json -Compress
+                        $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                        $response.StatusCode = 200
+                        $response.ContentType = "application/json; charset=utf-8"
+                        $response.ContentLength64 = $bytes.Length
+                        $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                        $response.Close()
+                        continue
+                    }
+                    $handled = $false
+
+                    if ([ScreenCapture]::IsIconic($hwnd)) {
+                        [ScreenCapture]::ShowWindow($hwnd, [ScreenCapture]::SW_SHOWNOACTIVATE)
+                        Start-Sleep -Milliseconds 100
+                    }
+
+                    # 优先使用 COM 自动化（不需要把窗口切到前台）
+                    try {
+                        Add-Type -AssemblyName System.Runtime.InteropServices -ErrorAction SilentlyContinue | Out-Null
+                    } catch {}
+
+                    $app = $null
+                    $progIds = @()
+                    if ($procName -eq "POWERPNT") {
+                        $progIds = @("PowerPoint.Application")
+                    } else {
+                        # WPS 兼容：常见 ProgID 尝试
+                        $progIds = @("KWPP.Application", "WPP.Application", "PowerPoint.Application")
+                    }
+
+                    foreach ($progId in $progIds) {
+                        try {
+                            $app = [Runtime.InteropServices.Marshal]::GetActiveObject($progId)
+                            if ($app) { break }
+                        } catch {}
+                    }
+
+                    if ($app) {
+                        try {
+                            $dir = if ($action -eq "prev") { "prev" } else { "next" }
+                            $sswCount = 0
+                            try { $sswCount = $app.SlideShowWindows.Count } catch { $sswCount = 0 }
+
+                            if ($sswCount -gt 0) {
+                                $view = $app.SlideShowWindows.Item(1).View
+                                if ($action -eq "prev") {
+                                    $view.Previous()
+                                    $handled = $true
+                                } elseif ($action -eq "next") {
+                                    $view.Next()
+                                    $handled = $true
+                                } elseif ($action -eq "slideshow_end") {
+                                    $view.Exit()
+                                    $handled = $true
+                                }
+                            } else {
+                                if ($action -eq "slideshow_start") {
+                                    try {
+                                        $pres = $null
+                                        try { $pres = $app.ActivePresentation } catch { $pres = $null }
+                                        if ($pres) {
+                                            try { $pres.SlideShowSettings.ShowType = 2 } catch {}
+                                            $pres.SlideShowSettings.Run() | Out-Null
+                                            Start-Sleep -Milliseconds 200
+                                            try {
+                                                $sswCount2 = 0
+                                                try { $sswCount2 = $app.SlideShowWindows.Count } catch { $sswCount2 = 0 }
+                                                if ($sswCount2 -gt 0) {
+                                                    $sswHwnd = [IntPtr]$app.SlideShowWindows.Item(1).HWND
+                                                    if ($sswHwnd -ne [IntPtr]::Zero) {
+                                                        [ScreenCapture]::SetNotTopMost($sswHwnd)
+                                                    }
+                                                }
+                                            } catch {}
+                                            $handled = $true
+                                        }
+                                    } catch {}
+                                } else {
+                                    $pres = $null
+                                    try { $pres = $app.ActivePresentation } catch { $pres = $null }
+                                    if ($pres) {
+                                        $total = 0
+                                        try { $total = $pres.Slides.Count } catch { $total = 0 }
+                                        $idx = 0
+                                        try { $idx = $app.ActiveWindow.View.Slide.SlideIndex } catch { $idx = 0 }
+                                        if ($idx -gt 0 -and $total -gt 0) {
+                                            $target = if ($action -eq "prev") { [Math]::Max(1, $idx - 1) } else { [Math]::Min($total, $idx + 1) }
+                                            try { $app.ActiveWindow.View.GotoSlide($target) } catch {}
+                                            $handled = $true
+                                        }
+                                    }
+                                }
+                            }
+                        } catch {}
+                    }
+
+                    if (-not $handled) {
+                        if ($action -eq "slideshow_start") {
+                            [ScreenCapture]::SendKeyToWindow($hwnd, 0x74)
+                            Start-Sleep -Milliseconds 300
+                            try {
+                                $ssHwnd = [IntPtr]::Zero
+                                $hwnds2 = [ScreenCapture]::GetProcessWindows($targetProc.Id)
+                                foreach ($h2 in $hwnds2) {
+                                    $t2 = [ScreenCapture]::GetWindowTextStr($h2)
+                                    if ($t2 -match "幻灯片放映" -or $t2 -match "Slide Show") {
+                                        $ssHwnd = $h2
+                                        break
+                                    }
+                                }
+                                if ($ssHwnd -ne [IntPtr]::Zero) {
+                                    [ScreenCapture]::SetNotTopMost($ssHwnd)
+                                }
+                            } catch {}
+                            $handled = $true
+                        } elseif ($action -eq "slideshow_end") {
+                            [ScreenCapture]::SendKeyToWindow($hwnd, 0x1B)
+                            $handled = $true
+                        } elseif ($action -eq "prev") {
+                            [ScreenCapture]::SendKeyToWindow($hwnd, [ScreenCapture]::VK_LEFT)
+                            $handled = $true
+                        } elseif ($action -eq "next") {
+                            [ScreenCapture]::SendKeyToWindow($hwnd, [ScreenCapture]::VK_RIGHT)
+                            $handled = $true
+                        }
+                    }
+
+                    $respObj = @{ success = $handled }
+                } else {
+                    $respObj = @{ success = $false; error = "No PPT process found" }
+                }
+                
+                $respJson = $respObj | ConvertTo-Json -Compress
+                $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                $response.StatusCode = 200
+                $response.ContentType = "application/json; charset=utf-8"
+                $response.ContentLength64 = $bytes.Length
+                $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                $response.Close()
+            } catch {
+                $respObj = @{ success = $false; error = $_.Exception.Message }
+                $respJson = $respObj | ConvertTo-Json -Compress
+                $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                $response.StatusCode = 500
+                $response.ContentType = "application/json; charset=utf-8"
+                $response.ContentLength64 = $bytes.Length
+                $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                $response.Close()
+            }
+            continue
+        }
+
+        if ($path.StartsWith("/api/local-file")) {
+            # Log API Request
+            $time = Get-Date -Format "HH:mm:ss"
+            Write-Host "[$time] " -NoNewline -ForegroundColor DarkGray
+            Write-Host "API " -NoNewline -ForegroundColor Cyan
+            Write-Host "- $path" -ForegroundColor Gray
+
+            $baseDir = Split-Path $root -Parent
+            if ([string]::IsNullOrEmpty($baseDir) -or -not (Test-Path $baseDir)) {
+                $baseDir = $currentDir
+            }
+            $dataDir = Join-Path $baseDir "data"
+            if (-not (Test-Path $dataDir)) {
+                New-Item -ItemType Directory -Path $dataDir -Force | Out-Null
+            }
+
+            $response.AddHeader("Access-Control-Allow-Origin", "*")
+            $response.AddHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS")
+            $response.AddHeader("Access-Control-Allow-Headers", "Content-Type")
+            $response.AddHeader("Cache-Control", "no-store")
+            
+            if ($request.HttpMethod -eq "OPTIONS") {
+                $response.StatusCode = 204
+                $response.Close()
+                continue
+            }
+
+            $subPath = $path.Substring("/api/local-file".Length)
+
+            try {
+                if ($subPath -eq "/save" -and $request.HttpMethod -eq "POST") {
+                    $ms = New-Object System.IO.MemoryStream
+                    $request.InputStream.CopyTo($ms)
+                    $bodyBytes = $ms.ToArray()
+                    $ms.Dispose()
+                    $body = [System.Text.Encoding]::UTF8.GetString($bodyBytes)
+                    $body = $body.Trim([char]65279).Trim([char]0).Trim()
+
+                    $payload = $body | ConvertFrom-Json
+                    $key = $payload.key
+                    $data = $payload.data
+
+                    if ([string]::IsNullOrEmpty($key)) {
+                        throw "Missing key"
+                    }
+
+                    $safeKey = ($key -replace '[^a-zA-Z0-9_-]', '_')
+                    $filePath = Join-Path $dataDir ($safeKey + ".json")
+                    
+                    # Fix: Use ConvertTo-Json with sufficient depth and prevent UTF-16 issues
+                    # PowerShell 5.1 ConvertTo-Json defaults to depth 2, which breaks nested objects
+                    $jsonToWrite = $data | ConvertTo-Json -Depth 100 -Compress
+                    
+                    # Force UTF-8 encoding (no BOM)
+                    [System.IO.File]::WriteAllText($filePath, $jsonToWrite, [System.Text.Encoding]::UTF8)
+
+                    $respObj = @{ success = $true }
+                    $respJson = $respObj | ConvertTo-Json -Compress
+                    $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                    $response.StatusCode = 200
+                    $response.ContentType = "application/json; charset=utf-8"
+                    $response.ContentLength64 = $bytes.Length
+                    $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                    $response.Close()
+                    continue
+                }
+
+                if ($subPath -eq "/load" -and $request.HttpMethod -eq "GET") {
+                    $key = $request.QueryString["key"]
+                    if ([string]::IsNullOrEmpty($key)) {
+                        throw "Missing key"
+                    }
+
+                    $safeKey = ($key -replace '[^a-zA-Z0-9_-]', '_')
+                    $filePath = Join-Path $dataDir ($safeKey + ".json")
+
+                    if (-not (Test-Path $filePath -PathType Leaf)) {
+                        $respObj = @{ success = $false; error = "Not found" }
+                        $respJson = $respObj | ConvertTo-Json -Compress
+                        $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                        $response.StatusCode = 404
+                        $response.ContentType = "application/json; charset=utf-8"
+                        $response.ContentLength64 = $bytes.Length
+                        $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                        $response.Close()
+                        continue
+                    }
+
+                    $raw = Get-Content -Path $filePath -Raw -Encoding UTF8
+                    $dataObj = $raw | ConvertFrom-Json
+                    $respObj = @{ success = $true; data = $dataObj }
+                    $respJson = $respObj | ConvertTo-Json -Depth 100 -Compress
+                    $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                    $response.StatusCode = 200
+                    $response.ContentType = "application/json; charset=utf-8"
+                    $response.ContentLength64 = $bytes.Length
+                    $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                    $response.Close()
+                    continue
+                }
+
+                if ($subPath -eq "/keys" -and $request.HttpMethod -eq "GET") {
+                    $files = Get-ChildItem -Path $dataDir -Filter "*.json" -File -ErrorAction SilentlyContinue
+                    $keysList = @()
+                    if ($files) {
+                        foreach ($f in $files) {
+                            $keysList += '"' + $f.BaseName + '"'
+                        }
+                    }
+                    $keysJson = "[" + ($keysList -join ",") + "]"
+                    
+                    # Manually construct JSON to avoid PowerShell array flattening issues
+                    $respJson = '{"success":true,"keys":' + $keysJson + '}'
+                    
+                    $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                    $response.StatusCode = 200
+                    $response.ContentType = "application/json; charset=utf-8"
+                    $response.ContentLength64 = $bytes.Length
+                    $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                    $response.Close()
+                    continue
+                }
+
+                $respObj = @{ success = $false; error = "Not found" }
+                $respJson = $respObj | ConvertTo-Json -Compress
+                $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                $response.StatusCode = 404
+                $response.ContentType = "application/json; charset=utf-8"
+                $response.ContentLength64 = $bytes.Length
+                $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                $response.Close()
+                continue
+            } catch {
+                Write-Host "API Error: $($_.Exception.Message)" -ForegroundColor Red
+                $respObj = @{ success = $false; error = $_.Exception.Message }
+                if ([string]::IsNullOrEmpty($respObj.error)) {
+                    $respObj.error = "$_"
+                }
+                $respJson = $respObj | ConvertTo-Json -Compress
+                $bytes = [System.Text.Encoding]::UTF8.GetBytes($respJson)
+                $response.StatusCode = 500
+                $response.ContentType = "application/json; charset=utf-8"
+                $response.ContentLength64 = $bytes.Length
+                $response.OutputStream.Write($bytes, 0, $bytes.Length)
+                $response.Close()
+                continue
+            }
+        }
+
+        # Default to index.html
+        if ($path -eq "/" -or $path -eq "") {
+            $path = "/index.html"
+        }
+
+        # Security Check
+        $relativePath = $path.TrimStart("/").Replace("/", "\")
+        $filePath = Join-Path $root $relativePath
+        
+        if (-not $filePath.StartsWith($root)) {
+            $response.StatusCode = 403
+            $response.Close()
+            continue
+        }
+
+        # SPA Fallback
+        if (-not (Test-Path $filePath -PathType Leaf)) {
+            $extension = [System.IO.Path]::GetExtension($filePath)
+            if ([string]::IsNullOrEmpty($extension)) {
+                $filePath = Join-Path $root "index.html"
+            }
+        }
+
+        # Serve File
+        if (Test-Path $filePath -PathType Leaf) {
+            try {
+                $time = Get-Date -Format "HH:mm:ss"
+                
+                # Log success (Gray time, Green status, Gray path)
+                Write-Host "[$time] " -NoNewline -ForegroundColor DarkGray
+                Write-Host "200 OK " -NoNewline -ForegroundColor Green
+                Write-Host "- $path" -ForegroundColor Gray
+
+                $content = [System.IO.File]::ReadAllBytes($filePath)
+                $ext = [System.IO.Path]::GetExtension($filePath).ToLower()
+                $contentType = "application/octet-stream"
+                if ($mimeTypes.ContainsKey($ext)) { $contentType = $mimeTypes[$ext] }
+
+                $response.ContentType = $contentType
+                $response.ContentLength64 = $content.Length
+                $response.StatusCode = 200
+
+                # Add Cache-Control headers to prevent caching issues
+                $servedFileName = [System.IO.Path]::GetFileName($filePath).ToLower()
+                if ($servedFileName -eq "sw.js" -or $servedFileName -eq "index.html") {
+                    $response.AddHeader("Cache-Control", "no-cache, no-store, must-revalidate")
+                    $response.AddHeader("Pragma", "no-cache")
+                    $response.AddHeader("Expires", "0")
+                } else {
+                    $response.AddHeader("Cache-Control", "public, max-age=3600")
+                }
+
+                $response.OutputStream.Write($content, 0, $content.Length)
+            } catch {
+                $response.StatusCode = 500
+                Write-Host "Error: $($_.Exception.Message)" -ForegroundColor Red
+            }
+        } else {
+            # Log 404 (Gray time, Yellow status, Gray path)
+            $time = Get-Date -Format "HH:mm:ss"
+            Write-Host "[$time] " -NoNewline -ForegroundColor DarkGray
+            Write-Host "404 Not Found " -NoNewline -ForegroundColor Yellow
+            Write-Host "- $path" -ForegroundColor Gray
+
+            $response.StatusCode = 404
+            $msg = [System.Text.Encoding]::UTF8.GetBytes("404 Not Found")
+            $response.ContentType = "text/plain; charset=utf-8"
+            $response.ContentLength64 = $msg.Length
+            $response.OutputStream.Write($msg, 0, $msg.Length)
+        }
+        $response.Close()
+    } catch {
+        # Ignore loop errors
+    }
+}
diff --git a/test-ppt.ps1 b/test-ppt.ps1
new file mode 100644
index 0000000..1ea6f83
--- /dev/null
+++ b/test-ppt.ps1
@@ -0,0 +1,55 @@
+Add-Type @"
+using System;
+using System.Runtime.InteropServices;
+using System.Collections.Generic;
+
+public class Win32Helper {
+    public delegate bool EnumWindowsProc(IntPtr hWnd, IntPtr lParam);
+
+    [DllImport("user32.dll")]
+    public static extern bool EnumWindows(EnumWindowsProc enumProc, IntPtr lParam);
+
+    [DllImport("user32.dll")]
+    public static extern uint GetWindowThreadProcessId(IntPtr hWnd, out uint lpdwProcessId);
+
+    [DllImport("user32.dll")]
+    public static extern bool IsWindowVisible(IntPtr hWnd);
+
+    [DllImport("user32.dll", CharSet = CharSet.Auto)]
+    public static extern int GetWindowTextLength(IntPtr hWnd);
+
+    [DllImport("user32.dll", CharSet = CharSet.Auto)]
+    public static extern int GetWindowText(IntPtr hWnd, System.Text.StringBuilder lpString, int nMaxCount);
+
+    public static List<IntPtr> GetProcessWindows(uint processId) {
+        List<IntPtr> windows = new List<IntPtr>();
+        EnumWindows(delegate(IntPtr hWnd, IntPtr lParam) {
+            uint id;
+            GetWindowThreadProcessId(hWnd, out id);
+            if (id == processId && IsWindowVisible(hWnd) && GetWindowTextLength(hWnd) > 0) {
+                windows.Add(hWnd);
+            }
+            return true;
+        }, IntPtr.Zero);
+        return windows;
+    }
+    
+    public static string GetWindowTextStr(IntPtr hWnd) {
+        int length = GetWindowTextLength(hWnd);
+        if (length == 0) return "";
+        System.Text.StringBuilder builder = new System.Text.StringBuilder(length + 1);
+        GetWindowText(hWnd, builder, builder.Capacity);
+        return builder.ToString();
+    }
+}
+"@
+
+$ppts = Get-Process -Name "wpp", "POWERPNT", "wps" -ErrorAction SilentlyContinue
+foreach ($p in $ppts) {
+    Write-Host "Process $($p.Id) $($p.ProcessName)"
+    $hwnds = [Win32Helper]::GetProcessWindows($p.Id)
+    foreach ($hwnd in $hwnds) {
+        $title = [Win32Helper]::GetWindowTextStr($hwnd)
+        Write-Host "  HWND: $hwnd, Title: $title"
+    }
+}
diff --git a/vite.config.mjs b/vite.config.mjs
index 9dbf01a..1f3cee3 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -13,11 +13,132 @@ import { VitePWA } from 'vite-plugin-pwa'
 import { defineConfig } from 'vite'
 import { fileURLToPath, URL } from 'node:url'
 import vueDevTools from 'vite-plugin-vue-devtools'
+import fs from 'node:fs'
+import path from 'node:path'
+
+// Local File Storage Plugin
+const localFileStoragePlugin = () => {
+  return {
+    name: 'local-file-storage',
+    configureServer(server) {
+      const dataDir = path.resolve(process.cwd(), 'data');
+      if (!fs.existsSync(dataDir)) {
+        fs.mkdirSync(dataDir, { recursive: true });
+      }
+
+      server.middlewares.use('/api/ppt', async (req, res, next) => {
+        const url = new URL(req.url, `http://${req.headers.host}`);
+        
+        // Handle CORS
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');
+        res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
+        
+        if (req.method === 'OPTIONS') {
+          res.end();
+          return;
+        }
+
+        if (url.pathname === '/check' || url.pathname.endsWith('/check')) {
+          res.setHeader('Content-Type', 'application/json');
+          // In dev mode on node, we just mock it. Real logic is in start-server.ps1
+          res.end(JSON.stringify({ success: true, hasPpt: false }));
+          return;
+        }
+
+        if (url.pathname === '/control' || url.pathname.endsWith('/control')) {
+          res.setHeader('Content-Type', 'application/json');
+          res.end(JSON.stringify({ success: true }));
+          return;
+        }
+
+        next();
+      });
+
+      server.middlewares.use('/api/local-file', async (req, res, next) => {
+        const url = new URL(req.url, `http://${req.headers.host}`);
+        const key = url.searchParams.get('key');
+        
+        // Handle CORS
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
+        res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
+        
+        if (req.method === 'OPTIONS') {
+          res.end();
+          return;
+        }
+
+        if (url.pathname === '/save' && req.method === 'POST') {
+          let body = '';
+          req.on('data', chunk => body += chunk);
+          req.on('end', () => {
+            try {
+              const { key, data } = JSON.parse(body);
+              if (!key || !data) throw new Error('Missing key or data');
+              
+              // Sanitize key to prevent path traversal
+              const safeKey = key.replace(/[^a-zA-Z0-9_-]/g, '_');
+              const filePath = path.join(dataDir, `${safeKey}.json`);
+              
+              fs.writeFileSync(filePath, JSON.stringify(data, null, 2));
+              res.setHeader('Content-Type', 'application/json');
+              res.end(JSON.stringify({ success: true }));
+            } catch (e) {
+              res.statusCode = 500;
+              res.end(JSON.stringify({ success: false, error: e.message }));
+            }
+          });
+          return;
+        }
+
+        if (url.pathname === '/load' && req.method === 'GET') {
+          if (!key) {
+            res.statusCode = 400;
+            res.end(JSON.stringify({ success: false, error: 'Missing key' }));
+            return;
+          }
+          
+          const safeKey = key.replace(/[^a-zA-Z0-9_-]/g, '_');
+          const filePath = path.join(dataDir, `${safeKey}.json`);
+          
+          if (fs.existsSync(filePath)) {
+            const data = fs.readFileSync(filePath, 'utf-8');
+            res.setHeader('Content-Type', 'application/json');
+            res.end(JSON.stringify({ success: true, data: JSON.parse(data) }));
+          } else {
+            res.statusCode = 404;
+            res.end(JSON.stringify({ success: false, error: 'Not found' }));
+          }
+          return;
+        }
+
+        if (url.pathname === '/keys' && req.method === 'GET') {
+           try {
+             const files = fs.readdirSync(dataDir);
+             const keys = files
+               .filter(f => f.endsWith('.json'))
+               .map(f => f.replace('.json', ''));
+             res.setHeader('Content-Type', 'application/json');
+             res.end(JSON.stringify({ success: true, keys }));
+           } catch (e) {
+             res.statusCode = 500;
+             res.end(JSON.stringify({ success: false, error: e.message }));
+           }
+           return;
+        }
+
+        next();
+      });
+    }
+  }
+}
 
 // https://vitejs.dev/config/
 export default defineConfig({
   base: './',
   plugins: [
+    localFileStoragePlugin(),
     VueRouter(),
     vueDevTools(),
     Layouts(),
@@ -168,7 +289,7 @@ export default defineConfig({
       google: {
         families: [{
           name: 'Roboto',
-          styles: 'wght@100;300;400;500;700;900',
+          styles: 'wght@300;400;500;700',
         }],
       },
     }),
@@ -208,8 +329,6 @@ export default defineConfig({
           'vendor-vue': ['vue', 'vue-router', 'pinia'],
           // UI 框架
           'vendor-vuetify': ['vuetify'],
-          // 监控（异步加载，独立 chunk）
-          'vendor-sentry': ['@sentry/vue'],
           // 实时通信
           'vendor-socket': ['socket.io-client'],
           // 通用工具库
@@ -220,6 +339,9 @@ export default defineConfig({
   },
   server: {
     port: 3031,
+    watch: {
+      ignored: ['**/data/**', path.resolve(process.cwd(), 'data', '**')]
+    }
   },
   css: {
     preprocessorOptions: {