From a89ee82be42a190a878a240142d640abe2e27da1 Mon Sep 17 00:00:00 2001
From: Yuhang Wu <YuhangWu@orbitmes.com>
Date: Wed, 19 Aug 2026 17:39:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90=E5=B9=BD=E7=81=B5?=
 =?UTF-8?q?=E9=98=85=E8=AF=BB=E5=99=A8MVP=E7=89=88=E6=9C=AC=E5=9F=BA?=
 =?UTF-8?q?=E7=A1=80=E6=90=AD=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

实现了：
1.  Tauri后端框架搭建与数据库初始化
2.  前端路由与设置页面重构
3.  外观、快捷键、关于三个设置子页面
4.  书架主页UI重构
5.  新增项目文档与依赖配置
---
 README.md                        | 100 ++++-
 src-tauri/Cargo.lock             | 741 ++++++++++++++++++++++++++++++-
 src-tauri/Cargo.toml             |  14 +-
 src-tauri/build.rs               |   1 +
 src-tauri/src/commands/book.rs   |   7 +
 src-tauri/src/commands/mod.rs    |   1 +
 src-tauri/src/lib.rs             |  23 +-
 src-tauri/src/models.rs          |  47 ++
 src-tauri/src/services/db.rs     |  10 +
 src-tauri/src/services/mod.rs    |   1 +
 src-tauri/tauri.conf.json        |   2 +-
 src/router/index.ts              |  19 +
 src/types/components.d.ts        |   6 +
 src/views/Home.vue               | 162 ++++++-
 src/views/Setting.vue            | 183 +++++++-
 src/views/setting/About.vue      |  79 ++++
 src/views/setting/Appearance.vue | 107 ++++-
 src/views/setting/Shortcut.vue   |  95 ++++
 18 files changed, 1541 insertions(+), 57 deletions(-)
 create mode 100644 src-tauri/src/commands/book.rs
 create mode 100644 src-tauri/src/commands/mod.rs
 create mode 100644 src-tauri/src/models.rs
 create mode 100644 src-tauri/src/services/db.rs
 create mode 100644 src-tauri/src/services/mod.rs
 create mode 100644 src/views/setting/About.vue
 create mode 100644 src/views/setting/Shortcut.vue

diff --git a/README.md b/README.md
index 12920b6..1b6d4c4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,99 @@
-# Tauri + Vue + TypeScript
+# 幽灵阅读器 · Stealth Reader
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+一款永远浮在屏幕角落、能一键隐身、看起来像系统通知的本地小说阅读器。
 
-## Recommended IDE Setup
+核心不是「读小说」，而是「安全地读小说」——解决职场场景下「想摸鱼但怕被发现」的焦虑。
 
-- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
+## 定位
+
+桌面端本地小说阅读器，核心卖点是「职场隐身模式」。
+
+- 目标平台：Windows / macOS / Linux（基于 Tauri 跨平台）
+- 核心价值：轻量 + 本地 + 隐蔽
+
+## 特性
+
+- **本地导入**：支持 TXT 导入，自动检测 GBK / UTF-8 编码
+- **自动分章**：正则识别「第 X 章」等常见格式，自动拆分章节
+- **分页阅读**：按键翻页（↑↓ / PgUp / PgDn），无滚动条，像读实体书
+- **阅读进度持久化**：自动保存进度，下次打开继续读
+- **老板键**：系统级全局快捷键，一键瞬间隐身，任务栏无图标
+- **幽灵模式**：窗口透明 + 鼠标穿透 + 置顶，真正融入桌面
+- **系统托盘**：支持伪装图标，静默驻留后台
+- **零打扰**：无账号、无广告、无在线同步，纯本地
+
+## 四种预设模式
+
+| 模式 | 尺寸 | 透明度 | 鼠标穿透 | 交互 | 适用场景 |
+|------|------|--------|---------|------|---------|
+| 专注模式 | 600×400 | 100% | 关闭 | 完整交互 | 午休 / 独处 |
+| 幽灵模式 | 300×150 | 30% | 开启 | 无（纯看） | 边工作边偷看 |
+| 隐身模式 | 隐藏 | 0% | - | 无 | 老板来了 |
+| 迷你模式 | 200×100 | 50% | 可选 | 仅翻页 | 会议中 |
+
+## 技术栈
+
+- [Tauri 2](https://tauri.app/) — 跨平台桌面壳与窗口级 API
+- [Vue 3](https://vuejs.org/) + TypeScript + Vite
+- [Naive UI](https://www.naiveui.com/) — 组件库
+- [Pinia](https://pinia.vuejs.org/) — 状态管理（persistedstate 持久化）
+- Rust — 后端能力（编码检测、全局快捷键、系统托盘等）
+
+## 快速开始
+
+### 环境要求
+
+- [Node.js](https://nodejs.org/)（18+）与 [pnpm](https://pnpm.io/)
+- [Rust](https://www.rust-lang.org/) 工具链
+- Tauri 各平台系统依赖（参考 [Tauri 官方文档](https://tauri.app/start/prerequisites/)）
+
+### 安装与运行
+
+```bash
+pnpm install        # 安装依赖
+pnpm tauri dev      # 开发模式启动
+pnpm tauri build    # 构建安装包
+```
+
+仅调试前端界面：
+
+```bash
+pnpm dev            # 启动 Vite 开发服务器（http://localhost:1420）
+pnpm build          # 类型检查 + 构建前端产物
+```
+
+## 路线图
+
+### v0.1.0（MVP）
+
+- TXT 导入 + 编码自动检测
+- 书架列表 + 删除
+- 分页阅读 + 字体 / 行距设置
+- 老板键（显隐）
+- 窗口置顶 + 透明度调节
+- 阅读进度保存
+
+### v1.0.0
+
+- 幽灵模式（鼠标穿透 + 悬停切换）
+- 系统托盘 + 伪装图标
+- 设置面板
+- 窗口尺寸记忆
+- 安装包（Windows .msi / macOS .dmg）
+
+### v1.1.0
+
+- EPUB 导入支持
+- 章节手动跳转
+- 阅读时长统计
+- 主题切换（IDE 伪装主题）
+
+### v2.0（未来）
+
+- 多设备进度同步（WebDAV / 局域网）
+- 语音朗读（TTS）
+- 书摘 / 笔记
+
+## 免责声明
+
+本项目仅支持本地文件导入，不内置任何在线书源或下载功能。请尊重版权，仅使用您拥有合法权利的书籍内容。
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index 4b548b5..66c2d99 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -32,6 +32,12 @@ dependencies = [
  "alloc-no-stdlib",
 ]
 
+[[package]]
+name = "allocator-api2"
+version = "0.2.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "683d7910e743518b0e34f1186f92494becacb047c7b6bf616c96772180fef923"
+
 [[package]]
 name = "android_system_properties"
 version = "0.1.6"
@@ -201,6 +207,15 @@ dependencies = [
  "system-deps",
 ]
 
+[[package]]
+name = "atoi"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f28d99ec8bfea296261ca1af174f24225171fea9664ba9003cbebee704810528"
+dependencies = [
+ "num-traits",
+]
+
 [[package]]
 name = "atomic-waker"
 version = "1.1.2"
@@ -264,6 +279,15 @@ dependencies = [
  "generic-array",
 ]
 
+[[package]]
+name = "block-buffer"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d2f6c7dbe95a6ed67ad9f18e57daf93a2f034c524b99fd2b76d18fdfeb6660aa"
+dependencies = [
+ "hybrid-array",
+]
+
 [[package]]
 name = "block2"
 version = "0.6.2"
@@ -453,6 +477,17 @@ version = "1.0.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9330f8b2ff13f34540b44e946ef35111825727b38d33286ef986142615121801"
 
+[[package]]
+name = "chacha20"
+version = "0.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d524456ba66e72eb8b115ff89e01e497f8e6d11d78b70b1aa13c0fbd97540a81"
+dependencies = [
+ "cfg-if",
+ "cpufeatures 0.3.0",
+ "rand_core",
+]
+
 [[package]]
 name = "chrono"
 version = "0.4.45"
@@ -460,11 +495,19 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1aa79e62e7697b8e29b513a68abacf485adcd1fe8284a4316c5ae868e6633327"
 dependencies = [
  "iana-time-zone",
+ "js-sys",
  "num-traits",
  "serde",
+ "wasm-bindgen",
  "windows-link 0.2.1",
 ]
 
+[[package]]
+name = "cmov"
+version = "0.5.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0c9ea0ac24bc397ab3c98583a3c9ba74fa56b09a4449bbe172b9b1ddb016027a"
+
 [[package]]
 name = "combine"
 version = "4.6.7"
@@ -519,7 +562,7 @@ dependencies = [
  "bitflags 2.13.1",
  "core-foundation",
  "core-graphics-types",
- "foreign-types",
+ "foreign-types 0.5.0",
  "libc",
 ]
 
@@ -543,6 +586,30 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "cpufeatures"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b2a41393f66f16b0823bb79094d54ac5fbd34ab292ddafb9a0456ac9f87d201"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "crc"
+version = "3.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5eb8a2a1cd12ab0d987a5d5e825195d372001a4094a0376319d5a0ad71c1ba0d"
+dependencies = [
+ "crc-catalog",
+]
+
+[[package]]
+name = "crc-catalog"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "217698eaf96b4a3f0bc4f3662aaa55bdf913cd54d7204591faa790070c6d0853"
+
 [[package]]
 name = "crc32fast"
 version = "1.5.0"
@@ -561,6 +628,34 @@ dependencies = [
  "crossbeam-utils",
 ]
 
+[[package]]
+name = "crossbeam-deque"
+version = "0.8.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5181e0de7b61eb03a81e347d6dd8797bae9da5146707b51077e2d71a54ec0ceb"
+dependencies = [
+ "crossbeam-epoch",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-epoch"
+version = "0.9.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2d6914041f254d6e9176c01941b21115dcfb7089e55135a35411081bd106ef3f"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-queue"
+version = "0.3.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "803d13fb3b09d88be9f4dbc29062c66b19bf7170867ceb746d2a8689bf6c7a26"
+dependencies = [
+ "crossbeam-utils",
+]
+
 [[package]]
 name = "crossbeam-utils"
 version = "0.8.22"
@@ -577,6 +672,15 @@ dependencies = [
  "typenum",
 ]
 
+[[package]]
+name = "crypto-common"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ce6e4c961d6cd6c9a86db418387425e8bdeaf05b3c8bc1411e6dca4c252f1453"
+dependencies = [
+ "hybrid-array",
+]
+
 [[package]]
 name = "cssparser"
 version = "0.36.0"
@@ -616,6 +720,15 @@ version = "0.0.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "52560adf09603e58c9a7ee1fe1dcb95a16927b17c127f0ac02d6e768a0e25bc1"
 
+[[package]]
+name = "ctutils"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7d5515a3834141de9eafb9717ad39eea8247b5674e6066c404e8c4b365d2a29e"
+dependencies = [
+ "cmov",
+]
+
 [[package]]
 name = "darling"
 version = "0.23.0"
@@ -728,8 +841,19 @@ version = "0.10.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292"
 dependencies = [
- "block-buffer",
- "crypto-common",
+ "block-buffer 0.10.4",
+ "crypto-common 0.1.7",
+]
+
+[[package]]
+name = "digest"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1dd6dbb5841937940781866fa1281a1ff7bd3bf827091440879f9994983d5c2"
+dependencies = [
+ "block-buffer 0.12.1",
+ "crypto-common 0.2.2",
+ "ctutils",
 ]
 
 [[package]]
@@ -814,6 +938,12 @@ dependencies = [
  "tendril",
 ]
 
+[[package]]
+name = "dotenvy"
+version = "0.15.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1aaf95b3e5c8f23aa320147307562d361db0ae0d51242340f558153b4eb2439b"
+
 [[package]]
 name = "dpi"
 version = "0.1.2"
@@ -865,6 +995,15 @@ version = "1.0.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d0881ea181b1df73ff77ffaaf9c7544ecc11e82fba9b5f27b262a3c73a332555"
 
+[[package]]
+name = "either"
+version = "1.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9e5e8f6c15a24b9a3ee5efec809ccd006d3b30e8b3bb63c39af737c7f87daa1d"
+dependencies = [
+ "serde",
+]
+
 [[package]]
 name = "embed-resource"
 version = "3.0.11"
@@ -939,6 +1078,16 @@ dependencies = [
  "windows-sys 0.61.2",
 ]
 
+[[package]]
+name = "etcetera"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "de48cc4d1c1d97a20fd819def54b890cadde72ed3ad0c614822a0a433361be96"
+dependencies = [
+ "cfg-if",
+ "windows-sys 0.61.2",
+]
+
 [[package]]
 name = "event-listener"
 version = "5.4.2"
@@ -1000,6 +1149,17 @@ dependencies = [
  "miniz_oxide",
 ]
 
+[[package]]
+name = "flume"
+version = "0.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5e139bc46ca777eb5efaf62df0ab8cc5fd400866427e56c68b22e414e53bd3be"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+ "spin",
+]
+
 [[package]]
 name = "fnv"
 version = "1.0.7"
@@ -1012,6 +1172,15 @@ version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "77ce24cb58228fbb8aa041425bb1050850ac19177686ea6e0f41a70416f56fdb"
 
+[[package]]
+name = "foreign-types"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f6f339eb8adc052cd2ca78910fda869aefa38d22d5cb648e6485e4d3fc06f3b1"
+dependencies = [
+ "foreign-types-shared 0.1.1",
+]
+
 [[package]]
 name = "foreign-types"
 version = "0.5.0"
@@ -1019,7 +1188,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d737d9aa519fb7b749cbc3b962edcf310a8dd1f4b67c91c4f83975dbdd17d965"
 dependencies = [
  "foreign-types-macros",
- "foreign-types-shared",
+ "foreign-types-shared 0.3.1",
 ]
 
 [[package]]
@@ -1033,6 +1202,12 @@ dependencies = [
  "syn 3.0.3",
 ]
 
+[[package]]
+name = "foreign-types-shared"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "00b0228411908ca8685dba7fc2cdd70ec9990a6e753e89b6ac91a84c40fbaf4b"
+
 [[package]]
 name = "foreign-types-shared"
 version = "0.3.1"
@@ -1055,6 +1230,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b1f9e3d69d39e4862ffed03ed071a76f9a13ba1d9109d355b0f0aa6b15e393c4"
 dependencies = [
  "futures-core",
+ "futures-sink",
 ]
 
 [[package]]
@@ -1074,6 +1250,17 @@ dependencies = [
  "futures-util",
 ]
 
+[[package]]
+name = "futures-intrusive"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d930c203dd0b6ff06e0201a4a2fe9149b43c684fd4420555b26d21b1a02956f"
+dependencies = [
+ "futures-core",
+ "lock_api",
+ "parking_lot",
+]
+
 [[package]]
 name = "futures-io"
 version = "0.3.34"
@@ -1273,6 +1460,7 @@ dependencies = [
  "cfg-if",
  "libc",
  "r-efi 6.0.0",
+ "rand_core",
 ]
 
 [[package]]
@@ -1429,12 +1617,32 @@ version = "0.12.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"
 
+[[package]]
+name = "hashbrown"
+version = "0.16.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "841d1cc9bed7f9236f321df977030373f4a4163ae1a7dbfe1a51a2c1a51d9100"
+dependencies = [
+ "allocator-api2",
+ "equivalent",
+ "foldhash",
+]
+
 [[package]]
 name = "hashbrown"
 version = "0.17.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ed5909b6e89a2db4456e54cd5f673791d7eca6732202bbf2a9cc504fe2f9b84a"
 
+[[package]]
+name = "hashlink"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "824e001ac4f3012dd16a264bec811403a67ca9deb6c102fc5049b32c4574b35f"
+dependencies = [
+ "hashbrown 0.16.1",
+]
+
 [[package]]
 name = "heck"
 version = "0.4.1"
@@ -1459,6 +1667,24 @@ version = "0.4.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
 
+[[package]]
+name = "hkdf"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4aaa26c720c68b866f2c96ef5c1264b3e6f473fe5d4ce61cd44bbe913e553018"
+dependencies = [
+ "hmac",
+]
+
+[[package]]
+name = "hmac"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6303bc9732ae41b04cb554b844a762b4115a61bfaa81e3e83050991eeb56863f"
+dependencies = [
+ "digest 0.11.3",
+]
+
 [[package]]
 name = "html5ever"
 version = "0.38.0"
@@ -1508,6 +1734,15 @@ version = "1.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "6dbf3de79e51f3d586ab4cb9d5c3e2c14aa28ed23d180cf89b4df0454a69cc87"
 
+[[package]]
+name = "hybrid-array"
+version = "0.4.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "707114b52a152fa7bdb290cd7cd5912d9467273b6d74e21b8d81aca1f8533f6b"
+dependencies = [
+ "typenum",
+]
+
 [[package]]
 name = "hyper"
 version = "1.11.0"
@@ -1980,6 +2215,17 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "libsqlite3-sys"
+version = "0.37.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b1f111c8c41e7c61a49cd34e44c7619462967221a6443b0ec299e0ac30cfb9b1"
+dependencies = [
+ "cc",
+ "pkg-config",
+ "vcpkg",
+]
+
 [[package]]
 name = "linux-raw-sys"
 version = "0.12.1"
@@ -2018,6 +2264,16 @@ dependencies = [
  "web_atoms",
 ]
 
+[[package]]
+name = "md-5"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "69b6441f590336821bb897fb28fc622898ccceb1d6cea3fde5ea86b090c4de98"
+dependencies = [
+ "cfg-if",
+ "digest 0.11.3",
+]
+
 [[package]]
 name = "memchr"
 version = "2.8.3"
@@ -2081,6 +2337,23 @@ dependencies = [
  "windows-sys 0.61.2",
 ]
 
+[[package]]
+name = "native-tls"
+version = "0.2.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "465500e14ea162429d264d44189adc38b199b62b1c21eea9f69e4b73cb03bbf2"
+dependencies = [
+ "libc",
+ "log",
+ "openssl",
+ "openssl-probe",
+ "openssl-sys",
+ "schannel",
+ "security-framework",
+ "security-framework-sys",
+ "tempfile",
+]
+
 [[package]]
 name = "ndk"
 version = "0.9.0"
@@ -2360,6 +2633,49 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "openssl"
+version = "0.10.81"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77823a27f0babb03091cb9ed9ef80af3b39dbc82f97e8fa530374b7dafd87a45"
+dependencies = [
+ "bitflags 2.13.1",
+ "cfg-if",
+ "foreign-types 0.3.2",
+ "libc",
+ "openssl-macros",
+ "openssl-sys",
+]
+
+[[package]]
+name = "openssl-macros"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a948666b637a0f465e8564c73e89d4dde00d72d4d473cc972f390fc3dcee7d9c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "openssl-probe"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7c87def4c32ab89d880effc9e097653c8da5d6ef28e6b539d313baaacfbafcbe"
+
+[[package]]
+name = "openssl-sys"
+version = "0.9.117"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b47e7e6bb2c38cd930d25a23b40fa52e068c10e85f3e03a7f5ba5aaca5713695"
+dependencies = [
+ "cc",
+ "libc",
+ "pkg-config",
+ "vcpkg",
+]
+
 [[package]]
 name = "option-ext"
 version = "0.2.0"
@@ -2693,12 +3009,49 @@ version = "6.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f8dcc9c7d52a811697d2151c701e0d08956f92b0e24136cf4cf27b57a6a0d9bf"
 
+[[package]]
+name = "rand"
+version = "0.10.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7f5fa3a058cd35567ef9bfa5e75732bee0f9e4c55fa90477bef2dfcdbc4be80"
+dependencies = [
+ "chacha20",
+ "getrandom 0.4.3",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "63b8176103e19a2643978565ca18b50549f6101881c443590420e4dc998a3c69"
+
 [[package]]
 name = "raw-window-handle"
 version = "0.6.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "20675572f6f24e9e76ef639bc5552774ed45f1c30e2951e1e99c59888861c539"
 
+[[package]]
+name = "rayon"
+version = "1.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fb39b166781f92d482534ef4b4b1b2568f42613b53e5b6c160e24cfbfa30926d"
+dependencies = [
+ "either",
+ "rayon-core",
+]
+
+[[package]]
+name = "rayon-core"
+version = "1.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22e18b0f0062d30d4230b2e85ff77fdfe4326feb054b9783a3460d8435c8ab91"
+dependencies = [
+ "crossbeam-deque",
+ "crossbeam-utils",
+]
+
 [[package]]
 name = "redox_syscall"
 version = "0.5.18"
@@ -2845,6 +3198,15 @@ dependencies = [
  "winapi-util",
 ]
 
+[[package]]
+name = "schannel"
+version = "0.1.29"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "91c1b7e4904c873ef0710c1f407dde2e6287de2bebc1bbbf7d430bb7cbffd939"
+dependencies = [
+ "windows-sys 0.61.2",
+]
+
 [[package]]
 name = "schemars"
 version = "0.8.22"
@@ -2902,6 +3264,29 @@ version = "1.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
 
+[[package]]
+name = "security-framework"
+version = "3.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b7f4bc775c73d9a02cde8bf7b2ec4c9d12743edf609006c7facc23998404cd1d"
+dependencies = [
+ "bitflags 2.13.1",
+ "core-foundation",
+ "core-foundation-sys",
+ "libc",
+ "security-framework-sys",
+]
+
+[[package]]
+name = "security-framework-sys"
+version = "2.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ce2691df843ecc5d231c0b14ece2acc3efb62c0a398c7e1d875f3983ce020e3"
+dependencies = [
+ "core-foundation-sys",
+ "libc",
+]
+
 [[package]]
 name = "selectors"
 version = "0.36.1"
@@ -3090,6 +3475,17 @@ dependencies = [
  "stable_deref_trait",
 ]
 
+[[package]]
+name = "sha1"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aacc4cc499359472b4abe1bf11d0b12e688af9a805fa5e3016f9a386dc2d0214"
+dependencies = [
+ "cfg-if",
+ "cpufeatures 0.3.0",
+ "digest 0.11.3",
+]
+
 [[package]]
 name = "sha2"
 version = "0.10.9"
@@ -3097,8 +3493,19 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a7507d819769d01a365ab707794a4084392c824f54a7a6a7862f8c3d0892b283"
 dependencies = [
  "cfg-if",
- "cpufeatures",
- "digest",
+ "cpufeatures 0.2.17",
+ "digest 0.10.7",
+]
+
+[[package]]
+name = "sha2"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "446ba717509524cb3f22f17ecc096f10f4822d76ab5c0b9822c5f9c284e825f4"
+dependencies = [
+ "cfg-if",
+ "cpufeatures 0.3.0",
+ "digest 0.11.3",
 ]
 
 [[package]]
@@ -3140,6 +3547,9 @@ name = "smallvec"
 version = "1.15.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8ed6a63f02c8539c91a8685a86f4099661ba3da017932f6ebbea6de3f0fa7c90"
+dependencies = [
+ "serde",
+]
 
 [[package]]
 name = "socket2"
@@ -3199,6 +3609,191 @@ dependencies = [
  "system-deps",
 ]
 
+[[package]]
+name = "spin"
+version = "0.9.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3763264f6b73151db08c50ff20d7d8a0b8796e021cdea7ceedad07b80155fa0e"
+dependencies = [
+ "lock_api",
+]
+
+[[package]]
+name = "sqlx"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "378620ccc25c62c89d8be1c819e76a88d59bdcc3304733330788948e619bfd71"
+dependencies = [
+ "sqlx-core",
+ "sqlx-macros",
+ "sqlx-mysql",
+ "sqlx-postgres",
+ "sqlx-sqlite",
+]
+
+[[package]]
+name = "sqlx-core"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "05b44e85bf579a8eeb4ceaa77a3a523baf2bf0e9bac7e40f405d537b5d2d5ccb"
+dependencies = [
+ "base64 0.22.1",
+ "bytes",
+ "cfg-if",
+ "chrono",
+ "crc",
+ "crossbeam-queue",
+ "either",
+ "event-listener",
+ "futures-core",
+ "futures-intrusive",
+ "futures-io",
+ "futures-util",
+ "hashbrown 0.16.1",
+ "hashlink",
+ "indexmap 2.14.0",
+ "log",
+ "memchr",
+ "native-tls",
+ "percent-encoding",
+ "serde",
+ "serde_json",
+ "sha2 0.10.9",
+ "smallvec",
+ "thiserror 2.0.20",
+ "tokio",
+ "tokio-stream",
+ "tracing",
+ "url",
+]
+
+[[package]]
+name = "sqlx-macros"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bd2b84f2bc39a5705ef27ec785a11c934a41bbd4a24941e257927cddc26b60bf"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "sqlx-core",
+ "sqlx-macros-core",
+ "syn 2.0.119",
+]
+
+[[package]]
+name = "sqlx-macros-core"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fb8d96de5fdc85a5c4ec813432b523ec637e80ba98f046555f75f7908ddac7c3"
+dependencies = [
+ "cfg-if",
+ "dotenvy",
+ "either",
+ "heck 0.5.0",
+ "hex",
+ "proc-macro2",
+ "quote",
+ "serde",
+ "serde_json",
+ "sha2 0.10.9",
+ "sqlx-core",
+ "sqlx-mysql",
+ "sqlx-postgres",
+ "sqlx-sqlite",
+ "syn 2.0.119",
+ "thiserror 2.0.20",
+ "tokio",
+ "url",
+]
+
+[[package]]
+name = "sqlx-mysql"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "90b8020fe17c5f2c245bfa2505d7ef59c5604839527c740266ad2214acebea27"
+dependencies = [
+ "bitflags 2.13.1",
+ "byteorder",
+ "bytes",
+ "chrono",
+ "crc",
+ "digest 0.11.3",
+ "dotenvy",
+ "either",
+ "futures-core",
+ "futures-util",
+ "generic-array",
+ "log",
+ "percent-encoding",
+ "serde",
+ "sha1",
+ "sha2 0.11.0",
+ "sqlx-core",
+ "thiserror 2.0.20",
+ "tracing",
+]
+
+[[package]]
+name = "sqlx-postgres"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87a2bdd6e83f6b3ea525ca9fee568030508b58355a43d0b2c1674d5f79dcd65e"
+dependencies = [
+ "atoi",
+ "base64 0.22.1",
+ "bitflags 2.13.1",
+ "byteorder",
+ "chrono",
+ "crc",
+ "dotenvy",
+ "etcetera",
+ "futures-channel",
+ "futures-core",
+ "futures-util",
+ "hex",
+ "hkdf",
+ "hmac",
+ "itoa",
+ "log",
+ "md-5",
+ "memchr",
+ "rand",
+ "serde",
+ "serde_json",
+ "sha2 0.11.0",
+ "smallvec",
+ "sqlx-core",
+ "stringprep",
+ "thiserror 2.0.20",
+ "tracing",
+ "whoami",
+]
+
+[[package]]
+name = "sqlx-sqlite"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "488e99c397a62007e4229aec669a179816339afc6d2620ca6fa420dbee2e982c"
+dependencies = [
+ "atoi",
+ "chrono",
+ "flume",
+ "form_urlencoded",
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-intrusive",
+ "futures-util",
+ "libsqlite3-sys",
+ "log",
+ "percent-encoding",
+ "serde",
+ "sqlx-core",
+ "thiserror 2.0.20",
+ "tracing",
+ "url",
+]
+
 [[package]]
 name = "stable_deref_trait"
 version = "1.2.1"
@@ -3209,11 +3804,15 @@ checksum = "6ce2be8dc25455e1f91df71bfa12ad37d7af1092ae736f3a6cd0e37bc7810596"
 name = "stealthreader"
 version = "0.1.0"
 dependencies = [
+ "chrono",
  "serde",
  "serde_json",
+ "sqlx",
  "tauri",
  "tauri-build",
+ "tauri-helper",
  "tauri-plugin-opener",
+ "tauri-plugin-store",
 ]
 
 [[package]]
@@ -3240,6 +3839,17 @@ dependencies = [
  "quote",
 ]
 
+[[package]]
+name = "stringprep"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7b4df3d392d81bd458a8a621b8bffbd2302a12ffe288a9d931670948749463b1"
+dependencies = [
+ "unicode-bidi",
+ "unicode-normalization",
+ "unicode-properties",
+]
+
 [[package]]
 name = "strsim"
 version = "0.11.1"
@@ -3468,7 +4078,7 @@ dependencies = [
  "semver",
  "serde",
  "serde_json",
- "sha2",
+ "sha2 0.10.9",
  "syn 2.0.119",
  "tauri-utils",
  "thiserror 2.0.20",
@@ -3478,6 +4088,21 @@ dependencies = [
  "walkdir",
 ]
 
+[[package]]
+name = "tauri-helper"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6b6ed54c4a04e658f8f1c57513abbeb5e2493c9db1d31987c9cc6db6c19a245c"
+dependencies = [
+ "rayon",
+ "serde",
+ "syn 2.0.119",
+ "tauri_helper_core",
+ "tauri_helper_macros",
+ "toml 0.9.12+spec-1.1.0",
+ "walkdir",
+]
+
 [[package]]
 name = "tauri-macros"
 version = "2.6.3"
@@ -3530,6 +4155,22 @@ dependencies = [
  "zbus",
 ]
 
+[[package]]
+name = "tauri-plugin-store"
+version = "2.4.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6708afbe549f176b712066e71648ba8fafba20789453718260c7ca356733cb0c"
+dependencies = [
+ "dunce",
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.20",
+ "tokio",
+ "tracing",
+]
+
 [[package]]
 name = "tauri-runtime"
 version = "2.11.3"
@@ -3630,6 +4271,33 @@ dependencies = [
  "toml 1.1.4+spec-1.1.0",
 ]
 
+[[package]]
+name = "tauri_helper_core"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6da0ac433082491b94f3ba7f5087ee888608917bd371bb213ac16bc722547541"
+dependencies = [
+ "serde",
+ "toml 0.9.12+spec-1.1.0",
+]
+
+[[package]]
+name = "tauri_helper_macros"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7d6da533f4bd8a64d991a8ebca6abc2243d12eae7190c69ccdfa3483f82080b9"
+dependencies = [
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "serde",
+ "syn 2.0.119",
+ "tauri_helper_core",
+ "thiserror 2.0.20",
+ "toml 0.9.12+spec-1.1.0",
+ "walkdir",
+]
+
 [[package]]
 name = "tempfile"
 version = "3.27.0"
@@ -3758,9 +4426,32 @@ dependencies = [
  "mio",
  "pin-project-lite",
  "socket2",
+ "tokio-macros",
  "windows-sys 0.61.2",
 ]
 
+[[package]]
+name = "tokio-macros"
+version = "2.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78773a2a397f451582ce068015985c33193cf6dea8b74d2a639fe457b2f07b0e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 3.0.3",
+]
+
+[[package]]
+name = "tokio-stream"
+version = "0.1.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a3d06f0b082ba57c26b79407372e57cf2a1e28124f78e9479fe80322cf53420b"
+dependencies = [
+ "futures-core",
+ "pin-project-lite",
+ "tokio",
+]
+
 [[package]]
 name = "tokio-util"
 version = "0.7.19"
@@ -3945,6 +4636,7 @@ version = "0.1.44"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "63e71662fa4b2a2c3a26f570f037eb95bb1f85397f3cd8076caed2f026a6d100"
 dependencies = [
+ "log",
  "pin-project-lite",
  "tracing-attributes",
  "tracing-core",
@@ -4062,12 +4754,33 @@ dependencies = [
  "unic-common",
 ]
 
+[[package]]
+name = "unicode-bidi"
+version = "0.3.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c1cb5db39152898a79168971543b1cb5020dff7fe43c8dc468b0885f5e29df5"
+
 [[package]]
 name = "unicode-ident"
 version = "1.0.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e6e4313cd5fcd3dad5cafa179702e2b244f760991f45397d14d4ebf38247da75"
 
+[[package]]
+name = "unicode-normalization"
+version = "0.1.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5fd4f6878c9cb28d874b009da9e8d183b5abc80117c40bbd187a1fde336be6e8"
+dependencies = [
+ "tinyvec",
+]
+
+[[package]]
+name = "unicode-properties"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7df058c713841ad818f1dc5d3fd88063241cc61f49f5fbea4b951e8cf5a8d71d"
+
 [[package]]
 name = "unicode-segmentation"
 version = "1.13.3"
@@ -4117,6 +4830,12 @@ dependencies = [
  "wasm-bindgen",
 ]
 
+[[package]]
+name = "vcpkg"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "accd4ea62f7bb7a82fe23066fb0957d48ef677f6eeb8215f372f52e48bb32426"
+
 [[package]]
 name = "version-compare"
 version = "0.2.1"
@@ -4353,6 +5072,12 @@ dependencies = [
  "windows-core 0.61.2",
 ]
 
+[[package]]
+name = "whoami"
+version = "2.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "626c4bac6755d76ffc12cb01b2eac751db1996b9e0041de9aa02c8c211ddc82c"
+
 [[package]]
 name = "winapi"
 version = "0.3.9"
@@ -4780,7 +5505,7 @@ dependencies = [
  "once_cell",
  "percent-encoding",
  "raw-window-handle",
- "sha2",
+ "sha2 0.10.9",
  "soup3",
  "tao-macros",
  "thiserror 2.0.20",
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 499de9d..565fa2e 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -14,12 +14,24 @@ edition = "2021"
 name = "stealthreader_lib"
 crate-type = ["staticlib", "cdylib", "rlib"]
 
+[workspace]
+members = ["."]
+
 [build-dependencies]
 tauri-build = { version = "2", features = [] }
+tauri-helper = "0.2.1"
 
 [dependencies]
 tauri = { version = "2", features = [] }
 tauri-plugin-opener = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
-
+tauri-plugin-store = "2.4.4"
+tauri-helper = "0.2.1"
+sqlx = { version = "0.9.0", features = [
+    "runtime-tokio",
+    "sqlite",
+    "tls-native-tls",
+    "chrono",
+] }
+chrono = "0.4.45"
diff --git a/src-tauri/build.rs b/src-tauri/build.rs
index d860e1e..aade1ae 100644
--- a/src-tauri/build.rs
+++ b/src-tauri/build.rs
@@ -1,3 +1,4 @@
 fn main() {
+    tauri_helper::generate_command_file(tauri_helper::TauriHelperOptions::default());
     tauri_build::build()
 }
diff --git a/src-tauri/src/commands/book.rs b/src-tauri/src/commands/book.rs
new file mode 100644
index 0000000..bf3bdc9
--- /dev/null
+++ b/src-tauri/src/commands/book.rs
@@ -0,0 +1,7 @@
+use tauri_helper::auto_collect_command;
+
+#[tauri::command]
+#[auto_collect_command]
+pub async fn import_book() -> Result<(), String> {
+    Ok(())
+}
\ No newline at end of file
diff --git a/src-tauri/src/commands/mod.rs b/src-tauri/src/commands/mod.rs
new file mode 100644
index 0000000..33369c6
--- /dev/null
+++ b/src-tauri/src/commands/mod.rs
@@ -0,0 +1 @@
+pub mod book;
\ No newline at end of file
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 4a277ef..a58544d 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -1,14 +1,25 @@
-// Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
-#[tauri::command]
-fn greet(name: &str) -> String {
-    format!("Hello, {}! You've been greeted from Rust!", name)
-}
+mod commands;
+mod services;
+mod models;
+
+use tauri::Manager;
+use commands::book::*;
+use services::db::init_pool;
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     tauri::Builder::default()
         .plugin(tauri_plugin_opener::init())
-        .invoke_handler(tauri::generate_handler![greet])
+        .setup(|app| {
+            let pool = tauri::async_runtime::block_on(async {
+                init_pool().await.expect("sqlite数据库连接池初始化失败!")
+            });
+            app.manage(pool);
+            Ok(())
+        })
+        .plugin(tauri_plugin_store::Builder::default().build())
+        // .invoke_handler(tauri::generate_handler![greet])
+        .invoke_handler(tauri_helper::tauri_collect_commands!())
         .run(tauri::generate_context!())
         .expect("error while running tauri application");
 }
diff --git a/src-tauri/src/models.rs b/src-tauri/src/models.rs
new file mode 100644
index 0000000..92f9fa4
--- /dev/null
+++ b/src-tauri/src/models.rs
@@ -0,0 +1,47 @@
+use serde::{Deserialize, Serialize};
+
+#[derive(Debug, Serialize, Deserialize)]
+pub struct PageResult<T> {
+    pub total: i64,
+    pub list: Vec<T>,
+    pub page: i32,
+    pub page_size: i32,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+pub struct ApiResponse<T> {
+    success: bool,
+    code: i32,
+    msg: String,
+    data: Option<T>,
+}
+
+impl<T> ApiResponse<T> {
+    // 成功响应
+    pub fn success(data: T) -> Self {
+        Self {
+            success: true,
+            code: 200,
+            msg: "操作成功".to_string(),
+            data: Some(data),
+        }
+    }
+    // 成功响应，数据为空
+    pub fn success_empty() -> ApiResponse<()> {
+        ApiResponse {
+            success: true,
+            code: 200,
+            msg: "操作成功".to_string(),
+            data: None,
+        }
+    }
+    // 错误响应
+    pub fn error(code: i32, message: &str) -> Self {
+        Self {
+            success: false,
+            code,
+            msg: message.to_string(),
+            data: None,
+        }
+    }
+}
diff --git a/src-tauri/src/services/db.rs b/src-tauri/src/services/db.rs
new file mode 100644
index 0000000..0f201a9
--- /dev/null
+++ b/src-tauri/src/services/db.rs
@@ -0,0 +1,10 @@
+use sqlx::pool::PoolOptions;
+use sqlx::sqlite::{SqliteConnectOptions, SqlitePool, SqlitePoolOptions};
+
+pub async fn init_pool() -> Result<SqlitePool, sqlx::Error> {
+    SqlitePoolOptions::new()
+        .max_connections(5)
+        .min_connections(1)
+        .connect("sqlite::memory:")
+        .await
+}
diff --git a/src-tauri/src/services/mod.rs b/src-tauri/src/services/mod.rs
new file mode 100644
index 0000000..8c5eabd
--- /dev/null
+++ b/src-tauri/src/services/mod.rs
@@ -0,0 +1 @@
+pub mod db;
\ No newline at end of file
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index a6b6843..77965af 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -20,7 +20,7 @@
         "decorations": false,
         "alwaysOnTop": false,
         "skipTaskbar": false,
-        "shadow": false,
+        "shadow": true,
         "visible": true,
         "center": false 
       }
diff --git a/src/router/index.ts b/src/router/index.ts
index df4fbdc..03a535f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -30,6 +30,7 @@ const routes = [
         path: "/setting",
         name: "Setting",
         component: () => import("@/views/Setting.vue"),
+        redirect: "/setting/appearance",
         meta: {
           isCache: true,
           title: "设置",
@@ -44,6 +45,24 @@ const routes = [
               title: "外观设置",
             },
           },
+          {
+            path: "/setting/shortcut",
+            name: "Shortcut",
+            component: () => import("@/views/setting/Shortcut.vue"),
+            meta: {
+              isCache: true,
+              title: "快捷键",
+            },
+          },
+          {
+            path: "/setting/about",
+            name: "About",
+            component: () => import("@/views/setting/About.vue"),
+            meta: {
+              isCache: true,
+              title: "关于",
+            },
+          },
         ],
       },
     ],
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index b48a5db..20115ab 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -11,6 +11,8 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    NAnchor: typeof import('naive-ui')['NAnchor']
+    NAnchorLink: typeof import('naive-ui')['NAnchorLink']
     NButton: typeof import('naive-ui')['NButton']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDialogProvider: typeof import('naive-ui')['NDialogProvider']
@@ -20,10 +22,14 @@ declare module 'vue' {
     NLayout: typeof import('naive-ui')['NLayout']
     NLayoutContent: typeof import('naive-ui')['NLayoutContent']
     NLayoutHeader: typeof import('naive-ui')['NLayoutHeader']
+    NLayoutSider: typeof import('naive-ui')['NLayoutSider']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
     NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
+    NRadioButton: typeof import('naive-ui')['NRadioButton']
+    NRadioGroup: typeof import('naive-ui')['NRadioGroup']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
     NSpace: typeof import('naive-ui')['NSpace']
+    NSwitch: typeof import('naive-ui')['NSwitch']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 11860d3..b8ef9c8 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,43 +1,157 @@
-<template>
-  <n-space vertical size="large">
-    <n-layout>
-      <n-layout-header class="header">
-        <n-input round placeholder="搜索">
-          <template #suffix>
-            <n-icon :component="BookSearch24Regular" />
-          </template>
-        </n-input>
-        <n-icon :component="SettingOutlined" @click="goSettingView" />
-        <!-- <n-icon :component="BookReader" @click="goReaderView" /> -->
-      </n-layout-header>
-      <n-layout-content class="content">
-        <div>书籍列表</div>
-        <n-empty v-if="bookList.length == 0" description="还没有导入书籍哦">
+<template>  <div class="home">
+    <header class="home-header">
+      <n-input
+        v-model:value="searchValue"
+        class="search-input"
+        round
+        clearable
+        placeholder="搜索书籍"
+      >
+        <template #prefix>
+          <n-icon :component="BookSearch24Regular" />
+        </template>
+      </n-input>
+
+      <button class="setting-btn" title="设置" aria-label="设置" @click="goSettingView">
+        <n-icon :size="20" :component="SettingOutlined" />
+      </button>
+    </header>
+
+    <section class="home-body">
+      <div class="section-title">
+        <span class="section-name">我的书籍</span>
+        <span class="section-count">{{ bookList.length }} 本</span>
+      </div>
+
+      <n-scrollbar class="book-scrollbar">
+        <n-empty v-if="bookList.length === 0" class="empty" description="还没有导入书籍哦">
           <template #extra>
-            <n-button size="small"> 立即导入 </n-button>
+            <n-button size="small" type="primary" round>立即导入</n-button>
           </template>
         </n-empty>
-      </n-layout-content>
-    </n-layout>
-  </n-space>
+      </n-scrollbar>
+    </section>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { BookSearch24Regular } from "@vicons/fluent"
 import { SettingOutlined } from "@vicons/antd"
-import { BookReader } from "@vicons/fa"
 
 const router = useRouter()
 
 const bookList = ref([])
+const searchValue = ref("")
 
 const goSettingView = () => {
   router.push({ name: "Setting" })
 }
-
-const goReaderView = () => {
-  router.push({ name: "Reader" })
-}
 </script>
 
+<style lang="scss" scoped>
+.home {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.home-header {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  margin: 20px 24px 12px;
+}
+
+.search-input {
+  flex: 1;
+  margin-right: 16px;
+
+  :deep(.n-input) {
+    background-color: var(--color-surface);
+    border-color: var(--color-border);
+  }
+
+  :deep(.n-input:hover) {
+    border-color: var(--color-border-hover);
+  }
+
+  :deep(.n-input.n-input--focus) {
+    border-color: var(--color-accent);
+    box-shadow: var(--shadow-focus);
+  }
+}
+
+.setting-btn {
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: var(--radius-sm);
+  background-color: var(--color-surface);
+  color: var(--color-text-secondary);
+  box-shadow: var(--shadow-card);
+  cursor: pointer;
+  transition: color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
+
+  &:hover {
+    color: var(--color-accent);
+    background-color: var(--color-surface-hover);
+    box-shadow: var(--shadow-card-hover);
+  }
+}
+
+.home-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0 24px 20px;
+}
+
+.section-title {
+  flex-shrink: 0;
+  display: flex;
+  align-items: baseline;
+  margin-bottom: 12px;
+}
+
+.section-name {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--color-text-primary);
+  margin-right: 8px;
+}
+
+.section-count {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+.book-scrollbar {
+  flex: 1;
+  min-height: 0;
+
+  :deep(.n-scrollbar-container) {
+    height: 100%;
+  }
+
+  :deep(.n-scrollbar-content) {
+    min-height: 100%;
+  }
+}
+
+.empty {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+</style>
+pt>
+
 <style lang="scss" scoped></style>
diff --git a/src/views/Setting.vue b/src/views/Setting.vue
index 0ad8b8a..31359f4 100644
--- a/src/views/Setting.vue
+++ b/src/views/Setting.vue
@@ -1,18 +1,187 @@
 <template>
-  <n-space>
-    <n-icon :component="MdArrowBack" @click="goBack" />
-    <p><strong>设置页面</strong></p>
-  </n-space>
+  <div class="setting">
+    <header class="setting-header">
+      <button class="back-btn" title="返回" aria-label="返回" @click="goBack">
+        <n-icon :component="ArrowLeftOutlined" />
+      </button>
+      <span class="setting-title">设置</span>
+    </header>
+
+    <div class="setting-body">
+      <aside class="setting-sider">
+        <n-scrollbar class="setting-sider__scroll">
+          <n-anchor
+            class="setting-anchor"
+            :show-rail="false"
+            :show-background="false"
+          >
+            <n-anchor-link
+              v-for="item in menuItems"
+              :key="item.name"
+              :href="item.href"
+              @click="onNavClick(item, $event)"
+            >
+              <template #title>
+                <span class="nav-item" :class="{ 'nav-item--active': isActive(item) }">
+                  <n-icon class="nav-item__icon" :component="item.icon" :size="18" />
+                  <span class="nav-item__label">{{ item.label }}</span>
+                </span>
+              </template>
+            </n-anchor-link>
+          </n-anchor>
+        </n-scrollbar>
+      </aside>
+
+      <section class="setting-content">
+        <n-scrollbar class="setting-content__scroll">
+          <RouterView />
+        </n-scrollbar>
+      </section>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
-import { MdArrowBack } from "@vicons/ionicons4"
+import {
+  ArrowLeftOutlined,
+  BgColorsOutlined,
+  InfoCircleOutlined,
+  KeyOutlined,
+} from "@vicons/antd"
 
 const router = useRouter()
+const route = useRoute()
+
+const menuItems = [
+  { label: "外观", name: "Appearance", href: "#appearance", icon: BgColorsOutlined },
+  { label: "快捷键", name: "Shortcut", href: "#shortcut", icon: KeyOutlined },
+  { label: "关于", name: "About", href: "#about", icon: InfoCircleOutlined },
+]
 
 const goBack = () => {
-    router.back()
+  router.push({ name: "Home" })
+}
+
+const isActive = (item: (typeof menuItems)[number]) => route.name === item.name
+
+const onNavClick = (item: (typeof menuItems)[number], e: Event) => {
+  e.preventDefault()
+  router.push({ name: item.name })
 }
 </script>
 
-<style scoped></style>
+<style lang="scss" scoped>
+.setting {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.setting-header {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  margin: 20px 24px 16px;
+}
+
+.back-btn {
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: var(--radius-sm);
+  background-color: var(--color-surface);
+  color: var(--color-text-secondary);
+  box-shadow: var(--shadow-card);
+  cursor: pointer;
+  transition: color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
+
+  &:hover {
+    color: var(--color-accent);
+    background-color: var(--color-surface-hover);
+    box-shadow: var(--shadow-card-hover);
+  }
+}
+
+.setting-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--color-text-primary);
+  margin-left: 12px;
+}
+
+.setting-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  margin: 0 24px 24px;
+}
+
+.setting-sider {
+  flex-shrink: 0;
+  width: 200px;
+  margin-right: 24px;
+  overflow: hidden;
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-card);
+  box-shadow: var(--shadow-card);
+}
+
+.setting-sider__scroll {
+  height: 100%;
+}
+
+.setting-anchor {
+  margin: 12px;
+
+  :deep(.n-anchor-link) {
+    margin-bottom: 4px;
+  }
+
+  :deep(.n-anchor-link__title) {
+    padding: 0;
+    color: var(--color-text-secondary);
+    border-radius: var(--radius-sm);
+    transition: color 0.2s ease, background-color 0.2s ease;
+  }
+
+  :deep(.n-anchor-link__title:hover) {
+    color: var(--color-text-primary);
+    background-color: var(--color-surface-hover);
+  }
+}
+
+.nav-item {
+  display: flex;
+  align-items: center;
+  margin: 8px 12px;
+  font-size: 14px;
+
+  &__icon {
+    margin-right: 10px;
+  }
+
+  &--active {
+    color: var(--color-accent);
+    font-weight: 600;
+  }
+}
+
+.setting-content {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-card);
+  box-shadow: var(--shadow-card);
+}
+
+.setting-content__scroll {
+  height: 100%;
+}
+</style>
diff --git a/src/views/setting/About.vue b/src/views/setting/About.vue
new file mode 100644
index 0000000..246603c
--- /dev/null
+++ b/src/views/setting/About.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="setting-page">
+    <h2 class="page-title">关于</h2>
+    <p class="page-desc">关于本应用的信息</p>
+
+    <div class="about-card">
+      <div class="app-logo">幽</div>
+      <div class="app-name">幽灵阅读器</div>
+      <div class="app-version">版本 0.1.0</div>
+      <div class="app-desc">一款安静、沉浸的本地阅读器</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped>
+.setting-page {
+  margin: 24px 28px;
+}
+
+.page-title {
+  margin: 0 0 4px;
+  font-size: 20px;
+  font-weight: 600;
+  color: var(--color-text-primary);
+}
+
+.page-desc {
+  margin: 0 0 20px;
+  font-size: 13px;
+  color: var(--color-text-secondary);
+}
+
+.about-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 320px;
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-card);
+  box-shadow: var(--shadow-card);
+  margin-top: 8px;
+}
+
+.app-logo {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-card);
+  background: var(--color-accent-gradient);
+  color: var(--color-text-invert);
+  font-size: 28px;
+  font-weight: 700;
+  margin-bottom: 16px;
+}
+
+.app-name {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--color-text-primary);
+}
+
+.app-version {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+  margin-top: 4px;
+}
+
+.app-desc {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+  margin-top: 16px;
+}
+</style>
diff --git a/src/views/setting/Appearance.vue b/src/views/setting/Appearance.vue
index 8859196..32237f5 100644
--- a/src/views/setting/Appearance.vue
+++ b/src/views/setting/Appearance.vue
@@ -1,13 +1,108 @@
 <template>
-    <n-space vertical size="large">
-        <strong>外观设置</strong>
-    </n-space>
+  <div class="setting-page">
+    <h2 class="page-title">外观</h2>
+    <p class="page-desc">自定义应用的外观与阅读体验</p>
+
+    <div class="setting-group">
+      <div class="group-title">主题</div>
+      <div class="setting-item">
+        <div class="item-info">
+          <span class="item-label">主题模式</span>
+          <span class="item-desc">选择应用的整体配色方案</span>
+        </div>
+        <n-radio-group v-model:value="theme" name="theme">
+          <n-radio-button value="light">浅色</n-radio-button>
+          <n-radio-button value="dark">深色</n-radio-button>
+          <n-radio-button value="system">跟随系统</n-radio-button>
+        </n-radio-group>
+      </div>
+    </div>
+    
+
+    <div class="setting-group">
+      <div class="group-title">阅读</div>
+      <div class="setting-item">
+        <div class="item-info">
+          <span class="item-label">自动换行</span>
+          <span class="item-desc">长段落自动换行显示</span>
+        </div>
+        <n-switch v-model:value="wordWrap" />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
-
+const theme = ref("light")
+const wordWrap = ref(true)
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.setting-page {
+  margin: 24px 28px;
+}
 
-</style>
\ No newline at end of file
+.page-title {
+  margin: 0 0 4px;
+  font-size: 20px;
+  font-weight: 600;
+  color: var(--color-text-primary);
+}
+
+.page-desc {
+  margin: 0 0 20px;
+  font-size: 13px;
+  color: var(--color-text-secondary);
+}
+
+.setting-group {
+  margin-bottom: 24px;
+}
+
+.group-title {
+  margin-bottom: 8px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--color-text-secondary);
+}
+
+.setting-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  box-shadow: var(--shadow-card);
+  margin-bottom: 0;
+  transition: box-shadow 0.2s ease, border-color 0.2s ease;
+
+  &:hover {
+    border-color: var(--color-border-hover);
+    box-shadow: var(--shadow-card-hover);
+  }
+}
+
+.item-info {
+  display: flex;
+  flex-direction: column;
+  margin: 12px 16px;
+}
+
+.item-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text-primary);
+}
+
+.item-desc {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+  margin-top: 2px;
+}
+
+:deep(.n-radio-group),
+:deep(.n-switch) {
+  margin: 0 16px;
+}
+</style>
diff --git a/src/views/setting/Shortcut.vue b/src/views/setting/Shortcut.vue
new file mode 100644
index 0000000..41c179e
--- /dev/null
+++ b/src/views/setting/Shortcut.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="setting-page">
+    <h2 class="page-title">快捷键</h2>
+    <p class="page-desc">使用键盘快速完成常用操作</p>
+
+    <div class="setting-group">
+      <div v-for="item in shortcuts" :key="item.action" class="shortcut-item">
+        <span class="shortcut-action">{{ item.action }}</span>
+        <span class="shortcut-keys">
+          <template v-for="(key, i) in item.keys" :key="i">
+            <kbd class="shortcut-key">{{ key }}</kbd>
+            <span v-if="i < item.keys.length - 1" class="shortcut-sep">+</span>
+          </template>
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const shortcuts = [
+  { action: "上一页", keys: ["←"] },
+  { action: "下一页", keys: ["→"] },
+  { action: "打开搜索", keys: ["Ctrl", "F"] },
+  { action: "打开设置", keys: ["Ctrl", ","] },
+]
+</script>
+
+<style lang="scss" scoped>
+.setting-page {
+  margin: 24px 28px;
+}
+
+.page-title {
+  margin: 0 0 4px;
+  font-size: 20px;
+  font-weight: 600;
+  color: var(--color-text-primary);
+}
+
+.page-desc {
+  margin: 0 0 20px;
+  font-size: 13px;
+  color: var(--color-text-secondary);
+}
+
+.setting-group {
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  box-shadow: var(--shadow-card);
+}
+
+.shortcut-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 16px;
+  min-height: 44px;
+
+  & + & {
+    border-top: 1px solid var(--color-border);
+  }
+}
+
+.shortcut-action {
+  font-size: 14px;
+  color: var(--color-text-primary);
+}
+
+.shortcut-keys {
+  display: flex;
+  align-items: center;
+}
+
+.shortcut-key {
+  min-width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 2px;
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  background-color: var(--color-window-bg);
+  color: var(--color-text-primary);
+  font-size: 12px;
+  font-family: inherit;
+}
+
+.shortcut-sep {
+  color: var(--color-text-secondary);
+  font-size: 12px;
+}
+</style>