diff --git a/src/App.vue b/src/App.vue
index fbf1bf6..cde2bd7 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/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/ChatWidget.vue b/src/components/ChatWidget.vue
index e74a26b..6761fc8 100644
--- a/src/components/ChatWidget.vue
+++ b/src/components/ChatWidget.vue
@@ -447,7 +447,7 @@ export default {
       }
     },
   },
-  mounted() {
+  async mounted() {
     try {
       const stored = localStorage.getItem('chat.lastVisit')
       if (stored) this.lastVisit = stored
@@ -456,7 +456,7 @@ export default {
     }
 
     // Prepare socket
-    const s = getSocket()
+    const s = await getSocket()
     this.connected = !!s.connected
     this.socketId = s.id || ''
 
@@ -485,7 +485,7 @@ export default {
     }
 
     // Listen chat messages (旧接口兼容)
-    const offMessage = socketOn('chat:message', createSafeHandler((msg) => {
+    const offMessage = await socketOn('chat:message', createSafeHandler((msg) => {
       this.pushMessage(msg)
       this.addEvent({
         _id: `legacy-chat-${Date.now()}-${Math.random()}`,
@@ -497,9 +497,10 @@ export default {
         senderInfo: msg.senderInfo
       })
     }))
+    if (this.isDestroying) { if (offMessage) offMessage(); return }
 
     // Listen direct chat events (新的直接聊天事件)
-    const offDirectChat = socketOn('chat', createSafeHandler((eventData) => {
+    const offDirectChat = await socketOn('chat', createSafeHandler((eventData) => {
       if (eventData && eventData.content && eventData.content.text) {
         // 处理新格式的直接聊天事件
         const chatMsg = {
@@ -522,6 +523,11 @@ export default {
         })
       }
     }))
+    if (this.isDestroying) {
+        if (offMessage) offMessage();
+        if (offDirectChat) offDirectChat();
+        return;
+    }
 
     // Listen device events (通用事件接口 - 保留兼容)
     this.deviceEventHandler = createDeviceEventHandler({
@@ -554,10 +560,16 @@ export default {
       }),
       enableLegacySupport: true
     })
-    const offDeviceEvent = socketOn('device-event', this.deviceEventHandler)
+    const offDeviceEvent = await socketOn('device-event', this.deviceEventHandler)
+    if (this.isDestroying) {
+        if (offMessage) offMessage();
+        if (offDirectChat) offDirectChat();
+        if (offDeviceEvent) offDeviceEvent();
+        return;
+    }
 
     // 监听 KV 变化事件（支持新旧格式）
-    const offKvChanged = socketOn('kv-key-changed', createSafeHandler((eventData) => {
+    const offKvChanged = await socketOn('kv-key-changed', createSafeHandler((eventData) => {
       // 新格式：直接事件数据
       if (eventData.content && eventData.timestamp) {
         this.addEvent({
@@ -580,9 +592,16 @@ export default {
         })
       }
     }))
+    if (this.isDestroying) {
+        if (offMessage) offMessage();
+        if (offDirectChat) offDirectChat();
+        if (offDeviceEvent) offDeviceEvent();
+        if (offKvChanged) offKvChanged();
+        return;
+    }
 
     // 监听紧急通知事件
-    const offUrgentNotice = socketOn('urgent-notice', createSafeHandler((notificationData) => {
+    const offUrgentNotice = await socketOn('urgent-notice', createSafeHandler((notificationData) => {
       console.log('收到紧急通知:', notificationData)
 
       // 添加到事件列表
@@ -599,9 +618,17 @@ export default {
       // 立即显示紧急通知弹窗
       this.showUrgentNotification(notificationData)
     }))
+    if (this.isDestroying) {
+        if (offMessage) offMessage();
+        if (offDirectChat) offDirectChat();
+        if (offDeviceEvent) offDeviceEvent();
+        if (offKvChanged) offKvChanged();
+        if (offUrgentNotice) offUrgentNotice();
+        return;
+    }
 
     // 监听通知事件
-    const offNotification = socketOn('notification', createSafeHandler((notificationData) => {
+    const offNotification = await socketOn('notification', createSafeHandler((notificationData) => {
       console.log('收到通知事件:', notificationData)
 
       // 添加到事件列表
@@ -617,7 +644,18 @@ export default {
 
       // 立即显示通知弹窗
       this.showUrgentNotification(notificationData)
-    }))    // 保存清理函数
+    }))
+    if (this.isDestroying) {
+        if (offMessage) offMessage();
+        if (offDirectChat) offDirectChat();
+        if (offDeviceEvent) offDeviceEvent();
+        if (offKvChanged) offKvChanged();
+        if (offUrgentNotice) offUrgentNotice();
+        if (offNotification) offNotification();
+        return;
+    }
+
+    // 保存清理函数
     this.cleanupFunctions = [
       offMessage,
       offDirectChat,
diff --git a/src/components/EventSender.vue b/src/components/EventSender.vue
index dc10501..e46e397 100644
--- a/src/components/EventSender.vue
+++ b/src/components/EventSender.vue
@@ -19,7 +19,7 @@ export default {
      */
     async sendEvent(eventName, content = {}) {
       try {
-        sendEvent(eventName, content);
+        await sendEvent(eventName, content);
 
         this.$emit("sent", {
           eventName,
diff --git a/src/components/ExamConfigEditor.vue b/src/components/ExamConfigEditor.vue
index 95bfa84..9251458 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"
@@ -129,19 +153,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
@@ -150,8 +186,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>
@@ -167,20 +209,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">
@@ -189,10 +240,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">
@@ -204,29 +258,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"
@@ -244,12 +319,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>
@@ -260,14 +340,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="[
@@ -282,9 +371,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
@@ -293,13 +385,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
@@ -315,10 +410,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
@@ -332,12 +430,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>
@@ -347,11 +455,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">
@@ -362,7 +476,7 @@
               hide-details
               @change="toggleAlertTimeMode"
             >
-              <template v-slot:label>
+              <template #label>
                 <span class="text-body-2">自定义提醒时间</span>
               </template>
             </v-switch>
@@ -397,14 +511,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"
@@ -414,7 +533,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"
@@ -424,7 +548,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"
@@ -433,13 +562,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"
@@ -456,20 +593,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"
@@ -477,7 +617,7 @@
                       offset-y
                       transition="scale-transition"
                     >
-                      <template v-slot:activator="{ props }">
+                      <template #activator="{ props }">
                         <v-text-field
                           v-model="examInfo.startFormatted"
                           :rules="[
@@ -493,19 +633,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"
@@ -513,7 +661,7 @@
                                 locale="zh-cn"
                                 show-adjacent-months
                                 @update:model-value="updateStartDateTime(index)"
-                              ></v-date-picker>
+                              />
                             </v-col>
                             <v-col cols="6">
                               <v-time-picker
@@ -523,12 +671,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"
@@ -540,7 +688,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"
@@ -548,7 +699,7 @@
                       offset-y
                       transition="scale-transition"
                     >
-                      <template v-slot:activator="{ props }">
+                      <template #activator="{ props }">
                         <v-text-field
                           v-model="examInfo.endFormatted"
                           :rules="[
@@ -565,19 +716,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"
@@ -585,7 +744,7 @@
                                 locale="zh-cn"
                                 show-adjacent-months
                                 @update:model-value="updateEndDateTime(index)"
-                              ></v-date-picker>
+                              />
                             </v-col>
                             <v-col cols="6">
                               <v-time-picker
@@ -595,12 +754,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"
@@ -612,60 +771,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 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
+                    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-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>
@@ -684,10 +859,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>
@@ -695,7 +878,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"
diff --git a/src/components/FloatingToolbar.vue b/src/components/FloatingToolbar.vue
index 1431ad1..a30de8a 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"
@@ -88,7 +97,9 @@
         size="large"
         text="复制作业内容到今天"
         @click="$emit('copy-to-today')"
-      >复制到今天</v-btn>
+      >
+        复制到今天
+      </v-btn>
     </v-slide-x-reverse-transition>
   </div>
 </template>
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
index 79b3ce0..0fc7f78 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -11,12 +11,16 @@
       />
 
       <div class="text-center">
-        <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
+        <div class="text-body-2 font-weight-light mb-n1">
+          Welcome to
+        </div>
 
-        <h1 class="text-h2 font-weight-bold">Vuetify</h1>
+        <h1 class="text-h2 font-weight-bold">
+          Vuetify
+        </h1>
       </div>
 
-      <div class="py-4"/>
+      <div class="py-4" />
 
       <v-row>
         <v-col cols="12">
@@ -29,17 +33,20 @@
             variant="outlined"
           >
             <template #image>
-              <v-img position="top right"/>
+              <v-img position="top right" />
             </template>
 
             <template #title>
-              <h2 class="text-h5 font-weight-bold">Get started</h2>
+              <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>{{ `
+                <v-kbd>
+                  {{ `
                   <HelloWorld/>
                   ` }}
                 </v-kbd>
diff --git a/src/components/HitokotoCard.vue b/src/components/HitokotoCard.vue
index 82f457a..c45b886 100644
--- a/src/components/HitokotoCard.vue
+++ b/src/components/HitokotoCard.vue
@@ -8,12 +8,21 @@
     height="100%"
     @click="fetchSentence"
   >
-    <v-card-text class="pa-6 d-flex flex-column justify-center" style="height: 100%">
-      <div class="text-h6 font-weight-medium mb-4 serif-font" style="white-space: pre-wrap; line-height: 1.6;">
+    <v-card-text
+      class="pa-6 d-flex flex-column justify-center"
+      style="height: 100%"
+    >
+      <div
+        class="text-h6 font-weight-medium mb-4 serif-font"
+        style="white-space: pre-wrap; line-height: 1.6;"
+      >
         {{ sentence }}
       </div>
       <div class="text-subtitle-2 text-medium-emphasis text-right serif-font">
-        <span v-if="author" class="mr-2">{{ author }}</span>
+        <span
+          v-if="author"
+          class="mr-2"
+        >{{ author }}</span>
         <span v-if="origin">《{{ origin }}》</span>
       </div>
     </v-card-text>
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 c762f67..1b70c6a 100644
--- a/src/components/HomeworkEditDialog.vue
+++ b/src/components/HomeworkEditDialog.vue
@@ -11,7 +11,11 @@
       <v-card-title class="d-flex align-center">
         {{ title }}
         <v-spacer />
-        <v-btn icon="mdi-close" variant="text" @click="handleClose" />
+        <v-btn
+          icon="mdi-close"
+          variant="text"
+          @click="handleClose"
+        />
       </v-card-title>
       <v-card-subtitle>
         {{ autoSave ? autoSavePromptText : manualSavePromptText }}
@@ -31,13 +35,21 @@
             />
 
             <!-- Template Buttons Section -->
-            <div v-if="templateData" class="mt-4">
-              <div v-if="hasTemplates" class="template-buttons">
-
-
+            <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">
+                  <div
+                    v-for="(pages, book) in subjectBooks"
+                    :key="book"
+                    class="button-group"
+                  >
                     <v-chip
                       :color="isBookSelected(book) ? 'success' : 'default'"
                       :variant="isBookSelected(book) ? 'elevated' : 'flat'"
@@ -48,7 +60,10 @@
                     </v-chip>
 
                     <!-- Show pages only if book is selected -->
-                    <div v-if="isBookSelected(book)" class="pages-container mt-2">
+                    <div
+                      v-if="isBookSelected(book)"
+                      class="pages-container mt-2"
+                    >
                       <v-chip
                         v-for="page in pages"
                         :key="page"
@@ -65,7 +80,11 @@
 
                 <!-- Common books -->
                 <template v-if="commonBooks">
-                  <div v-for="(pages, book) in commonBooks" :key="book" class="button-group">
+                  <div
+                    v-for="(pages, book) in commonBooks"
+                    :key="book"
+                    class="button-group"
+                  >
                     <v-chip
                       :color="isBookSelected(book) ? 'success' : 'default'"
                       :variant="isBookSelected(book) ? 'elevated' : 'flat'"
@@ -76,7 +95,10 @@
                     </v-chip>
 
                     <!-- Show pages only if book is selected -->
-                    <div v-if="isBookSelected(book)" class="pages-container mt-2">
+                    <div
+                      v-if="isBookSelected(book)"
+                      class="pages-container mt-2"
+                    >
                       <v-chip
                         v-for="page in pages"
                         :key="page"
@@ -92,7 +114,10 @@
                 </template>
 
                 <!-- Actions -->
-                <div v-if="templateData.actions?.length" class="button-group">
+                <div
+                  v-if="templateData.actions?.length"
+                  class="button-group"
+                >
                   <v-chip
                     v-for="action in templateData.actions"
                     :key="action"
@@ -105,14 +130,21 @@
                   </v-chip>
                 </div>
               </div>
-              <div v-else class="text-center text-body-2 text-disabled mt-2">
+              <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;">
+          <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">
@@ -223,10 +255,11 @@
         border-color="warning"
         prominent
       >
-        <template #prepend>
-        </template>
+        <template #prepend />
         <div class="d-flex flex-column">
-          <div class="text-h6 mb-1">你打算修改历史？</div>
+          <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>
@@ -236,7 +269,6 @@
       <div class="text-center text-body-2 text-disabled mb-5">
         点击空白处完成编辑
       </div>
-
     </v-card>
   </v-dialog>
 </template>
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/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..681b082 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: {
     /**
      * 处理表格选择变化
@@ -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 d5b6ecf..3b6e833 100644
--- a/src/components/StudentNameManager.vue
+++ b/src/components/StudentNameManager.vue
@@ -43,7 +43,7 @@
         >
           稍后设置
         </v-btn>
-        <v-spacer/>
+        <v-spacer />
         <v-btn
           :disabled="!selectedName || saving"
           :loading="saving"
diff --git a/src/components/UrgentNotification.vue b/src/components/UrgentNotification.vue
index a34ceec..7c892f2 100644
--- a/src/components/UrgentNotification.vue
+++ b/src/components/UrgentNotification.vue
@@ -17,7 +17,10 @@
         </div>
 
         <!-- 发送者信息（使用 Vuetify Card） -->
-        <v-card variant="flat" color="white">
+        <v-card
+          variant="flat"
+          color="white"
+        >
           <v-card-title>发送者信息</v-card-title>
           <v-card-text>
             <v-chip
@@ -26,7 +29,12 @@
               variant="outlined"
               size="small"
             >
-              <v-icon left size="16"> mdi-account </v-icon>
+              <v-icon
+                left
+                size="16"
+              >
+                mdi-account
+              </v-icon>
               {{ senderName }}
             </v-chip>
             <v-chip
@@ -35,7 +43,12 @@
               variant="outlined"
               size="small"
             >
-              <v-icon left size="16"> mdi-devices </v-icon>
+              <v-icon
+                left
+                size="16"
+              >
+                mdi-devices
+              </v-icon>
               {{ deviceType }}
             </v-chip>
             <v-chip
@@ -44,18 +57,33 @@
               variant="outlined"
               size="small"
             >
-              <v-icon left size="16"> mdi-clock </v-icon>
+              <v-icon
+                left
+                size="16"
+              >
+                mdi-clock
+              </v-icon>
               {{ formatTime(currentNotification?.timestamp) }}
             </v-chip>
           </v-card-text>
         </v-card>
 
         <!-- 多通知导航 -->
-        <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>
@@ -88,8 +116,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>
diff --git a/src/components/UrgentTestDialog.vue b/src/components/UrgentTestDialog.vue
index 09dd223..d5d204c 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>
@@ -472,15 +518,15 @@ export default {
       this.dialog = false
     },
 
-    setupEventListeners() {
+    async setupEventListeners() {
       // 监听显示回执
-      const cleanup1 = socketOn('notification-displayed', (data) => {
+      const cleanup1 = await socketOn('notification-displayed', (data) => {
         console.log('收到显示回执:', data)
         this.updateReceipt(data, 'displayed')
       })
 
       // 监听已读回执
-      const cleanup2 = socketOn('notification-read', (data) => {
+      const cleanup2 = await socketOn('notification-read', (data) => {
         console.log('收到已读回执:', data)
         this.updateReceipt(data, 'read')
       })
diff --git a/src/components/attendance/AttendanceManagementDialog.vue b/src/components/attendance/AttendanceManagementDialog.vue
index 05ba6bc..b0b63ed 100644
--- a/src/components/attendance/AttendanceManagementDialog.vue
+++ b/src/components/attendance/AttendanceManagementDialog.vue
@@ -8,19 +8,35 @@
   >
     <v-card>
       <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">
+        <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
+          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
@@ -128,7 +144,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 +156,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 +204,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,8 +262,13 @@
       <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>
diff --git a/src/components/attendance/AttendanceSidebar.vue b/src/components/attendance/AttendanceSidebar.vue
index efff8b9..fab63f4 100644
--- a/src/components/attendance/AttendanceSidebar.vue
+++ b/src/components/attendance/AttendanceSidebar.vue
@@ -27,9 +27,9 @@
       <span style="white-space: nowrap">
         {{
           studentList.length -
-          attendance.absent.length -
-          attendance.late.length -
-          attendance.exclude.length
+            attendance.absent.length -
+            attendance.late.length -
+            attendance.exclude.length
         }}人
       </span>
     </h2>
@@ -45,8 +45,7 @@
       :key="'absent-' + index"
       class="gray-text"
     >
-      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
-      ><span style="white-space: nowrap">{{ name }}</span>
+      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span><span style="white-space: nowrap">{{ name }}</span>
     </h3>
     <h2>
       <span style="white-space: nowrap">迟到</span>
@@ -60,8 +59,7 @@
       :key="'late-' + index"
       class="gray-text"
     >
-      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
-      ><span style="white-space: nowrap">{{ name }}</span>
+      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span><span style="white-space: nowrap">{{ name }}</span>
     </h3>
     <h2>
       <span style="white-space: nowrap">不参与</span>
@@ -75,8 +73,7 @@
       :key="'exclude-' + index"
       class="gray-text"
     >
-      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
-      ><span style="white-space: nowrap">{{ name }}</span>
+      <span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span><span style="white-space: nowrap">{{ name }}</span>
     </h3>
   </v-col>
 </template>
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..8313bc2 100644
--- a/src/components/auth/FirstTimeGuide.vue
+++ b/src/components/auth/FirstTimeGuide.vue
@@ -139,8 +139,6 @@
             </div>
           </div>
         </v-card>
-
-
       </div>
 
       <!-- 步骤 3: 询问使用场景 -->
@@ -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/error/404.vue b/src/components/error/404.vue
index acc6178..c48ff69 100644
--- a/src/components/error/404.vue
+++ b/src/components/error/404.vue
@@ -1,15 +1,26 @@
 <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"/>
+    <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>
+        <div class="text-body-2 font-weight-light mb-n1">
+          出现了错误
+        </div>
 
-        <h1 class="text-h2 font-weight-bold">404</h1>
+        <h1 class="text-h2 font-weight-bold">
+          404
+        </h1>
       </div>
 
-      <div class="py-4"/>
+      <div class="py-4" />
 
       <v-row>
         <v-col cols="12">
@@ -21,15 +32,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 +85,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 b90b8e7..559c0c3 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,12 +15,18 @@
         class="grid-item"
       >
         <!-- 一言卡片 -->
-        <div v-if="item.type === 'hitokoto'" style="height: 100%">
+        <div
+          v-if="item.type === 'hitokoto'"
+          style="height: 100%"
+        >
           <hitokoto-card />
         </div>
 
         <!-- 考试卡片 -->
-        <div v-else-if="item.type === 'exam'" style="height: 100%">
+        <div
+          v-else-if="item.type === 'exam'"
+          style="height: 100%"
+        >
           <concise-exam-card
             :exam-id="item.data.examId"
             :content-style="contentStyle"
@@ -37,7 +46,11 @@
           @touchmove="handleTouchMove"
         >
           <v-card-title class="d-flex align-center">
-            <v-icon class="mr-2" color="primary" icon="mdi-account-group" />
+            <v-icon
+              class="mr-2"
+              color="primary"
+              icon="mdi-account-group"
+            />
             出勤统计
           </v-card-title>
           <v-card-text>
@@ -46,36 +59,78 @@
               <span class="text-h6">
                 {{ item.data.total - item.data.exclude.length }}/{{
                   item.data.total -
-                  item.data.absent.length -
-                  item.data.late.length -
-                  item.data.exclude.length
+                    item.data.absent.length -
+                    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">
+            <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">
+            <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">
+            <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>
@@ -84,8 +139,8 @@
             <div
               v-if="
                 item.data.absent.length === 0 &&
-                item.data.late.length === 0 &&
-                item.data.exclude.length === 0
+                  item.data.late.length === 0 &&
+                  item.data.exclude.length === 0
               "
               class="text-success text-center mt-2"
             >
@@ -106,7 +161,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">
@@ -144,7 +203,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"
@@ -153,24 +215,37 @@
         variant="tonal"
         @click="handleCardClick('dialog', subject.name)"
       >
-        <v-icon start size="small">mdi-plus</v-icon>
+        <v-icon
+          start
+          size="small"
+        >
+          mdi-plus
+        </v-icon>
         {{ subject.name }}
       </v-chip>
     </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"
           @click="handleCardClick('dialog', subject.name)"
         >
-          <v-icon start> mdi-plus</v-icon>
+          <v-icon start>
+            mdi-plus
+          </v-icon>
           {{ subject.name }}
         </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"
@@ -183,8 +258,15 @@
             {{ subject.name }}
           </v-card-title>
           <v-card-text class="text-center">
-            <v-icon color="grey" size="small"> mdi-plus</v-icon>
-            <div class="text-caption text-grey">点击添加作业</div>
+            <v-icon
+              color="grey"
+              size="small"
+            >
+              mdi-plus
+            </v-icon>
+            <div class="text-caption text-grey">
+              点击添加作业
+            </div>
           </v-card-text>
         </v-card>
       </TransitionGroup>
diff --git a/src/components/settings/AboutCard.vue b/src/components/settings/AboutCard.vue
index 165e446..5c75dbd 100644
--- a/src/components/settings/AboutCard.vue
+++ b/src/components/settings/AboutCard.vue
@@ -1,25 +1,46 @@
 <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"
+        >
           <div class="d-flex flex-column align-start">
-            <v-avatar class="mb-4" size="120">
+            <v-avatar
+              class="mb-4"
+              size="120"
+            >
               <v-img
                 alt="Classworks"
                 src="../../assets/cslogo.png"
               />
             </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
@@ -57,9 +78,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"
@@ -98,7 +121,7 @@
                   新一代，开源，编程社区
                 </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"
@@ -141,12 +164,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>
@@ -170,45 +195,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>
+                    <v-btn
+                      size="small"
+                      variant="text"
+                      prepend-icon="mdi-refresh"
+                      :loading="visitorLoading"
+                      @click="reloadVisitorId"
+                    >
+                      刷新
+                    </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>
-                  <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>
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/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-list-item :disabled="isDefaultValue" @click="resetToDefault">
-              <template v-slot:prepend>
-                <v-icon icon="mdi-restore" size="small"/>
+            <v-divider />
+
+            <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 933afc8..d632de1 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"
diff --git a/src/components/settings/cards/CloudNamespaceInfoCard.vue b/src/components/settings/cards/CloudNamespaceInfoCard.vue
index c284702..f90c1cd 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>
 
 
@@ -175,7 +183,7 @@
     </v-card-text>
 
     <v-card-actions>
-      <v-spacer/>
+      <v-spacer />
       <v-btn
         :loading="loading"
         color="primary"
@@ -213,7 +221,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 d21e6bc..b879b81 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 950a2b0..d6115e5 100644
--- a/src/components/settings/cards/DisplaySettingsCard.vue
+++ b/src/components/settings/cards/DisplaySettingsCard.vue
@@ -1,33 +1,36 @@
 <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.showExamScheduleButton'"/>
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.showAntiScreenBurnCard'" />
 
+      <v-divider class="my-2" />
+      <setting-item :setting-key="'display.showExamScheduleButton'" />
     </v-list>
   </settings-card>
 </template>
diff --git a/src/components/settings/cards/EchoChamberCard.vue b/src/components/settings/cards/EchoChamberCard.vue
index a86a996..4bdfc5f 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>
@@ -49,6 +58,10 @@ export default {
     this.initTypewriters();
   },
 
+  beforeUnmount() {
+    [this.typewriter, this.sourceWriter].forEach(writer => writer?.stop());
+  },
+
   methods: {
     initTypewriters() {
       this.typewriter = new Typewriter(this.$refs.typewriter, TYPEWRITER_CONFIG.main);
@@ -93,10 +106,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/SubjectManagementCard.vue b/src/components/settings/cards/SubjectManagementCard.vue
index ab6f6f7..be8f28b 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"
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/layouts/default.vue b/src/layouts/default.vue
index c57bacf..9a402b2 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,7 +1,7 @@
 <template>
   <v-app>
     <v-main>
-      <router-view/>
+      <router-view />
     </v-main>
   </v-app>
 </template>
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..811857a 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>
-                              原节次: {{ 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-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>
-                            </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 || '-' }}
+                            </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>
-                            </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>
+                            <td>
+                              <template v-if="!settings.hideTeacherName">
+                                <div
+                                  v-for="(item, i) in group.items"
+                                  :key="i"
+                                  class="mb-1"
+                                >
+                                  {{ item.teacher || '-' }}
+                                </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>
                       </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();
@@ -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..9b858ed 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"
@@ -255,8 +261,8 @@ function pushLog(event, payload) {
   if (logs.value.length > 200) logs.value.pop()
 }
 
-function wireSocketBaseEvents() {
-  const s = getSocket()
+async function wireSocketBaseEvents() {
+  const s = await getSocket()
   connected.value = !!s.connected
   socketId.value = s.id || ''
 
@@ -276,40 +282,40 @@ function wireSocketBaseEvents() {
   s.on('reconnect', (n) => pushLog('reconnect', {attempt: n}))
 }
 
-function wireBusinessEvents() {
+async function wireBusinessEvents() {
   // key changes
-  socketOn('kv-key-changed', (msg) => {
+  await socketOn('kv-key-changed', (msg) => {
     pushLog('kv-key-changed', msg)
   })
   // device joined count broadcast
-  socketOn('device-joined', (msg) => {
+  await socketOn('device-joined', (msg) => {
     pushLog('device-joined', msg)
   })
   // join success
-  socketOn('joined', (msg) => {
+  await socketOn('joined', (msg) => {
     pushLog('joined', msg)
   })
   // join error
-  socketOn('join-error', (msg) => {
+  await socketOn('join-error', (msg) => {
     pushLog('join-error', msg)
   })
   // chat message (旧接口)
-  socketOn('chat:message', (msg) => {
+  await socketOn('chat:message', (msg) => {
     pushLog('chat:message', msg)
   })
   // device events (新通用事件接口)
-  socketOn('device-event', (eventData) => {
+  await socketOn('device-event', (eventData) => {
     pushLog('device-event', eventData)
   })
 }
 
-function handleJoinToken(token) {
+async function handleJoinToken(token) {
   try {
     if (!token) {
       pushLog('join-error', 'Token 为空')
       return
     }
-    joinToken(token)
+    await joinToken(token)
     joinedToken.value = token
     pushLog('join-token', {token})
   } catch (e) {
@@ -317,9 +323,9 @@ function handleJoinToken(token) {
   }
 }
 
-function handleLeaveToken(token) {
+async function handleLeaveToken(token) {
   try {
-    leaveToken(token)
+    await leaveToken(token)
     if (joinedToken.value === token) joinedToken.value = ''
     pushLog('leave-token', {token})
   } catch (e) {
@@ -327,9 +333,9 @@ function handleLeaveToken(token) {
   }
 }
 
-function handleLeaveAll() {
+async function handleLeaveAll() {
   try {
-    leaveAll()
+    await leaveAll()
     joinedToken.value = ''
     pushLog('leave-all', {})
   } catch (e) {
@@ -337,9 +343,9 @@ function handleLeaveAll() {
   }
 }
 
-function reconnect() {
+async function reconnect() {
   try {
-    const s = getSocket()
+    const s = await getSocket()
     s.connect()
   } catch (e) {
     pushLog('reconnect-error', String(e))
@@ -387,11 +393,11 @@ function clearLogs() {
   logs.value = []
 }
 
-onMounted(() => {
+onMounted(async () => {
   // init socket + base events
-  getSocket()
-  wireSocketBaseEvents()
-  wireBusinessEvents()
+  await getSocket()
+  await wireSocketBaseEvents()
+  await wireBusinessEvents()
 
   // auto join with current token if present
   if (currentToken.value) {
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/exam-player.vue b/src/pages/exam-player.vue
index baa7127..b80135e 100644
--- a/src/pages/exam-player.vue
+++ b/src/pages/exam-player.vue
@@ -11,16 +11,26 @@
     {{ error }}
   </v-alert>
 
-  <v-skeleton-loader v-if="loading" type="article"/>
+  <v-skeleton-loader
+    v-if="loading"
+    type="article"
+  />
 
   <div v-else-if="!config">
-    <v-alert border="start" type="warning" variant="tonal">
+    <v-alert
+      border="start"
+      type="warning"
+      variant="tonal"
+    >
       缺少配置，请通过 URL 参数 id 或 url 传入配置。
     </v-alert>
   </div>
 
   <div v-else>
-    <div ref="playerRef" class="player">
+    <div
+      ref="playerRef"
+      class="player"
+    >
       <ExamPlayer
         v-model:room-number="roomNumberLocal"
         :config="playerConfigObj"
diff --git a/src/pages/examschedule.vue b/src/pages/examschedule.vue
index fc0cdd5..e024b5e 100644
--- a/src/pages/examschedule.vue
+++ b/src/pages/examschedule.vue
@@ -2,9 +2,17 @@
   <v-container class="fill-height">
     <v-row>
       <v-col cols="12">
-        <v-card border class="elevation-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-icon
+              class="mr-2"
+              color="white"
+            >
+              mdi-calendar-check
+            </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,7 +48,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>
@@ -92,19 +104,29 @@
             </div>
 
             <!-- 加载状态 -->
-            <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="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
+              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>
+                <v-icon class="mr-2">
+                  mdi-format-list-bulleted
+                </v-icon>
                 <span class="font-weight-bold">配置列表</span>
               </v-card-title>
               <v-list>
@@ -116,8 +138,13 @@
                   @click="showEditDialog(config)"
                 >
                   <template #prepend>
-                    <v-avatar class="mr-2" color="primary">
-                      <v-icon color="white">mdi-calendar-text</v-icon>
+                    <v-avatar
+                      class="mr-2"
+                      color="primary"
+                    >
+                      <v-icon color="white">
+                        mdi-calendar-text
+                      </v-icon>
                     </v-avatar>
                   </template>
 
@@ -126,11 +153,21 @@
                   </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>
+                      <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>
+                      <v-icon
+                        class="mr-1"
+                        size="small"
+                      >
+                        mdi-book-multiple
+                      </v-icon>
                       {{ config.examInfos ? config.examInfos.length : 0 }} 堂考试
                     </div>
                   </v-list-item-subtitle>
@@ -158,8 +195,6 @@
                       >
                         <v-icon>mdi-eye</v-icon>
                       </v-btn>
-
-
                     </div>
                   </template>
                 </v-list-item>
@@ -167,12 +202,22 @@
             </v-card>
 
             <!-- 空状态 -->
-            <v-card v-if="!loading && configs.length === 0" class="my-4" elevation="1">
+            <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">
+                <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>
+                <h3 class="text-h6 mb-2 text-grey-darken-1">
+                  暂无配置
+                </h3>
                 <p class="text-body-2 text-grey-darken-1 mb-4">
                   点击"新建配置"按钮创建您的第一个考试配置
                 </p>
@@ -191,10 +236,18 @@
     </v-row>
 
     <!-- 重命名对话框 -->
-    <v-dialog v-model="renameDialog" max-width="500">
+    <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-icon
+            class="mr-2"
+            color="primary"
+          >
+            mdi-rename-box
+          </v-icon>
           重命名配置
         </v-card-title>
         <v-card-text>
@@ -205,10 +258,10 @@
             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-spacer />
           <v-btn
             color="grey"
             variant="text"
@@ -230,12 +283,21 @@
     </v-dialog>
 
     <!-- 编辑配置弹框 -->
-    <v-dialog v-model="editDialog" max-width="1200" persistent>
+    <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-icon
+            class="mr-2"
+            color="white"
+          >
+            mdi-pencil
+          </v-icon>
           编辑考试配置
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-chip
             v-if="editingConfig"
             class="mr-2"
@@ -255,8 +317,10 @@
             <v-icon>mdi-close</v-icon>
           </v-btn>
         </v-card-title>
-        <v-card-text class="pa-4"
-                     style="max-height: 70vh; overflow-y: auto;">
+        <v-card-text
+          class="pa-4"
+          style="max-height: 70vh; overflow-y: auto;"
+        >
           <ExamConfigEditor
             v-if="editingConfig"
             ref="configEditor"
@@ -277,7 +341,7 @@
           >
             关闭
           </v-btn>
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn
             :loading="saving"
             color="success"
@@ -292,12 +356,21 @@
     </v-dialog>
 
     <!-- 导入配置弹框 -->
-    <v-dialog v-model="importDialog" max-width="800" persistent>
+    <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-icon
+            class="mr-2"
+            color="white"
+          >
+            mdi-import
+          </v-icon>
           导入考试配置
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn
             color="white"
             icon="mdi-close"
@@ -324,22 +397,22 @@
             v-model="importJson"
             :rules="[v => !!v || 'JSON内容不能为空']"
             label="请输入JSON配置"
-            placeholder='{
-  "examName": "期末考试",
-  "message": "考试信息",
-  "room": "01",
-  "examInfos": [
+            placeholder="{
+  &quot;examName&quot;: &quot;期末考试&quot;,
+  &quot;message&quot;: &quot;考试信息&quot;,
+  &quot;room&quot;: &quot;01&quot;,
+  &quot;examInfos&quot;: [
     {
-      "name": "语文",
-      "start": "2025/12/14 09:00",
-      "end": "2025/12/14 11:00"
+      &quot;name&quot;: &quot;语文&quot;,
+      &quot;start&quot;: &quot;2025/12/14 09:00&quot;,
+      &quot;end&quot;: &quot;2025/12/14 11:00&quot;
     }
   ]
-}'
+}"
             prepend-inner-icon="mdi-code-json"
             rows="15"
             variant="outlined"
-          ></v-textarea>
+          />
 
           <v-alert
             border="start"
@@ -368,7 +441,7 @@
           >
             取消
           </v-btn>
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn
             :disabled="!importJson"
             :loading="importing"
@@ -384,10 +457,19 @@
     </v-dialog>
 
     <!-- 日期选择弹框 -->
-    <v-dialog v-model="datePickerDialog" max-width="500" persistent>
+    <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-icon
+            class="mr-2"
+            color="white"
+          >
+            mdi-calendar
+          </v-icon>
           选择起始日期
         </v-card-title>
         <v-card-text class="pa-4">
@@ -401,7 +483,7 @@
             prepend-inner-icon="mdi-calendar"
             type="date"
             variant="outlined"
-          ></v-text-field>
+          />
 
           <v-alert
             v-if="virtualDateInfo"
@@ -425,7 +507,7 @@
           >
             取消
           </v-btn>
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn
             :disabled="!baseDate"
             color="primary"
@@ -440,12 +522,21 @@
     </v-dialog>
 
     <!-- AI生成提示词弹框 -->
-    <v-dialog v-model="aiDialog" max-width="900" persistent>
+    <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>
+          <v-icon
+            class="mr-2"
+            color="white"
+          >
+            mdi-brain
+          </v-icon>
           AI生成考试配置
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn
             color="white"
             icon="mdi-close"
@@ -471,7 +562,9 @@
 
           <div class="mb-3">
             <div class="d-flex justify-space-between align-center mb-2">
-              <h3 class="text-h6">提示词模板</h3>
+              <h3 class="text-h6">
+                提示词模板
+              </h3>
               <v-btn
                 :color="copied ? 'success' : 'primary'"
                 :prepend-icon="copied ? 'mdi-check' : 'mdi-content-copy'"
@@ -483,12 +576,13 @@
               </v-btn>
             </div>
 
-            <v-card class="pa-4" variant="outlined">
+            <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
@@ -499,7 +593,7 @@
           >
             关闭
           </v-btn>
-          <v-spacer></v-spacer>
+          <v-spacer />
           <v-btn
             color="success"
             prepend-icon="mdi-import"
@@ -552,9 +646,6 @@ export default {
       copied: false
     }
   },
-  async mounted() {
-    await this.loadConfigs()
-  },
   computed: {
     /**
      * AI生成提示词
@@ -603,6 +694,9 @@ Date and Time Handling:
 Now please generate the exam configuration based on the above rules:`
     }
   },
+  async mounted() {
+    await this.loadConfigs()
+  },
   methods: {
     /**
      * 根据当前日期推算考试类型
diff --git a/src/pages/index.vue b/src/pages/index.vue
index f6324df..ec10189 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -34,11 +34,16 @@
       <v-btn
         v-if="shouldShowUrgentTestButton"
         prepend-icon="mdi-chat"
-        @click="urgentTestDialog = true"
         variant="tonal"
-        >发送通知</v-btn
+        @click="urgentTestDialog = true"
       >
-      <v-btn icon="mdi-chat" variant="text" @click="isChatOpen = true" />
+        发送通知
+      </v-btn>
+      <v-btn
+        icon="mdi-chat"
+        variant="text"
+        @click="isChatOpen = true"
+      />
       <v-btn
         :badge="unreadCount || undefined"
         :badge-color="unreadCount ? 'error' : undefined"
@@ -46,7 +51,11 @@
         variant="text"
         @click="$refs.messageLog.drawer = true"
       />
-      <v-btn icon="mdi-cog" variant="text" @click="$router.push('/settings')" />
+      <v-btn
+        icon="mdi-cog"
+        variant="text"
+        @click="$router.push('/settings')"
+      />
     </template>
   </v-app-bar>
   <!-- 初始化选择卡片，仅在首页且需要授权时显示；不影响顶栏 -->
@@ -63,11 +72,20 @@
     @token-info-updated="updateTokenDisplayInfo"
   />
 
-  <div v-if="!shouldShowInit" class="d-flex">
+  <div
+    v-if="!shouldShowInit"
+    class="d-flex"
+  >
     <!-- 主要内容区域 -->
-    <v-container class="main-window flex-grow-1 no-select bloom-container" fluid>
+    <v-container
+      class="main-window flex-grow-1 no-select bloom-container"
+      fluid
+    >
       <!-- 常驻通知区域 -->
-      <v-row v-if="persistentNotifications.length > 0" class="mb-4">
+      <v-row
+        v-if="persistentNotifications.length > 0"
+        class="mb-4"
+      >
         <v-col cols="12">
           <v-card
             v-for="notification in persistentNotifications"
@@ -78,31 +96,49 @@
             @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-spacer>
-              <v-btn icon="mdi-chevron-right" variant="text"></v-btn>
+              <v-spacer />
+              <v-btn
+                icon="mdi-chevron-right"
+                variant="text"
+              />
             </v-card-text>
           </v-card>
         </v-col>
       </v-row>
 
       <!-- 通知详情对话框 -->
-      <v-dialog v-model="notificationDetailDialog" max-width="700" scrollable>
-        <v-card v-if="currentNotification" class="rounded-xl">
+      <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">
+            <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-spacer />
+            <v-btn
+              icon="mdi-close"
+              variant="text"
+              @click="notificationDetailDialog = false"
+            />
           </v-card-title>
 
-          <v-divider></v-divider>
+          <v-divider />
 
           <v-card-text class="pa-6">
-            <div class="text-h4 font-weight-medium mb-4" style="line-height: 1.5;">
+            <div
+              class="text-h4 font-weight-medium mb-4"
+              style="line-height: 1.5;"
+            >
               {{ currentNotification.message }}
             </div>
             <div class="text-subtitle-1 text-grey">
@@ -110,7 +146,7 @@
             </div>
           </v-card-text>
 
-          <v-divider></v-divider>
+          <v-divider />
 
           <v-card-actions class="pa-4">
             <v-btn
@@ -123,7 +159,7 @@
             >
               删除通知
             </v-btn>
-            <v-spacer></v-spacer>
+            <v-spacer />
             <v-btn
               color="primary"
               size="x-large"
@@ -223,7 +259,10 @@
     @save="handleHomeworkSave"
   />
 
-  <v-snackbar v-model="state.snackbar" :timeout="2000">
+  <v-snackbar
+    v-model="state.snackbar"
+    :timeout="2000"
+  >
     {{ state.snackbarText }}
   </v-snackbar>
 
@@ -259,24 +298,41 @@
   <FloatingICP />
 
   <!-- 设备聊天室（右下角浮窗） -->
-  <ChatWidget v-model="isChatOpen" :show-button="false" />
+  <ChatWidget
+    v-model="isChatOpen"
+    :show-button="false"
+  />
 
   <!-- 紧急通知测试对话框 -->
   <UrgentTestDialog v-model="urgentTestDialog" />
 
   <!-- 添加确认对话框 -->
-  <v-dialog v-model="confirmDialog.show" max-width="400">
+  <v-dialog
+    v-model="confirmDialog.show"
+    max-width="400"
+  >
     <v-card>
-      <v-card-title class="text-h6"> 确认保存</v-card-title>
+      <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
+          color="grey"
+          variant="text"
+          @click="confirmDialog.reject"
+        >
           取消
         </v-btn>
-        <v-btn color="primary" @click="confirmDialog.resolve"> 确认保存</v-btn>
+        <v-btn
+          color="primary"
+          @click="confirmDialog.resolve"
+        >
+          确认保存
+        </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
@@ -289,9 +345,14 @@
   />
 
   <!-- 添加URL配置确认对话框 -->
-  <v-dialog v-model="urlConfigDialog.show" max-width="500">
+  <v-dialog
+    v-model="urlConfigDialog.show"
+    max-width="500"
+  >
     <v-card>
-      <v-card-title class="text-h6"> 确认应用URL配置</v-card-title>
+      <v-card-title class="text-h6">
+        确认应用URL配置
+      </v-card-title>
       <v-card-text>
         <p>以下配置将应用于当前班级：</p>
         <v-list density="compact">
@@ -300,17 +361,28 @@
             :key="change.key"
           >
             <template #prepend>
-              <v-icon :icon="change.icon" class="mr-2" size="small" />
+              <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
+                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" />
+              <v-icon
+                class="mx-1"
+                icon="mdi-arrow-right"
+                size="small"
+              />
               <span class="text-primary font-weight-medium">{{
                 change.newValue
               }}</span>
@@ -327,7 +399,10 @@
         >
           取消
         </v-btn>
-        <v-btn color="primary" @click="urlConfigDialog.confirmHandler">
+        <v-btn
+          color="primary"
+          @click="urlConfigDialog.confirmHandler"
+        >
           确认应用
         </v-btn>
       </v-card-actions>
@@ -335,14 +410,25 @@
   </v-dialog>
 
   <!-- 考试详情/编辑对话框 -->
-  <v-dialog v-model="showExamDetailDialog" persistent fullscreen>
+  <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-spacer />
+        <v-btn
+          icon="mdi-close"
+          variant="text"
+          @click="showExamDetailDialog = false"
+        />
       </v-card-title>
-      <v-card-text class="pa-4" style="max-height: 70vh; overflow-y: auto;">
+      <v-card-text
+        class="pa-4"
+        style="max-height: 70vh; overflow-y: auto;"
+      >
         <exam-config-editor
           :config-id="selectedExamId"
           :dialog-mode="true"
@@ -350,7 +436,7 @@
           @deleted="onExamConfigDeleted"
         />
       </v-card-text>
-      <v-divider></v-divider>
+      <v-divider />
       <v-card-actions class="pa-4">
         <v-btn
           color="error"
@@ -360,7 +446,7 @@
         >
           移除卡片
         </v-btn>
-        <v-spacer></v-spacer>
+        <v-spacer />
         <v-btn
           color="primary"
           variant="text"
@@ -373,9 +459,14 @@
   </v-dialog>
 
   <!-- 添加考试卡片对话框 -->
-  <v-dialog v-model="showAddExamDialog" max-width="500">
+  <v-dialog
+    v-model="showAddExamDialog"
+    max-width="500"
+  >
     <v-card>
-      <v-card-title class="text-h6">预览考试看板</v-card-title>
+      <v-card-title class="text-h6">
+        预览考试看板
+      </v-card-title>
       <v-card-text>
         <v-list v-if="examStore.examList.length > 0">
           <v-list-item
@@ -386,44 +477,72 @@
             @click="addExamCard(exam.id)"
           >
             <template #prepend>
-              <v-icon color="primary">mdi-calendar-text</v-icon>
+              <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-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-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-dialog
+    v-model="notificationDetailDialog"
+    max-width="600"
+  >
     <v-card v-if="currentNotification">
-      <v-card-title class="headline" :class="currentNotification.isUrgent ? 'text-error' : 'text-primary'">
+      <v-card-title
+        class="headline"
+        :class="currentNotification.isUrgent ? 'text-error' : 'text-primary'"
+      >
         {{ currentNotification.isUrgent ? '强调通知' : '通知详情' }}
       </v-card-title>
       <v-card-text class="text-h5 py-4">
         {{ currentNotification.message }}
       </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-btn
+          color="error"
+          variant="text"
+          @click="removePersistentNotification(currentNotification.id)"
+        >
+          删除
+        </v-btn>
+        <v-spacer />
+        <v-btn
+          color="primary"
+          @click="notificationDetailDialog = false"
+        >
+          关闭
+        </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
-  <br /><br /><br />
+  <br><br><br>
 </template>
 
 <script>
@@ -1669,7 +1788,7 @@ export default {
     },
 
     // 实时频道：加入设备房间并监听键变化
-    setupRealtimeChannel() {
+    async setupRealtimeChannel() {
       try {
         const token = getSetting("server.kvToken");
         if (!token) {
@@ -1678,11 +1797,11 @@ export default {
         }
 
         // Ensure socket created
-        getSocket();
-        joinToken(token);
+        await getSocket();
+        await joinToken(token);
 
         // Re-join on reconnect
-        this.$offConnect = onSocketConnect(() => joinToken(token));
+        this.$offConnect = await onSocketConnect(() => joinToken(token));
 
         // Debounce refresh to avoid storms
         if (!this.debouncedRealtimeRefresh) {
@@ -1764,14 +1883,14 @@ export default {
           handler(msg);
         };
 
-        this.$offKvChanged = socketOn("kv-key-changed", kvHandler);
+        this.$offKvChanged = await socketOn("kv-key-changed", kvHandler);
 
         // 保留设备事件监听（为未来扩展）
         this.deviceEventHandler = createDeviceEventHandler({
           onKvChanged: handler,
           enableLegacySupport: true,
         });
-        this.$offDeviceEvent = socketOn(
+        this.$offDeviceEvent = await socketOn(
           "device-event",
           this.deviceEventHandler
         );
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..0d24064 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>
diff --git a/src/pages/settings.vue b/src/pages/settings.vue
index cebe40e..985b3b6 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,15 +150,27 @@
             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/>
+          <student-list-card
+            :is-mobile="isMobile"
+            border
+          />
         </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">
@@ -186,27 +210,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"
@@ -224,29 +256,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>
 
diff --git a/src/pages/socket-debugger.vue b/src/pages/socket-debugger.vue
index 1e1f288..69dd348 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"
@@ -445,8 +522,8 @@ function updateConnectionDuration() {
 let eventHandlers = null;
 
 // Socket 事件处理
-function setupSocketListeners() {
-  const socket = getSocket();
+async function setupSocketListeners() {
+  const socket = await getSocket();
 
   // 如果已有事件处理器,先清理
   if (eventHandlers) {
@@ -590,9 +667,9 @@ function cleanupSocketListeners() {
 }
 
 // 连接控制
-function handleConnect() {
+async function handleConnect() {
   try {
-    const socket = getSocket();
+    const socket = await getSocket();
     socket.connect();
     addLog('info', '正在连接...');
   } catch (error) {
@@ -600,18 +677,18 @@ function handleConnect() {
   }
 }
 
-function handleDisconnect() {
+async function handleDisconnect() {
   try {
-    disconnect();
+    await disconnect();
     addLog('info', '已手动断开连接');
   } catch (error) {
     addLog('error', '断开连接失败', { message: error.message });
   }
 }
 
-function handleReconnect() {
+async function handleReconnect() {
   try {
-    disconnect();
+    await disconnect();
     setTimeout(() => {
       // 重新初始化并设置监听器
       setupSocketListeners();
@@ -623,9 +700,9 @@ function handleReconnect() {
 }
 
 // 发送自定义事件
-function sendCustomEvent() {
+async function sendCustomEvent() {
   try {
-    const socket = getSocket();
+    const socket = await getSocket();
     let data;
     try {
       data = JSON.parse(customEvent.value.data);
@@ -643,11 +720,11 @@ function sendCustomEvent() {
 }
 
 // 诊断工具
-function testConnection() {
+async function testConnection() {
   diagnosticResult.value = null;
   addLog('info', '开始连接测试...');
 
-  const socket = getSocket();
+  const socket = await getSocket();
   const timeout = setTimeout(() => {
     diagnosticResult.value = {
       type: 'error',
@@ -684,8 +761,8 @@ function testConnection() {
   }
 }
 
-function measureLatency() {
-  const socket = getSocket();
+async function measureLatency() {
+  const socket = await getSocket();
   const start = Date.now();
 
   socket.emit('ping', () => {
@@ -698,9 +775,9 @@ function measureLatency() {
   });
 }
 
-function simulateError() {
+async function simulateError() {
   addLog('warning', '模拟错误场景...');
-  const socket = getSocket();
+  const socket = await getSocket();
 
   // 发送一个不存在的事件
   socket.emit('nonexistent-event-test', { test: true });
diff --git a/src/utils/socketClient.js b/src/utils/socketClient.js
index f02d6a1..a76e1b5 100644
--- a/src/utils/socketClient.js
+++ b/src/utils/socketClient.js
@@ -2,12 +2,13 @@
 // - Uses server domain from settings when available
 // - Exposes join/leave helpers and event on/off wrappers
 
-import {io} from 'socket.io-client';
 import {getSetting} from '@/utils/settings';
 
 let socket = null;
 let connectedDomain = null;
 const listeners = new Set();
+let socketIoClient = null;
+let importPromise = null;
 
 export function getServerUrl() {
   // Prefer configured server domain; fallback to env; then current origin
@@ -16,7 +17,7 @@ export function getServerUrl() {
   return cfg || envUrl || window.location.origin;
 }
 
-export function getSocket() {
+export async function getSocket() {
   const serverUrl = getServerUrl();
   if (!socket || connectedDomain !== serverUrl) {
     if (socket) {
@@ -27,8 +28,22 @@ export function getSocket() {
       }
       socket = null;
     }
+
+    // Dynamically import socket.io-client with race condition protection
+    if (!socketIoClient) {
+      if (!importPromise) {
+        importPromise = import('socket.io-client');
+      }
+      socketIoClient = (await importPromise).io;
+    }
+
+    // Double check socket didn't get created by another concurrent call while we awaited
+    if (socket && connectedDomain === serverUrl) {
+        return socket;
+    }
+
     connectedDomain = serverUrl;
-    socket = io(serverUrl, {transports:  ["polling","websocket"]});
+    socket = socketIoClient(serverUrl, {transports:  ["polling","websocket"]});
 
     // Re-attach previously registered event handlers on new socket instance
     listeners.forEach(({event, handler}) => {
@@ -38,14 +53,14 @@ export function getSocket() {
   return socket;
 }
 
-export function on(event, handler) {
-  const s = getSocket();
+export async function on(event, handler) {
+  const s = await getSocket();
   s.on(event, handler);
   listeners.add({event, handler});
   return () => off(event, handler);
 }
 
-export function off(event, handler) {
+export async function off(event, handler) {
   if (!socket) return;
   socket.off(event, handler);
   // Remove only matching entry
@@ -56,37 +71,37 @@ export function off(event, handler) {
   }
 }
 
-export function joinToken(token) {
-  const s = getSocket();
+export async function joinToken(token) {
+  const s = await getSocket();
   if (!token) return;
   s.emit('join-token', {token});
 }
 
-export function leaveToken(token) {
+export async function leaveToken(token) {
   if (!socket) return;
   socket.emit('leave-token', {token});
 }
 
-export function leaveAll() {
+export async function leaveAll() {
   if (!socket) return;
   socket.emit('leave-all');
 }
 
-export function onConnect(handler) {
-  const s = getSocket();
+export async function onConnect(handler) {
+  const s = await getSocket();
   s.on('connect', handler);
   return () => s.off('connect', handler);
 }
 
-export function sendEvent(type, content = null) {
-  const s = getSocket();
+export async function sendEvent(type, content = null) {
+  const s = await getSocket();
   s.emit('send-event', {
     type,
     content
   });
 }
 
-export function disconnect() {
+export async function disconnect() {
   if (!socket) return;
   try {
     socket.disconnect();