feat(server,web,desktop,shared,deploy,plugin): 数据库管理模块 + 客户端深色模式/设置拆子路由/首启引导，版本统一 1.0.0

- 服务端新增 database 模块（/api/database/*，仅 ADMIN）：全库 JSON 快照（备份 / 恢复 / 导入导出 / 定时备份
  共用同一格式，14 张表按拓扑序导出、恢复时关外键检查）、连接测试与目标库校验、一键 SQLite ⇄ MySQL 切换
  （备份 → 导出 → 测试连接 → 校验空库 → 改 schema → 子进程 generate / tsc / db push → 写数据，全部成功才改写
  .env，中途失败回滚 schema）；XML 快照与 SQLite 数据文件均可下载；打包形态随包带上 prisma CLI 与 typescript
  （prisma-client 生成物是 .ts，需再编进 dist/generated，安装包因之变大）
- Web 管理端新增「数据库管理」页（仅管理员），并加首次登录新手引导（el-tour，可跳过、可随时重看，版本号写
  localStorage，改版后老用户会再收到一次）
- 客户端设置改版：侧边栏改为分组折叠菜单，设置拆成 6 个子路由
  （/settings/{general,appearance,island,reminder,account,about}），新增深色模式（主题持久化到主进程配置，
  主窗口底色跟主题走，避免"先白后黑"闪一下），新增「关于」页（应用信息 / 诊断信息）
- 客户端新增首启六步引导（OnboardingWelcome，状态存主进程配置 onboardingDone）
- 客户端主窗口初始尺寸与 ClassIsland 对齐（1242x582 / minHeight 540 / 居中）
- 版本号统一提升到 1.0.0：5 个 package.json、部署配置与镜像标签（.env.example / docker-compose / Dockerfile）、
  服务端 /health 与首页、插件 manifest.yml 与 BridgeService.PluginVersion、文档里的安装包名
- 文档与验收同步：AGENTS.md 补第 37~51 条约定（深色主题实现边界、设置子路由、数据库管理三件事、侧栏与窗口
  尺寸、引导在自动化里的判据等），README 补「数据库管理 / 新手引导 / 设置改版」三节；verify:e2e 增补 13 条
  数据库管理用例，客户端冒烟与 Web UI 冒烟跟进子路由、深色主题、侧栏与引导

验证：pnpm lint 0 error；pnpm typecheck 全过；verify:e2e 186/186；verify:classisland-plugin 68/68；
build:desktop 通过（含产物凭据门禁）；verify:desktop 99/102（3 项为上课时段下的"真实通知链路"用例，
客户端按产品规则暂存普通通知所致，见下）；插件 dotnet 编译 0 错误。

注：verify:desktop 的「真实通知链路 / 标记已读」三项要求当前不在上课时段——本次运行时种子课表恰有
「周五 10:55-11:40 生物」正在进行，客户端正确地暂存了普通通知（AGENTS.md 第 18 条），属时间相关用例，
与本次改动无关。

packages/desktop-client/src/renderer/views/settings/AboutView.vue

@@ -0,0 +1,182 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import type { DesktopAppInfo } from '../../../types/desktop.js';
+import { useAppStore } from '../../stores/app.js';
+
+/**
+ * 关于（ClassIsland 同款折叠卡片式）：
+ * 应用信息（版本/运行时/常用链接）→ 诊断信息（排查问题用）→ 鸣谢。
+ * 所有外链走主进程 openExternal（只放行 http/https，见 main/ipc.ts 的白名单）。
+ */
+const appStore = useAppStore();
+
+const appInfo = ref<DesktopAppInfo | null>(null);
+/** 折叠面板默认展开第一项（应用信息），诊断信息默认收起 */
+const expandedNames = ref(['app']);
+
+const PROJECT_URL = 'https://github.com/LoveChengke/ClassHelper';
+const ISSUES_URL = 'https://github.com/LoveChengke/ClassHelper/issues';
+
+const collapseItems = [
+  { name: 'app', title: '应用信息', icon: 'School' },
+  { name: 'diagnostics', title: '查看诊断信息', icon: 'Warning' },
+  { name: 'thanks', title: '鸣谢', icon: 'Pointer' },
+];
+
+async function openExternal(url: string): Promise<void> {
+  if (window.desktop?.openExternal) {
+    const handled = await window.desktop.openExternal(url);
+    if (handled) return;
+  }
+  window.open(url, '_blank');
+}
+
+onMounted(async () => {
+  if (!window.desktop) return;
+  appInfo.value = await window.desktop.getAppInfo().catch(() => null);
+});
+</script>
+
+<template>
+  <div class="page">
+    <div class="page-header">
+      <div>
+        <h2 class="page-title">关于</h2>
+        <p class="page-subtitle">版本、诊断信息与鸣谢</p>
+      </div>
+    </div>
+
+    <el-collapse v-model="expandedNames" class="about-collapse">
+      <!-- 应用信息 -->
+      <el-collapse-item name="app">
+        <template #title>
+          <span class="about-title">
+            <el-icon><School /></el-icon>
+            {{ collapseItems[0].title }}
+          </span>
+          <span class="about-extra">
+            班级小助手 v{{ appInfo?.appVersion ?? '-' }}
+          </span>
+        </template>
+        <div class="about-section">
+          <p class="about-copy">
+            Copyright © 2025-2026 班级小助手
+            <br />
+            面向班级的课表 · 作业 · 通知 · 成绩信息工具（Web 管理端 + 桌面客户端 + 灵动岛）
+          </p>
+          <div class="about-links">
+            <span class="about-links-label">常用链接</span>
+            <el-button link type="primary" @click="openExternal(PROJECT_URL)">项目主页</el-button>
+            <el-button link type="primary" @click="openExternal(ISSUES_URL)">问题反馈</el-button>
+          </div>
+          <el-descriptions :column="1" border size="small" class="mt-12">
+            <el-descriptions-item label="应用版本">{{ appInfo?.appVersion ?? '-' }}</el-descriptions-item>
+            <el-descriptions-item label="运行时">
+              Electron {{ appInfo?.electron ?? '-' }} · Chromium {{ appInfo?.chrome ?? '-' }} · Node
+              {{ appInfo?.node ?? '-' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="平台">{{ appInfo?.platform ?? '-' }}</el-descriptions-item>
+          </el-descriptions>
+        </div>
+      </el-collapse-item>
+
+      <!-- 诊断信息 -->
+      <el-collapse-item name="diagnostics">
+        <template #title>
+          <span class="about-title">
+            <el-icon><Warning /></el-icon>
+            {{ collapseItems[1].title }}
+          </span>
+          <span class="about-extra">报障时请附带本页信息</span>
+        </template>
+        <div class="about-section">
+          <el-descriptions :column="1" border size="small">
+            <el-descriptions-item label="服务器地址">{{ appStore.serverUrl }}</el-descriptions-item>
+            <el-descriptions-item label="连接状态">
+              <el-tag size="small" :type="appStore.serverReachable ? 'success' : 'danger'">
+                {{ appStore.serverReachable ? '服务器可达' : '离线（显示缓存数据）' }}
+              </el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="最近同步">{{ appStore.lastSyncText }}</el-descriptions-item>
+            <el-descriptions-item label="缓存条目">{{ appStore.cacheItemCount }} 条</el-descriptions-item>
+            <el-descriptions-item label="数据目录">{{ appInfo?.userDataPath ?? '-' }}</el-descriptions-item>
+            <el-descriptions-item label="配置文件">{{ appInfo?.configPath ?? '-' }}</el-descriptions-item>
+          </el-descriptions>
+        </div>
+      </el-collapse-item>
+
+      <!-- 鸣谢 -->
+      <el-collapse-item name="thanks">
+        <template #title>
+          <span class="about-title">
+            <el-icon><Pointer /></el-icon>
+            {{ collapseItems[2].title }}
+          </span>
+        </template>
+        <div class="about-section">
+          <ul class="about-thanks">
+            <li><strong>ClassIsland</strong> —— 界面风格、设置页与「今天」时间轴的交互参考</li>
+            <li><strong>WinIsland</strong> —— 灵动岛的窗口形态与弹簧动画参考</li>
+            <li><strong>Vue / Element Plus / Prisma / Express / Socket.IO</strong> —— 本项目赖以构建的开源基石</li>
+          </ul>
+        </div>
+      </el-collapse-item>
+    </el-collapse>
+
+    <p class="about-quote">谨以此应用，献给朝夕相伴的班级与同窗；愿时光流转，情谊常在。</p>
+  </div>
+</template>
+
+<style scoped>
+.about-title {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.about-extra {
+  margin-left: auto;
+  margin-right: 12px;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--ch-text-tertiary);
+}
+
+.about-section {
+  padding: 0 4px;
+}
+
+.about-copy {
+  margin: 0 0 10px;
+  line-height: 1.8;
+  color: var(--ch-text-secondary);
+  font-size: 12.5px;
+}
+
+.about-links {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.about-links-label {
+  font-size: 12.5px;
+  color: var(--ch-text-secondary);
+  margin-right: 4px;
+}
+
+.about-thanks {
+  margin: 0;
+  padding-left: 18px;
+  line-height: 2;
+  font-size: 12.5px;
+  color: var(--ch-text-secondary);
+}
+
+.about-quote {
+  margin: 18px 0 4px;
+  text-align: center;
+  font-size: 12px;
+  color: var(--ch-text-tertiary);
+}
+</style>