diff --git a/apps/readest-app/src-tauri/Cargo.lock b/apps/readest-app/src-tauri/Cargo.lock
index 7e025006..28147cf7 100644
--- a/apps/readest-app/src-tauri/Cargo.lock
+++ b/apps/readest-app/src-tauri/Cargo.lock
@@ -86,9 +86,9 @@ dependencies = [
 
 [[package]]
 name = "anyhow"
-version = "1.0.89"
+version = "1.0.91"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "86fdf8605db99b54d3cd748a44c6d04df638eb5dafb219b135d0149bd0db01f6"
+checksum = "c042108f3ed77fd83760a5fd79b53be043192bb3b9dba91d8c574c0ada7850c8"
 
 [[package]]
 name = "arrayvec"
@@ -98,9 +98,9 @@ checksum = "7c02d123df017efcdfbd739ef81735b36c5ba83ec3c59c80a9d7ecc718f92e50"
 
 [[package]]
 name = "ashpd"
-version = "0.9.1"
+version = "0.9.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bfe7e0dd0ac5a401dc116ed9f9119cf9decc625600474cb41f0fc0a0050abc9a"
+checksum = "4d43c03d9e36dd40cab48435be0b09646da362c278223ca535493877b2c1dee9"
 dependencies = [
  "enumflags2",
  "futures-channel",
@@ -198,7 +198,7 @@ checksum = "3b43422f69d8ff38f95f1b2bb76517c91589a924d1559a0e935d7c8ce0274c11"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -238,7 +238,7 @@ checksum = "c7c24de15d275a1ecfd47a380fb4d5ec9bfe0933f309ed5e705b775596a3574d"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -255,7 +255,7 @@ checksum = "721cae7de5c34fbb2acd27e21e6d2cf7b886dce0c27388d46c4e6c47ea4318dd"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -306,7 +306,7 @@ dependencies = [
  "futures-util",
  "http 0.2.12",
  "http-body 0.4.6",
- "hyper 0.14.30",
+ "hyper 0.14.31",
  "itoa 1.0.11",
  "matchit",
  "memchr",
@@ -449,7 +449,7 @@ dependencies = [
  "proc-macro-crate 2.0.2",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
  "syn_derive",
 ]
 
@@ -515,9 +515,9 @@ dependencies = [
 
 [[package]]
 name = "bytemuck"
-version = "1.18.0"
+version = "1.19.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "94bbb0ad554ad961ddc5da507a12a29b14e4ae5bda06b19f575a3e6079d2e2ae"
+checksum = "8334215b81e418a0a7bdb8ef0849474f40bb10c8b71f1c4ed315cff49f32494d"
 
 [[package]]
 name = "byteorder"
@@ -527,9 +527,9 @@ checksum = "1fd0f2584146f6f2ef48085050886acf353beff7305ebd1ae69500e27c67f64b"
 
 [[package]]
 name = "bytes"
-version = "1.7.2"
+version = "1.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "428d9aa8fbc0670b7b8d6030a7fadd0f86151cae55e4dbbece15f3780a3dfaf3"
+checksum = "9ac0150caa2ae65ca5bd83f25c7de183dea78d4d366469f148435e2acfbad0da"
 dependencies = [
  "serde",
 ]
@@ -603,9 +603,9 @@ dependencies = [
 
 [[package]]
 name = "cc"
-version = "1.1.28"
+version = "1.1.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2e80e3b6a3ab07840e1cae9b0666a63970dc28e8ed5ffbcdacbfc760c281bfc1"
+checksum = "c2e7962b54006dcfcc61cb72735f4d89bb97061dd6a7ed882ec6b8ee53714c6f"
 dependencies = [
  "shlex",
 ]
@@ -878,7 +878,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "13b588ba4ac1a99f7f2964d24b3d896ddc6bf847ee3855dbd4366f058cfcd331"
 dependencies = [
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -888,7 +888,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "edb49164822f3ee45b17acd4a208cfc1251410cf0cad9a833234c9890774dd9f"
 dependencies = [
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -912,7 +912,7 @@ dependencies = [
  "proc-macro2",
  "quote",
  "strsim",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -923,7 +923,7 @@ checksum = "d336a2a514f6ccccaa3e09b02d41d35330c07ddf03a62165fcec10bb561c7806"
 dependencies = [
  "darling_core",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -963,7 +963,7 @@ dependencies = [
  "proc-macro2",
  "quote",
  "rustc_version",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -977,7 +977,7 @@ dependencies = [
  "devtools-wire-format",
  "futures",
  "http 0.2.12",
- "hyper 0.14.30",
+ "hyper 0.14.31",
  "log",
  "prost-types",
  "ringbuf",
@@ -1074,7 +1074,7 @@ checksum = "f2b99bf03862d7f545ebc28ddd33a665b50865f4dfd84031a393823879bd4c54"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -1147,9 +1147,9 @@ checksum = "4ef6b89e5b37196644d8796de5268852ff179b44e96276cf4290264843743bb7"
 
 [[package]]
 name = "encoding_rs"
-version = "0.8.34"
+version = "0.8.35"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b45de904aa0b010bce2ab45264d0631681847fa7b6f2eaa7dab7619943bc4f59"
+checksum = "75030f3c4f45dafd7586dd6780965a8c7e8e285a5ecb86713e63a79c5b2766f3"
 dependencies = [
  "cfg-if",
 ]
@@ -1178,7 +1178,7 @@ checksum = "de0d48a183585823424a4ce1aa132d174a6a81bd540895822eb4c8373a8e49e8"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -1246,9 +1246,9 @@ checksum = "e8c02a5121d4ea3eb16a80748c74f5549a5665e4c21333c6098f283870fbdea6"
 
 [[package]]
 name = "fdeflate"
-version = "0.3.5"
+version = "0.3.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d8090f921a24b04994d9929e204f50b498a33ea6ba559ffaa05e04f7ee7fb5ab"
+checksum = "07c6f4c64c1d33a3111c4466f7365ebdcc37c5bd1ea0d62aae2e3d722aacbedb"
 dependencies = [
  "simd-adler32",
 ]
@@ -1315,7 +1315,7 @@ checksum = "1a5c6c585bc94aaf2c7b51dd4c2ba22680844aba4c687be581871a6f518c5742"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -1399,9 +1399,9 @@ checksum = "9e5c1b78ca4aae1ac06c48a526a655760685149f0d465d21f37abfe57ce075c6"
 
 [[package]]
 name = "futures-lite"
-version = "2.3.0"
+version = "2.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52527eb5074e35e9339c6b4e8d12600c7128b68fb25dcb9fa9dec18f7c25f3a5"
+checksum = "3f1fa2f9765705486b33fd2acf1577f8ec449c2ba1f318ae5447697b7c08d210"
 dependencies = [
  "fastrand",
  "futures-core",
@@ -1418,7 +1418,7 @@ checksum = "162ee34ebcb7c64a8abebc059ce0fee27c2262618d7b60ed8faf72fef13c3650"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -1673,7 +1673,7 @@ dependencies = [
  "proc-macro-error",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -1752,7 +1752,7 @@ dependencies = [
  "proc-macro-error",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -1934,9 +1934,9 @@ checksum = "df3b46402a9d5adb4c86a0cf463f42e19994e3ee891101b1841f30a545cb49a9"
 
 [[package]]
 name = "hyper"
-version = "0.14.30"
+version = "0.14.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a152ddd61dfaec7273fe8419ab357f33aee0d914c5f4efbf0d96fa749eea5ec9"
+checksum = "8c08302e8fa335b151b788c775ff56e7a03ae64ff85c548ee820fecb70356e85"
 dependencies = [
  "bytes",
  "futures-channel",
@@ -1958,9 +1958,9 @@ dependencies = [
 
 [[package]]
 name = "hyper"
-version = "1.4.1"
+version = "1.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "50dfd22e0e76d0f662d429a5f80fcaf3855009297eab6a0a9f8543834744ba05"
+checksum = "bbbff0a806a4728c99295b254c8838933b5b082d75e3cb70c8dab21fdfbcfa9a"
 dependencies = [
  "bytes",
  "futures-channel",
@@ -1984,7 +1984,7 @@ checksum = "08afdbb5c31130e3034af566421053ab03787c640246a446327f550d11bcb333"
 dependencies = [
  "futures-util",
  "http 1.1.0",
- "hyper 1.4.1",
+ "hyper 1.5.0",
  "hyper-util",
  "rustls",
  "rustls-pki-types",
@@ -2000,7 +2000,7 @@ version = "0.4.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "bbb958482e8c7be4bc3cf272a766a2b0bf1a6755e7a6ae777f017a31d11b13b1"
 dependencies = [
- "hyper 0.14.30",
+ "hyper 0.14.31",
  "pin-project-lite",
  "tokio",
  "tokio-io-timeout",
@@ -2008,16 +2008,16 @@ dependencies = [
 
 [[package]]
 name = "hyper-util"
-version = "0.1.9"
+version = "0.1.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "41296eb09f183ac68eec06e03cdbea2e759633d4067b2f6552fc2e009bcad08b"
+checksum = "df2dcfbe0677734ab2f3ffa7fa7bfd4706bfdc1ef393f2ee30184aed67e631b4"
 dependencies = [
  "bytes",
  "futures-channel",
  "futures-util",
  "http 1.1.0",
  "http-body 1.0.1",
- "hyper 1.4.1",
+ "hyper 1.5.0",
  "pin-project-lite",
  "socket2",
  "tokio",
@@ -2198,9 +2198,9 @@ checksum = "8eaf4bc02d17cbdd7ff4c7438cafcdf7fb9a4613313ad11b4f8fefe7d3fa0130"
 
 [[package]]
 name = "js-sys"
-version = "0.3.70"
+version = "0.3.72"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1868808506b929d7b0cfa8f75951347aa71bb21144b7791bae35d9bccfcfe37a"
+checksum = "6a88f1bda2bd75b0452a14784937d796722fdebfe50df998aeb3f0b7603019a9"
 dependencies = [
  "wasm-bindgen",
 ]
@@ -2306,9 +2306,9 @@ dependencies = [
 
 [[package]]
 name = "libc"
-version = "0.2.159"
+version = "0.2.161"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "561d97a539a36e26a9a5fad1ea11a3039a67714694aaa379433e580854bc3dc5"
+checksum = "8e9489c2807c139ffd9c1794f4af0ebe86a828db53ecdc7fea2111d0fed085d1"
 
 [[package]]
 name = "libloading"
@@ -2472,9 +2472,9 @@ dependencies = [
 
 [[package]]
 name = "muda"
-version = "0.15.1"
+version = "0.15.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b8123dfd4996055ac9b15a60ad263b44b01e539007523ad7a4a533a3d93b0591"
+checksum = "b18047edf23933de40835403d4b9211ffd1dcc65c0eec569df38a1fb8aebd719"
 dependencies = [
  "crossbeam-channel",
  "dpi",
@@ -2612,7 +2612,7 @@ dependencies = [
  "proc-macro-crate 2.0.2",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -3064,7 +3064,7 @@ dependencies = [
  "phf_shared 0.11.2",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -3096,29 +3096,29 @@ dependencies = [
 
 [[package]]
 name = "pin-project"
-version = "1.1.6"
+version = "1.1.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "baf123a161dde1e524adf36f90bc5d8d3462824a9c43553ad07a8183161189ec"
+checksum = "be57f64e946e500c8ee36ef6331845d40a93055567ec57e8fae13efd33759b95"
 dependencies = [
  "pin-project-internal",
 ]
 
 [[package]]
 name = "pin-project-internal"
-version = "1.1.6"
+version = "1.1.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a4502d8515ca9f32f1fb543d987f63d95a14934883db45bdb48060b6b69257f8"
+checksum = "3c0f5fad0874fc7abcd4d750e76917eaebbecaa2c20bde22e1dbeeba8beb758c"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
 name = "pin-project-lite"
-version = "0.2.14"
+version = "0.2.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bda66fc9667c18cb2758a2ac84d1167245054bcf85d5d1aaa6923f45801bdd02"
+checksum = "915a1e146535de9163f3987b8944ed8cf49a18bb0056bcebcdcece385cece4ff"
 
 [[package]]
 name = "pin-utils"
@@ -3263,9 +3263,9 @@ checksum = "dc375e1527247fe1a97d8b7156678dfe7c1af2fc075c9a4db3690ecd2a148068"
 
 [[package]]
 name = "proc-macro2"
-version = "1.0.87"
+version = "1.0.89"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b3e4daa0dcf6feba26f985457cdf104d4b4256fc5a09547140f3631bb076b19a"
+checksum = "f139b0662de085916d1fb67d2b4169d1addddda1919e696f3252b740b629986e"
 dependencies = [
  "unicode-ident",
 ]
@@ -3290,7 +3290,7 @@ dependencies = [
  "itertools",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -3393,10 +3393,11 @@ dependencies = [
 
 [[package]]
 name = "quinn-udp"
-version = "0.5.5"
+version = "0.5.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4fe68c2e9e1a1234e218683dbdf9f9dfcb094113c5ac2b938dfcb9bab4c4140b"
+checksum = "e346e016eacfff12233c243718197ca12f148c84e1e84268a896699b41c71780"
 dependencies = [
+ "cfg_aliases 0.2.1",
  "libc",
  "once_cell",
  "socket2",
@@ -3514,7 +3515,7 @@ dependencies = [
  "serde",
  "serde_json",
  "tauri",
- "tauri-build 2.0.1",
+ "tauri-build 2.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
  "tauri-plugin-devtools",
  "tauri-plugin-dialog",
  "tauri-plugin-fs",
@@ -3545,9 +3546,9 @@ dependencies = [
 
 [[package]]
 name = "regex"
-version = "1.11.0"
+version = "1.11.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "38200e5ee88914975b69f657f0801b6f6dccafd44fd9326302a4aaeecfacb1d8"
+checksum = "b544ef1b4eac5dc2db33ea63606ae9ffcfac26c1416a2806ae0bf5f56b201191"
 dependencies = [
  "aho-corasick",
  "memchr",
@@ -3598,9 +3599,9 @@ dependencies = [
 
 [[package]]
 name = "reqwest"
-version = "0.12.8"
+version = "0.12.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f713147fbe92361e52392c73b8c9e48c04c6625bce969ef54dc901e58e042a7b"
+checksum = "a77c62af46e79de0a562e1a9849205ffcb7fc1238876e9bd743357570e04046f"
 dependencies = [
  "base64 0.22.1",
  "bytes",
@@ -3613,7 +3614,7 @@ dependencies = [
  "http 1.1.0",
  "http-body 1.0.1",
  "http-body-util",
- "hyper 1.4.1",
+ "hyper 1.5.0",
  "hyper-rustls",
  "hyper-util",
  "ipnet",
@@ -3761,9 +3762,9 @@ dependencies = [
 
 [[package]]
 name = "rustix"
-version = "0.38.37"
+version = "0.38.38"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8acb788b847c24f28525660c4d7758620a7210875711f79e7f663cc152726811"
+checksum = "aa260229e6538e52293eeb577aabd09945a09d6d9cc0fc550ed7529056c2e32a"
 dependencies = [
  "bitflags 2.6.0",
  "errno",
@@ -3774,9 +3775,9 @@ dependencies = [
 
 [[package]]
 name = "rustls"
-version = "0.23.14"
+version = "0.23.16"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "415d9944693cb90382053259f89fbb077ea730ad7273047ec63b19bc9b160ba8"
+checksum = "eee87ff5d9b36712a58574e12e9f0ea80f915a5b0ac518d322b24a465617925e"
 dependencies = [
  "once_cell",
  "ring",
@@ -3797,9 +3798,9 @@ dependencies = [
 
 [[package]]
 name = "rustls-pki-types"
-version = "1.9.0"
+version = "1.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0e696e35370c65c9c541198af4543ccd580cf17fc25d8e05c5a242b202488c55"
+checksum = "16f1201b3c9a7ee8039bcadc17b7e605e2945b27eee7631788c1bd2b0643674b"
 
 [[package]]
 name = "rustls-webpki"
@@ -3814,9 +3815,9 @@ dependencies = [
 
 [[package]]
 name = "rustversion"
-version = "1.0.17"
+version = "1.0.18"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "955d28af4278de8121b7ebeb796b6a45735dc01436d898801014aced2773a3d6"
+checksum = "0e819f2bc632f285be6d7cd36e25940d45b2391dd6d9b939e79de557f7014248"
 
 [[package]]
 name = "ryu"
@@ -3857,7 +3858,7 @@ dependencies = [
  "proc-macro2",
  "quote",
  "serde_derive_internals",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -3909,9 +3910,9 @@ dependencies = [
 
 [[package]]
 name = "serde"
-version = "1.0.210"
+version = "1.0.214"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c8e3592472072e6e22e0a54d5904d9febf8508f65fb8552499a1abc7d1078c3a"
+checksum = "f55c3193aca71c12ad7890f1785d2b73e1b9f63a0bbc353c08ef26fe03fc56b5"
 dependencies = [
  "serde_derive",
 ]
@@ -3929,13 +3930,13 @@ dependencies = [
 
 [[package]]
 name = "serde_derive"
-version = "1.0.210"
+version = "1.0.214"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "243902eda00fad750862fc144cea25caca5e20d615af0a81bee94ca738f1df1f"
+checksum = "de523f781f095e28fa605cdce0f8307e451cc0fd14e2eb4cd2e98a355b147766"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -3946,14 +3947,14 @@ checksum = "18d26a20a969b9e3fdf2fc2d9f21eda6c40e2de84c9408bb5d3b05d499aae711"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
 name = "serde_json"
-version = "1.0.128"
+version = "1.0.132"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6ff5456707a1de34e7e37f2a6fd3d3f808c318259cbd01ab6377795054b483d8"
+checksum = "d726bfaff4b320266d395898905d0eba0345aae23b54aee3a737e260fd46db03"
 dependencies = [
  "itoa 1.0.11",
  "memchr",
@@ -3969,7 +3970,7 @@ checksum = "6c64451ba24fc7a6a2d60fc75dd9c83c90903b19028d4eff35e88fc1e86564e9"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -4020,7 +4021,7 @@ dependencies = [
  "darling",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -4272,9 +4273,9 @@ dependencies = [
 
 [[package]]
 name = "syn"
-version = "2.0.79"
+version = "2.0.85"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "89132cd0bf050864e1d38dc3bbc07a0eb8e7530af26344d3d2bbbef83499f590"
+checksum = "5023162dfcd14ef8f32034d8bcd4cc5ddc61ef7a247c024a33e24e1f24d21b56"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -4290,7 +4291,7 @@ dependencies = [
  "proc-macro-error",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -4353,9 +4354,9 @@ dependencies = [
 
 [[package]]
 name = "tao"
-version = "0.30.3"
+version = "0.30.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a0dbbebe82d02044dfa481adca1550d6dd7bd16e086bc34fa0fbecceb5a63751"
+checksum = "63f1f6b2017cc33d7f6fc9c6186a2c0f5dfc985899a7b4fe9e64985c17533db3"
 dependencies = [
  "bitflags 2.6.0",
  "cocoa",
@@ -4398,7 +4399,7 @@ checksum = "f4e16beb8b2ac17db28eab8bca40e62dbfbb34c0fcdc6d9826b11b7b5d047dfd"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -4463,28 +4464,6 @@ dependencies = [
  "windows",
 ]
 
-[[package]]
-name = "tauri-build"
-version = "2.0.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "935f9b3c49b22b3e2e485a57f46d61cd1ae07b1cbb2ba87387a387caf2d8c4e7"
-dependencies = [
- "anyhow",
- "cargo_toml",
- "dirs",
- "glob",
- "heck 0.5.0",
- "json-patch 2.0.0",
- "schemars",
- "semver",
- "serde",
- "serde_json",
- "tauri-utils 2.0.1",
- "tauri-winres",
- "toml 0.8.2",
- "walkdir",
-]
-
 [[package]]
 name = "tauri-build"
 version = "2.0.2"
@@ -4505,6 +4484,28 @@ dependencies = [
  "walkdir",
 ]
 
+[[package]]
+name = "tauri-build"
+version = "2.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9f96827ccfb1aa40d55d0ded79562d18ba18566657a553f992a982d755148376"
+dependencies = [
+ "anyhow",
+ "cargo_toml",
+ "dirs",
+ "glob",
+ "heck 0.5.0",
+ "json-patch 3.0.1",
+ "schemars",
+ "semver",
+ "serde",
+ "serde_json",
+ "tauri-utils 2.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
+ "tauri-winres",
+ "toml 0.8.2",
+ "walkdir",
+]
+
 [[package]]
 name = "tauri-codegen"
 version = "2.0.2"
@@ -4521,7 +4522,7 @@ dependencies = [
  "serde",
  "serde_json",
  "sha2",
- "syn 2.0.79",
+ "syn 2.0.85",
  "tauri-utils 2.0.2",
  "thiserror",
  "time",
@@ -4537,16 +4538,16 @@ dependencies = [
  "heck 0.5.0",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
  "tauri-codegen",
  "tauri-utils 2.0.2",
 ]
 
 [[package]]
 name = "tauri-plugin"
-version = "2.0.1"
+version = "2.0.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b2e6660a409963e4d57b9bfab4addd141eeff41bd3a7fb14e13004a832cf7ef6"
+checksum = "6fa4e6c94cb1d635f65a770c69e23de1bc054b0e4c554fa037a7cc7676333d39"
 dependencies = [
  "anyhow",
  "glob",
@@ -4554,7 +4555,7 @@ dependencies = [
  "schemars",
  "serde",
  "serde_json",
- "tauri-utils 2.0.1",
+ "tauri-utils 2.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
  "toml 0.8.2",
  "walkdir",
 ]
@@ -4588,9 +4589,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-plugin-dialog"
-version = "2.0.1"
+version = "2.0.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ddb2fe88b602461c118722c574e2775ab26a4e68886680583874b2f6520608b7"
+checksum = "4307310e1d2c09ab110235834722e7c2b85099b683e1eb7342ab351b0be5ada3"
 dependencies = [
  "log",
  "raw-window-handle",
@@ -4606,9 +4607,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-plugin-fs"
-version = "2.0.1"
+version = "2.0.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ab300488ebec3487ca5f56289692e7e45feb07eea8d5e1dba497f7dc9dd9c407"
+checksum = "96ba7d46e86db8c830d143ef90ab5a453328365b0cc834c24edea4267b16aba0"
 dependencies = [
  "anyhow",
  "dunce",
@@ -4627,9 +4628,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-plugin-http"
-version = "2.0.1"
+version = "2.0.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "784333f1632d96c94346e8145bfe52970923a38a0e6eacd3dccaa12289275acf"
+checksum = "c752aee1b00ec3c4d4f440095995d9bd2c640b478f2067d1fba388900b82eb96"
 dependencies = [
  "data-url",
  "http 1.1.0",
@@ -4731,17 +4732,16 @@ dependencies = [
 
 [[package]]
 name = "tauri-utils"
-version = "2.0.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c38b0230d6880cf6dd07b6d7dd7789a0869f98ac12146e0d18d1c1049215a045"
+version = "2.0.2"
 dependencies = [
+ "brotli",
  "cargo_metadata",
  "ctor",
  "dunce",
  "glob",
  "html5ever",
  "infer",
- "json-patch 2.0.0",
+ "json-patch 3.0.1",
  "kuchikiki",
  "log",
  "memchr",
@@ -4767,15 +4767,16 @@ dependencies = [
 [[package]]
 name = "tauri-utils"
 version = "2.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fc65d6f5c54e56b66258948a6d9e47a82ea41f4b5a7612bfbdd1634c2913ed0"
 dependencies = [
- "brotli",
  "cargo_metadata",
  "ctor",
  "dunce",
  "glob",
  "html5ever",
  "infer",
- "json-patch 3.0.1",
+ "json-patch 2.0.0",
  "kuchikiki",
  "log",
  "memchr",
@@ -4840,22 +4841,22 @@ checksum = "8eaa81235c7058867fa8c0e7314f33dcce9c215f535d1913822a2b3f5e289f3c"
 
 [[package]]
 name = "thiserror"
-version = "1.0.64"
+version = "1.0.65"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d50af8abc119fb8bb6dbabcfa89656f46f84aa0ac7688088608076ad2b459a84"
+checksum = "5d11abd9594d9b38965ef50805c5e469ca9cc6f197f883f717e0269a3057b3d5"
 dependencies = [
  "thiserror-impl",
 ]
 
 [[package]]
 name = "thiserror-impl"
-version = "1.0.64"
+version = "1.0.65"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "08904e7672f5eb876eaaf87e0ce17857500934f4981c4a0ab2b4aa98baac7fc3"
+checksum = "ae71770322cbd277e69d762a16c444af02aa0575ac0d174f0b9562d3b37f8602"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -4918,9 +4919,9 @@ checksum = "1f3ccbac311fea05f86f61904b462b55fb3df8837a366dfc601a0161d0532f20"
 
 [[package]]
 name = "tokio"
-version = "1.40.0"
+version = "1.41.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e2b070231665d27ad9ec9b8df639893f46727666c6767db40317fbe920a5d998"
+checksum = "145f3413504347a2be84393cc8a7d2fb4d863b375909ea59f2158261aa258bbb"
 dependencies = [
  "backtrace",
  "bytes",
@@ -4952,7 +4953,7 @@ checksum = "693d596312e88961bc67d7f1f97af8a70227d9f90c31bba5806eec004978d752"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -5063,7 +5064,7 @@ dependencies = [
  "h2 0.3.26",
  "http 0.2.12",
  "http-body 0.4.6",
- "hyper 0.14.30",
+ "hyper 0.14.31",
  "hyper-timeout",
  "percent-encoding",
  "pin-project",
@@ -5099,7 +5100,7 @@ dependencies = [
  "bytes",
  "http 0.2.12",
  "http-body 0.4.6",
- "hyper 0.14.30",
+ "hyper 0.14.31",
  "pin-project",
  "tokio-stream",
  "tonic",
@@ -5179,7 +5180,7 @@ checksum = "34704c8d6ebcbc939824180af020566b01a7c01f80641264eba0999f6c2b6be7"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -5223,9 +5224,9 @@ dependencies = [
 
 [[package]]
 name = "tray-icon"
-version = "0.19.0"
+version = "0.19.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "533fc2d4105e0e3d96ce1c71f2d308c9fbbe2ef9c587cab63dd627ab5bde218f"
+checksum = "7c92af36a182b46206723bdf8a7942e20838cde1cf062e5b97854d57eb01763b"
 dependencies = [
  "core-graphics",
  "crossbeam-channel",
@@ -5383,9 +5384,9 @@ checksum = "86bd8d4e895da8537e5315b8254664e6b769c4ff3db18321b297a1e7004392e3"
 
 [[package]]
 name = "uuid"
-version = "1.10.0"
+version = "1.11.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "81dfa00651efa65069b0b6b651f4aaa31ba9e3c3ce0137aaad053604ee7e0314"
+checksum = "f8c5f0a0af699448548ad1a2fbf920fb4bee257eae39953ba95cb84891a0446a"
 dependencies = [
  "getrandom 0.2.15",
  "serde",
@@ -5399,9 +5400,9 @@ checksum = "830b7e5d4d90034032940e4ace0d9a9a057e7a45cd94e6c007832e39edb82f6d"
 
 [[package]]
 name = "value-bag"
-version = "1.9.0"
+version = "1.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5a84c137d37ab0142f0f2ddfe332651fdbf252e7b7dbb4e67b6c1f1b2e925101"
+checksum = "3ef4c4aa54d5d05a279399bfa921ec387b7aba77caf7a682ae8d86785b8fdad2"
 
 [[package]]
 name = "version-compare"
@@ -5468,9 +5469,9 @@ checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
 
 [[package]]
 name = "wasm-bindgen"
-version = "0.2.93"
+version = "0.2.95"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a82edfc16a6c469f5f44dc7b571814045d60404b55a0ee849f9bcfa2e63dd9b5"
+checksum = "128d1e363af62632b8eb57219c8fd7877144af57558fb2ef0368d0087bddeb2e"
 dependencies = [
  "cfg-if",
  "once_cell",
@@ -5479,24 +5480,24 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-backend"
-version = "0.2.93"
+version = "0.2.95"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9de396da306523044d3302746f1208fa71d7532227f15e347e2d93e4145dd77b"
+checksum = "cb6dd4d3ca0ddffd1dd1c9c04f94b868c37ff5fac97c30b97cff2d74fce3a358"
 dependencies = [
  "bumpalo",
  "log",
  "once_cell",
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
  "wasm-bindgen-shared",
 ]
 
 [[package]]
 name = "wasm-bindgen-futures"
-version = "0.4.43"
+version = "0.4.45"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "61e9300f63a621e96ed275155c108eb6f843b6a26d053f122ab69724559dc8ed"
+checksum = "cc7ec4f8827a71586374db3e87abdb5a2bb3a15afed140221307c3ec06b1f63b"
 dependencies = [
  "cfg-if",
  "js-sys",
@@ -5506,9 +5507,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-macro"
-version = "0.2.93"
+version = "0.2.95"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "585c4c91a46b072c92e908d99cb1dcdf95c5218eeb6f3bf1efa991ee7a68cccf"
+checksum = "e79384be7f8f5a9dd5d7167216f022090cf1f9ec128e6e6a482a2cb5c5422c56"
 dependencies = [
  "quote",
  "wasm-bindgen-macro-support",
@@ -5516,28 +5517,28 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-macro-support"
-version = "0.2.93"
+version = "0.2.95"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "afc340c74d9005395cf9dd098506f7f44e38f2b4a21c6aaacf9a105ea5e1e836"
+checksum = "26c6ab57572f7a24a4985830b120de1594465e5d500f24afe89e16b4e833ef68"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
  "wasm-bindgen-backend",
  "wasm-bindgen-shared",
 ]
 
 [[package]]
 name = "wasm-bindgen-shared"
-version = "0.2.93"
+version = "0.2.95"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c62a0a307cb4a311d3a07867860911ca130c3494e8c2719593806c08bc5d0484"
+checksum = "65fc09f10666a9f147042251e0dda9c18f166ff7de300607007e96bdebc1068d"
 
 [[package]]
 name = "wasm-streams"
-version = "0.4.1"
+version = "0.4.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4e072d4e72f700fb3443d8fe94a39315df013eef1104903cdb0a2abd322bbecd"
+checksum = "15053d8d85c7eccdbefef60f06769760a563c7f0a9d6902a13d35c7800b0ad65"
 dependencies = [
  "futures-util",
  "js-sys",
@@ -5562,9 +5563,9 @@ dependencies = [
 
 [[package]]
 name = "wayland-client"
-version = "0.31.6"
+version = "0.31.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e3f45d1222915ef1fd2057220c1d9d9624b7654443ea35c3877f7a52bd0a5a2d"
+checksum = "b66249d3fc69f76fd74c82cc319300faa554e9d865dab1f7cd66cc20db10b280"
 dependencies = [
  "bitflags 2.6.0",
  "rustix",
@@ -5574,9 +5575,9 @@ dependencies = [
 
 [[package]]
 name = "wayland-protocols"
-version = "0.32.4"
+version = "0.32.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2b5755d77ae9040bb872a25026555ce4cb0ae75fd923e90d25fba07d81057de0"
+checksum = "7cd0ade57c4e6e9a8952741325c30bf82f4246885dca8bf561898b86d0c1f58e"
 dependencies = [
  "bitflags 2.6.0",
  "wayland-backend",
@@ -5608,9 +5609,9 @@ dependencies = [
 
 [[package]]
 name = "web-sys"
-version = "0.3.70"
+version = "0.3.72"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "26fdeaafd9bd129f65e7c031593c24d62186301e0c72c8978fa1678be7d532c0"
+checksum = "f6488b90108c040df0fe62fa815cbdee25124641df01814dd7282749234c6112"
 dependencies = [
  "js-sys",
  "wasm-bindgen",
@@ -5691,7 +5692,7 @@ checksum = "1d228f15bba3b9d56dde8bddbee66fa24545bd17b48d5128ccf4a8742b18e431"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -5790,7 +5791,7 @@ checksum = "2bbd5b46c938e506ecbce286b6628a02171d56153ba733b6c741fc627ec9579b"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -5801,7 +5802,7 @@ checksum = "053c4c462dc91d3b1504c6fe5a726dd15e216ba718e84a0e46a88fbe5ded3515"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
@@ -6233,7 +6234,7 @@ checksum = "fa4f8080344d4671fb4e831a13ad1e68092748387dfc4f55e356242fae12ce3e"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.79",
+ "syn 2.0.85",
 ]
 
 [[package]]
diff --git a/apps/readest-app/src-tauri/tauri.conf.json b/apps/readest-app/src-tauri/tauri.conf.json
index eec38c91..ba898c29 100644
--- a/apps/readest-app/src-tauri/tauri.conf.json
+++ b/apps/readest-app/src-tauri/tauri.conf.json
@@ -1,7 +1,7 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "productName": "Readest",
-  "version": "0.3.1",
+  "version": "0.3.5",
   "identifier": "com.bilingify.digest",
   "build": {
     "frontendDist": "../out",
diff --git a/apps/readest-app/src/app/globals.css b/apps/readest-app/src/app/globals.css
index 30e7650c..3edbb262 100644
--- a/apps/readest-app/src/app/globals.css
+++ b/apps/readest-app/src/app/globals.css
@@ -62,14 +62,16 @@ foliate-view {
 .rounded-window {
   border-radius: 10px;
 }
-
-.rounded-window-left {
+.rounded-window-top-left {
   border-top-left-radius: 10px;
+}
+.rounded-window-bottom-left {
   border-bottom-left-radius: 10px;
 }
-
-.rounded-window-right {
+.rounded-window-top-right {
   border-top-right-radius: 10px;
+}
+.rounded-window-bottom-right {
   border-bottom-right-radius: 10px;
 }
 
diff --git a/apps/readest-app/src/app/library/components/LibraryHeader.tsx b/apps/readest-app/src/app/library/components/LibraryHeader.tsx
index 45a5851f..b9b163ee 100644
--- a/apps/readest-app/src/app/library/components/LibraryHeader.tsx
+++ b/apps/readest-app/src/app/library/components/LibraryHeader.tsx
@@ -45,10 +45,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
   };
 
   return (
-    <div
-      ref={headerRef}
-      className='titlebar rounded-window fixed top-0 z-10 w-full bg-gray-100 px-6 py-4'
-    >
+    <div ref={headerRef} className='titlebar fixed top-2 z-10 w-full bg-gray-100 px-6 py-4'>
       <div className='flex items-center justify-between'>
         <div className='sm:w relative flex w-full items-center'>
           <span className='absolute left-4 text-gray-500'>
diff --git a/apps/readest-app/src/app/reader/components/FoliateViewer.tsx b/apps/readest-app/src/app/reader/components/FoliateViewer.tsx
index bdb85e0c..9b336aea 100644
--- a/apps/readest-app/src/app/reader/components/FoliateViewer.tsx
+++ b/apps/readest-app/src/app/reader/components/FoliateViewer.tsx
@@ -45,6 +45,7 @@ const getCSS = (spacing: number, justify: boolean, hyphenate: boolean) => `
 
 export interface FoliateView extends HTMLElement {
   open: (book: BookDoc) => Promise<void>;
+  close: () => void;
   init: (options: { lastLocation: string }) => void;
   goTo: (href: string) => void;
   goToFraction: (fraction: number) => void;
@@ -98,12 +99,29 @@ const FoliateViewer: React.FC<{
     );
   };
 
+  const handleMousedown = (event: MouseEvent) => {
+    window.postMessage(
+      {
+        type: 'iframe-mousedown',
+        button: event.button,
+        clientX: event.clientX,
+        clientY: event.clientY,
+        ctrlKey: event.ctrlKey,
+        shiftKey: event.shiftKey,
+        altKey: event.altKey,
+        metaKey: event.metaKey,
+      },
+      '*',
+    );
+  };
+
   const docLoadHandler = (event: Event) => {
     const detail = (event as CustomEvent).detail;
     if (detail.doc) {
-      if (!detail.doc.isKeydownListenerAdded) {
-        detail.doc?.addEventListener('keydown', handleKeydown);
-        detail.doc.isKeydownListenerAdded = true;
+      if (!detail.doc.isEventListenersAdded) {
+        detail.doc.addEventListener('keydown', handleKeydown);
+        detail.doc.addEventListener('mousedown', handleMousedown);
+        detail.doc.isEventListenersAdded = true;
       }
     }
   };
@@ -122,11 +140,18 @@ const FoliateViewer: React.FC<{
       setFoliateView(bookKey, view);
 
       await view.open(bookDoc);
+      const viewSettings = bookConfig.viewSettings!;
       if ('setStyles' in view.renderer) {
-        view.renderer.setStyles(getCSS(2.4, true, true));
+        const lineHeight = viewSettings.lineHeight!;
+        const justify = viewSettings.justify!;
+        const hyphenate = viewSettings.hyphenate!;
+        view.renderer.setStyles(getCSS(lineHeight, justify, hyphenate));
       }
+      const isScrolled = viewSettings.scrolled!;
+      const gap = viewSettings.gap!;
+      view.renderer.setAttribute('flow', isScrolled ? 'scrolled' : 'paginated');
       view.renderer.setAttribute('margin', '44px');
-      view.renderer.setAttribute('gap', '4%');
+      view.renderer.setAttribute('gap', `${gap * 100}%`);
       const lastLocation = bookConfig.location;
       if (lastLocation) {
         view.init({ lastLocation });
diff --git a/apps/readest-app/src/app/reader/components/FooterBar.tsx b/apps/readest-app/src/app/reader/components/FooterBar.tsx
index f9f3b43e..9bfcc962 100644
--- a/apps/readest-app/src/app/reader/components/FooterBar.tsx
+++ b/apps/readest-app/src/app/reader/components/FooterBar.tsx
@@ -41,7 +41,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
     <div
       className={clsx(
         'footer-bar absolute bottom-0 z-10 flex h-12 w-full items-center px-4',
-        'shadow-xs bg-base-100 rounded-window transition-opacity duration-300',
+        'shadow-xs bg-base-100 rounded-window-bottom-right transition-opacity duration-300',
         isHoveredAnim && 'hover-bar-anim',
         hoveredBookKey === bookKey ? `opacity-100` : `opacity-0`,
       )}
diff --git a/apps/readest-app/src/app/reader/components/HeaderBar.tsx b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
index 1f9bc229..5b27d816 100644
--- a/apps/readest-app/src/app/reader/components/HeaderBar.tsx
+++ b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
@@ -49,7 +49,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
       ref={headerRef}
       className={clsx(
         `header-bar absolute top-0 z-10 flex h-11 w-full items-center px-4`,
-        `shadow-xs bg-base-100 rounded-window transition-opacity duration-300`,
+        `shadow-xs bg-base-100 rounded-window-top-right transition-opacity duration-300`,
         isHoveredAnim && 'hover-bar-anim',
         hoveredBookKey === bookKey || isDropdownOpen ? `opacity-100` : `opacity-0`,
         isDropdownOpen && 'header-bar-pinned',
@@ -78,7 +78,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
           toggleButton={<PiDotsThreeVerticalBold size={16} />}
           onToggle={setIsDropdownOpen}
         >
-          <ViewMenu />
+          <ViewMenu bookKey={bookKey} />
         </Dropdown>
 
         <WindowButtons
diff --git a/apps/readest-app/src/app/reader/components/ReaderContent.tsx b/apps/readest-app/src/app/reader/components/ReaderContent.tsx
index 530b38a8..d23990d1 100644
--- a/apps/readest-app/src/app/reader/components/ReaderContent.tsx
+++ b/apps/readest-app/src/app/reader/components/ReaderContent.tsx
@@ -22,14 +22,12 @@ const ReaderContent = () => {
   const ids = (searchParams.get('ids') || '').split(',');
 
   const { envConfig } = useEnv();
-  const { books, settings, initBookState, saveConfig, saveSettings } = useReaderStore();
-  const { getFoliateView } = useReaderStore();
+  const { books, settings } = useReaderStore();
+  const { initBookState, closeBook, saveConfig, saveSettings, getFoliateView } = useReaderStore();
 
-  const [sideBarWidth, setSideBarWidth] = useState(
-    settings.globalReadSettings.sideBarWidth ?? '25%',
-  );
+  const [sideBarWidth, setSideBarWidth] = useState(settings.globalReadSettings.sideBarWidth);
   const [isSideBarPinned, setIsSideBarPinned] = useState(
-    settings.globalReadSettings.isSideBarPinned ?? true,
+    settings.globalReadSettings.isSideBarPinned,
   );
   const [isSideBarVisible, setSideBarVisibility] = useState(isSideBarPinned);
 
@@ -41,22 +39,27 @@ const ReaderContent = () => {
   useEffect(() => {
     if (ids.length === 0) return;
     const uniqueIds = new Set<string>();
+    console.log('fetching books', ids);
     ids.forEach((id, index) => {
       const isPrimary = !uniqueIds.has(id);
       uniqueIds.add(id);
       const key = getKey(id, index);
       if (books[key]) return;
-      console.log('fetching book', key);
+      console.log('initing state', key);
       initBookState(envConfig, id, key, isPrimary);
     });
-  }, [ids, settings]);
+  }, [searchParams]);
+
+  const getNextBookKey = (bookKey: string) => {
+    const bookKeys = ids.map((id, index) => getKey(id, index));
+    const index = bookKeys.findIndex((key) => key === bookKey);
+    const nextIndex = (index + 1) % bookKeys.length;
+    return bookKeys[nextIndex]!;
+  };
 
   const switchSidebar = () => {
     setSideBarBookKey((prevKey: string) => {
-      const bookKeys = ids.map((id, index) => getKey(id, index));
-      const index = bookKeys.findIndex((key) => prevKey === key);
-      const nextIndex = (index + 1) % bookKeys.length;
-      return bookKeys[nextIndex]!;
+      return getNextBookKey(prevKey);
     });
   };
 
@@ -65,7 +68,6 @@ const ReaderContent = () => {
   };
 
   const openSplitView = () => {
-    console.log('open split view');
     const params = new URLSearchParams(searchParams.toString());
     const sideBarBookId = sideBarBookKey.split('-')[0];
     const updatedIds = [...ids, sideBarBookId].join(',');
@@ -110,40 +112,41 @@ const ReaderContent = () => {
     settings.globalReadSettings.isSideBarPinned = !isSideBarPinned;
   };
 
-  const closeBook = (bookKey: string) => {
+  const saveConfigAndCloseBook = (bookKey: string) => {
+    getFoliateView(bookKey)?.close();
+    getFoliateView(bookKey)?.remove();
     const bookState = books[bookKey];
     if (!bookState) return;
     const { book, config, isPrimary } = bookState;
     if (isPrimary && book && config) {
-      saveConfig(envConfig, book, config);
+      saveConfig(envConfig, book, config, settings);
     }
+    closeBook(bookKey);
+  };
+
+  const saveSettingsAndGoToLibrary = () => {
+    saveSettings(envConfig, settings);
+    router.replace('/library');
   };
 
   const handleCloseBooks = () => {
     ids.forEach((id, index) => {
       const key = getKey(id, index);
-      closeBook(key);
+      saveConfigAndCloseBook(key);
     });
-    saveSettings(envConfig, settings);
-    router.replace('/library');
+    saveSettingsAndGoToLibrary();
   };
 
   const handleCloseBook = (bookKey: string) => {
-    closeBook(bookKey);
+    saveConfigAndCloseBook(bookKey);
     setSideBarBookKey((prevKey: string) => {
-      if (prevKey === bookKey) {
-        const index = ids.findIndex((id) => prevKey.startsWith(id));
-        const nextIndex = (index + 1) % ids.length;
-        return getKey(ids[nextIndex]!, nextIndex);
-      }
-      return prevKey;
+      return prevKey === bookKey ? getNextBookKey(prevKey) : prevKey;
     });
     const newIds = ids.filter((id, index) => getKey(id, index) !== bookKey);
     if (newIds.length > 0) {
-      router.replace(`/reader?ids=${newIds.join(',')}`);
+      router.push(`/reader?ids=${newIds.join(',')}`);
     } else {
-      saveSettings(envConfig, settings);
-      router.back();
+      saveSettingsAndGoToLibrary();
     }
   };
 
@@ -174,7 +177,7 @@ const ReaderContent = () => {
   const bookState = bookStates[0];
   if (bookStates.length !== ids.length || !bookState || !bookState.book || !bookState.bookDoc) {
     return (
-      <div className={'flex-1'}>
+      <div className={'hero hero-content min-h-screen'}>
         <Spinner loading={true} />
         {bookState?.error && (
           <div className='text-center'>
@@ -214,6 +217,7 @@ const ReaderContent = () => {
           const { book, config, bookDoc } = bookState;
           if (!book || !config || !bookDoc) return null;
           const { section, pageinfo, progress, chapter } = config;
+          const scrolled = config.viewSettings!.scrolled;
           return (
             <div key={key} className='relative h-full w-full overflow-hidden'>
               <HeaderBar
@@ -229,8 +233,10 @@ const ReaderContent = () => {
                 onCloseBook={handleCloseBook}
               />
               <FoliateViewer bookKey={key} bookDoc={bookDoc!} bookConfig={config!} />
-              <SectionInfo chapter={chapter} />
-              <PageInfo bookFormat={book.format} section={section} pageinfo={pageinfo} />
+              {!scrolled && <SectionInfo chapter={chapter} />}
+              {!scrolled && (
+                <PageInfo bookFormat={book.format} section={section} pageinfo={pageinfo} />
+              )}
               <FooterBar
                 bookKey={key}
                 progress={progress}
diff --git a/apps/readest-app/src/app/reader/components/SideBar.tsx b/apps/readest-app/src/app/reader/components/SideBar.tsx
index 8285362f..59397c6e 100644
--- a/apps/readest-app/src/app/reader/components/SideBar.tsx
+++ b/apps/readest-app/src/app/reader/components/SideBar.tsx
@@ -88,7 +88,8 @@ const SideBar: React.FC<{
   return isVisible ? (
     <div
       className={clsx(
-        'sidebar-container bg-base-200 rounded-window-left z-20 h-full select-none',
+        'sidebar-container bg-base-200 z-20 h-full select-none',
+        'rounded-window-top-left rounded-window-bottom-left',
         !isPinned && 'shadow-2xl',
       )}
       style={{
diff --git a/apps/readest-app/src/app/reader/components/ViewMenu.tsx b/apps/readest-app/src/app/reader/components/ViewMenu.tsx
index 2860fb07..5ee2f477 100644
--- a/apps/readest-app/src/app/reader/components/ViewMenu.tsx
+++ b/apps/readest-app/src/app/reader/components/ViewMenu.tsx
@@ -1,31 +1,51 @@
-import React from 'react';
+import clsx from 'clsx';
+import React, { useEffect } from 'react';
 import { useState } from 'react';
 import { BiMoon, BiSun } from 'react-icons/bi';
 import { MdZoomOut, MdZoomIn, MdCheck } from 'react-icons/md';
 
+import { useReaderStore } from '@/store/readerStore';
+
 interface ViewMenuProps {
+  bookKey: string;
   toggleDropdown?: () => void;
 }
 
-const ViewMenu: React.FC<ViewMenuProps> = ({}) => {
-  const [isDarkMode, setDarkMode] = useState(false);
-  const [isScrolledMode, setScrolledMode] = useState(false);
-  const [isInvertedColors, setInvertedColors] = useState(false);
+const ViewMenu: React.FC<ViewMenuProps> = ({ bookKey }) => {
+  const { books, setConfig, getFoliateView } = useReaderStore();
+  const bookState = books[bookKey]!;
+  const config = bookState.config!;
+
+  const [isDarkMode, setDarkMode] = useState(config.viewSettings!.theme === 'dark');
+  const [isScrolledMode, setScrolledMode] = useState(config.viewSettings!.scrolled);
+  const [isInvertedColors, setInvertedColors] = useState(config.viewSettings!.invert);
   const [zoomLevel, setZoomLevel] = useState(100);
 
-  const toggleDarkMode = () => setDarkMode(!isDarkMode);
-  const toggleScrolledMode = () => setScrolledMode(!isScrolledMode);
-  const toggleInvertedColors = () => setInvertedColors(!isInvertedColors);
   const zoomIn = () => setZoomLevel((prev) => Math.min(prev + 10, 200));
   const zoomOut = () => setZoomLevel((prev) => Math.max(prev - 10, 50));
   const resetZoom = () => setZoomLevel(100);
+  const toggleScrolledMode = () => setScrolledMode(!isScrolledMode);
+  const toggleDarkMode = () => setDarkMode(!isDarkMode);
+  const toggleInvertedColors = () => setInvertedColors(!isInvertedColors);
 
   const openFontLayoutMenu = () => {
     // open font layout menu
   };
 
+  useEffect(() => {
+    const view = getFoliateView(bookKey);
+    view?.renderer.setAttribute('flow', isScrolledMode ? 'scrolled' : 'paginated');
+    config.viewSettings!.scrolled = isScrolledMode;
+    setConfig(bookKey, config);
+  }, [isScrolledMode]);
+
+  useEffect(() => {
+    document.body.classList.toggle('invert', isInvertedColors);
+  }, [isInvertedColors]);
+
   return (
     <div
+      id='exclude-title-bar-mousedown'
       tabIndex={0}
       className='view-menu dropdown-content dropdown-right no-triangle z-20 mt-1 w-72 border bg-white shadow-2xl'
     >
@@ -43,18 +63,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({}) => {
           <MdZoomIn size={20} />
         </button>
       </div>
-      <hr className='my-1' />
-      <button
-        className='flex w-full items-center rounded-md p-2 hover:bg-gray-100'
-        onClick={toggleDarkMode}
-      >
-        <div className='flex items-center'>
-          <span style={{ minWidth: '20px' }}>
-            {isDarkMode ? <BiMoon size={20} /> : <BiSun size={20} />}
-          </span>
-        </div>
-        <span className='ml-2'>{isDarkMode ? 'Dark Mode' : 'Light Mode'}</span>
-      </button>
+
       <hr className='my-1' />
 
       <button
@@ -67,7 +76,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({}) => {
         </div>
         <span className='text-sm text-gray-400'>Shift+F</span>
       </button>
-      <hr className='my-1' />
+
       <button
         className='flex w-full items-center justify-between rounded-md p-2 hover:bg-gray-100'
         onClick={toggleScrolledMode}
@@ -80,8 +89,25 @@ const ViewMenu: React.FC<ViewMenuProps> = ({}) => {
         </div>
         <span className='text-sm text-gray-400'>Shift+J</span>
       </button>
+
+      <hr className='my-1' />
+
       <button
-        className='flex w-full items-center justify-between rounded-md p-2 hover:bg-gray-100'
+        className='flex w-full items-center rounded-md p-2 hover:bg-gray-100'
+        onClick={toggleDarkMode}
+      >
+        <div className='flex items-center'>
+          <span style={{ minWidth: '20px' }}>
+            {isDarkMode ? <BiMoon size={20} /> : <BiSun size={20} />}
+          </span>
+        </div>
+        <span className='ml-2'>{isDarkMode ? 'Dark Mode' : 'Light Mode'}</span>
+      </button>
+      <button
+        className={clsx(
+          'flex w-full items-center justify-between rounded-md p-2 hover:bg-gray-100',
+          !isDarkMode && 'btn-disabled text-gray-400',
+        )}
         onClick={toggleInvertedColors}
       >
         <div className='flex items-center'>
diff --git a/apps/readest-app/src/app/reader/page.tsx b/apps/readest-app/src/app/reader/page.tsx
index 47e3eae7..9d21acea 100644
--- a/apps/readest-app/src/app/reader/page.tsx
+++ b/apps/readest-app/src/app/reader/page.tsx
@@ -7,11 +7,10 @@ import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 
 import ReaderContent from './components/ReaderContent';
-import { DEFAULT_READSETTINGS } from '@/services/constants';
 
 const ReaderPage = () => {
   const { envConfig } = useEnv();
-  const { settings, setLibrary, setSettings } = useReaderStore();
+  const { library, settings, setLibrary, setSettings } = useReaderStore();
   const isInitiating = useRef(false);
 
   useEffect(() => {
@@ -20,9 +19,6 @@ const ReaderPage = () => {
     const initLibrary = async () => {
       const appService = await envConfig.getAppService();
       const settings = await appService.loadSettings();
-      if (!settings.globalReadSettings) {
-        settings.globalReadSettings = DEFAULT_READSETTINGS;
-      }
       setSettings(settings);
       console.log('initializing library in reader');
       setLibrary(await appService.loadLibraryBooks());
@@ -32,6 +28,7 @@ const ReaderPage = () => {
   }, []);
 
   return (
+    library.length > 0 &&
     settings.globalReadSettings && (
       <div className='min-h-screen select-none'>
         <Suspense>
diff --git a/apps/readest-app/src/components/Dropdown.tsx b/apps/readest-app/src/components/Dropdown.tsx
index a601c941..b289acc3 100644
--- a/apps/readest-app/src/components/Dropdown.tsx
+++ b/apps/readest-app/src/components/Dropdown.tsx
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React, { useRef, useState, isValidElement, ReactElement } from 'react';
+import React, { useRef, useState, isValidElement, ReactElement, useEffect } from 'react';
 
 interface DropdownProps {
   className?: string;
@@ -25,13 +25,38 @@ const Dropdown: React.FC<DropdownProps> = ({
     onToggle?.(newIsOpen);
   };
 
+  const closeDropdown = () => {
+    setIsOpen(false);
+    onToggle?.(false);
+  };
+
   const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {
     if (!dropdownRef.current?.contains(event.relatedTarget as Node)) {
-      setIsOpen(false);
-      onToggle?.(false);
+      closeDropdown();
     }
   };
 
+  const handleClickOutside = (event: MouseEvent | Event) => {
+    if (event instanceof KeyboardEvent) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+        closeDropdown();
+      }
+    } else if (event instanceof MessageEvent) {
+      if (event.data && event.data.type === 'iframe-mousedown') {
+        closeDropdown();
+      }
+    }
+  };
+
+  useEffect(() => {
+    window.addEventListener('mousedown', handleClickOutside);
+    window.addEventListener('message', handleClickOutside);
+    return () => {
+      window.removeEventListener('mousedown', handleClickOutside);
+      window.removeEventListener('message', handleClickOutside);
+    };
+  }, []);
+
   const childrenWithToggle = isValidElement(children)
     ? React.cloneElement(children, { toggleDropdown })
     : children;
diff --git a/apps/readest-app/src/components/WindowButtons.tsx b/apps/readest-app/src/components/WindowButtons.tsx
index 465fe76d..c947cdd7 100644
--- a/apps/readest-app/src/components/WindowButtons.tsx
+++ b/apps/readest-app/src/components/WindowButtons.tsx
@@ -25,6 +25,11 @@ const WindowButtons: React.FC<WindowButtonsProps> = ({
   const parentRef = useRef<HTMLDivElement>(null);
 
   const handleMouseDown = async (e: MouseEvent) => {
+    const target = e.target as HTMLElement;
+    if (target.closest('#exclude-title-bar-mousedown')) {
+      return;
+    }
+
     const { getCurrentWindow } = await import('@tauri-apps/api/window');
     if (e.buttons === 1) {
       if (e.detail === 2) {
diff --git a/apps/readest-app/src/services/appService.ts b/apps/readest-app/src/services/appService.ts
index 63d65e32..ad0e83fa 100644
--- a/apps/readest-app/src/services/appService.ts
+++ b/apps/readest-app/src/services/appService.ts
@@ -2,7 +2,7 @@ import { AppService, ToastType } from '@/types/system';
 
 import { SystemSettings } from '@/types/settings';
 import { FileSystem, BaseDir } from '@/types/system';
-import { Book, BookConfig, BookContent, BookFormat } from '@/types/book';
+import { Book, BookConfig, BookContent, BookFormat, ViewSettings } from '@/types/book';
 import {
   getDir,
   getFilename,
@@ -15,7 +15,13 @@ import {
 import { RemoteFile } from '@/utils/file';
 import { partialMD5 } from '@/utils/md5';
 import { BookDoc, DocumentLoader } from '@/libs/document';
-import { DEFAULT_READSETTINGS, SYSTEM_SETTINGS_VERSION } from './constants';
+import {
+  DEFAULT_BOOK_LAYOUT,
+  DEFAULT_BOOK_STYLE,
+  DEFAULT_BOOK_FONT,
+  DEFAULT_READSETTINGS,
+  SYSTEM_SETTINGS_VERSION,
+} from './constants';
 
 export abstract class BaseAppService implements AppService {
   localBooksDir: string = '';
@@ -47,11 +53,23 @@ export abstract class BaseAppService implements AppService {
         settings.localBooksDir = await this.getInitBooksDir();
         settings.version = SYSTEM_SETTINGS_VERSION;
       }
+      settings.globalReadSettings = { ...DEFAULT_READSETTINGS, ...settings.globalReadSettings };
+      settings.globalViewSettings = {
+        ...DEFAULT_BOOK_LAYOUT,
+        ...DEFAULT_BOOK_STYLE,
+        ...DEFAULT_BOOK_FONT,
+        ...settings.globalViewSettings,
+      };
     } catch {
       settings = {
         version: SYSTEM_SETTINGS_VERSION,
         localBooksDir: await this.getInitBooksDir(),
         globalReadSettings: DEFAULT_READSETTINGS,
+        globalViewSettings: {
+          ...DEFAULT_BOOK_LAYOUT,
+          ...DEFAULT_BOOK_STYLE,
+          ...DEFAULT_BOOK_FONT,
+        },
       };
 
       await this.fs.createDir('', 'Books', true);
@@ -151,22 +169,39 @@ export abstract class BaseAppService implements AppService {
     }
   }
 
-  async loadBookContent(book: Book): Promise<BookContent> {
+  async loadBookContent(book: Book, settings: SystemSettings): Promise<BookContent> {
     const fp = getFilename(book);
     const file = await new RemoteFile(this.fs.getURL(`${this.localBooksDir}/${fp}`), fp).open();
-    return { book, file, config: await this.loadBookConfig(book) };
+    return { book, file, config: await this.loadBookConfig(book, settings) };
   }
 
-  async loadBookConfig(book: Book): Promise<BookConfig> {
+  async loadBookConfig(book: Book, settings: SystemSettings): Promise<BookConfig> {
     try {
       const str = await this.fs.readFile(getConfigFilename(book), 'Books', 'text');
-      return JSON.parse(str as string);
+      const config = JSON.parse(str as string) as BookConfig;
+      const { globalViewSettings } = settings;
+      const { viewSettings } = config;
+      config.viewSettings = { ...globalViewSettings, ...viewSettings };
+      return config;
     } catch {
       return INIT_BOOK_CONFIG;
     }
   }
 
-  async saveBookConfig(book: Book, config: BookConfig) {
+  async saveBookConfig(book: Book, config: BookConfig, settings?: SystemSettings) {
+    if (settings) {
+      const globalViewSettings = settings.globalViewSettings as ViewSettings;
+      const viewSettings = config.viewSettings as Partial<ViewSettings>;
+      config.viewSettings = Object.entries(viewSettings).reduce(
+        (acc: Partial<Record<keyof ViewSettings, unknown>>, [key, value]) => {
+          if (globalViewSettings[key as keyof ViewSettings] !== value) {
+            acc[key as keyof ViewSettings] = value;
+          }
+          return acc;
+        },
+        {} as Partial<Record<keyof ViewSettings, unknown>>,
+      ) as Partial<ViewSettings>;
+    }
     await this.fs.writeFile(getConfigFilename(book), 'Books', JSON.stringify(config));
   }
 
diff --git a/apps/readest-app/src/services/constants.ts b/apps/readest-app/src/services/constants.ts
index ee0dd35e..2f5b7160 100644
--- a/apps/readest-app/src/services/constants.ts
+++ b/apps/readest-app/src/services/constants.ts
@@ -1,17 +1,42 @@
+import { BookFont, BookLayout, BookStyle } from '@/types/book';
 import { ReadSettings } from '@/types/settings';
 
 export const LOCAL_BOOKS_SUBDIR = 'Readest/Books';
 export const CLOUD_BOOKS_SUBDIR = 'Readest/Books';
 
 export const DEFAULT_READSETTINGS: ReadSettings = {
-  themeType: 'auto',
-  fontFamily: '',
-  fontSize: 1.0,
-  wordSpacing: 0.16,
-  lineSpacing: 1.5,
-
-  sideBarWidth: '20%',
+  sideBarWidth: '25%',
   isSideBarPinned: true,
+  autohideCursor: true,
+};
+
+export const DEFAULT_BOOK_FONT: BookFont = {
+  serif: 'Serif 12',
+  sansSerif: 'Sans 12',
+  monospace: 'Monospace 12',
+  defaultFont: 'serif',
+  defaultSize: 16,
+  minimumSize: 8,
+  fontWeight: 400,
+};
+
+export const DEFAULT_BOOK_LAYOUT: BookLayout = {
+  gap: 0.05,
+  scrolled: false,
+  maxColumnCount: 2,
+  maxInlineSize: 720,
+  maxBlockSize: 1440,
+  animated: true,
+};
+
+export const DEFAULT_BOOK_STYLE: BookStyle = {
+  lineHeight: 1.5,
+  justify: true,
+  hyphenate: true,
+  invert: false,
+  theme: 'light',
+  overrideFont: false,
+  userStylesheet: '',
 };
 
 export const SYSTEM_SETTINGS_VERSION = 1;
diff --git a/apps/readest-app/src/store/readerStore.ts b/apps/readest-app/src/store/readerStore.ts
index d8bd713b..ef066757 100644
--- a/apps/readest-app/src/store/readerStore.ts
+++ b/apps/readest-app/src/store/readerStore.ts
@@ -34,14 +34,21 @@ interface ReaderStore {
     section: PageInfo,
     pageinfo: PageInfo,
   ) => void;
+  setConfig: (key: string, config: BookConfig) => void;
   setFoliateView: (key: string, view: FoliateView) => void;
   getFoliateView: (key: string) => FoliateView | null;
 
   deleteBook: (envConfig: EnvConfigType, book: Book) => void;
-  saveConfig: (envConfig: EnvConfigType, book: Book, config: BookConfig) => void;
+  saveConfig: (
+    envConfig: EnvConfigType,
+    book: Book,
+    config: BookConfig,
+    settings: SystemSettings,
+  ) => void;
   saveSettings: (envConfig: EnvConfigType, settings: SystemSettings) => void;
-
   initBookState: (envConfig: EnvConfigType, id: string, key: string, isPrimary?: boolean) => void;
+
+  closeBook: (key: string) => void;
   addBookmark: (key: string, bookmark: BookNote) => void;
 }
 
@@ -64,6 +71,25 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
 
   setLibrary: (books: Book[]) => set({ library: books }),
   setSettings: (settings: SystemSettings) => set({ settings }),
+  setConfig: (key: string, config: BookConfig) => {
+    set((state) => {
+      const book = state.books[key];
+      if (!book) return state;
+      return {
+        books: {
+          ...state.books,
+          [key]: {
+            ...book,
+            config: {
+              ...book.config,
+              ...config,
+              lastUpdated: Date.now(),
+            },
+          },
+        },
+      };
+    });
+  },
 
   setFoliateView: (key: string, view) =>
     set((state) => ({ foliateViews: { ...state.foliateViews, [key]: view } })),
@@ -81,7 +107,12 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
     set({ library });
     appService.saveLibraryBooks(library);
   },
-  saveConfig: async (envConfig: EnvConfigType, book: Book, config: BookConfig) => {
+  saveConfig: async (
+    envConfig: EnvConfigType,
+    book: Book,
+    config: BookConfig,
+    settings: SystemSettings,
+  ) => {
     const appService = await envConfig.getAppService();
     const { library } = get();
     const bookIndex = library.findIndex((b) => b.hash === book.hash);
@@ -91,7 +122,7 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
     }
     set({ library });
     config.lastUpdated = Date.now();
-    appService.saveBookConfig(book, config);
+    appService.saveBookConfig(book, config, settings);
     appService.saveLibraryBooks(library);
   },
   saveSettings: async (envConfig: EnvConfigType, settings: SystemSettings) => {
@@ -99,6 +130,13 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
     await appService.saveSettings(settings);
   },
 
+  closeBook: (key: string) => {
+    set((state) => {
+      const books = { ...state.books };
+      delete books[key];
+      return { books };
+    });
+  },
   initBookState: async (envConfig: EnvConfigType, id: string, key: string, isPrimary = true) => {
     set((state) => ({
       books: {
@@ -109,12 +147,12 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
 
     try {
       const appService = await envConfig.getAppService();
-      const library = await appService.loadLibraryBooks();
+      const { library, settings } = get();
       const book = library.find((b) => b.hash === id);
       if (!book) {
         throw new Error('Book not found');
       }
-      const content = (await appService.loadBookContent(book)) as BookContent;
+      const content = (await appService.loadBookContent(book, settings)) as BookContent;
       const { file, config } = content;
       const { book: bookDoc } = await new DocumentLoader(file).open();
 
diff --git a/apps/readest-app/src/types/book.ts b/apps/readest-app/src/types/book.ts
index cca305c1..08da81c3 100644
--- a/apps/readest-app/src/types/book.ts
+++ b/apps/readest-app/src/types/book.ts
@@ -29,6 +29,37 @@ export interface BookNote {
   removalTimestamp?: number;
 }
 
+export interface BookLayout {
+  gap: number;
+  scrolled: boolean;
+  maxColumnCount: number;
+  maxInlineSize: number;
+  maxBlockSize: number;
+  animated: boolean;
+}
+
+export interface BookStyle {
+  lineHeight: number;
+  justify: boolean;
+  hyphenate: boolean;
+  invert: boolean;
+  theme: string;
+  overrideFont: boolean;
+  userStylesheet: string;
+}
+
+export interface BookFont {
+  serif: string;
+  sansSerif: string;
+  monospace: string;
+  defaultFont: string;
+  defaultSize: number;
+  minimumSize: number;
+  fontWeight: number;
+}
+
+export interface ViewSettings extends BookLayout, BookStyle, BookFont {}
+
 export interface BookConfig {
   lastUpdated: number;
   progress?: number;
@@ -37,9 +68,12 @@ export interface BookConfig {
   chapter?: string;
   section?: PageInfo;
   pageinfo?: PageInfo;
+
   bookmarks?: BookNote[];
   annotations?: BookNote[];
   removedNotesTimestamps?: Record<string, number>;
+
+  viewSettings?: Partial<ViewSettings>;
 }
 
 export interface BooksGroup {
diff --git a/apps/readest-app/src/types/settings.ts b/apps/readest-app/src/types/settings.ts
index 428c7da7..1c852521 100644
--- a/apps/readest-app/src/types/settings.ts
+++ b/apps/readest-app/src/types/settings.ts
@@ -1,18 +1,17 @@
+import { ViewSettings } from './book';
+
 export type ThemeType = 'light' | 'dark' | 'auto';
 
 export interface ReadSettings {
-  themeType: ThemeType;
-  fontFamily: string;
-  fontSize: number;
-  wordSpacing: number;
-  lineSpacing: number;
-
   sideBarWidth: string;
   isSideBarPinned: boolean;
+  autohideCursor: boolean;
 }
 
 export interface SystemSettings {
   version: number;
   localBooksDir: string;
+
   globalReadSettings: ReadSettings;
+  globalViewSettings: ViewSettings;
 }
diff --git a/apps/readest-app/src/types/system.ts b/apps/readest-app/src/types/system.ts
index 17f7fcac..86d086be 100644
--- a/apps/readest-app/src/types/system.ts
+++ b/apps/readest-app/src/types/system.ts
@@ -27,9 +27,9 @@ export interface AppService {
   saveSettings(settings: SystemSettings): Promise<void>;
   importBook(file: string | File, books: Book[], overwrite?: boolean): Promise<Book[]>;
   deleteBook(book: Book): Promise<void>;
-  loadBookConfig(book: Book): Promise<BookConfig>;
-  saveBookConfig(book: Book, config: BookConfig): Promise<void>;
-  loadBookContent(book: Book): Promise<BookContent>;
+  loadBookConfig(book: Book, settings: SystemSettings): Promise<BookConfig>;
+  saveBookConfig(book: Book, config: BookConfig, settings?: SystemSettings): Promise<void>;
+  loadBookContent(book: Book, settings: SystemSettings): Promise<BookContent>;
   loadLibraryBooks(): Promise<Book[]>;
   saveLibraryBooks(books: Book[]): Promise<void>;
   getCoverImageUrl(book: Book): string;
diff --git a/packages/foliate-js b/packages/foliate-js
index ac36959a..98e891d1 160000
--- a/packages/foliate-js
+++ b/packages/foliate-js
@@ -1 +1 @@
-Subproject commit ac36959a03a422960c13856db5c61503701cf1f0
+Subproject commit 98e891d1b4f71750bf69e79f01446a42ea7a5dbc