diff --git a/.idea/dataSources.xml b/.idea/dataSources.xml
index 25dca05..f9913b3 100644
--- a/.idea/dataSources.xml
+++ b/.idea/dataSources.xml
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="DataSourceManagerImpl" format="xml" multifile-model="true">
-    <data-source source="LOCAL" name="light_novel_reader_database [2]" uuid="3982e8d5-d4b2-4620-92af-0933876dbf65">
+    <data-source source="LOCAL" name="light_novel_reader_database" uuid="9c4e1d88-490a-4a9e-8dd4-3338fe536ef2">
       <driver-ref>sqlite.xerial</driver-ref>
       <synchronize>true</synchronize>
       <jdbc-driver>org.sqlite.JDBC</jdbc-driver>
-      <jdbc-url>jdbc:sqlite:F:\Downloads\light_novel_reader_database</jdbc-url>
+      <jdbc-url>jdbc:sqlite:C:\Users\Administrator\AppData\Local\JetBrains\IntelliJIdea2024.2\device-explorer\NightFish 2009\_\data\data\indi.dmzz_yyhyy.lightnovelreader.debug\databases\light_novel_reader_database</jdbc-url>
       <jdbc-additional-properties>
         <property name="com.intellij.clouds.kubernetes.db.enabled" value="false" />
       </jdbc-additional-properties>
diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
index b43f4c0..af0ff16 100644
--- a/.idea/deploymentTargetSelector.xml
+++ b/.idea/deploymentTargetSelector.xml
@@ -4,10 +4,10 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2024-08-31T07:19:22.377658300Z">
+        <DropdownSelection timestamp="2024-10-06T08:08:35.608948600Z">
           <Target type="DEFAULT_BOOT">
             <handle>
-              <DeviceId pluginId="Default" identifier="serial=localhost:5555;connection=3dbcf489" />
+              <DeviceId pluginId="Default" identifier="serial=emulator-5554;connection=dda5f516" />
             </handle>
           </Target>
         </DropdownSelection>
diff --git a/.idea/dictionaries/NightFish.xml b/.idea/dictionaries/NightFish.xml
index 7100306..21b7209 100644
--- a/.idea/dictionaries/NightFish.xml
+++ b/.idea/dictionaries/NightFish.xml
@@ -1,6 +1,7 @@
 <component name="ProjectDictionaryState">
   <dictionary name="NightFish">
     <words>
+      <w>updatetime</w>
       <w>wenku</w>
     </words>
   </dictionary>
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 168a05c..5aa190d 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -20,8 +20,8 @@ android {
         minSdk = 24
         targetSdk = 34
         // 版本号为x.y.z则versionCode为x*1000000+y*10000+z*100+debug版本号(开发需要时迭代, 两位数)
-        versionCode = 4_04_024
-        versionName = "0.4.4"
+        versionCode = 1_00_00_001
+        versionName = "1.0.0"
 
         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
         vectorDrawables {
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/BookRepository.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/BookRepository.kt
index f9c014e..692c1bc 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/BookRepository.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/BookRepository.kt
@@ -10,6 +10,8 @@ import indi.dmzz_yyhyy.lightnovelreader.data.book.BookVolumes
 import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterContent
 import indi.dmzz_yyhyy.lightnovelreader.data.book.UserReadingData
 import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.json.AppUserDataContent
+import indi.dmzz_yyhyy.lightnovelreader.data.json.BookUserData
 import indi.dmzz_yyhyy.lightnovelreader.data.local.LocalBookDataSource
 import indi.dmzz_yyhyy.lightnovelreader.data.web.WebBookDataSource
 import indi.dmzz_yyhyy.lightnovelreader.data.work.CacheBookWork
@@ -92,6 +94,9 @@ class BookRepository @Inject constructor(
     fun getUserReadingData(bookId: Int): Flow<UserReadingData> =
         localBookDataSource.getUserReadingData(bookId).map { it }
 
+    fun getAllUserReadingData(): List<UserReadingData> =
+        localBookDataSource.getAllUserReadingData()
+
     fun updateUserReadingData(id: Int, update: (UserReadingData) -> UserReadingData) {
         localBookDataSource.updateUserReadingData(id, update)
     }
@@ -111,4 +116,23 @@ class BookRepository @Inject constructor(
     }
 
     fun isCacheBookWorkFlow(workId: UUID) = workManager.getWorkInfoByIdFlow(workId)
+
+    fun importUserReadingData(data: AppUserDataContent): Boolean {
+        val userReadingDataList: List<BookUserData> = data.bookUserData ?: return false
+        userReadingDataList.forEach { bookUserData ->
+            localBookDataSource.updateUserReadingData(bookUserData.id) {
+                UserReadingData(
+                    id = bookUserData.id,
+                    lastReadTime = if (bookUserData.lastReadTime.isAfter(it.lastReadTime)) bookUserData.lastReadTime else it.lastReadTime,
+                    totalReadTime = if (bookUserData.totalReadTime > it.totalReadTime) bookUserData.totalReadTime else it.totalReadTime,
+                    readingProgress = if (bookUserData.readingProgress > it.readingProgress) bookUserData.readingProgress else it.readingProgress,
+                    lastReadChapterId = bookUserData.lastReadChapterId,
+                    lastReadChapterTitle = bookUserData.lastReadChapterTitle,
+                    lastReadChapterProgress = bookUserData.lastReadChapterProgress,
+                    readCompletedChapterIds = (bookUserData.readCompletedChapterIds + it.readCompletedChapterIds).distinct()
+                )
+            }
+        }
+        return true
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/UserDataRepository.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/UserDataRepository.kt
index 0200ffc..e3faa55 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/UserDataRepository.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/UserDataRepository.kt
@@ -1,5 +1,6 @@
 package indi.dmzz_yyhyy.lightnovelreader.data
 
+import indi.dmzz_yyhyy.lightnovelreader.data.json.AppUserDataContent
 import indi.dmzz_yyhyy.lightnovelreader.data.local.room.dao.UserDataDao
 import indi.dmzz_yyhyy.lightnovelreader.data.userdata.BooleanUserData
 import indi.dmzz_yyhyy.lightnovelreader.data.userdata.FloatUserData
@@ -11,12 +12,24 @@ import javax.inject.Singleton
 
 @Singleton
 class UserDataRepository @Inject constructor(
-    private val userDataDao: UserDataDao)
-{
-
+    private val userDataDao: UserDataDao
+) {
     fun stringUserData(path: String): StringUserData = StringUserData(path, userDataDao)
     fun floatUserData(path: String): FloatUserData = FloatUserData(path, userDataDao)
     fun booleanUserData(path: String): BooleanUserData = BooleanUserData(path, userDataDao)
     fun intListUserData(path: String): IntListUserData = IntListUserData(path, userDataDao)
     fun stringListUserData(path: String): StringListUserData = StringListUserData(path, userDataDao)
+
+    fun importUserData(data: AppUserDataContent): Boolean {
+        val userDataList = data.userData ?: return false
+        userDataList.forEach {
+            userDataDao.update(
+                path = it.path,
+                group = it.group,
+                type = it.type,
+                value = it.value
+            )
+        }
+        return true
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/bookshelf/BookshelfRepository.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/bookshelf/BookshelfRepository.kt
index 1467773..d3311c6 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/bookshelf/BookshelfRepository.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/bookshelf/BookshelfRepository.kt
@@ -1,15 +1,22 @@
 package indi.dmzz_yyhyy.lightnovelreader.data.bookshelf
 
+import android.net.Uri
 import androidx.work.ExistingWorkPolicy
+import androidx.work.OneTimeWorkRequest
 import androidx.work.OneTimeWorkRequestBuilder
 import androidx.work.WorkManager
 import androidx.work.workDataOf
 import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.json.AppUserDataContent
+import indi.dmzz_yyhyy.lightnovelreader.data.json.AppUserDataJsonBuilder
+import indi.dmzz_yyhyy.lightnovelreader.data.json.toJsonData
 import indi.dmzz_yyhyy.lightnovelreader.data.loacltion.room.converter.LocalDataTimeConverter.dateToString
 import indi.dmzz_yyhyy.lightnovelreader.data.local.room.converter.ListConverter.intListToString
 import indi.dmzz_yyhyy.lightnovelreader.data.local.room.dao.BookshelfDao
 import indi.dmzz_yyhyy.lightnovelreader.data.local.room.entity.BookshelfEntity
+import indi.dmzz_yyhyy.lightnovelreader.data.web.WebBookDataSource
 import indi.dmzz_yyhyy.lightnovelreader.data.work.CacheBookWork
+import indi.dmzz_yyhyy.lightnovelreader.data.work.SaveBookshelfWork
 import java.time.Instant
 import java.time.LocalDateTime
 import javax.inject.Inject
@@ -20,7 +27,8 @@ import kotlinx.coroutines.flow.map
 @Singleton
 class BookshelfRepository @Inject constructor(
     private val bookshelfDao: BookshelfDao,
-    private val workManager: WorkManager
+    private val workManager: WorkManager,
+    private val webBookDataSource: WebBookDataSource
 ) {
     fun getAllBookshelfIds(): List<Int> = bookshelfDao.getAllBookshelfIds()
 
@@ -86,7 +94,7 @@ class BookshelfRepository @Inject constructor(
         val bookshelf = bookshelfDao.getBookShelf(bookshelfId) ?: return
         bookshelfDao.addBookshelfMetadata(
             id = bookInformation.id,
-            lastUpdate = dateToString(bookInformation.lastUpdated) ?: "",
+            lastUpdate = bookInformation.lastUpdated,
             bookshelfIds = listOf(bookshelfId)
         )
         if (bookshelf.autoCache && bookshelf.allBookIds.contains(bookInformation.id)) {
@@ -212,4 +220,71 @@ class BookshelfRepository @Inject constructor(
             intListToString(bookshelfDao.getBookshelfBookMetadata(bookId)?.bookShelfIds!!)
         )
     }
+
+    fun exportAllBookshelvesJson(): String = AppUserDataJsonBuilder()
+        .data {
+            webDataSourceId(webBookDataSource.id)
+            getAllBookshelfIds()
+                .mapNotNull { (getBookshelf(it)) }
+                .map { (it as Bookshelf).toJsonData() }
+                .forEach (::bookshelf)
+            getAllBookshelfBooksMetadata()
+                .map(BookshelfBookMetadata::toJsonData)
+                .forEach(::bookshelfBookMetaData)
+        }
+        .build()
+        .toJson()
+
+    fun exportBookshelvesJson(id: Int): String = AppUserDataJsonBuilder()
+        .data {
+            webDataSourceId(webBookDataSource.id)
+            getBookshelf(id)?.toJsonData()?.let { bookshelf(it) }
+            getBookshelf(id)?.allBookIds
+                ?.mapNotNull(::getBookshelfBookMetadata)
+                ?.map { BookshelfBookMetadata(id = it.id, lastUpdate = it.lastUpdate, bookShelfIds = listOf(id)) }
+                ?.map(BookshelfBookMetadata::toJsonData)
+                ?.forEach(::bookshelfBookMetaData)
+        }
+        .build()
+        .toJson()
+
+    fun saveBookshelfJsonData(bookshelfId: Int, uri: Uri): OneTimeWorkRequest {
+        val workRequest = OneTimeWorkRequestBuilder<SaveBookshelfWork>()
+            .setInputData(workDataOf(
+                "bookshelfId" to bookshelfId,
+                "uri" to uri.toString(),
+            ))
+            .build()
+        workManager.enqueueUniqueWork(
+            uri.toString(),
+            ExistingWorkPolicy.KEEP,
+            workRequest
+        )
+        return workRequest
+    }
+
+    fun importBookshelf(data: AppUserDataContent): Boolean {
+        val bookshelfDataList = data.bookshelf ?: return false
+        val bookshelfBookMetadataList = data.bookShelfBookMetadata ?: return false
+        val allBookshelfIds = getAllBookshelfIds()
+        bookshelfDataList.forEach { bookshelf ->
+            if (allBookshelfIds.contains(bookshelf.id)) return@forEach
+            bookshelfDao.createBookshelf(
+                BookshelfEntity(
+                    id = bookshelf.id,
+                    name = bookshelf.name,
+                    sortType = bookshelf.sortType.key,
+                    autoCache = bookshelf.autoCache,
+                    systemUpdateReminder = bookshelf.systemUpdateReminder,
+                    allBookIds = bookshelf.allBookIds,
+                    pinnedBookIds = bookshelf.pinnedBookIds,
+                    updatedBookIds = bookshelf.updatedBookIds,
+                )
+            )
+        }
+        bookshelfBookMetadataList.forEach {
+            bookshelfDao.addBookshelfMetadata(it.id, it.lastUpdate, it.bookShelfIds)
+        }
+        return true
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/bookshelf/BookshelfSortType.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/bookshelf/BookshelfSortType.kt
index 5b659b0..3c1e250 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/bookshelf/BookshelfSortType.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/bookshelf/BookshelfSortType.kt
@@ -2,5 +2,8 @@ package indi.dmzz_yyhyy.lightnovelreader.data.bookshelf
 
 enum class BookshelfSortType(val key: String) {
     Default("default"),
-    Latest("latest"),
+    Latest("latest");
+    companion object {
+        fun map(key: String): BookshelfSortType = BookshelfSortType.entries.first { it.key == key }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/AppUserDataJson.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/AppUserDataJson.kt
new file mode 100644
index 0000000..0812175
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/AppUserDataJson.kt
@@ -0,0 +1,107 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.json
+
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import com.google.gson.annotations.SerializedName
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfSortType
+import java.time.LocalDateTime
+
+data class AppUserDataJson(
+    val type: String,
+    val id: Int? = null,
+    val data: List<AppUserDataContent>
+) {
+    companion object {
+        val gson: Gson = GsonBuilder()
+            .serializeSpecialFloatingPointValues()
+            .registerTypeAdapter(LocalDateTime::class.java, LocalTimeDataTypeAdapter)
+            .registerTypeAdapter(BookshelfSortType::class.java, BookshelfSortTypeTypeAdapter)
+            .create()
+
+        fun fromJson(json: String): AppUserDataJson = gson.fromJson(json, AppUserDataJson::class.java)
+    }
+
+    fun toJson(): String = gson.toJson(this)
+}
+
+data class AppUserDataContent(
+    @SerializedName("web_data_source_id")
+    val webDataSourceId: Int,
+    @SerializedName("book_user_data")
+    val bookUserData: List<BookUserData>? = null,
+    @SerializedName("book_shelf")
+    val bookshelf: List<BookshelfData>? = null,
+    @SerializedName("book_shelf_book_metadata")
+    val bookShelfBookMetadata: List<BookShelfBookMetadataData>? = null,
+    @SerializedName("user_data")
+    val userData: List<UserDataData>? = null,
+)
+
+class AppUserDataJsonBuilder {
+    private var id: Int? = null
+    private var data: MutableList<AppUserDataContent> = mutableListOf()
+
+    fun build(): AppUserDataJson = AppUserDataJson(
+        type = "light novel reader data file",
+        id = id,
+        data = data
+    )
+
+    fun data(data: AppUserDataContentBuilder.() -> Unit): AppUserDataJsonBuilder {
+        this.data.add(
+            AppUserDataContentBuilder()
+                .let {
+                    data.invoke(it)
+                    it.build()
+                }
+        )
+        return this
+    }
+}
+
+class AppUserDataContentBuilder() {
+    private var webDataSourceId: Int? = null
+    private var bookUserData: MutableList<BookUserData> = mutableListOf()
+    private var bookshelf: MutableList<BookshelfData> = mutableListOf()
+    private var bookShelfBookMetadata: MutableList<BookShelfBookMetadataData> = mutableListOf()
+    private var userData: MutableList<UserDataData> = mutableListOf()
+
+    fun build(): AppUserDataContent {
+        if (webDataSourceId == null) {
+            throw NullPointerException("webDataSourceId can not be null")
+        }
+        return AppUserDataContent(
+            webDataSourceId = webDataSourceId!!,
+            bookUserData = bookUserData.ifEmpty { null },
+            bookshelf = bookshelf.ifEmpty { null },
+            bookShelfBookMetadata = bookShelfBookMetadata.ifEmpty { null },
+            userData = userData.ifEmpty { null },
+        )
+    }
+
+    fun webDataSourceId(webDataSourceId: Int): AppUserDataContentBuilder {
+        this.webDataSourceId = webDataSourceId
+        return this
+    }
+
+    fun bookUserData(bookUserData: BookUserData): AppUserDataContentBuilder {
+        this.bookUserData.add(bookUserData)
+        return this
+    }
+
+    fun bookshelf(bookshelf: BookshelfData): AppUserDataContentBuilder {
+        this.bookshelf.add(bookshelf)
+        return this
+    }
+
+    fun bookshelfBookMetaData(bookshelfBookMetadata: BookShelfBookMetadataData): AppUserDataContentBuilder {
+        this.bookShelfBookMetadata.add(bookshelfBookMetadata)
+        return this
+    }
+
+    fun userData(userData: UserDataData): AppUserDataContentBuilder {
+        this.userData.add(userData)
+        return this
+    }
+}
+
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookShelfBookMetadataData.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookShelfBookMetadataData.kt
new file mode 100644
index 0000000..39f8a62
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookShelfBookMetadataData.kt
@@ -0,0 +1,20 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.json
+
+import com.google.gson.annotations.SerializedName
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfBookMetadata
+import java.time.LocalDateTime
+
+data class BookShelfBookMetadataData(
+    val id: Int,
+    @SerializedName("last_update")
+    val lastUpdate: LocalDateTime,
+    @SerializedName("book_shelf_ids")
+    val bookShelfIds: List<Int>,
+)
+
+fun BookshelfBookMetadata.toJsonData() =
+    BookShelfBookMetadataData(
+        id = id,
+        lastUpdate = lastUpdate,
+        bookShelfIds = bookShelfIds,
+    )
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookUserData.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookUserData.kt
new file mode 100644
index 0000000..9362841
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookUserData.kt
@@ -0,0 +1,35 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.json
+
+import com.google.gson.annotations.SerializedName
+import indi.dmzz_yyhyy.lightnovelreader.data.book.UserReadingData
+import java.time.LocalDateTime
+
+data class BookUserData(
+    val id: Int,
+    @SerializedName("last_read_time")
+    val lastReadTime: LocalDateTime,
+    @SerializedName("total_read_time")
+    val totalReadTime: Int,
+    @SerializedName("reading_progress")
+    val readingProgress: Float,
+    @SerializedName("last_read_chapter_id")
+    val lastReadChapterId: Int,
+    @SerializedName("last_read_chapter_title")
+    val lastReadChapterTitle: String,
+    @SerializedName("last_read_chapter_progress")
+    val lastReadChapterProgress: Float,
+    @SerializedName("read_completed_chapter_ids")
+    val readCompletedChapterIds: List<Int>,
+)
+
+fun UserReadingData.toJsonData() =
+    BookUserData(
+        id = this.id,
+        lastReadTime = this.lastReadTime,
+        totalReadTime = this.totalReadTime,
+        readingProgress = this.readingProgress,
+        lastReadChapterId = this.lastReadChapterId,
+        lastReadChapterTitle = this.lastReadChapterTitle,
+        lastReadChapterProgress = this.lastReadChapterProgress,
+        readCompletedChapterIds = this.readCompletedChapterIds,
+    )
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookshelfData.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookshelfData.kt
new file mode 100644
index 0000000..13ac0fc
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookshelfData.kt
@@ -0,0 +1,34 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.json
+
+import com.google.gson.annotations.SerializedName
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.Bookshelf
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfSortType
+
+data class BookshelfData(
+    val id: Int,
+    val name: String,
+    @SerializedName("sort_type")
+    val sortType: BookshelfSortType,
+    @SerializedName("auto_cache")
+    val autoCache: Boolean,
+    @SerializedName("system_update_reminder")
+    val systemUpdateReminder: Boolean,
+    @SerializedName("all_book_ids")
+    val allBookIds: List<Int>,
+    @SerializedName("pinned_book_ids")
+    val pinnedBookIds: List<Int>,
+    @SerializedName("updatedBookIds")
+    val updatedBookIds: List<Int>,
+)
+
+fun Bookshelf.toJsonData(): BookshelfData =
+    BookshelfData(
+        id = id,
+        name = name,
+        sortType = sortType,
+        autoCache = autoCache,
+        systemUpdateReminder = systemUpdateReminder,
+        allBookIds = allBookIds,
+        pinnedBookIds = pinnedBookIds,
+        updatedBookIds = updatedBookIds,
+    )
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookshelfSortTypeTypeAdapter.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookshelfSortTypeTypeAdapter.kt
new file mode 100644
index 0000000..2dfb932
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/BookshelfSortTypeTypeAdapter.kt
@@ -0,0 +1,16 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.json
+
+import com.google.gson.TypeAdapter
+import com.google.gson.stream.JsonReader
+import com.google.gson.stream.JsonWriter
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfSortType
+
+object BookshelfSortTypeTypeAdapter : TypeAdapter<BookshelfSortType>() {
+    override fun write(out: JsonWriter?, value: BookshelfSortType?) {
+        out?.value(value?.key)
+    }
+
+    override fun read(`in`: JsonReader?): BookshelfSortType {
+        return `in`?.nextString()?.let { BookshelfSortType.map(it) } ?: BookshelfSortType.Default
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/LocalTimeDataTypeAdapter.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/LocalTimeDataTypeAdapter.kt
new file mode 100644
index 0000000..48f3cce
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/LocalTimeDataTypeAdapter.kt
@@ -0,0 +1,16 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.json
+
+import com.google.gson.TypeAdapter
+import com.google.gson.stream.JsonReader
+import com.google.gson.stream.JsonWriter
+import java.time.LocalDateTime
+
+object LocalTimeDataTypeAdapter : TypeAdapter<LocalDateTime>() {
+    override fun write(out: JsonWriter?, value: LocalDateTime?) {
+        out?.value(value.toString())
+    }
+
+    override fun read(`in`: JsonReader?): LocalDateTime {
+        return LocalDateTime.parse(`in`?.nextString())
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/UserDataData.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/UserDataData.kt
new file mode 100644
index 0000000..0842236
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/json/UserDataData.kt
@@ -0,0 +1,18 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.json
+
+import indi.dmzz_yyhyy.lightnovelreader.data.local.room.entity.UserDataEntity
+
+data class UserDataData(
+    val path: String,
+    val group: String,
+    val type: String,
+    val value: String
+)
+
+fun UserDataEntity.toJsonData() =
+    UserDataData(
+        path = this.path,
+        group = this.group,
+        type = this.type,
+        value = this.value
+    )
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/LocalBookDataSource.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/LocalBookDataSource.kt
index 169cd76..36257b3 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/LocalBookDataSource.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/LocalBookDataSource.kt
@@ -58,4 +58,17 @@ class LocalBookDataSource @Inject constructor(
             return@let data
         })
     }
+    fun getAllUserReadingData(): List<UserReadingData> =
+        userReadingDataDao.getAll().map {
+            UserReadingData(
+                it.id,
+                it.lastReadTime,
+                it.totalReadTime,
+                it.readingProgress,
+                it.lastReadChapterId,
+                it.lastReadChapterTitle,
+                it.lastReadChapterProgress,
+                it.readCompletedChapterIds
+            )
+        }
 }
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/room/dao/BookshelfDao.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/room/dao/BookshelfDao.kt
index 2f9e863..76ac07d 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/room/dao/BookshelfDao.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/room/dao/BookshelfDao.kt
@@ -8,6 +8,7 @@ import androidx.room.Update
 import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfBookMetadata
 import indi.dmzz_yyhyy.lightnovelreader.data.local.room.entity.BookshelfBookMetadataEntity
 import indi.dmzz_yyhyy.lightnovelreader.data.local.room.entity.BookshelfEntity
+import java.time.LocalDateTime
 import kotlinx.coroutines.flow.Flow
 
 @Dao
@@ -54,7 +55,6 @@ interface BookshelfDao {
 
     @Query("select id from book_shelf")
     fun getAllBookshelfIds(): List<Int>
-
     @Transaction
     fun getBookshelfBookMetadata(id: Int): BookshelfBookMetadata? = getBookshelfBookMetadataEntity(id)?.let {
         BookshelfBookMetadata(
@@ -67,14 +67,14 @@ interface BookshelfDao {
     @Transaction
     fun addBookshelfMetadata(
         id: Int,
-        lastUpdate: String,
+        lastUpdate: LocalDateTime,
         bookshelfIds: List<Int>
     ) {
         getBookshelfBookMetadataEntity(id).let {
             if ( it == null)
-                updateBookshelfBookMetaDataEntity(id, lastUpdate, bookshelfIds.joinToString(","))
+                updateBookshelfBookMetaDataEntity(id, lastUpdate.toString(), bookshelfIds.joinToString(","))
             else
-                updateBookshelfBookMetaDataEntity(id, lastUpdate, (bookshelfIds + it.bookShelfIds).distinct().joinToString(","))
+                updateBookshelfBookMetaDataEntity(id, lastUpdate.toString(), (bookshelfIds + it.bookShelfIds).distinct().joinToString(","))
         }
     }
 
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/room/dao/UserDataDao.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/room/dao/UserDataDao.kt
index 82f1c1a..cc0bd84 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/room/dao/UserDataDao.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/local/room/dao/UserDataDao.kt
@@ -2,6 +2,7 @@ package indi.dmzz_yyhyy.lightnovelreader.data.local.room.dao
 
 import androidx.room.Dao
 import androidx.room.Query
+import indi.dmzz_yyhyy.lightnovelreader.data.local.room.entity.UserDataEntity
 import kotlinx.coroutines.flow.Flow
 
 @Dao
@@ -13,4 +14,8 @@ interface UserDataDao {
     fun get(path: String): String?
     @Query("select value from user_data where path = :path")
     fun getFlow(path: String): Flow<String?>
+    @Query("select * from user_data where path = :path")
+    fun getEntity(path: String): UserDataEntity?
+    @Query("select * from user_data where `group` = :group")
+    fun getGroupValues(group: String): List<UserDataEntity>
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/setting/AbstractSettingState.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/setting/AbstractSettingState.kt
new file mode 100644
index 0000000..8396ccf
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/setting/AbstractSettingState.kt
@@ -0,0 +1,36 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.setting
+
+import androidx.compose.runtime.State
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.snapshots.StateFactoryMarker
+import indi.dmzz_yyhyy.lightnovelreader.data.userdata.UserData
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+
+abstract class AbstractSettingState(
+    private val coroutineScope: CoroutineScope,
+) {
+
+    @StateFactoryMarker
+    protected fun <T> UserData<T>.asState(initial: T): State<T> {
+        val state = mutableStateOf(getOrDefault(initial))
+        coroutineScope.launch(Dispatchers.IO) {
+            getFlowWithDefault(initial).collect {
+                state.value = it
+            }
+        }
+        return state
+    }
+
+    @StateFactoryMarker
+    protected fun <T> UserData<T>.safeAsState(initial: T): State<T> {
+        val state = mutableStateOf(initial)
+        coroutineScope.launch(Dispatchers.IO) {
+            getFlowWithDefault(initial).collect {
+                state.value = it
+            }
+        }
+        return state
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/update/UpdateCheckRepository.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/update/UpdateCheckRepository.kt
index f97b3b0..c3b2f5f 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/update/UpdateCheckRepository.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/update/UpdateCheckRepository.kt
@@ -12,26 +12,27 @@ import com.ketch.Ketch
 import com.ketch.NotificationConfig
 import indi.dmzz_yyhyy.lightnovelreader.BuildConfig
 import indi.dmzz_yyhyy.lightnovelreader.R
-import indi.dmzz_yyhyy.lightnovelreader.data.UserDataRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.local.room.dao.UserDataDao
+import indi.dmzz_yyhyy.lightnovelreader.data.userdata.StringUserData
 import indi.dmzz_yyhyy.lightnovelreader.data.userdata.UserDataPath
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.launch
-import org.jsoup.Jsoup
 import java.io.File
 import java.io.FileInputStream
 import java.security.MessageDigest
 import javax.inject.Inject
 import javax.inject.Singleton
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+import org.jsoup.Jsoup
 
 @Singleton
 class UpdateCheckRepository @Inject constructor(
-    val userDataRepository: UserDataRepository
+    userDataDao: UserDataDao
 ) {
     private val gson: Gson = createGson()
     private val releaseUrl: String = "https://api.appcenter.ms/v0.1/public/sdk/apps/f7743820-f7dc-498f-b31d-ec5032b0d66d/distribution_groups/bfcd55aa-302c-452a-b59e-90f065d437f5/releases/latest"
     private val developmentUrl: String = "https://api.appcenter.ms/v0.1/public/sdk/apps/f7743820-f7dc-498f-b31d-ec5032b0d66d/distribution_groups/f21a594f-5a56-4b2b-9361-9a734c10f1c9/releases/latest"
-    private val updateChannel = userDataRepository.stringUserData(UserDataPath.Settings.App.UpdateChannel.path)
+    private val updateChannel = StringUserData(UserDataPath.Settings.App.UpdateChannel.path, userDataDao)
 
     fun checkAppCenter(): Release {
         val channel = updateChannel.getOrDefault("Development")
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/userdata/UserData.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/userdata/UserData.kt
index 14b9c4c..130b50b 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/userdata/UserData.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/userdata/UserData.kt
@@ -1,6 +1,10 @@
 package indi.dmzz_yyhyy.lightnovelreader.data.userdata
 
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.map
+import kotlinx.coroutines.launch
 
 abstract class UserData<T> (
     open val path: String
@@ -10,11 +14,18 @@ abstract class UserData<T> (
      * 此函数为阻塞函数，请务必不要在初始化阶段或主线程上调用
      */
     abstract fun set(value: T)
+    fun asynchronousSet(value: T) {
+        CoroutineScope(Dispatchers.IO).launch {
+            set(value)
+        }
+    }
     /**
      * 此函数为阻塞函数，请务必不要在初始化阶段或主线程上调用
      */
     abstract fun get(): T?
     abstract fun getFlow(): Flow<T?>
+    fun getFlowWithDefault(default: T): Flow<T> = getFlow().map { it ?: default }
+        .map { println("${this.path}: $it");it }
     /**
      * 此函数为阻塞函数，请务必不要在初始化阶段或主线程上调用
      */
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/userdata/UserDataPath.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/userdata/UserDataPath.kt
index a4d0158..32a52ed 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/userdata/UserDataPath.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/userdata/UserDataPath.kt
@@ -48,14 +48,15 @@ sealed class UserDataPath(
             data object DynamicColors : UserDataPath("dynamic_color", Display)
             data object AppLocale : UserDataPath("app_locale", Display)
         }
+        data object Data: UserDataPath("data", Settings) {
+            data object WebDataSourceId : UserDataPath("web_data_source_id", Data)
+        }
         data object Reader : UserDataPath("reader", Settings) {
             data object FontSize : LinkUserData(Reader.FontSize)
             data object FontLineHeight : LinkUserData(Reader.FontLineHeight)
             data object KeepScreenOn : LinkUserData(Reader.KeepScreenOn)
         }
     }
-    data object Bookshelf : UserDataPath("bookshelf") {
-    }
 }
 
 open class LinkUserData(
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/Wenku8Api.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/Wenku8Api.kt
index c3d2fbf..65d3f05 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/Wenku8Api.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/Wenku8Api.kt
@@ -182,7 +182,7 @@ object Wenku8Api: WebBookDataSource {
         val encodedKeyword = URLEncoder.encode(keyword, "gb2312")
         coroutineScope.launch {
             delay(1)
-            wenku8Api("action=search&searchtype=$searchResult&searchkey=${URLEncoder.encode(encodedKeyword, "utf-8")}")
+            wenku8Api("action=search&searchtype=$searchType&searchkey=${URLEncoder.encode(encodedKeyword, "utf-8")}")
                 ?.select("item")
                 ?.forEach { element ->
                     searchResult.update {
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/ZaiComic.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/ZaiComic.kt
new file mode 100644
index 0000000..2ddf466
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/ZaiComic.kt
@@ -0,0 +1,264 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic
+
+import com.google.gson.Gson
+import com.google.gson.reflect.TypeToken
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookVolumes
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterContent
+import indi.dmzz_yyhyy.lightnovelreader.data.web.WebBookDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationExpandedPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.ComicChapterComic
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.DataContent
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.DetailData
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.ListDataContent
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.SearchItem
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.ZaiComicData
+import java.net.URLEncoder
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.flow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import org.jsoup.Jsoup
+import org.jsoup.nodes.Document
+
+object ZaiComic : WebBookDataSource {
+    class LimitedMap<K, V>(private val limitNum: Int): LinkedHashMap<K, V>() {
+        private val keyList = mutableListOf<K>()
+
+        override fun put(key: K, value: V): V? {
+            keyList.add(key)
+            if (keyList.size > limitNum) {
+                this.remove(keyList[0])
+                keyList.removeAt(0)
+            }
+            return super.put(key, value)
+        }
+    }
+    private const val HOST = "https://v4api.zaimanhua.com"
+    private val gson = Gson()
+    private val comicDetailCacheMap: MutableMap<Int, DetailData> = LimitedMap(10)
+    private val comicVolumesCacheMap: MutableMap<Int, BookVolumes> = LimitedMap(10)
+    private var searchJob: Job? = null
+
+        private val isOffLineFlow = flow {
+        while(true) {
+            emit(isOffLine())
+            delay(2500)
+        }
+    }
+
+    private fun ZaiComicData<DataContent<DetailData>>.cacheDetailData(): ZaiComicData<DataContent<DetailData>> {
+        if (comicDetailCacheMap.contains(id)) return this
+        comicDetailCacheMap[id] = this.data.data
+        return this
+    }
+
+    private fun isOffLine(): Boolean {
+        return try {
+            !Jsoup.connect(HOST).get().text().contains("It Works")
+        } catch (_: Exception) {
+            true
+        }
+    }
+
+    override val id: Int
+        get() = "ZaiComic".hashCode()
+
+    override suspend fun getIsOffLineFlow(): Flow<Boolean> { return isOffLineFlow }
+
+    /*
+    GET /app/v1/comic/detail/33322?channel=android&timestamp=1728136936
+     */
+    override fun getBookInformation(id: Int): BookInformation? {
+        val detailData =
+            if (comicDetailCacheMap.contains(id))
+                comicDetailCacheMap[id]
+            else
+                Jsoup
+                    .connect(HOST+"/app/v1/comic/detail/$id?channel=android&timestamp=${(System.currentTimeMillis() / 1000)}")
+                    .ignoreContentType(true)
+                    .get()
+                    .outputSettings(
+                        Document.OutputSettings()
+                        .prettyPrint(false)
+                        .syntax(Document.OutputSettings.Syntax.xml)
+                    )
+                    .body()
+                    .text()
+                    .let {
+                        gson.fromJson<ZaiComicData<DataContent<DetailData>>>(it, object : TypeToken<ZaiComicData<DataContent<DetailData>>>() {}.type)
+                    }
+                    .cacheDetailData()
+                    .data
+                    .data
+        return detailData?.toBookInformation()
+    }
+
+    /*
+    GET /app/v1/comic/sub/checkIsSub? HTTP/1.1
+     */
+    override fun getBookVolumes(id: Int): BookVolumes? {
+        val detailData =
+            if (comicDetailCacheMap.contains(id))
+                comicDetailCacheMap[id]
+            else
+                Jsoup
+                    .connect(HOST+"/app/v1/comic/detail/$id?channel=android&timestamp=${(System.currentTimeMillis() / 1000)}")
+                    .ignoreContentType(true)
+                    .get()
+                    .outputSettings(
+                        Document.OutputSettings()
+                            .prettyPrint(false)
+                            .syntax(Document.OutputSettings.Syntax.xml)
+                    )
+                    .body()
+                    .text()
+                    .let {
+                        gson.fromJson<ZaiComicData<DataContent<DetailData>>>(it, object : TypeToken<ZaiComicData<DataContent<DetailData>>>() {}.type)
+                    }
+                    .cacheDetailData()
+                    .data
+                    .data
+        return detailData?.toBookVolumes()
+            ?.let {
+                comicVolumesCacheMap[id] = it
+                it
+            }
+    }
+
+    /*
+    GET /app/v1/comic/chapter/33322/158352?channel=android&timestamp=1727804198 HTTP/1.1
+     */
+    override fun getChapterContent(chapterId: Int, bookId: Int): ChapterContent? {
+        val volumes =
+            if (comicVolumesCacheMap.contains(bookId))
+                comicVolumesCacheMap[bookId] ?: return null
+            else
+                getBookVolumes(bookId) ?: return null
+        val chapterIds = mutableListOf<Int>()
+            .apply {
+                volumes.volumes.forEach { volume ->
+                    volume.chapters.map { it.id }.let(::addAll)
+                }
+            }
+        val chapterIdIndex = chapterIds.indexOfFirst(chapterId::equals)
+        if (chapterIdIndex == -1) return null
+        val lastChapterId =
+            if (chapterIdIndex != 0) chapterIds[chapterIdIndex - 1]
+            else -1
+        val nextChapterId =
+            if (chapterIdIndex != chapterIds.size - 1) chapterIds[chapterIdIndex + 1]
+            else -1
+        val chapterContent = Jsoup
+            .connect(HOST+"/app/v1/comic/chapter/$bookId/$chapterId?channel=android&timestamp=${(System.currentTimeMillis() / 1000)}")
+            .ignoreContentType(true)
+            .get()
+            .outputSettings(
+                Document.OutputSettings()
+                    .prettyPrint(false)
+                    .syntax(Document.OutputSettings.Syntax.xml)
+            )
+            .body()
+            .text()
+            .let {
+                gson.fromJson<ZaiComicData<DataContent<ComicChapterComic>>>(it, object : TypeToken<ZaiComicData<DataContent<ComicChapterComic>>>() {}.type)
+            }
+            .data
+            .data
+            .toChapterContent(lastChapterId, nextChapterId)
+        return chapterContent
+    }
+
+    override suspend fun getExplorationPageMap(): Map<String, ExplorationPageDataSource> =
+        mapOf()
+
+    override suspend fun getExplorationPageTitleList(): List<String> =
+        listOf()
+
+    override fun getExplorationExpandedPageDataSourceMap(): Map<String, ExplorationExpandedPageDataSource> =
+        mapOf()
+
+    /*
+    GET /app/v1/search/index?keyword=%E5%85%B3%E4%BA%8E%E9%82%BB%E5%B1%85%E5%AE%B6%E5%A4%A9%E4%BD%BF%E5%A4%A7%E4%BA%BA%E6%8A%8A%E6%88%91%E5%85%BB%E6%88%90%E5%BA%9F%E4%BA%BA%E8%BF%99%E4%BB%B6%E4%BA%8B&page=3&size=20&channel=android&timestamp=1727804461 HTTP/1.1
+    GET /app/v1/search/index?keyword=%E5%85%B3%E4%BA%8E%E9%82%BB%E5%B1%85%E5%AE%B6%E5%A4%A9%E4%BD%BF%E5%A4%A7%E4%BA%BA%E6%8A%8A%E6%88%91%E5%85%BB%E6%88%90%E5%BA%9F%E4%BA%BA%E8%BF%99%E4%BB%B6%E4%BA%8B&page=3&size=20&channel=android&timestamp=1727804461 HTTP/1.1
+    GET /app/v1/search/index?keyword=%E9%82%BB%E5%B1%85&page=1&size=20&channel=android&timestamp=1727804387 HTTP/1.1
+     */
+    override fun search(searchType: String, keyword: String): Flow<List<BookInformation>> {
+        val comicList = MutableStateFlow(mutableListOf<BookInformation>())
+        searchJob = CoroutineScope(Dispatchers.IO).launch {
+            var page = 1
+            while (true) {
+                val ids = Jsoup
+                    .connect(
+                        HOST + "/app/v1/search/index?keyword=${
+                            URLEncoder.encode(
+                                keyword,
+                                "utf-8"
+                            )
+                        }&page=$page&size=20&channel=android&timestamp=${(System.currentTimeMillis() / 1000)}"
+                    )
+                    .ignoreContentType(true)
+                    .get()
+                    .outputSettings(
+                        Document.OutputSettings()
+                            .prettyPrint(false)
+                            .syntax(Document.OutputSettings.Syntax.xml)
+                    )
+                    .body()
+                    .text()
+                    .let {
+                        gson.fromJson<ZaiComicData<ListDataContent<SearchItem>>>(
+                            it,
+                            object : TypeToken<ZaiComicData<ListDataContent<SearchItem>>>() {}.type
+                        )
+                    }
+                    .data
+                    .list
+                    .let { searchItemList ->
+                        if (searchItemList == null) {
+                            comicList.update {
+                                it.apply {
+                                    BookInformation.empty()
+                                }
+                            }
+                            return@launch
+                        }
+                        searchItemList
+                    }
+                    .map { it.id }
+                ids.forEach { id ->
+                    delay(1)
+                    comicList.update {
+                        it.apply {
+                            getBookInformation(id)?.let(::add)
+                        }
+                    }
+                }
+                page++
+            }
+        }
+        return comicList
+    }
+
+    override fun getSearchTypeMap(): Map<String, String> =
+        mapOf(
+            "按漫画名称搜索" to "name"
+        )
+
+    override fun getSearchTipMap(): Map<String, String> =
+        mapOf(
+            "name" to "请输入漫画名称"
+        )
+
+    override fun getSearchTypeNameList(): List<String> = listOf("按漫画名称搜索")
+
+    override fun stopAllSearch() {
+        searchJob?.cancel()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/ComicChapterComic.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/ComicChapterComic.kt
new file mode 100644
index 0000000..db71d5b
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/ComicChapterComic.kt
@@ -0,0 +1,23 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic.json
+
+import com.google.gson.annotations.SerializedName
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterContent
+
+data class ComicChapterComic(
+    @SerializedName("chapter_id")
+    val chapterId: Int,
+    @SerializedName("comic_id")
+    val comicId: Int,
+    val title: String,
+    @SerializedName("page_url")
+    val pageUrl: List<String>,
+) {
+    fun toChapterContent(lastChapterId: Int, nextChapterId: Int): ChapterContent =
+        ChapterContent(
+            id = chapterId,
+            title = title,
+            lastChapter = lastChapterId,
+            nextChapter = nextChapterId,
+            content = pageUrl.joinToString("") { "[image]$it[image]" }
+        )
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/DetailData.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/DetailData.kt
new file mode 100644
index 0000000..d227349
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/DetailData.kt
@@ -0,0 +1,86 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic.json
+
+import com.google.gson.annotations.SerializedName
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookVolumes
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.Volume
+import java.time.Instant
+import java.time.LocalDateTime
+import java.util.*
+
+data class DetailData(
+    val id: Int,
+    val title: String,
+    val direction: Int,
+    val islong: Int,
+    val cover: String,
+    val description: String,
+    @SerializedName("last_updatetime")
+    val lastUpdateTime: Long,
+    @SerializedName("last_update_chapter_name")
+    val lastUpdateChapterName: String,
+    @SerializedName("last_update_chapter_id")
+    val lastUpdateChapterId: Int,
+    @SerializedName("types")
+    val tags: List<Tag>,
+    val status: List<Tag>,
+    val authors: List<Tag>,
+    @SerializedName("chapters")
+    val volumes: List<ComicVolume>,
+) {
+    fun toBookInformation(): BookInformation =
+        BookInformation(
+            id = id,
+            title = title,
+            coverUrl = cover,
+            author = try { authors.joinToString(" ") { it.name } } catch (e: NullPointerException) { "" },
+            description = description,
+            tags = try { tags.map { it.name } } catch (e: NullPointerException) { emptyList() },
+            publishingHouse = "",
+            wordCount = 0,
+            lastUpdated = LocalDateTime.ofInstant(
+                Instant.ofEpochSecond(lastUpdateTime),
+                TimeZone.getDefault().toZoneId()),
+            isComplete = status.any { it.name == "以完结" }
+        )
+
+    fun toBookVolumes(): BookVolumes =
+        BookVolumes(
+            volumes.mapIndexed { id, comicVolume ->
+                Volume(
+                    volumeId = this.id*1000+id,
+                    volumeTitle = comicVolume.title,
+                    chapters = comicVolume.data
+                        .sortedBy { it.order }
+                        .map {
+                            ChapterInformation(
+                                id = it.id,
+                                title = it.title
+                            )
+                        }
+                )
+            }
+        )
+}
+
+data class Tag(
+    @SerializedName("tag_id")
+    val id: Int,
+    @SerializedName("tag_name")
+    val name: String
+)
+
+data class ComicVolume(
+    val title: String,
+    val data: List<ComicChapter>
+)
+
+data class ComicChapter(
+    @SerializedName("chapter_id")
+    val id: Int,
+    @SerializedName("chapter_title")
+    val title: String,
+    @SerializedName("chapter_order")
+    val order: Int
+)
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/SearchItem.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/SearchItem.kt
new file mode 100644
index 0000000..b6574c0
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/SearchItem.kt
@@ -0,0 +1,5 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic.json
+
+data class SearchItem(
+    val id: Int
+)
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/ZaiComicData.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/ZaiComicData.kt
new file mode 100644
index 0000000..09ebcd8
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/web/zaicomic/json/ZaiComicData.kt
@@ -0,0 +1,15 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic.json
+
+data class ZaiComicData<T>(
+    val errno: Int,
+    val errmsg: String,
+    val data: T
+)
+
+data class DataContent<T>(
+    val data: T
+)
+
+data class ListDataContent<T>(
+    val list: List<T>?
+)
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/ExportDataWork.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/ExportDataWork.kt
new file mode 100644
index 0000000..273617b
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/ExportDataWork.kt
@@ -0,0 +1,90 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.work
+
+import android.content.Context
+import android.net.Uri
+import androidx.hilt.work.HiltWorker
+import androidx.work.Worker
+import androidx.work.WorkerParameters
+import dagger.assisted.Assisted
+import dagger.assisted.AssistedInject
+import indi.dmzz_yyhyy.lightnovelreader.data.BookRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.book.UserReadingData
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.Bookshelf
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfBookMetadata
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.json.AppUserDataJsonBuilder
+import indi.dmzz_yyhyy.lightnovelreader.data.json.toJsonData
+import indi.dmzz_yyhyy.lightnovelreader.data.local.room.dao.UserDataDao
+import indi.dmzz_yyhyy.lightnovelreader.data.local.room.entity.UserDataEntity
+import indi.dmzz_yyhyy.lightnovelreader.data.userdata.UserDataPath
+import indi.dmzz_yyhyy.lightnovelreader.data.web.WebBookDataSource
+import java.io.FileNotFoundException
+import java.io.FileOutputStream
+import java.io.IOException
+
+@HiltWorker
+class ExportDataWork @AssistedInject constructor(
+    @Assisted appContext: Context,
+    @Assisted workerParams: WorkerParameters,
+    private val webBookDataSource: WebBookDataSource,
+    private val bookshelfRepository: BookshelfRepository,
+    private val bookRepository: BookRepository,
+    private val userDataDao: UserDataDao
+) : Worker(appContext, workerParams) {
+    @Suppress("DuplicatedCode")
+    override fun doWork(): Result {
+        val fileUri = inputData.getString("uri")?.let(Uri::parse) ?: return Result.failure()
+        val exportBookshelf = inputData.getBoolean("exportBookshelf", false) ?: return Result.failure()
+        val exportReadingData = inputData.getBoolean("exportReadingData",false)
+        val exportSetting = inputData.getBoolean("exportSetting", false)
+        val exportBookmark = inputData.getBoolean("exportBookmark", false)
+        val json = AppUserDataJsonBuilder()
+            .data {
+                webDataSourceId(webBookDataSource.id)
+                if (exportBookshelf) {
+                    bookshelfRepository.getAllBookshelfIds()
+                        .mapNotNull { (bookshelfRepository.getBookshelf(it)) }
+                        .map { (it as Bookshelf).toJsonData() }
+                        .forEach(::bookshelf)
+                    bookshelfRepository.getAllBookshelfBooksMetadata()
+                        .map(BookshelfBookMetadata::toJsonData)
+                        .forEach(::bookshelfBookMetaData)
+                }
+                if (exportReadingData) {
+                    bookRepository.getAllUserReadingData()
+                        .map(UserReadingData::toJsonData)
+                        .forEach(::bookUserData)
+                    userDataDao.getEntity(UserDataPath.ReadingBooks.path)
+                        ?.toJsonData()
+                        ?.let(::userData)
+                }
+                if (exportSetting) {
+                    userDataDao.getGroupValues(UserDataPath.Reader.path)
+                        .map(UserDataEntity::toJsonData)
+                        .forEach(::userData)
+                    userDataDao.getGroupValues(UserDataPath.Settings.App.path)
+                        .map(UserDataEntity::toJsonData)
+                        .forEach(::userData)
+                    userDataDao.getGroupValues(UserDataPath.Settings.Display.path)
+                        .map(UserDataEntity::toJsonData)
+                        .forEach(::userData)
+                }
+            }
+            .build()
+            .toJson()
+        try {
+            applicationContext.contentResolver.openFileDescriptor(fileUri, "w")?.use { parcelFileDescriptor ->
+                FileOutputStream(parcelFileDescriptor.fileDescriptor).use {
+                    it.write(json.toByteArray())
+                }
+            }
+        } catch (e: FileNotFoundException) {
+            e.printStackTrace()
+            return Result.failure()
+        } catch (e: IOException) {
+            e.printStackTrace()
+            return Result.failure()
+        }
+        return Result.success()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/ImportDataWork.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/ImportDataWork.kt
new file mode 100644
index 0000000..b13e47c
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/ImportDataWork.kt
@@ -0,0 +1,67 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.work
+
+import android.content.Context
+import android.net.Uri
+import androidx.hilt.work.HiltWorker
+import androidx.work.Worker
+import androidx.work.WorkerParameters
+import com.google.gson.JsonSyntaxException
+import dagger.assisted.Assisted
+import dagger.assisted.AssistedInject
+import indi.dmzz_yyhyy.lightnovelreader.data.BookRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.UserDataRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.json.AppUserDataContent
+import indi.dmzz_yyhyy.lightnovelreader.data.json.AppUserDataJson
+import indi.dmzz_yyhyy.lightnovelreader.data.web.WebBookDataSource
+import java.io.FileInputStream
+import java.io.FileNotFoundException
+import java.io.IOException
+
+@HiltWorker
+class ImportDataWork @AssistedInject constructor(
+    @Assisted appContext: Context,
+    @Assisted workerParams: WorkerParameters,
+    private val webBookDataSource: WebBookDataSource,
+    private val bookshelfRepository: BookshelfRepository,
+    private val bookRepository: BookRepository,
+    private val userDataRepository: UserDataRepository
+) : Worker(appContext, workerParams) {
+    override fun doWork(): Result {
+        val fileUri = inputData.getString("uri")?.let(Uri::parse) ?: return Result.failure()
+        var jsonText: String? = null
+        var data: AppUserDataContent? = null
+        try {
+            applicationContext.contentResolver.openFileDescriptor(fileUri, "r")?.use { parcelFileDescriptor ->
+                jsonText = FileInputStream(parcelFileDescriptor.fileDescriptor).use { fileInputStream ->
+                    fileInputStream.bufferedReader().use {
+                        it.readText()
+                    }
+                }
+            }
+        } catch (e: FileNotFoundException) {
+            e.printStackTrace()
+            return Result.failure()
+        } catch (e: IOException) {
+            e.printStackTrace()
+            return Result.failure()
+        }
+        if (jsonText == null) return Result.failure()
+        try {
+            val appUserDataJson = AppUserDataJson.fromJson(jsonText!!)
+            if (appUserDataJson.type == "light novel reader data file")
+                data =
+                    appUserDataJson.data.firstOrNull { it.webDataSourceId == webBookDataSource.id }
+                        ?: return Result.failure()
+
+        } catch (e: JsonSyntaxException) {
+            e.printStackTrace()
+            return Result.failure()
+        }
+        if (data == null) return Result.failure()
+        bookshelfRepository.importBookshelf(data)
+        bookRepository.importUserReadingData(data)
+        userDataRepository.importUserData(data)
+        return Result.success()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/SaveBookshelfWork.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/SaveBookshelfWork.kt
new file mode 100644
index 0000000..ea61cf9
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/data/work/SaveBookshelfWork.kt
@@ -0,0 +1,45 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.work
+
+import android.content.Context
+import android.net.Uri
+import androidx.hilt.work.HiltWorker
+import androidx.work.Worker
+import androidx.work.WorkerParameters
+import dagger.assisted.Assisted
+import dagger.assisted.AssistedInject
+import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfRepository
+import java.io.FileNotFoundException
+import java.io.FileOutputStream
+import java.io.IOException
+
+@HiltWorker
+class SaveBookshelfWork @AssistedInject constructor(
+    @Assisted appContext: Context,
+    @Assisted workerParams: WorkerParameters,
+    private val bookshelfRepository: BookshelfRepository,
+) : Worker(appContext, workerParams) {
+    @Suppress("DuplicatedCode")
+    override fun doWork(): Result {
+        val bookshelfId = inputData.getInt("bookshelfId", -1)
+        val fileUri = inputData.getString("uri")?.let(Uri::parse) ?: return Result.failure()
+        val json =
+            if (bookshelfId != -1)
+                bookshelfRepository.exportBookshelvesJson(bookshelfId)
+            else
+                bookshelfRepository.exportAllBookshelvesJson()
+        try {
+            applicationContext.contentResolver.openFileDescriptor(fileUri, "w")?.use { parcelFileDescriptor ->
+                FileOutputStream(parcelFileDescriptor.fileDescriptor).use {
+                    it.write(json.toByteArray())
+                }
+            }
+        } catch (e: FileNotFoundException) {
+            e.printStackTrace()
+            return Result.failure()
+        } catch (e: IOException) {
+            e.printStackTrace()
+            return Result.failure()
+        }
+        return Result.success()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/LightNovelReaderApp.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/LightNovelReaderApp.kt
index e893e58..52e7462 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/LightNovelReaderApp.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/LightNovelReaderApp.kt
@@ -1,30 +1,12 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui
 
-import android.content.Context
 import android.widget.Toast
-import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.FlowRow
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.padding
-import androidx.compose.material3.FilterChip
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Slider
-import androidx.compose.material3.SliderDefaults
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalContext
-import androidx.compose.ui.res.painterResource
-import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.Lifecycle
 import androidx.lifecycle.compose.LifecycleEventEffect
@@ -32,21 +14,16 @@ import androidx.navigation.NavHostController
 import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.rememberNavController
-import indi.dmzz_yyhyy.lightnovelreader.R
 import indi.dmzz_yyhyy.lightnovelreader.ui.book.BookScreen
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.AddBookToBookshelfDialog
-import indi.dmzz_yyhyy.lightnovelreader.ui.components.BaseDialog
-import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsSliderEntry
-import indi.dmzz_yyhyy.lightnovelreader.ui.components.SliderDialog
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.UpdatesAvailableDialog
 import indi.dmzz_yyhyy.lightnovelreader.ui.home.HomeScreen
-import kotlin.math.roundToInt
 
 @Composable
 fun LightNovelReaderApp(
     viewModel: LightNovelReaderViewModel = hiltViewModel(),
-    context: Context = LocalContext.current,
 ) {
+    val context = LocalContext.current
     LifecycleEventEffect(Lifecycle.Event.ON_CREATE) {
         viewModel.autoCheckUpdate()
     }
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/BookScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/BookScreen.kt
index 4bc148c..8673daf 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/BookScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/BookScreen.kt
@@ -1,7 +1,6 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui.book
 
 import androidx.compose.animation.AnimatedContent
-import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.TopAppBarDefaults
@@ -42,7 +41,6 @@ fun BookScreen(
         },
     ) { paddingValues ->
         NavHost(
-            modifier = Modifier.padding(paddingValues),
             navController = navController,
             startDestination = Screen.Book.Detail.route
         ) {
@@ -56,6 +54,7 @@ fun BookScreen(
                         navController.navigate(Screen.Book.Content.createRoute(chapterId))
                 }
                 DetailScreen(
+                    paddingValues = paddingValues,
                     onClickChapter = {
                         navController.navigate(Screen.Book.Content.createRoute(it))
                     },
@@ -72,6 +71,7 @@ fun BookScreen(
             ) { navBackStackEntry ->
                 navBackStackEntry.arguments?.let { bundle ->
                     ContentScreen(
+                        paddingValues = paddingValues,
                         onClickBackButton = {
                             navController.popBackStack()
                         },
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentScreen.kt
index b22ed3a..5606804 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentScreen.kt
@@ -20,6 +20,8 @@ import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.calculateEndPadding
+import androidx.compose.foundation.layout.calculateStartPadding
 import androidx.compose.foundation.layout.fillMaxHeight
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -57,11 +59,14 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.draw.rotate
 import androidx.compose.ui.draw.scale
+import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.platform.LocalView
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.LayoutDirection
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.core.view.WindowCompat
@@ -85,6 +90,32 @@ import kotlinx.coroutines.launch
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun ContentScreen(
+    paddingValues: PaddingValues,
+    onClickBackButton: () -> Unit,
+    topBar: (@Composable (TopAppBarScrollBehavior) -> Unit) -> Unit,
+    bookId: Int,
+    chapterId: Int,
+    viewModel: ContentViewModel = hiltViewModel()
+) {
+    Box(Modifier.padding(
+        start = paddingValues.calculateStartPadding(LayoutDirection.Rtl),
+        top = paddingValues.calculateTopPadding(),
+        bottom = 0.dp,
+        end = paddingValues.calculateEndPadding(LayoutDirection.Rtl),
+    )) {
+        Content(
+            onClickBackButton = onClickBackButton,
+            topBar = topBar,
+            bookId = bookId,
+            chapterId = chapterId,
+            viewModel = viewModel
+        )
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun Content(
     onClickBackButton: () -> Unit,
     topBar: (@Composable (TopAppBarScrollBehavior) -> Unit) -> Unit,
     bookId: Int,
@@ -93,6 +124,8 @@ fun ContentScreen(
 ) {
     val activity = LocalContext.current as Activity
     val coroutineScope = rememberCoroutineScope()
+    val view = LocalView.current
+    val context = LocalContext.current
     val settingsBottomSheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true)
     val chapterSelectorBottomSheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true)
     var isRunning by remember { mutableStateOf(false) }
@@ -100,8 +133,6 @@ fun ContentScreen(
     var showSettingsBottomSheet by remember { mutableStateOf(false) }
     var showChapterSelectorBottomSheet by remember { mutableStateOf(false) }
     var totalReadingTime by remember { mutableStateOf(0) }
-    val view = LocalView.current
-    val context = LocalContext.current
 
     DisposableEffect(Unit) {
         onDispose {
@@ -148,8 +179,8 @@ fun ContentScreen(
             viewModel.updateTotalReadingTime(bookId, totalReadingTime)
         }
     }
-    LaunchedEffect(viewModel.uiState.keepScreenOn) {
-        if (viewModel.uiState.keepScreenOn)
+    LaunchedEffect(viewModel.settingState.keepScreenOn) {
+        if (viewModel.settingState.keepScreenOn)
             activity.window.addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON)
         else
             activity.window.clearFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON)
@@ -185,7 +216,7 @@ fun ContentScreen(
             enter = fadeIn() + scaleIn(initialScale = 0.7f),
             exit = fadeOut() + scaleOut(targetScale = 0.7f)
         ) {
-            val isEnableIndicator = viewModel.uiState.enableBatteryIndicator || viewModel.uiState.enableTimeIndicator || viewModel.uiState.enableReadingChapterProgressIndicator
+            val isEnableIndicator = viewModel.settingState.enableBatteryIndicator || viewModel.settingState.enableTimeIndicator || viewModel.settingState.enableReadingChapterProgressIndicator
             Box(Modifier.fillMaxSize()) {
                 AnimatedContent(
                     viewModel.uiState.chapterContent.content,
@@ -195,17 +226,17 @@ fun ContentScreen(
                         content = text,
                         onClickLastChapter = viewModel::lastChapter,
                         onClickNextChapter = viewModel::nextChapter,
-                        fontSize = viewModel.uiState.fontSize.sp,
-                        fontLineHeight = viewModel.uiState.fontLineHeight.sp,
+                        fontSize = viewModel.settingState.fontSize.sp,
+                        fontLineHeight = viewModel.settingState.fontLineHeight.sp,
                         readingProgress = viewModel.uiState.readingProgress,
-                        isUsingFlipPage = viewModel.uiState.isUsingFlipPage,
-                        isUsingClickFlip = viewModel.uiState.isUsingClickFlipPage,
-                        isUsingVolumeKeyFlip = viewModel.uiState.isUsingVolumeKeyFlip,
-                        isUsingFlipAnime = viewModel.uiState.isUsingFlipAnime,
+                        isUsingFlipPage = viewModel.settingState.isUsingFlipPage,
+                        isUsingClickFlip = viewModel.settingState.isUsingClickFlipPage,
+                        isUsingVolumeKeyFlip = viewModel.settingState.isUsingVolumeKeyFlip,
+                        isUsingFlipAnime = viewModel.settingState.isUsingFlipAnime,
                         onChapterReadingProgressChange = viewModel::changeChapterReadingProgress,
                         changeIsImmersive = { isImmersive = !isImmersive },
                         paddingValues =
-                        if (viewModel.uiState.autoPadding)
+                        if (viewModel.settingState.autoPadding)
                             PaddingValues(
                                 top = 12.dp,
                                 bottom = if (isEnableIndicator) 46.dp else 12.dp,
@@ -213,13 +244,13 @@ fun ContentScreen(
                                 end = 16.dp
                             )
                         else PaddingValues(
-                            top = viewModel.uiState.topPadding.dp,
-                            bottom = if (isEnableIndicator) (viewModel.uiState.bottomPadding + 38).dp else viewModel.uiState.bottomPadding.dp,
-                            start = viewModel.uiState.leftPadding.dp,
-                            end = viewModel.uiState.rightPadding.dp
+                            top = viewModel.settingState.topPadding.dp,
+                            bottom = if (isEnableIndicator) (viewModel.settingState.bottomPadding + 38).dp else viewModel.settingState.bottomPadding.dp,
+                            start = viewModel.settingState.leftPadding.dp,
+                            end = viewModel.settingState.rightPadding.dp
                         ),
-                        autoPadding = viewModel.uiState.autoPadding,
-                        fastChapterChange = viewModel.uiState.fastChapterChange
+                        autoPadding = viewModel.settingState.autoPadding,
+                        fastChapterChange = viewModel.settingState.fastChapterChange
                     )
                 }
                 AnimatedVisibility (
@@ -231,23 +262,23 @@ fun ContentScreen(
                     Indicator(
                         Modifier
                             .padding(
-                                if (viewModel.uiState.autoPadding)
+                                if (viewModel.settingState.autoPadding)
                                     PaddingValues(
                                         bottom = 8.dp,
                                         start = 16.dp,
                                         end = 16.dp
                                     )
                                 else PaddingValues(
-                                    bottom = viewModel.uiState.bottomPadding.dp,
-                                    start = viewModel.uiState.leftPadding.dp,
-                                    end = viewModel.uiState.rightPadding.dp
+                                    bottom = viewModel.settingState.bottomPadding.dp,
+                                    start = viewModel.settingState.leftPadding.dp,
+                                    end = viewModel.settingState.rightPadding.dp
                                 )
                             ),
-                        enableBatteryIndicator = viewModel.uiState.enableBatteryIndicator,
-                        enableTimeIndicator = viewModel.uiState.enableTimeIndicator,
-                        enableChapterTitle = viewModel.uiState.enableChapterTitleIndicator,
+                        enableBatteryIndicator = viewModel.settingState.enableBatteryIndicator,
+                        enableTimeIndicator = viewModel.settingState.enableTimeIndicator,
+                        enableChapterTitle = viewModel.settingState.enableChapterTitleIndicator,
                         chapterTitle = viewModel.uiState.chapterContent.title,
-                        enableReadingChapterProgressIndicator = viewModel.uiState.enableReadingChapterProgressIndicator,
+                        enableReadingChapterProgressIndicator = viewModel.settingState.enableReadingChapterProgressIndicator,
                         readingChapterProgress = viewModel.uiState.readingProgress
                     )
                 }
@@ -283,46 +314,7 @@ fun ContentScreen(
                     }
                     showSettingsBottomSheet = false
                 },
-                fontSize = viewModel.uiState.fontSize,
-                onFontSizeSliderChange = viewModel::changeFontSize,
-                onFontSizeSliderChangeFinished = viewModel::saveFontSize,
-                fontLineHeight = viewModel.uiState.fontLineHeight,
-                onFontLineHeightSliderChange = viewModel::changeFontLineHeight,
-                onFontLineHeightSliderChangeFinished = viewModel::saveFontLineHeight,
-                isKeepScreenOn = viewModel.uiState.keepScreenOn,
-                onKeepScreenOnChange = viewModel::changeKeepScreenOn,
-                isUsingFlipPage = viewModel.uiState.isUsingFlipPage,
-                onIsUsingFlipPageChange = viewModel::changeIsUsingFlipPage,
-                isUsingClickFlip = viewModel.uiState.isUsingClickFlipPage,
-                onIsUsingClickFlipChange = viewModel::changeIsUsingClickFlipPage,
-                isUsingVolumeKeyFlip = viewModel.uiState.isUsingVolumeKeyFlip,
-                onIsUsingVolumeKeyFlipChange = viewModel::changeIsUsingVolumeKeyFlip,
-                isUsingFlipAnime = viewModel.uiState.isUsingFlipAnime,
-                onIsUsingFlipAnimeChange = viewModel::changeIsUsingFlipAnime,
-                fastChapterChange = viewModel.uiState.fastChapterChange,
-                onFastChapterChangeChange = viewModel::changeFastChapterChange,
-                enableBatteryIndicator = viewModel.uiState.enableBatteryIndicator,
-                onEnableBatteryIndicatorChange = viewModel::changeEnableBatteryIndicator,
-                enableTimeIndicator = viewModel.uiState.enableTimeIndicator,
-                onEnableTimeIndicatorChange = viewModel::changeEnableTimeIndicator,
-                enableReadingChapterProgressIndicator = viewModel.uiState.enableReadingChapterProgressIndicator,
-                onEnableReadingChapterProgressIndicatorChange = viewModel::changeEnableReadingChapterProgressIndicator,
-                enableChapterTitleIndicator = viewModel.uiState.enableChapterTitleIndicator,
-                onEnableChapterTitleIndicatorChange = viewModel::changeEnableChapterTitleIndicator,
-                autoPadding = viewModel.uiState.autoPadding,
-                onAutoPaddingChange = viewModel::changeAutoPadding,
-                topPadding = viewModel.uiState.topPadding,
-                onTopPaddingChange = viewModel::changeTopPadding,
-                onTopPaddingChangeFinished = viewModel::saveTopPadding,
-                bottomPadding = viewModel.uiState.bottomPadding,
-                onBottomPaddingChange = viewModel::changeBottomPadding,
-                onBottomPaddingChangeFinished = viewModel::saveBottomPadding,
-                leftPadding = viewModel.uiState.leftPadding,
-                onLeftPaddingChange = viewModel::changeLeftPadding,
-                onLeftPaddingChangeFinished = viewModel::saveLeftPadding,
-                rightPadding = viewModel.uiState.rightPadding,
-                onRightPaddingChange = viewModel::changeRightPadding,
-                onRightPaddingChangeFinished = viewModel::saveRightPadding,
+                settingState = viewModel.settingState
             )
         }
         AnimatedVisibility(visible = showChapterSelectorBottomSheet) {
@@ -469,46 +461,7 @@ private fun BottomBar(
 fun SettingsBottomSheet(
     state: SheetState,
     onDismissRequest: () -> Unit,
-    fontSize: Float,
-    onFontSizeSliderChange: (Float) -> Unit,
-    onFontSizeSliderChangeFinished: () -> Unit,
-    fontLineHeight: Float,
-    onFontLineHeightSliderChange: (Float) -> Unit,
-    onFontLineHeightSliderChangeFinished: () -> Unit,
-    isKeepScreenOn: Boolean,
-    onKeepScreenOnChange: (Boolean) -> Unit,
-    isUsingFlipPage: Boolean,
-    onIsUsingFlipPageChange: (Boolean) -> Unit,
-    isUsingClickFlip: Boolean,
-    onIsUsingClickFlipChange: (Boolean) -> Unit,
-    isUsingVolumeKeyFlip: Boolean,
-    onIsUsingVolumeKeyFlipChange: (Boolean) -> Unit,
-    isUsingFlipAnime: Boolean,
-    onIsUsingFlipAnimeChange: (Boolean) -> Unit,
-    fastChapterChange: Boolean,
-    onFastChapterChangeChange: (Boolean) -> Unit,
-    autoPadding: Boolean,
-    onAutoPaddingChange: (Boolean) -> Unit,
-    enableBatteryIndicator: Boolean,
-    onEnableBatteryIndicatorChange: (Boolean) -> Unit,
-    enableTimeIndicator: Boolean,
-    onEnableTimeIndicatorChange: (Boolean) -> Unit,
-    enableChapterTitleIndicator: Boolean,
-    onEnableChapterTitleIndicatorChange: (Boolean) -> Unit,
-    enableReadingChapterProgressIndicator: Boolean,
-    onEnableReadingChapterProgressIndicatorChange: (Boolean) -> Unit,
-    topPadding: Float,
-    onTopPaddingChange: (Float) -> Unit,
-    onTopPaddingChangeFinished: () -> Unit,
-    bottomPadding: Float,
-    onBottomPaddingChange: (Float) -> Unit,
-    onBottomPaddingChangeFinished: () -> Unit,
-    leftPadding: Float,
-    onLeftPaddingChange: (Float) -> Unit,
-    onLeftPaddingChangeFinished: () -> Unit,
-    rightPadding: Float,
-    onRightPaddingChange: (Float) -> Unit,
-    onRightPaddingChangeFinished: () -> Unit,
+    settingState: SettingState
 ) {
     ModalBottomSheet(
         onDismissRequest = onDismissRequest,
@@ -525,10 +478,9 @@ fun SettingsBottomSheet(
                     SettingsSliderEntry(
                         description = "阅读器字体大小",
                         unit = "sp",
-                        value = fontSize,
                         valueRange = 8f..64f,
-                        onSlideChange = onFontSizeSliderChange,
-                        onSliderChangeFinished = onFontSizeSliderChangeFinished
+                        value = settingState.fontSize,
+                        floatUserData = settingState.fontSizeUserData
                     )
                 }
                 item {
@@ -536,68 +488,67 @@ fun SettingsBottomSheet(
                         description = "阅读器行距大小",
                         unit = "sp",
                         valueRange = 0f..32f,
-                        value = fontLineHeight,
-                        onSlideChange = onFontLineHeightSliderChange,
-                        onSliderChangeFinished = onFontLineHeightSliderChangeFinished
+                        value = settingState.fontLineHeight,
+                        floatUserData = settingState.fontLineHeightUserData
                     )
                 }
                 item {
                     SettingsSwitchEntry(
                         title = "屏幕常亮",
                         description = "在阅读页时，总是保持屏幕开启。这将导致耗电量增加",
-                        checked = isKeepScreenOn,
-                        onCheckedChange = onKeepScreenOnChange,
+                        checked = settingState.keepScreenOn,
+                        booleanUserData = settingState.keepScreenOnUserData,
                     )
                 }
                 item {
                     SettingsSwitchEntry(
                         title = "翻页模式",
                         description = "切换滚动模式为翻页模式",
-                        checked = isUsingFlipPage,
-                        onCheckedChange = onIsUsingFlipPageChange,
+                        checked = settingState.isUsingFlipPage,
+                        booleanUserData = settingState.isUsingFlipPageUserData,
                     )
                 }
-                if(isUsingFlipPage) {
+                if(settingState.isUsingFlipPage) {
                     item {
                         SettingsSwitchEntry(
                             modifier = Modifier.animateItem(),
                             title = "音量键控制",
                             description = "使用音量+键切换至上一页，使用音量-键切换至下一页。",
-                            checked = isUsingVolumeKeyFlip,
-                            onCheckedChange = onIsUsingVolumeKeyFlipChange,
+                            checked = settingState.isUsingVolumeKeyFlip,
+                            booleanUserData = settingState.isUsingVolumeKeyFlipUserData,
                         )
                     }
                 }
-                if(isUsingFlipPage) {
+                if(settingState.isUsingFlipPage) {
                     item {
                         SettingsSwitchEntry(
                             modifier = Modifier.animateItem(),
                             title = "点击翻页",
                             description = "使用点击控制翻页，并将呼出菜单变为上下滑动。",
-                            checked = isUsingClickFlip,
-                            onCheckedChange = onIsUsingClickFlipChange,
+                            checked = settingState.isUsingClickFlipPage,
+                            booleanUserData = settingState.isUsingClickFlipPageUserData,
                         )
                     }
                 }
-                if(isUsingFlipPage) {
+                if(settingState.isUsingFlipPage) {
                     item {
                         SettingsSwitchEntry(
                             modifier = Modifier.animateItem(),
                             title = "启用动画",
                             description = "开启点击翻页或音量键翻页时的动画，如果关闭可以允许你快速的翻页。",
-                            checked = isUsingFlipAnime,
-                            onCheckedChange = onIsUsingFlipAnimeChange,
+                            checked = settingState.isUsingFlipAnime,
+                            booleanUserData = settingState.isUsingFlipAnimeUserData,
                         )
                     }
                 }
-                if(isUsingFlipPage) {
+                if(settingState.isUsingFlipPage) {
                     item {
                         SettingsSwitchEntry(
                             modifier = Modifier.animateItem(),
                             title = "快速切换章节",
                             description = "开启后，当你在每章尾页或首页翻页时，会自动切换到上一章或下一章。",
-                            checked = fastChapterChange,
-                            onCheckedChange = onFastChapterChangeChange,
+                            checked = settingState.fastChapterChange,
+                            booleanUserData = settingState.fastChapterChangeUserData,
                         )
                     }
                 }
@@ -605,92 +556,84 @@ fun SettingsBottomSheet(
                     SettingsSwitchEntry(
                         title = "自动获取边距",
                         description = "自动识别手机屏幕的边距，并进行显示适配，如关闭需要手动进行设置。",
-                        checked = autoPadding,
-                        onCheckedChange = onAutoPaddingChange,
+                        checked = settingState.autoPadding,
+                        booleanUserData = settingState.autoPaddingUserData,
                     )
                 }
                 item {
                     SettingsSwitchEntry(
                         title = "电量指示器",
                         description = "在页面左下角显示当前电量。",
-                        checked = enableBatteryIndicator,
-                        onCheckedChange = onEnableBatteryIndicatorChange,
+                        checked = settingState.enableBatteryIndicator,
+                        booleanUserData = settingState.enableBatteryIndicatorUserData,
                     )
                 }
                 item {
                     SettingsSwitchEntry(
                         title = "时间指示器",
                         description = "在页面左下角显示当前时间。",
-                        checked = enableTimeIndicator,
-                        onCheckedChange = onEnableTimeIndicatorChange,
+                        checked = settingState.enableTimeIndicator,
+                        booleanUserData = settingState.enableTimeIndicatorUserData,
                     )
                 }
                 item {
                     SettingsSwitchEntry(
                         title = "名称指示器",
                         description = "在页面右下角显示当前阅读章节名称。",
-                        checked = enableChapterTitleIndicator,
-                        onCheckedChange = onEnableChapterTitleIndicatorChange,
+                        checked = settingState.enableChapterTitleIndicator,
+                        booleanUserData = settingState.enableChapterTitleIndicatorUserData,
                     )
                 }
                 item {
                     SettingsSwitchEntry(
                         title = "进度指示器",
                         description = "在页面右下角显示当前阅读进度。",
-                        checked = enableReadingChapterProgressIndicator,
-                        onCheckedChange = onEnableReadingChapterProgressIndicatorChange,
+                        checked = settingState.enableReadingChapterProgressIndicator,
+                        booleanUserData = settingState.enableReadingChapterProgressIndicatorUserData,
                     )
                 }
-                if(!autoPadding) {
+                if(!settingState.autoPadding) {
                     item {
-                        SettingsSliderEntry(
-                            modifier = Modifier.animateItem(),
-                            description = "上边距",
-                            unit = "dp",
-                            value = topPadding,
-                            valueRange = 0f..128f,
-                            onSlideChange = onTopPaddingChange,
-                            onSliderChangeFinished = onTopPaddingChangeFinished
-                        )
+                    SettingsSliderEntry(
+                        description = "上边距",
+                        unit = "dp",
+                        valueRange = 0f..128f,
+                        value = settingState.topPadding,
+                        floatUserData = settingState.topPaddingUserData
+                    )
                     }
                 }
-                if(!autoPadding) {
+                if(!settingState.autoPadding) {
                     item {
-                        SettingsSliderEntry(
-                            modifier = Modifier.animateItem(),
-                            description = "下边距",
-                            unit = "dp",
-                            value = bottomPadding,
-                            valueRange = 0f..128f,
-                            onSlideChange = onBottomPaddingChange,
-                            onSliderChangeFinished = onBottomPaddingChangeFinished
-                        )
+                    SettingsSliderEntry(
+                        description = "下边距",
+                        unit = "dp",
+                        valueRange = 0f..128f,
+                        value = settingState.bottomPadding,
+                        floatUserData = settingState.bottomPaddingUserData
+                    )
                     }
                 }
-                if(!autoPadding) {
+                if(!settingState.autoPadding) {
                     item {
-                        SettingsSliderEntry(
-                            modifier = Modifier.animateItem(),
-                            description = "左边距",
-                            unit = "dp",
-                            value = leftPadding,
-                            valueRange = 0f..128f,
-                            onSlideChange = onLeftPaddingChange,
-                            onSliderChangeFinished = onLeftPaddingChangeFinished
-                        )
+                    SettingsSliderEntry(
+                        description = "左边距",
+                        unit = "dp",
+                        valueRange = 0f..128f,
+                        value = settingState.leftPadding,
+                        floatUserData = settingState.leftPaddingUserData
+                    )
                     }
                 }
-                if(!autoPadding) {
+                if(!settingState.autoPadding) {
                     item {
-                        SettingsSliderEntry(
-                            modifier = Modifier.animateItem(),
-                            description = "右边距",
-                            unit = "dp",
-                            value = rightPadding,
-                            valueRange = 0f..128f,
-                            onSlideChange = onRightPaddingChange,
-                            onSliderChangeFinished = onRightPaddingChangeFinished
-                        )
+                    SettingsSliderEntry(
+                        description = "右边距",
+                        unit = "dp",
+                        valueRange = 0f..128f,
+                        value = settingState.rightPadding,
+                        floatUserData = settingState.rightPaddingUserData
+                    )
                     }
                 }
             }
@@ -850,17 +793,23 @@ fun Indicator(
     enableReadingChapterProgressIndicator: Boolean,
     readingChapterProgress: Float
 ) {
+    val current = LocalDensity.current
     val batteryManager = LocalContext.current.getSystemService(BATTERY_SERVICE) as BatteryManager
     val batLevel: Int = batteryManager.getIntProperty(BatteryManager.BATTERY_PROPERTY_CAPACITY)
+    var progressIndicatorWidth by remember { mutableStateOf(0.dp) }
     Row(
         modifier = modifier.fillMaxWidth().height(46.dp),
-        horizontalArrangement = Arrangement.spacedBy(12.dp),
-        verticalAlignment = Alignment.CenterVertically
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.SpaceBetween
     ) {
-        if (enableBatteryIndicator)
-            Icon(
-                modifier = Modifier.size(20.dp),
-                painter =
+        Row(
+            horizontalArrangement = Arrangement.spacedBy(12.dp),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            if (enableBatteryIndicator)
+                Icon(
+                    modifier = Modifier.size(20.dp),
+                    painter =
                     when {
                         (batLevel == 0) -> painterResource(R.drawable.battery_horiz_000_24px)
                         (batLevel in 1..10) -> painterResource(R.drawable.battery_very_low_24px)
@@ -870,34 +819,49 @@ fun Indicator(
                         (batLevel in 91..100) -> painterResource(R.drawable.battery_full_alt_24px)
                         else -> painterResource(R.drawable.battery_horiz_000_24px)
                     },
-                contentDescription = null
-            )
-        if (enableTimeIndicator)
-            AnimatedText(
-                text = "${LocalDateTime.now().hour} : " + LocalDateTime.now().minute.let { if (it < 10) "0$it" else it.toString()},
-                style = MaterialTheme.typography.labelLarge.copy(
-                    fontWeight = FontWeight.W500
-                ),
-                color = MaterialTheme.colorScheme.onSurfaceVariant
-            )
-        Box(Modifier.weight(1f))
-        if (enableChapterTitle)
-            AnimatedText(
-                text = chapterTitle,
-                textAlign = TextAlign.Center,
-                style = MaterialTheme.typography.labelLarge.copy(
-                    fontWeight = FontWeight.W500
-                ),
-                color = MaterialTheme.colorScheme.onSurfaceVariant
-            )
-        if (enableReadingChapterProgressIndicator)
-            AnimatedText(
-                text = "${(readingChapterProgress * 100).toInt()}%",
-                textAlign = TextAlign.Center,
-                style = MaterialTheme.typography.labelLarge.copy(
-                    fontWeight = FontWeight.W500
-                ),
-                color = MaterialTheme.colorScheme.onSurfaceVariant
-            )
+                    contentDescription = null
+                )
+            if (enableTimeIndicator)
+                AnimatedText(
+                    text = "${LocalDateTime.now().hour} : " + LocalDateTime.now().minute.let { if (it < 10) "0$it" else it.toString() },
+                    style = MaterialTheme.typography.labelLarge.copy(
+                        fontWeight = FontWeight.W500
+                    ),
+                    color = MaterialTheme.colorScheme.onSurfaceVariant
+                )
+        }
+        Box(Modifier.width(12.dp))
+        Box {
+            if (enableChapterTitle)
+                LazyRow(Modifier.align(Alignment.CenterStart).padding(end = progressIndicatorWidth + 12.dp)) {
+                    item {
+                        AnimatedText(
+                            text = chapterTitle,
+                            textAlign = TextAlign.Center,
+                            style = MaterialTheme.typography.labelLarge.copy(
+                                fontWeight = FontWeight.W500
+                            ),
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                        )
+                    }
+                }
+            if (enableReadingChapterProgressIndicator) {
+                AnimatedText(
+                    modifier = Modifier
+                        .align(Alignment.CenterEnd)
+                        .onGloballyPositioned { layoutCoordinates ->
+                            with(current) {
+                                progressIndicatorWidth = layoutCoordinates.size.width.toDp()
+                            }
+                        },
+                    text = "${(readingChapterProgress * 100).toInt()}%",
+                    textAlign = TextAlign.Center,
+                    style = MaterialTheme.typography.labelLarge.copy(
+                        fontWeight = FontWeight.W500
+                    ),
+                    color = MaterialTheme.colorScheme.onSurfaceVariant
+                )
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentScreenUiState.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentScreenUiState.kt
index e53cdfa..4ec95b7 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentScreenUiState.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentScreenUiState.kt
@@ -17,23 +17,6 @@ interface ContentScreenUiState {
         if (userReadingData.lastReadChapterId == chapterContent.id) userReadingData.lastReadChapterProgress
         else 0f
     val bookVolumes: BookVolumes
-    val fontSize: Float
-    val fontLineHeight: Float
-    val keepScreenOn: Boolean
-    val isUsingFlipPage: Boolean
-    val isUsingClickFlipPage: Boolean
-    val isUsingVolumeKeyFlip: Boolean
-    val isUsingFlipAnime: Boolean
-    val fastChapterChange: Boolean
-    val enableBatteryIndicator: Boolean
-    val enableTimeIndicator: Boolean
-    val enableReadingChapterProgressIndicator: Boolean
-    val enableChapterTitleIndicator: Boolean
-    val autoPadding: Boolean
-    val topPadding: Float
-    val bottomPadding: Float
-    val leftPadding: Float
-    val rightPadding: Float
 }
 
 class MutableContentScreenUiState: ContentScreenUiState {
@@ -41,21 +24,4 @@ class MutableContentScreenUiState: ContentScreenUiState {
     override var chapterContent by mutableStateOf(ChapterContent.empty())
     override var userReadingData by mutableStateOf(UserReadingData.empty())
     override var bookVolumes by mutableStateOf(BookVolumes.empty())
-    override var fontSize by mutableStateOf(14f)
-    override var fontLineHeight by mutableStateOf(0f)
-    override var keepScreenOn by mutableStateOf(false)
-    override var isUsingFlipPage by mutableStateOf(false)
-    override var isUsingClickFlipPage by mutableStateOf(false)
-    override var isUsingVolumeKeyFlip by mutableStateOf(false)
-    override var isUsingFlipAnime by mutableStateOf(false)
-    override var fastChapterChange by mutableStateOf(false)
-    override var enableBatteryIndicator by mutableStateOf(true)
-    override var enableTimeIndicator by mutableStateOf(true)
-    override var enableReadingChapterProgressIndicator by mutableStateOf(true)
-    override var enableChapterTitleIndicator by mutableStateOf(true)
-    override var autoPadding by mutableStateOf(false)
-    override var topPadding by mutableStateOf(12f)
-    override var bottomPadding by mutableStateOf(12f)
-    override var leftPadding by mutableStateOf(16f)
-    override var rightPadding by mutableStateOf(16f)
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentViewModel.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentViewModel.kt
index 0b2f69f..fd36f6e 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentViewModel.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/ContentViewModel.kt
@@ -19,25 +19,9 @@ class ContentViewModel @Inject constructor(
 ) : ViewModel() {
     private val _uiState = MutableContentScreenUiState()
     private var _bookId: Int = -1
-    private val fontSizeUserData = userDataRepository.floatUserData(UserDataPath.Reader.FontSize.path)
-    private val fontLineHeightUserData = userDataRepository.floatUserData(UserDataPath.Reader.FontLineHeight.path)
-    private val keepScreenOnUserData = userDataRepository.booleanUserData(UserDataPath.Reader.KeepScreenOn.path)
-    private val isUsingFlipPageUserData = userDataRepository.booleanUserData(UserDataPath.Reader.IsUsingFlipPage.path)
-    private val isUsingClickFlipPageUserData = userDataRepository.booleanUserData(UserDataPath.Reader.IsUsingClickFlipPage.path)
-    private val isUsingVolumeKeyFlipUserData = userDataRepository.booleanUserData(UserDataPath.Reader.IsUsingVolumeKeyFlip.path)
-    private val isUsingFlipAnimeUserData = userDataRepository.booleanUserData(UserDataPath.Reader.IsUsingFlipAnime.path)
-    private val fastChapterChangeUserData = userDataRepository.booleanUserData(UserDataPath.Reader.FastChapterChange.path)
-    private val enableBatteryIndicatorUserData = userDataRepository.booleanUserData(UserDataPath.Reader.EnableBatteryIndicator.path)
-    private val enableTimeIndicatorUserData = userDataRepository.booleanUserData(UserDataPath.Reader.EnableTimeIndicator.path)
-    private val enableChapterTitleIndicatorUserData = userDataRepository.booleanUserData(UserDataPath.Reader.EnableChapterTitleIndicator.path)
-    private val enableReadingChapterProgressIndicatorUserData = userDataRepository.booleanUserData(UserDataPath.Reader.EnableReadingChapterProgressIndicator.path)
-    private val autoPaddingUserData = userDataRepository.booleanUserData(UserDataPath.Reader.AutoPadding.path)
-    private val topPaddingUserData = userDataRepository.floatUserData(UserDataPath.Reader.TopPadding.path)
-    private val bottomPaddingUserData = userDataRepository.floatUserData(UserDataPath.Reader.BottomPadding.path)
-    private val leftPaddingUserData = userDataRepository.floatUserData(UserDataPath.Reader.LeftPadding.path)
-    private val rightPaddingUserData = userDataRepository.floatUserData(UserDataPath.Reader.RightPadding.path)
     private val readingBookListUserData = userDataRepository.intListUserData(UserDataPath.ReadingBooks.path)
     val uiState: ContentScreenUiState = _uiState
+    val settingState = SettingState(userDataRepository, viewModelScope)
 
     @Suppress("DuplicatedCode")
     fun init(bookId: Int, chapterId: Int) {
@@ -60,26 +44,6 @@ class ContentViewModel @Inject constructor(
                 _uiState.userReadingData = it
             }
         }
-
-        viewModelScope.launch(Dispatchers.IO) {
-            _uiState.fontSize = fontSizeUserData.getOrDefault(_uiState.fontSize)
-            _uiState.fontLineHeight = fontLineHeightUserData.getOrDefault(_uiState.fontLineHeight)
-            _uiState.keepScreenOn = keepScreenOnUserData.getOrDefault(_uiState.keepScreenOn)
-            _uiState.isUsingFlipPage = isUsingFlipPageUserData.getOrDefault(_uiState.isUsingFlipPage)
-            _uiState.isUsingClickFlipPage = isUsingClickFlipPageUserData.getOrDefault(_uiState.isUsingClickFlipPage)
-            _uiState.isUsingVolumeKeyFlip = isUsingVolumeKeyFlipUserData.getOrDefault(_uiState.isUsingVolumeKeyFlip)
-            _uiState.isUsingFlipAnime = isUsingFlipAnimeUserData.getOrDefault(_uiState.isUsingFlipAnime)
-            _uiState.fastChapterChange = fastChapterChangeUserData.getOrDefault(_uiState.fastChapterChange)
-            _uiState.enableBatteryIndicator = enableBatteryIndicatorUserData.getOrDefault(_uiState.enableBatteryIndicator)
-            _uiState.enableTimeIndicator = enableTimeIndicatorUserData.getOrDefault(_uiState.enableTimeIndicator)
-            _uiState.enableChapterTitleIndicator = enableChapterTitleIndicatorUserData.getOrDefault(_uiState.enableChapterTitleIndicator)
-            _uiState.enableReadingChapterProgressIndicator = enableReadingChapterProgressIndicatorUserData.getOrDefault(_uiState.enableReadingChapterProgressIndicator)
-            _uiState.autoPadding = autoPaddingUserData.getOrDefault(_uiState.autoPadding)
-            _uiState.topPadding = topPaddingUserData.getOrDefault(_uiState.topPadding)
-            _uiState.bottomPadding = bottomPaddingUserData.getOrDefault(_uiState.bottomPadding)
-            _uiState.leftPadding = leftPaddingUserData.getOrDefault(_uiState.leftPadding)
-            _uiState.rightPadding = rightPaddingUserData.getOrDefault(_uiState.rightPadding)
-        }
     }
 
     private fun loadChapterContent(bookId: Int, chapterId: Int) {
@@ -173,143 +137,6 @@ class ContentViewModel @Inject constructor(
         }
     }
 
-    fun changeFontSize(size: Float) {
-        _uiState.fontSize = size
-    }
-
-    fun changeFontLineHeight(height: Float) {
-        _uiState.fontLineHeight = height
-    }
-
-    fun saveFontSize() {
-        viewModelScope.launch(Dispatchers.IO) {
-            fontSizeUserData.set(_uiState.fontSize)
-        }
-    }
-
-    fun saveFontLineHeight() {
-        viewModelScope.launch(Dispatchers.IO) {
-            fontLineHeightUserData.set(_uiState.fontLineHeight)
-        }
-    }
-
-    fun changeKeepScreenOn(keepScreenOn: Boolean) {
-        _uiState.keepScreenOn = keepScreenOn
-        viewModelScope.launch(Dispatchers.IO) {
-            keepScreenOnUserData.set(keepScreenOn)
-        }
-    }
-
-    fun changeIsUsingFlipPage(isUsingFlipPage: Boolean) {
-        _uiState.isUsingFlipPage = isUsingFlipPage
-        viewModelScope.launch(Dispatchers.IO) {
-            isUsingFlipPageUserData.set(isUsingFlipPage)
-        }
-    }
-
-    fun changeIsUsingClickFlipPage(isUsingClickFlipPage: Boolean) {
-        _uiState.isUsingClickFlipPage = isUsingClickFlipPage
-        viewModelScope.launch(Dispatchers.IO) {
-            isUsingClickFlipPageUserData.set(isUsingClickFlipPage)
-        }
-    }
-
-    fun changeIsUsingVolumeKeyFlip(isUsingVolumeKeyFlip: Boolean) {
-        _uiState.isUsingVolumeKeyFlip = isUsingVolumeKeyFlip
-        viewModelScope.launch(Dispatchers.IO) {
-            isUsingVolumeKeyFlipUserData.set(isUsingVolumeKeyFlip)
-        }
-    }
-
-    fun changeIsUsingFlipAnime(isUsingFlipAnime: Boolean) {
-        _uiState.isUsingFlipAnime = isUsingFlipAnime
-        viewModelScope.launch(Dispatchers.IO) {
-            isUsingFlipAnimeUserData.set(isUsingFlipAnime)
-        }
-    }
-
-    fun changeFastChapterChange(fastChapterChange: Boolean) {
-        _uiState.fastChapterChange = fastChapterChange
-        viewModelScope.launch(Dispatchers.IO) {
-            fastChapterChangeUserData.set(fastChapterChange)
-        }
-    }
-
-    fun changeEnableBatteryIndicator(enableBatteryIndicator: Boolean) {
-        _uiState.enableBatteryIndicator = enableBatteryIndicator
-        viewModelScope.launch(Dispatchers.IO) {
-            enableBatteryIndicatorUserData.set(enableBatteryIndicator)
-        }
-    }
-
-    fun changeEnableTimeIndicator(enableTimeIndicator: Boolean) {
-        _uiState.enableTimeIndicator = enableTimeIndicator
-        viewModelScope.launch(Dispatchers.IO) {
-            enableTimeIndicatorUserData.set(enableTimeIndicator)
-        }
-    }
-
-    fun changeEnableChapterTitleIndicator(enableChapterTitleIndicator: Boolean) {
-        _uiState.enableChapterTitleIndicator = enableChapterTitleIndicator
-        viewModelScope.launch(Dispatchers.IO) {
-            enableChapterTitleIndicatorUserData.set(enableChapterTitleIndicator)
-        }
-    }
-
-    fun changeEnableReadingChapterProgressIndicator(enableReadingChapterProgressIndicator: Boolean) {
-        _uiState.enableReadingChapterProgressIndicator = enableReadingChapterProgressIndicator
-        viewModelScope.launch(Dispatchers.IO) {
-            enableReadingChapterProgressIndicatorUserData.set(enableReadingChapterProgressIndicator)
-        }
-    }
-
-    fun changeAutoPadding(autoPadding: Boolean) {
-        _uiState.autoPadding = autoPadding
-        viewModelScope.launch(Dispatchers.IO) {
-            autoPaddingUserData.set(autoPadding)
-        }
-    }
-
-    fun changeTopPadding(padding: Float) {
-        _uiState.topPadding = padding
-    }
-
-    fun saveTopPadding() {
-        viewModelScope.launch(Dispatchers.IO) {
-            topPaddingUserData.set(_uiState.topPadding)
-        }
-    }
-
-    fun changeBottomPadding(padding: Float) {
-        _uiState.bottomPadding = padding
-    }
-
-    fun saveBottomPadding() {
-        viewModelScope.launch(Dispatchers.IO) {
-            bottomPaddingUserData.set(_uiState.bottomPadding)
-        }
-    }
-
-    fun changeLeftPadding(padding: Float) {
-        _uiState.leftPadding = padding
-    }
-
-    fun saveLeftPadding() {
-        viewModelScope.launch(Dispatchers.IO) {
-            leftPaddingUserData.set(_uiState.leftPadding)
-        }
-    }
-
-    fun changeRightPadding(padding: Float) {
-        _uiState.rightPadding = padding
-    }
-
-    fun saveRightPadding() {
-        viewModelScope.launch(Dispatchers.IO) {
-            rightPaddingUserData.set(_uiState.rightPadding)
-        }
-    }
-
     fun addToReadingBook(bookId: Int) {
         viewModelScope.launch(Dispatchers.IO) {
             readingBookListUserData.update {
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/SettingState.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/SettingState.kt
new file mode 100644
index 0000000..3c502f5
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/content/SettingState.kt
@@ -0,0 +1,50 @@
+package indi.dmzz_yyhyy.lightnovelreader.ui.book.content
+
+import androidx.compose.runtime.getValue
+import indi.dmzz_yyhyy.lightnovelreader.data.UserDataRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.setting.AbstractSettingState
+import indi.dmzz_yyhyy.lightnovelreader.data.userdata.UserDataPath
+import kotlinx.coroutines.CoroutineScope
+
+class SettingState(
+    userDataRepository: UserDataRepository,
+    coroutineScope: CoroutineScope
+) : AbstractSettingState(coroutineScope) {
+    val fontSizeUserData = userDataRepository.floatUserData(UserDataPath.Reader.FontSize.path)
+    val fontLineHeightUserData = userDataRepository.floatUserData(UserDataPath.Reader.FontLineHeight.path)
+    val keepScreenOnUserData = userDataRepository.booleanUserData(UserDataPath.Reader.KeepScreenOn.path)
+    val isUsingFlipPageUserData = userDataRepository.booleanUserData(UserDataPath.Reader.IsUsingFlipPage.path)
+    val isUsingClickFlipPageUserData = userDataRepository.booleanUserData(UserDataPath.Reader.IsUsingClickFlipPage.path)
+    val isUsingVolumeKeyFlipUserData = userDataRepository.booleanUserData(UserDataPath.Reader.IsUsingVolumeKeyFlip.path)
+    val isUsingFlipAnimeUserData = userDataRepository.booleanUserData(UserDataPath.Reader.IsUsingFlipAnime.path)
+    val fastChapterChangeUserData = userDataRepository.booleanUserData(UserDataPath.Reader.FastChapterChange.path)
+    val enableBatteryIndicatorUserData = userDataRepository.booleanUserData(UserDataPath.Reader.EnableBatteryIndicator.path)
+    val enableTimeIndicatorUserData = userDataRepository.booleanUserData(UserDataPath.Reader.EnableTimeIndicator.path)
+    val enableChapterTitleIndicatorUserData = userDataRepository.booleanUserData(
+        UserDataPath.Reader.EnableChapterTitleIndicator.path)
+    val enableReadingChapterProgressIndicatorUserData = userDataRepository.booleanUserData(
+        UserDataPath.Reader.EnableReadingChapterProgressIndicator.path)
+    val autoPaddingUserData = userDataRepository.booleanUserData(UserDataPath.Reader.AutoPadding.path)
+    val topPaddingUserData = userDataRepository.floatUserData(UserDataPath.Reader.TopPadding.path)
+    val bottomPaddingUserData = userDataRepository.floatUserData(UserDataPath.Reader.BottomPadding.path)
+    val leftPaddingUserData = userDataRepository.floatUserData(UserDataPath.Reader.LeftPadding.path)
+    val rightPaddingUserData = userDataRepository.floatUserData(UserDataPath.Reader.RightPadding.path)
+
+    val fontSize by fontSizeUserData.safeAsState(14f)
+    val fontLineHeight by fontLineHeightUserData.safeAsState(0f)
+    val keepScreenOn by keepScreenOnUserData.safeAsState(false)
+    val isUsingFlipPage by isUsingFlipPageUserData.safeAsState(false)
+    val isUsingClickFlipPage by isUsingClickFlipPageUserData.safeAsState(false)
+    val isUsingVolumeKeyFlip by isUsingVolumeKeyFlipUserData.safeAsState(false)
+    val isUsingFlipAnime by isUsingFlipAnimeUserData.safeAsState(true)
+    val fastChapterChange by fastChapterChangeUserData.safeAsState(false)
+    val enableBatteryIndicator by enableBatteryIndicatorUserData.safeAsState(true)
+    val enableTimeIndicator by enableTimeIndicatorUserData.safeAsState(true)
+    val enableChapterTitleIndicator by enableChapterTitleIndicatorUserData.safeAsState(true)
+    val enableReadingChapterProgressIndicator by enableReadingChapterProgressIndicatorUserData.safeAsState(true)
+    val autoPadding by autoPaddingUserData.safeAsState(true)
+    val topPadding by topPaddingUserData.safeAsState(12f)
+    val bottomPadding by bottomPaddingUserData.safeAsState(12f)
+    val leftPadding by leftPaddingUserData.safeAsState(16f)
+    val rightPadding by rightPaddingUserData.safeAsState(16f)
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/detail/DetailScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/detail/DetailScreen.kt
index c8538aa..cdc6b26 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/detail/DetailScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/book/detail/DetailScreen.kt
@@ -8,6 +8,7 @@ import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -46,7 +47,6 @@ import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.max
 import androidx.compose.ui.unit.sp
 import androidx.hilt.navigation.compose.hiltViewModel
 import indi.dmzz_yyhyy.lightnovelreader.R
@@ -58,6 +58,49 @@ import indi.dmzz_yyhyy.lightnovelreader.ui.components.Loading
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun DetailScreen(
+    viewModel: DetailViewModel = hiltViewModel(),
+    paddingValues: PaddingValues,
+    onClickBackButton: () -> Unit,
+    onClickChapter: (Int) -> Unit,
+    onClickReadFromStart: () -> Unit = {
+        viewModel.uiState.bookVolumes.volumes.firstOrNull()?.chapters?.firstOrNull()?.id?.let {
+            onClickChapter(it)
+        }
+    },
+    onClickContinueReading: () -> Unit = {
+        if (viewModel.uiState.userReadingData.lastReadChapterId == -1)
+            viewModel.uiState.bookVolumes.volumes.firstOrNull()?.chapters?.firstOrNull()?.id?.let {
+                onClickChapter(it)
+            }
+        else
+            onClickChapter(viewModel.uiState.userReadingData.lastReadChapterId)
+    },
+    onClickMore: () -> Unit = {
+    },
+    topBar: (@Composable (TopAppBarScrollBehavior) -> Unit) -> Unit,
+    id: Int,
+    cacheBook: (Int) -> Unit,
+    requestAddBookToBookshelf: (Int) -> Unit
+) {
+    Box(Modifier.padding(paddingValues)) {
+        Content(
+            viewModel = viewModel,
+            onClickBackButton = onClickBackButton,
+            onClickChapter = onClickChapter,
+            onClickReadFromStart = onClickReadFromStart,
+            onClickContinueReading = onClickContinueReading,
+            onClickMore = onClickMore,
+            topBar = topBar,
+            id = id,
+            cacheBook = cacheBook,
+            requestAddBookToBookshelf = requestAddBookToBookshelf
+        )
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+private fun Content(
     viewModel: DetailViewModel = hiltViewModel(),
     onClickBackButton: () -> Unit,
     onClickChapter: (Int) -> Unit,
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/Dialog.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/Dialog.kt
index 7ec5836..102f783 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/Dialog.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/Dialog.kt
@@ -26,11 +26,8 @@ import androidx.compose.foundation.verticalScroll
 import androidx.compose.material3.AlertDialog
 import androidx.compose.material3.Card
 import androidx.compose.material3.CardDefaults
-import androidx.compose.material3.Checkbox
 import androidx.compose.material3.HorizontalDivider
 import androidx.compose.material3.Icon
-import androidx.compose.material3.ListItem
-import androidx.compose.material3.ListItemDefaults
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Slider
 import androidx.compose.material3.SliderDefaults
@@ -61,7 +58,6 @@ import indi.dmzz_yyhyy.lightnovelreader.BuildConfig
 import indi.dmzz_yyhyy.lightnovelreader.R
 import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.Bookshelf
 
-
 @Composable
 fun BaseDialog(
     icon: Painter,
@@ -72,6 +68,49 @@ fun BaseDialog(
     dismissText: String,
     confirmationText: String,
     content: @Composable ColumnScope.() -> Unit
+) {
+    BaseDialog(
+        icon = icon,
+        title = title,
+        description = description,
+        onDismissRequest = onDismissRequest,
+    ) {
+        content.invoke(this)
+        Row(
+            modifier = Modifier
+                .padding(8.dp, 24.dp, 24.dp, 24.dp)
+                .align(Alignment.End),
+            horizontalArrangement = Arrangement.spacedBy(8.dp),
+        ) {
+            TextButton(
+                onClick = onDismissRequest
+            ) {
+                Text(
+                    text = dismissText,
+                    style = MaterialTheme.typography.labelLarge,
+                    color = MaterialTheme.colorScheme.primary,
+                )
+            }
+            TextButton(
+                onClick = onConfirmation
+            ) {
+                Text(
+                    text = confirmationText,
+                    style = MaterialTheme.typography.labelLarge,
+                    color = MaterialTheme.colorScheme.primary,
+                )
+            }
+        }
+    }
+}
+
+@Composable
+fun BaseDialog(
+    icon: Painter,
+    title: String,
+    description: String,
+    onDismissRequest: () -> Unit,
+    content: @Composable ColumnScope.() -> Unit
 ) {
     Dialog(
         onDismissRequest = onDismissRequest,
@@ -109,31 +148,6 @@ fun BaseDialog(
             )
             Box(Modifier.height(16.dp))
             content.invoke(this)
-            Row(
-                modifier = Modifier
-                    .padding(8.dp, 24.dp, 24.dp, 24.dp)
-                    .align(Alignment.End),
-                horizontalArrangement = Arrangement.spacedBy(8.dp),
-            ) {
-                TextButton(
-                    onClick = onDismissRequest
-                ) {
-                    Text(
-                        text = dismissText,
-                        style = MaterialTheme.typography.labelLarge,
-                        color = MaterialTheme.colorScheme.primary,
-                    )
-                }
-                TextButton(
-                    onClick = onConfirmation
-                ) {
-                    Text(
-                        text = confirmationText,
-                        style = MaterialTheme.typography.labelLarge,
-                        color = MaterialTheme.colorScheme.primary,
-                    )
-                }
-            }
         }
     }
 }
@@ -240,35 +254,17 @@ fun AddBookToBookshelfDialog(
     ) {
         Column(Modifier.width(IntrinsicSize.Max).sizeIn(maxHeight = 350.dp).verticalScroll(scrollState)) {
             allBookshelf.forEachIndexed { index, bookshelf ->
-                ListItem(
+                CheckBoxListItem(
                     modifier = Modifier
                         .sizeIn(minWidth = 280.dp, maxWidth = 500.dp)
                         .fillMaxWidth()
                         .padding(horizontal = 14.dp),
-                    colors = ListItemDefaults.colors(containerColor = MaterialTheme.colorScheme.surfaceContainerHigh),
-                    headlineContent = {
-                        Text(
-                            text = bookshelf.name,
-                            style = MaterialTheme.typography.bodyLarge,
-                            fontWeight = FontWeight.W400
-                        )
-                    },
-                    supportingContent = {
-                        Text(
-                            text = "共 ${bookshelf.allBookIds.size} 本",
-                            style = MaterialTheme.typography.bodyLarge,
-                            fontWeight = FontWeight.W400,
-                            color = MaterialTheme.colorScheme.onSurfaceVariant
-                        )
-                    },
-                    trailingContent = {
-                        Checkbox(
-                            checked = selectedBookshelfIds.contains(bookshelf.id),
-                            onCheckedChange = {
-                                if (it) onSelectBookshelf(bookshelf.id) else onDeselectBookshelf(
-                                    bookshelf.id
-                                )
-                            }
+                    title = bookshelf.name,
+                    supportingText = "共 ${bookshelf.allBookIds.size} 本",
+                    checked = selectedBookshelfIds.contains(bookshelf.id),
+                    onCheckedChange = {
+                        if (it) onSelectBookshelf(bookshelf.id) else onDeselectBookshelf(
+                            bookshelf.id
                         )
                     }
                 )
@@ -340,4 +336,107 @@ fun SliderDialog(
             ),
         )
     }
+}
+
+
+interface ExportContext {
+    val bookshelf: Boolean
+    val readingData: Boolean
+    val settings: Boolean
+    val bookmark: Boolean
+}
+
+class MutableExportContext: ExportContext {
+    override var bookshelf by mutableStateOf(true)
+    override var readingData by mutableStateOf(true)
+    override var settings by mutableStateOf(true)
+    override var bookmark by mutableStateOf(true)
+}
+
+@Composable
+fun ExportDialog(
+    onDismissRequest: () -> Unit,
+    onClickSaveAndSend: (ExportContext) -> Unit,
+    onClickSaveToFile: (ExportContext) -> Unit
+) {
+    val mutableExportContext = remember { MutableExportContext() }
+    val listItemModifier = Modifier
+        .sizeIn(minWidth = 280.dp, maxWidth = 500.dp)
+        .fillMaxWidth()
+        .padding(horizontal = 14.dp)
+    BaseDialog(
+        icon = painterResource(R.drawable.output_24px),
+        title = "导出数据",
+        description = "选择需要导出的数据。",
+        onDismissRequest = onDismissRequest,
+    ) {
+        Column(Modifier.width(IntrinsicSize.Max).sizeIn(maxHeight = 350.dp)) {
+            CheckBoxListItem(
+                modifier = listItemModifier,
+                title = "书架",
+                supportingText = "包括书架及书本信息",
+                checked = mutableExportContext.bookshelf,
+                onCheckedChange = { mutableExportContext.bookshelf = it;println(it) }
+            )
+            HorizontalDivider(Modifier.padding(horizontal = 14.dp))
+            CheckBoxListItem(
+                modifier = listItemModifier,
+                title = "阅读信息",
+                supportingText = "包括阅读历史、进度和时长等信息",
+                checked = mutableExportContext.readingData,
+                onCheckedChange = { mutableExportContext.readingData = it }
+            )
+            HorizontalDivider(Modifier.padding(horizontal = 14.dp))
+            CheckBoxListItem(
+                modifier = listItemModifier,
+                title = "设置项",
+                supportingText = "包括应用设置和阅读器设置",
+                checked = mutableExportContext.settings,
+                onCheckedChange = { mutableExportContext.settings = it }
+            )
+            HorizontalDivider(Modifier.padding(horizontal = 14.dp))
+            CheckBoxListItem(
+                modifier = listItemModifier,
+                title = "书签",
+                supportingText = "包括全部书本的书签信息",
+                checked = mutableExportContext.bookmark,
+                onCheckedChange = { mutableExportContext.bookmark = it }
+            )
+            HorizontalDivider(Modifier.padding(horizontal = 14.dp))
+        }
+        Row(
+            modifier = Modifier
+                .padding(8.dp, 24.dp, 24.dp, 24.dp)
+                .align(Alignment.End),
+            horizontalArrangement = Arrangement.spacedBy(8.dp),
+        ) {
+            TextButton(
+                onClick = onDismissRequest
+            ) {
+                Text(
+                    text = "取消",
+                    style = MaterialTheme.typography.labelLarge,
+                    color = MaterialTheme.colorScheme.primary,
+                )
+            }
+            TextButton(
+                onClick = { onClickSaveAndSend(mutableExportContext) }
+            ) {
+                Text(
+                    text = "导出并分享",
+                    style = MaterialTheme.typography.labelLarge,
+                    color = MaterialTheme.colorScheme.primary,
+                )
+            }
+            TextButton(
+                onClick = { onClickSaveToFile(mutableExportContext) }
+            ) {
+                Text(
+                    text = "导出至文件",
+                    style = MaterialTheme.typography.labelLarge,
+                    color = MaterialTheme.colorScheme.primary,
+                )
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/Item.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/Item.kt
new file mode 100644
index 0000000..48d951a
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/Item.kt
@@ -0,0 +1,45 @@
+package indi.dmzz_yyhyy.lightnovelreader.ui.components
+
+import androidx.compose.material3.Checkbox
+import androidx.compose.material3.ListItem
+import androidx.compose.material3.ListItemDefaults
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
+
+@Composable
+fun CheckBoxListItem(
+    modifier: Modifier = Modifier,
+    title: String,
+    supportingText: String,
+    checked: Boolean,
+    onCheckedChange: (Boolean) -> Unit,
+) {
+    ListItem(
+        modifier = modifier,
+        colors = ListItemDefaults.colors(containerColor = MaterialTheme.colorScheme.surfaceContainerHigh),
+        headlineContent = {
+            Text(
+                text = title,
+                style = MaterialTheme.typography.bodyLarge,
+                fontWeight = FontWeight.W400
+            )
+        },
+        supportingContent = {
+            Text(
+                text = supportingText,
+                style = MaterialTheme.typography.bodyLarge,
+                fontWeight = FontWeight.W400,
+                color = MaterialTheme.colorScheme.onSurfaceVariant
+            )
+        },
+        trailingContent = {
+            Checkbox(
+                checked = checked,
+                onCheckedChange = onCheckedChange
+            )
+        }
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/SettingsEntry.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/SettingsEntry.kt
index 5dca7d4..dd7e0c0 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/SettingsEntry.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/components/SettingsEntry.kt
@@ -17,10 +17,10 @@ import androidx.compose.material3.SliderDefaults
 import androidx.compose.material3.Switch
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -29,11 +29,30 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.core.content.ContextCompat.startActivity
+import indi.dmzz_yyhyy.lightnovelreader.data.userdata.BooleanUserData
+import indi.dmzz_yyhyy.lightnovelreader.data.userdata.FloatUserData
 import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.data.MenuOptions
 import java.text.DecimalFormat
 import kotlin.math.roundToInt
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.launch
+
+@Composable
+fun SettingsSwitchEntry(
+    modifier: Modifier = Modifier,
+    title: String,
+    description: String,
+    checked: Boolean,
+    booleanUserData: BooleanUserData,
+    disabled: Boolean = false
+) {
+    SettingsSwitchEntry(
+        modifier = modifier,
+        title = title,
+        description = description,
+        checked = checked,
+        onCheckedChange = booleanUserData::asynchronousSet,
+        disabled = disabled
+    )
+}
 
 @Composable
 fun SettingsSwitchEntry(
@@ -87,6 +106,29 @@ fun SettingsSwitchEntry(
     }
 }
 
+@Composable
+fun SettingsSliderEntry(
+    modifier: Modifier = Modifier,
+    description: String,
+    unit: String,
+    value: Float,
+    valueRange: ClosedFloatingPointRange<Float> = 0f..1f,
+    floatUserData: FloatUserData
+) {
+    var tempValue by remember { mutableStateOf(value) }
+    LaunchedEffect(value) {
+        tempValue = value
+    }
+    SettingsSliderEntry(
+        modifier = modifier,
+        description = description,
+        unit = unit,
+        value = tempValue,
+        valueRange = valueRange,
+        onSlideChange = { tempValue = it },
+        onSliderChangeFinished = { floatUserData.asynchronousSet(tempValue) }
+    )
+}
 
 @Composable
 fun SettingsSliderEntry(
@@ -202,17 +244,49 @@ fun SettingsMenuEntry(
     }
 }
 
+@Composable
+fun SettingsClickableEntry(
+    title: String,
+    description: String,
+    option: String? = null
+) {
+    SettingsClickableEntry(
+        title = title,
+        description = description,
+        option = option,
+        onClick = { }
+    )
+}
+
 @Composable
 fun SettingsClickableEntry(
     title: String,
     description: String,
     option: String? = null,
-    openUrl: String? = null,
-    onClick: suspend CoroutineScope.() -> Unit = {}
+    openUrl: String
 ) {
-    var expanded by remember { mutableStateOf(false) }
     val context = LocalContext.current
-    val coroutineScope = rememberCoroutineScope()
+    SettingsClickableEntry(
+        title = title,
+        description = description,
+        option = option,
+        onClick = {
+            openUrl.let { url ->
+                val intent = Intent(Intent.ACTION_VIEW, Uri.parse(url))
+                startActivity(context, intent, null)
+            }
+        }
+    )
+}
+
+@Composable
+fun SettingsClickableEntry(
+    title: String,
+    description: String,
+    option: String? = null,
+    onClick: () -> Unit
+) {
+    var expanded by remember { mutableStateOf(false) }
 
     FilledCard(
         modifier = Modifier
@@ -222,13 +296,7 @@ fun SettingsClickableEntry(
         Box(
             modifier = Modifier.clickable {
                 expanded = !expanded
-                if (onClick != {}) {
-                    coroutineScope.launch(block = onClick)
-                }
-                openUrl?.let { url ->
-                    val intent = Intent(Intent.ACTION_VIEW, Uri.parse(url))
-                    startActivity(context, intent, null)
-                }
+                onClick.invoke()
             }
         ) {
             Row(
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/HomeScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/HomeScreen.kt
index 0627be5..a46beb0 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/HomeScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/HomeScreen.kt
@@ -142,6 +142,7 @@ fun HomeScreen(
                     selectedItem = 3
                     SettingsScreen(
                         topBar = { newTopBar -> topBar = newTopBar },
+                        dialog = { newDialog -> dialog = newDialog },
                         checkUpdate = checkUpdate
                     )
                 }
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/BookShelfScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/BookShelfScreen.kt
index 18071fd..bed9dc6 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/BookShelfScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/BookShelfScreen.kt
@@ -1,6 +1,5 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui.home.bookshelf
 
-import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.runtime.Composable
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.navigation.compose.NavHost
@@ -20,7 +19,6 @@ val BookshelfScreenInfo = NavItem (
     label = R.string.nav_bookshelf
 )
 
-@OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun BookShelfScreen(
     topBar: (@Composable () -> Unit) -> Unit,
@@ -34,7 +32,7 @@ fun BookShelfScreen(
         composable(route = Screen.Home.Bookshelf.Home.route) {
             BookshelfHomeScreen(
                 topBar = topBar,
-                init = bookshelfHomeViewModel::init,
+                init = bookshelfHomeViewModel::load,
                 changePage = bookshelfHomeViewModel::changePage,
                 changeBookSelectState = bookshelfHomeViewModel::changeBookSelectState,
                 uiState = bookshelfHomeViewModel.uiState,
@@ -59,7 +57,11 @@ fun BookShelfScreen(
                 onClickDisableSelectMode = bookshelfHomeViewModel::disableSelectMode,
                 onClickSelectAll = bookshelfHomeViewModel::selectAllBooks,
                 onClickPin = bookshelfHomeViewModel::pinSelectedBooks,
-                onClickRemove = bookshelfHomeViewModel::removeSelectedBooks
+                onClickRemove = bookshelfHomeViewModel::removeSelectedBooks,
+                saveAllBookshelfJsonData = bookshelfHomeViewModel::saveAllBookshelfJsonData,
+                saveBookshelfJsonData = bookshelfHomeViewModel::saveThisBookshelfJsonData,
+                importBookshelf = bookshelfHomeViewModel::importBookshelf,
+                clearToast = bookshelfHomeViewModel::clearToast
             )
         }
         composable(
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeScreen.kt
index ca9ce4a..e677e56 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeScreen.kt
@@ -1,5 +1,14 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui.home.bookshelf.home
 
+import android.app.Activity
+import android.content.Intent
+import android.net.Uri
+import android.provider.DocumentsContract
+import android.widget.Toast
+import androidx.activity.compose.ManagedActivityResultLauncher
+import androidx.activity.compose.rememberLauncherForActivityResult
+import androidx.activity.result.ActivityResult
+import androidx.activity.result.contract.ActivityResultContracts
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.animateColorAsState
 import androidx.compose.animation.fadeIn
@@ -42,6 +51,7 @@ import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.material3.TopAppBarScrollBehavior
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -54,6 +64,9 @@ import androidx.compose.ui.draw.rotate
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.painter.Painter
 import androidx.compose.ui.input.nestedscroll.nestedScroll
+import androidx.compose.ui.layout.onGloballyPositioned
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.SpanStyle
@@ -87,15 +100,23 @@ fun BookshelfHomeScreen(
     onClickDisableSelectMode: () -> Unit,
     onClickSelectAll: () -> Unit,
     onClickPin: () -> Unit,
-    onClickRemove: () -> Unit
+    onClickRemove: () -> Unit,
+    saveAllBookshelfJsonData: (Uri) -> Unit,
+    saveBookshelfJsonData: (Uri) -> Unit,
+    importBookshelf: (Uri) -> Unit,
+    clearToast: () -> Unit
 ) {
+    val context = LocalContext.current
     val enterAlwaysScrollBehavior = TopAppBarDefaults.enterAlwaysScrollBehavior()
-    var updatedBooksExpended by remember { mutableStateOf(true) }
-    var pinnedBooksExpended by remember { mutableStateOf(true) }
-    var allBooksExpended by remember { mutableStateOf(true) }
     val animatedBackgroundColor by animateColorAsState(
         if (!uiState.selectMode) MaterialTheme.colorScheme.surface else MaterialTheme.colorScheme.surfaceContainer
     )
+    val saveAllBookshelfLauncher = launcher(saveAllBookshelfJsonData)
+    val saveThisBookshelfLauncher = launcher(saveBookshelfJsonData)
+    val importBookshelfLauncher = launcher(importBookshelf)
+    var updatedBooksExpended by remember { mutableStateOf(true) }
+    var pinnedBooksExpended by remember { mutableStateOf(true) }
+    var allBooksExpended by remember { mutableStateOf(true) }
     topBar {
         TopBar(
             scrollBehavior = enterAlwaysScrollBehavior,
@@ -107,12 +128,20 @@ fun BookshelfHomeScreen(
             onClickDisableSelectMode = onClickDisableSelectMode,
             onClickSelectAll = onClickSelectAll,
             onClickPin = onClickPin,
-            onClickRemove = onClickRemove
+            onClickRemove = onClickRemove,
+            onClickSaveThisBookshelf = { createBookshelfDataFile(uiState.selectedBookshelf.name, saveThisBookshelfLauncher) },
+            onClickSaveAllBookshelf = { createBookshelfDataFile("bookshelves", saveAllBookshelfLauncher) },
+            onClickImportBookshelf = { selectBookshelfDataFile(importBookshelfLauncher) }
         )
     }
     LifecycleEventEffect(Lifecycle.Event.ON_CREATE) {
         init.invoke()
     }
+    LaunchedEffect(uiState.toast) {
+        if (uiState.toast.isEmpty()) return@LaunchedEffect
+        Toast.makeText(context, uiState.toast, Toast.LENGTH_SHORT).show()
+        clearToast()
+    }
     Column(
         modifier = Modifier
             .fillMaxSize()
@@ -529,12 +558,27 @@ fun TopBar(
     onClickDisableSelectMode: () -> Unit,
     onClickSelectAll: () -> Unit,
     onClickPin: () -> Unit,
-    onClickRemove: () -> Unit
+    onClickRemove: () -> Unit,
+    onClickSaveThisBookshelf: () -> Unit,
+    onClickSaveAllBookshelf: () -> Unit,
+    onClickImportBookshelf: () -> Unit
 ) {
+    val localDensity = LocalDensity.current
     var mainMenuExpended by remember { mutableStateOf(false) }
+    var exportImportMenuExpended by remember { mutableStateOf(false) }
+    var mainMenuWidth by remember { mutableStateOf(0.dp) }
+    var mainMenuItemHeight by remember { mutableStateOf(0.dp) }
+    var exportImportMenuWidth by remember { mutableStateOf(0.dp) }
     Box(Modifier.fillMaxWidth().padding(horizontal = 12.dp)) {
-        Box(Modifier.align(Alignment.CenterEnd)) {
+        Box(Modifier.align(Alignment.TopEnd)) {
             DropdownMenu(
+                modifier = Modifier
+                    .onGloballyPositioned { layoutCoordinates ->
+                        with(localDensity) {
+                            mainMenuWidth = layoutCoordinates.size.width.toDp()
+                            mainMenuItemHeight = layoutCoordinates.size.height.toDp().div(4)
+                        }
+                    },
                 offset = DpOffset(0.dp, (-1).dp),
                 expanded = mainMenuExpended,
                 onDismissRequest = { mainMenuExpended = false }) {
@@ -572,7 +616,7 @@ fun TopBar(
                             contentDescription = null
                         )
                     },
-                    onClick = { }
+                    onClick = { exportImportMenuExpended = true }
                 )
                 DropdownMenuItem(
                     text = {
@@ -592,7 +636,66 @@ fun TopBar(
                 )
             }
         }
+        Box(
+            modifier = Modifier.align(Alignment.TopEnd).padding(end = exportImportMenuWidth + mainMenuWidth + 12.dp),
+            contentAlignment = Alignment.TopEnd
+        ) {
+            DropdownMenu(
+                modifier = Modifier
+                    .onGloballyPositioned { layoutCoordinates ->
+                        with(localDensity) {
+                            exportImportMenuWidth = layoutCoordinates.size.width.toDp()
+                        }
+                    },
+                offset = DpOffset(0.dp, mainMenuItemHeight.times(3.5f)),
+                expanded = exportImportMenuExpended,
+                onDismissRequest = { exportImportMenuExpended = false }) {
+                DropdownMenuItem(
+                    text = {
+                        Text(
+                            text = "导出为 .lnr",
+                            style = MaterialTheme.typography.bodyLarge,
+                            fontWeight = FontWeight.W400
+                        )
+                    },
+                    onClick = {
+                        onClickSaveThisBookshelf()
+                        exportImportMenuExpended = false
+                        mainMenuExpended = false
+                    }
+                )
+                DropdownMenuItem(
+                    text = {
+                        Text(
+                            text = "导出全部为 .lnr",
+                            style = MaterialTheme.typography.bodyLarge,
+                            fontWeight = FontWeight.W400
+                        )
+                    },
+                    onClick = {
+                        onClickSaveAllBookshelf()
+                        exportImportMenuExpended = false
+                        mainMenuExpended = false
+                    }
+                )
+                DropdownMenuItem(
+                    text = {
+                        Text(
+                            text = "从文件导入",
+                            style = MaterialTheme.typography.bodyLarge,
+                            fontWeight = FontWeight.W400
+                        )
+                    },
+                    onClick = {
+                        onClickImportBookshelf()
+                        exportImportMenuExpended = false
+                        mainMenuExpended = false
+                    }
+                )
+            }
+        }
     }
+
     MediumTopAppBar(
         title = {
             Text(
@@ -650,4 +753,38 @@ fun TopBar(
             scrolledContainerColor = backgroundColor
         )
     )
+}
+
+@Suppress("DuplicatedCode")
+fun createBookshelfDataFile(fileName: String, launcher: ManagedActivityResultLauncher<Intent, ActivityResult>) {
+    val initUri = DocumentsContract.buildDocumentUri("com.android.externalstorage.documents", "primary:Documents")
+    val intent = Intent(Intent.ACTION_CREATE_DOCUMENT).apply {
+        addCategory(Intent.CATEGORY_OPENABLE)
+        type = "*/*"
+        putExtra(DocumentsContract.EXTRA_INITIAL_URI, initUri)
+        putExtra(Intent.EXTRA_TITLE, "$fileName.lnr")
+    }
+    launcher.launch(Intent.createChooser(intent, "选择一位置"))
+}
+
+@Composable
+fun launcher(block: (Uri) -> Unit): ManagedActivityResultLauncher<Intent, ActivityResult> {
+    return rememberLauncherForActivityResult(ActivityResultContracts.StartActivityForResult()) { activityResult ->
+        if (activityResult.resultCode == Activity.RESULT_OK) {
+            activityResult.data?.data?.let { uri ->
+                block(uri)
+            }
+        }
+    }
+}
+
+@Suppress("DuplicatedCode")
+fun selectBookshelfDataFile(launcher: ManagedActivityResultLauncher<Intent, ActivityResult>) {
+    val initUri = DocumentsContract.buildDocumentUri("com.android.externalstorage.documents", "primary:Documents")
+    val intent = Intent(Intent.ACTION_OPEN_DOCUMENT).apply {
+        addCategory(Intent.CATEGORY_OPENABLE)
+        type = "*/*"
+        putExtra(DocumentsContract.EXTRA_INITIAL_URI, initUri)
+    }
+    launcher.launch(Intent.createChooser(intent, "选择数据文件"))
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeUiState.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeUiState.kt
index f8cfd75..b810628 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeUiState.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeUiState.kt
@@ -20,6 +20,7 @@ interface BookshelfHomeUiState {
     val selectedBookshelf: Bookshelf get() = if (selectedTabIndex != -1) bookshelfList[selectedTabIndex] else MutableBookshelf()
     val selectMode: Boolean
     val selectedBookIds: List<Int>
+    val toast: String
 }
 
 class MutableBookshelfHomeUiState : BookshelfHomeUiState {
@@ -27,6 +28,7 @@ class MutableBookshelfHomeUiState : BookshelfHomeUiState {
     override var selectedBookshelfId by mutableStateOf(-1)
     override var bookInformationMap = mutableStateMapOf<Int, BookInformation>()
     override var bookLastChapterTitleMap = mutableStateMapOf<Int, String>()
-    override var selectMode: Boolean by mutableStateOf(false)
+    override var selectMode by mutableStateOf(false)
     override val selectedBookIds: MutableList<Int> = mutableStateListOf()
-}
+    override var toast by mutableStateOf("")
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeViewModel.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeViewModel.kt
index cad3897..3d1a3e4 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeViewModel.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/bookshelf/home/BookshelfHomeViewModel.kt
@@ -1,11 +1,18 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui.home.bookshelf.home
 
+import android.net.Uri
 import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
+import androidx.work.ExistingWorkPolicy
+import androidx.work.OneTimeWorkRequestBuilder
+import androidx.work.WorkInfo
+import androidx.work.WorkManager
+import androidx.work.workDataOf
 import dagger.hilt.android.lifecycle.HiltViewModel
 import indi.dmzz_yyhyy.lightnovelreader.data.BookRepository
 import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.BookshelfRepository
 import indi.dmzz_yyhyy.lightnovelreader.data.bookshelf.MutableBookshelf
+import indi.dmzz_yyhyy.lightnovelreader.data.work.ImportDataWork
 import javax.inject.Inject
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.cancelChildren
@@ -14,58 +21,58 @@ import kotlinx.coroutines.launch
 @HiltViewModel
 class BookshelfHomeViewModel @Inject constructor(
     private val bookshelfRepository: BookshelfRepository,
-    private val bookRepository: BookRepository
+    private val bookRepository: BookRepository,
+    private val workManager: WorkManager,
 ) : ViewModel() {
     private val _uiState = MutableBookshelfHomeUiState()
     val uiState: BookshelfHomeUiState = _uiState
 
-    fun init() {
+    fun load() {
         viewModelScope.launch(Dispatchers.IO) {
             viewModelScope.coroutineContext.cancelChildren()
             _uiState.bookInformationMap.clear()
-            _uiState.bookshelfList =
-                bookshelfRepository.getAllBookshelfIds()
-                    .map { id ->
-                        bookshelfRepository.getBookshelfFlow(id)
-                            .let {
-                                val mutableBookshelf = MutableBookshelf().apply { this.id = id }
-                                viewModelScope.launch(Dispatchers.IO) {
-                                    it.collect { oldMutableBookshelf ->
-                                        oldMutableBookshelf ?: return@collect
-                                        mutableBookshelf.id = oldMutableBookshelf.id
-                                        mutableBookshelf.name = oldMutableBookshelf.name
-                                        mutableBookshelf.sortType = oldMutableBookshelf.sortType
-                                        mutableBookshelf.autoCache = oldMutableBookshelf.autoCache
-                                        mutableBookshelf.systemUpdateReminder = oldMutableBookshelf.systemUpdateReminder
-                                        mutableBookshelf.allBookIds = oldMutableBookshelf.allBookIds
-                                        mutableBookshelf.pinnedBookIds = oldMutableBookshelf.pinnedBookIds
-                                        mutableBookshelf.updatedBookIds = oldMutableBookshelf.updatedBookIds
-                                        oldMutableBookshelf.allBookIds.forEach {
-                                            viewModelScope.launch(Dispatchers.IO) {
-                                                bookRepository.getBookInformation(it).collect {
-                                                    _uiState.bookInformationMap[it.id] = it
-                                                }
-                                            }
-                                        }
-                                        oldMutableBookshelf.updatedBookIds.forEach { bookId ->
-                                            viewModelScope.launch(Dispatchers.IO) {
-                                                bookRepository.getBookVolumes(bookId).collect {
-                                                    if (it.volumes.isNotEmpty())
-                                                        _uiState.bookLastChapterTitleMap[bookId] = "${it.volumes.last().volumeTitle} ${it.volumes.last().chapters.last().title}"
-                                                }
-                                            }
-                                        }
-                                    }
-                                }
-                                return@let mutableBookshelf
-                            }
-                    }
+            _uiState.bookshelfList = bookshelfRepository.getAllBookshelfIds().map(::getBookshelf)
             _uiState.bookshelfList.getOrNull(0)?.let {
                 changePage(it.id)
             }
         }
     }
 
+    private fun getBookshelf(id: Int): MutableBookshelf {
+        val bookshelfFlow = bookshelfRepository.getBookshelfFlow(id)
+        val mutableBookshelf = MutableBookshelf().apply { this.id = id }
+        viewModelScope.launch(Dispatchers.IO) {
+            bookshelfFlow.collect { oldMutableBookshelf ->
+                oldMutableBookshelf ?: return@collect
+                mutableBookshelf.id = oldMutableBookshelf.id
+                mutableBookshelf.name = oldMutableBookshelf.name
+                mutableBookshelf.sortType = oldMutableBookshelf.sortType
+                mutableBookshelf.autoCache = oldMutableBookshelf.autoCache
+                mutableBookshelf.systemUpdateReminder = oldMutableBookshelf.systemUpdateReminder
+                mutableBookshelf.allBookIds = oldMutableBookshelf.allBookIds
+                mutableBookshelf.pinnedBookIds = oldMutableBookshelf.pinnedBookIds
+                mutableBookshelf.updatedBookIds = oldMutableBookshelf.updatedBookIds
+                oldMutableBookshelf.allBookIds.forEach {
+                    viewModelScope.launch(Dispatchers.IO) {
+                        bookRepository.getBookInformation(it).collect {
+                            _uiState.bookInformationMap[it.id] = it
+                        }
+                    }
+                }
+                oldMutableBookshelf.updatedBookIds.forEach { bookId ->
+                    viewModelScope.launch(Dispatchers.IO) {
+                        bookRepository.getBookVolumes(bookId).collect {
+                            if (it.volumes.isNotEmpty())
+                                _uiState.bookLastChapterTitleMap[bookId] = "${it.volumes.last().volumeTitle} ${it.volumes.last().chapters.last().title}"
+                        }
+                    }
+                }
+            }
+        }
+        return mutableBookshelf
+
+    }
+
     fun changePage(bookshelfId: Int) {
         _uiState.selectedBookshelfId = bookshelfId
     }
@@ -119,4 +126,48 @@ class BookshelfHomeViewModel @Inject constructor(
             _uiState.selectedBookIds.clear()
         }
     }
+
+    fun saveAllBookshelfJsonData(uri: Uri) {
+        viewModelScope.launch(Dispatchers.IO) {
+            bookshelfRepository.saveBookshelfJsonData(-1, uri)
+        }
+    }
+
+    fun saveThisBookshelfJsonData(uri: Uri) {
+        viewModelScope.launch(Dispatchers.IO) {
+            bookshelfRepository.saveBookshelfJsonData(_uiState.selectedBookshelfId, uri)
+        }
+    }
+
+    fun importBookshelf(uri: Uri) {
+        viewModelScope.launch(Dispatchers.IO) {
+            val workRequest = OneTimeWorkRequestBuilder<ImportDataWork>()
+                .setInputData(
+                    workDataOf(
+                    "uri" to uri.toString(),
+                )
+                )
+                .build()
+            workManager.enqueueUniqueWork(
+                uri.toString(),
+                ExistingWorkPolicy.KEEP,
+                workRequest
+            )
+            workManager.getWorkInfoByIdFlow(workRequest.id).collect {
+                it ?: return@collect
+                when(it.state) {
+                    WorkInfo.State.ENQUEUED -> return@collect
+                    WorkInfo.State.RUNNING -> return@collect
+                    WorkInfo.State.SUCCEEDED -> load()
+                    WorkInfo.State.FAILED -> _uiState.toast = "文件损坏或格式错误，请检查后重试。"
+                    WorkInfo.State.BLOCKED -> return@collect
+                    WorkInfo.State.CANCELLED -> return@collect
+                }
+            }
+        }
+    }
+
+    fun clearToast() {
+        _uiState.toast = ""
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/exploration/Exploration.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/exploration/Exploration.kt
index e5b4d01..4231034 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/exploration/Exploration.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/exploration/Exploration.kt
@@ -21,6 +21,7 @@ import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
@@ -70,28 +71,31 @@ fun Exploration(
     LifecycleEventEffect(Lifecycle.Event.ON_CREATE) {
         explorationViewModel.init()
     }
+    LaunchedEffect(explorationViewModel.uiState.isOffLine) {
+        if (explorationViewModel.uiState.isOffLine)
+            topBar {
+                TopAppBar(
+                    title = {
+                        Text(
+                            text = stringResource(R.string.nav_exploration),
+                            style = MaterialTheme.typography.titleLarge,
+                            fontWeight = FontWeight.W600,
+                            color = MaterialTheme.colorScheme.onSurface
+                        )
+                    },
+                    modifier = Modifier.fillMaxWidth(),
+                    windowInsets =
+                    WindowInsets.safeDrawing.only(
+                        WindowInsetsSides.Horizontal + WindowInsetsSides.Top
+                    )
+                )
+            }
+    }
     AnimatedVisibility(
         visible = explorationViewModel.uiState.isOffLine,
         enter = fadeIn(),
         exit = fadeOut()
     ) {
-        topBar {
-            TopAppBar(
-                title = {
-                    Text(
-                        text = stringResource(R.string.nav_exploration),
-                        style = MaterialTheme.typography.titleLarge,
-                        fontWeight = FontWeight.W600,
-                        color = MaterialTheme.colorScheme.onSurface
-                    )
-                },
-                modifier = Modifier.fillMaxWidth(),
-                windowInsets =
-                WindowInsets.safeDrawing.only(
-                    WindowInsetsSides.Horizontal + WindowInsetsSides.Top
-                )
-            )
-        }
         EmptyPage(
             painter = painterResource(R.drawable.wifi_off_90dp),
             title = stringResource(id = R.string.offline),
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/exploration/search/ExplorationSearchScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/exploration/search/ExplorationSearchScreen.kt
index b8589d7..e7b4e54 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/exploration/search/ExplorationSearchScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/exploration/search/ExplorationSearchScreen.kt
@@ -90,7 +90,10 @@ fun ExplorationSearchScreen(
                                 style = MaterialTheme.typography.bodyLarge,
                                 fontWeight = FontWeight.W400
                             ) },
-                            onClick = { onChangeSearchType(it) }
+                            onClick = {
+                                dropdownMenuExpanded = false
+                                onChangeSearchType(it)
+                            }
                         )
                     }
                 }
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/reading/ReadingScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/reading/ReadingScreen.kt
index aa36fa8..d29bc9a 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/reading/ReadingScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/reading/ReadingScreen.kt
@@ -72,10 +72,8 @@ fun ReadingScreen(
     LifecycleEventEffect(Lifecycle.Event.ON_CREATE) {
         viewModel.update()
     }
-    LifecycleEventEffect(Lifecycle.Event.ON_START) {
-        topBar {
-            TopBar(pinnedScrollBehavior)
-        }
+    topBar {
+        TopBar(pinnedScrollBehavior)
     }
     LazyColumn(
         modifier = Modifier
@@ -99,7 +97,6 @@ fun ReadingScreen(
             )
         }
         item {
-
             AnimatedVisibility(
                 visible =  !viewModel.uiState.isLoading,
                 enter = fadeIn(),
@@ -112,7 +109,6 @@ fun ReadingScreen(
             }
         }
         items(readingBooks) {
-
             AnimatedVisibility(
                 visible =  !viewModel.uiState.isLoading,
                 enter = fadeIn(),
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingStates.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingStates.kt
new file mode 100644
index 0000000..cefaf3d
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingStates.kt
@@ -0,0 +1,28 @@
+package indi.dmzz_yyhyy.lightnovelreader.ui.home.settings
+
+import androidx.compose.runtime.Stable
+import androidx.compose.runtime.getValue
+import indi.dmzz_yyhyy.lightnovelreader.data.UserDataRepository
+import indi.dmzz_yyhyy.lightnovelreader.data.setting.AbstractSettingState
+import indi.dmzz_yyhyy.lightnovelreader.data.userdata.UserDataPath
+import kotlinx.coroutines.CoroutineScope
+
+@Stable
+class SettingState(
+    userDataRepository: UserDataRepository,
+    coroutineScope: CoroutineScope
+) : AbstractSettingState(coroutineScope) {
+    val checkUpdateUserData = userDataRepository.booleanUserData(UserDataPath.Settings.App.AutoCheckUpdate.path)
+    val appLocaleKeyUserData = userDataRepository.stringUserData(UserDataPath.Settings.Display.AppLocale.path)
+    val statisticsUserData = userDataRepository.booleanUserData(UserDataPath.Settings.App.Statistics.path)
+    val darkModeKeyUserData = userDataRepository.stringUserData(UserDataPath.Settings.Display.DarkMode.path)
+    val dynamicColorsKeyUserData = userDataRepository.booleanUserData(UserDataPath.Settings.Display.DynamicColors.path)
+    val updateChannelKeyUserData = userDataRepository.stringUserData(UserDataPath.Settings.App.UpdateChannel.path)
+
+    val checkUpdate by checkUpdateUserData.asState(true)
+    val appLocaleKey by appLocaleKeyUserData.asState("zh-CN")
+    val statistics by statisticsUserData.asState(true)
+    val darkModeKey by darkModeKeyUserData.asState("FollowSystem")
+    val dynamicColorsKey by dynamicColorsKeyUserData.asState(false)
+    val updateChannelKey by updateChannelKeyUserData.asState("Development")
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingsScreen.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingsScreen.kt
index 8373f04..3503191 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingsScreen.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingsScreen.kt
@@ -5,6 +5,7 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ColumnScope
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
@@ -34,8 +35,10 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.input.nestedscroll.nestedScroll
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.res.vectorResource
@@ -44,13 +47,12 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.hilt.navigation.compose.hiltViewModel
-import androidx.lifecycle.Lifecycle
-import androidx.lifecycle.compose.LifecycleEventEffect
 import indi.dmzz_yyhyy.lightnovelreader.R
 import indi.dmzz_yyhyy.lightnovelreader.ui.Screen
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.NavItem
 import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list.AboutSettingsList
 import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list.AppSettingsList
+import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list.DataSettingsList
 import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list.DisplaySettingsList
 
 val SettingsScreenInfo = NavItem (
@@ -63,53 +65,64 @@ val SettingsScreenInfo = NavItem (
 @Composable
 fun SettingsScreen(
     topBar: (@Composable () -> Unit) -> Unit,
+    dialog: (@Composable () -> Unit) -> Unit,
     checkUpdate: () -> Unit,
     viewModel: SettingsViewModel = hiltViewModel()
 ) {
-    val state = viewModel.settingsState
+    val context = LocalContext.current
     val pinnedScrollBehavior = TopAppBarDefaults.pinnedScrollBehavior()
-    LifecycleEventEffect(Lifecycle.Event.ON_CREATE) {
-        viewModel.loadSettings()
-    }
     topBar {
         TopBar(pinnedScrollBehavior,)
     }
-    Column(Modifier.verticalScroll(rememberScrollState()).nestedScroll(pinnedScrollBehavior.nestedScrollConnection)) {
-        SettingsCard(
-            title = stringResource(R.string.app_settings),
-            icon = ImageVector.vectorResource(R.drawable.outline_settings_24px),
-            content = { AppSettingsList(
-                state = state,
-                onUpdateChannelChanged = viewModel::onUpdateChannelChanged,
-                onAutoUpdateChanged = viewModel::onAutoUpdateChanged,
-                checkUpdate = checkUpdate
-            ) }
-        )
-        SettingsCard(
-            title = stringResource(R.string.display_settings),
-            icon = ImageVector.vectorResource(R.drawable.light_mode_24px),
-            content = { DisplaySettingsList(
-                state = state,
-                onLocaleChanged = viewModel::onAppLocaleChanged,
-                onDarkModeChanged = viewModel::onDarkModeChanged,
-                onDynamicColorChanged = viewModel::onDynamicColorChanged
-            ) }
-        )
-        /*SettingsCard(
-            title = "阅读",
-            icon = ImageVector.vectorResource(R.drawable.outline_bookmark_24px),
-            content = { ReaderSettingsList(
-                state = state,
-            ) }
-        )*/
-        SettingsCard(
-            title = stringResource(R.string.about_settings),
-            icon = ImageVector.vectorResource(R.drawable.info_24px),
-            content = { AboutSettingsList(
-                state = state,
-                onStatisticsChanged = viewModel::onStatisticsChanged
-            ) }
-        )
+    AnimatedVisibility(
+        viewModel.settingState != null
+    ) {
+        val settingState = viewModel.settingState!!
+        Column(
+            Modifier.verticalScroll(rememberScrollState())
+                .nestedScroll(pinnedScrollBehavior.nestedScrollConnection)
+        ) {
+            SettingsCard(
+                title = stringResource(R.string.app_settings),
+                icon = ImageVector.vectorResource(R.drawable.outline_settings_24px)
+            ) {
+                AppSettingsList(
+                    settingState = settingState,
+                    checkUpdate = checkUpdate
+                )
+            }
+            SettingsCard(
+                title = stringResource(R.string.display_settings),
+                icon = ImageVector.vectorResource(R.drawable.light_mode_24px)
+            ) {
+                DisplaySettingsList(settingState = settingState)
+            }
+            /*SettingsCard(
+                title = "阅读",
+                icon = ImageVector.vectorResource(R.drawable.outline_bookmark_24px),
+                content = { ReaderSettingsList(
+                    state = state,
+                ) }
+            )*/
+            SettingsCard(
+                title = "数据",
+                icon = ImageVector.vectorResource(R.drawable.hard_disk_24px)
+            ) {
+                DataSettingsList(
+                    settingState = settingState,
+                    dialog = dialog,
+                    exportDataToFile = viewModel::exportToFile,
+                    exportAndSendToFile = viewModel::exportAndSendToFile,
+                    importData = viewModel::importFromFile
+                )
+            }
+            SettingsCard(
+                title = stringResource(R.string.about_settings),
+                icon = ImageVector.vectorResource(R.drawable.info_24px)
+            ) {
+                AboutSettingsList(settingState = settingState)
+            }
+        }
     }
 }
 
@@ -148,7 +161,7 @@ private fun TopBar(
 fun SettingsCard(
     title: String,
     icon: ImageVector,
-    content: @Composable () -> Unit
+    content: @Composable ColumnScope.() -> Unit
 ) {
     var expanded by remember { mutableStateOf(true) }
 
@@ -210,8 +223,14 @@ fun SettingsCard(
                 }
             }
             AnimatedVisibility(visible = expanded) {
-                Column {
-                    content()
+                Box(
+                    modifier = Modifier.padding(top = 0.dp, end = 14.dp, start = 14.dp, bottom = 14.dp)
+                ) {
+                    Column(
+                        modifier = Modifier.clip(RoundedCornerShape(16.dp)),
+                        verticalArrangement = Arrangement.spacedBy(8.dp),
+                        content = content
+                    )
                 }
             }
         }
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingsViewModel.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingsViewModel.kt
index a7c6a15..85e6216 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingsViewModel.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/SettingsViewModel.kt
@@ -1,108 +1,109 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui.home.settings
 
-import androidx.compose.runtime.Stable
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.setValue
 import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
+import androidx.work.ExistingWorkPolicy
+import androidx.work.OneTimeWorkRequestBuilder
+import androidx.work.WorkInfo
+import androidx.work.WorkManager
+import androidx.work.workDataOf
 import dagger.hilt.android.lifecycle.HiltViewModel
 import indi.dmzz_yyhyy.lightnovelreader.data.UserDataRepository
-import indi.dmzz_yyhyy.lightnovelreader.data.userdata.UserDataPath
+import indi.dmzz_yyhyy.lightnovelreader.data.work.ExportDataWork
+import indi.dmzz_yyhyy.lightnovelreader.data.work.ImportDataWork
+import indi.dmzz_yyhyy.lightnovelreader.ui.components.ExportContext
+import javax.inject.Inject
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
-import javax.inject.Inject
-
-@Stable
-interface SettingsState {
-    val checkUpdateEnabled: Boolean
-    val statisticsEnabled: Boolean
-    val updateChannelKey: String
-    val darkModeKey: String
-    val dynamicColorsEnabled: Boolean
-    val appLocaleKey: String
-}
-
-class MutableSettingsState: SettingsState {
-    override var checkUpdateEnabled: Boolean by mutableStateOf(true)
-    override var statisticsEnabled: Boolean by mutableStateOf(true)
-    override var updateChannelKey: String by mutableStateOf("Development")
-    override var darkModeKey: String by mutableStateOf("FollowSystem")
-    override var dynamicColorsEnabled: Boolean by mutableStateOf(true)
-    override var appLocaleKey: String by mutableStateOf("zh-CN")
-}
 
 @HiltViewModel
 class SettingsViewModel @Inject constructor(
     private val userDataRepository: UserDataRepository,
+    private val workManager: WorkManager
 ) : ViewModel() {
+    var settingState: SettingState? by mutableStateOf(null)
 
-    private val _settingsState = MutableSettingsState()
-    private val checkUpdateUserData = userDataRepository.booleanUserData(UserDataPath.Settings.App.AutoCheckUpdate.path)
-    private val appLocaleKey = userDataRepository.stringUserData(UserDataPath.Settings.Display.AppLocale.path)
-    private val statisticsUserData = userDataRepository.booleanUserData(UserDataPath.Settings.App.Statistics.path)
-    private val darkModeKey = userDataRepository.stringUserData(UserDataPath.Settings.Display.DarkMode.path)
-    private val dynamicColorsKey = userDataRepository.booleanUserData(UserDataPath.Settings.Display.DynamicColors.path)
-    private val updateChannelKey = userDataRepository.stringUserData(UserDataPath.Settings.App.UpdateChannel.path)
-    val settingsState: SettingsState = _settingsState
-
-    fun loadSettings() {
-        viewModelScope.launch(Dispatchers.IO) {
-            val checkUpdate = checkUpdateUserData.getOrDefault(true)
-            val statistics = statisticsUserData.getOrDefault(true)
-            val darkModeKey = darkModeKey.getOrDefault("FollowSystem")
-            val appLocaleKey = appLocaleKey.getOrDefault("zh-CN")
-            val dynamicColors = dynamicColorsKey.getOrDefault(false)
-            val updateChannelKey = updateChannelKey.getOrDefault("Development")
-            _settingsState.checkUpdateEnabled = checkUpdate
-            _settingsState.statisticsEnabled = statistics
-            _settingsState.darkModeKey = darkModeKey
-            _settingsState.appLocaleKey = appLocaleKey
-            _settingsState.dynamicColorsEnabled = dynamicColors
-            _settingsState.updateChannelKey = updateChannelKey
-        }
-    }
-
-    fun onAutoUpdateChanged(value: Boolean) {
-        viewModelScope.launch(Dispatchers.IO) {
-            userDataRepository.booleanUserData(UserDataPath.Settings.App.AutoCheckUpdate.path).set(value)
-            _settingsState.checkUpdateEnabled = value
-        }
-    }
-
-    fun onUpdateChannelChanged(value: String) {
-        viewModelScope.launch(Dispatchers.IO) {
-            userDataRepository.stringUserData(UserDataPath.Settings.App.UpdateChannel.path).set(value)
-            _settingsState.updateChannelKey = value
-        }
-    }
-
-    fun onStatisticsChanged(value: Boolean) {
-        viewModelScope.launch(Dispatchers.IO) {
-            userDataRepository.booleanUserData(UserDataPath.Settings.App.Statistics.path).set(value)
-            _settingsState.statisticsEnabled = value
-        }
+    init {
+        if (settingState == null)
+            viewModelScope.launch(Dispatchers.IO) {
+                settingState = SettingState(userDataRepository, viewModelScope)
+            }
     }
 
-    fun onDarkModeChanged(value: String) {
+    @Suppress("DuplicatedCode")
+    fun exportAndSendToFile(uri: Uri, exportContext: ExportContext, context: Context) {
+        val workRequest = OneTimeWorkRequestBuilder<ExportDataWork>()
+            .setInputData(
+                workDataOf(
+                    "uri" to uri.toString(),
+                    "exportBookshelf" to exportContext.bookshelf,
+                    "exportReadingData" to exportContext.readingData,
+                    "exportSetting" to exportContext.settings,
+                    "exportBookmark" to exportContext.bookmark,
+                )
+            )
+            .build()
+        workManager.enqueueUniqueWork(
+            uri.toString(),
+            ExistingWorkPolicy.KEEP,
+            workRequest
+        )
         viewModelScope.launch(Dispatchers.IO) {
-            userDataRepository.stringUserData(UserDataPath.Settings.Display.DarkMode.path).set(value)
-            _settingsState.darkModeKey = value
+            workManager.getWorkInfoByIdFlow(workRequest.id).collect {
+                when (it.state) {
+                    WorkInfo.State.SUCCEEDED -> {
+                        with(context) {
+                            val shareIntent = Intent()
+                            shareIntent.setAction(Intent.ACTION_SEND)
+                            shareIntent.putExtra(Intent.EXTRA_STREAM, uri )
+                            shareIntent.setType("application/json")
+                            startActivity(Intent.createChooser(shareIntent, "分享"))
+                        }
+                    }
+                    else -> return@collect
+                }
+            }
         }
     }
 
-    fun onDynamicColorChanged(value: Boolean) {
-        viewModelScope.launch(Dispatchers.IO) {
-            userDataRepository.booleanUserData(UserDataPath.Settings.Display.DynamicColors.path).set(value)
-            _settingsState.dynamicColorsEnabled = value
-        }
+    @Suppress("DuplicatedCode")
+    fun exportToFile(uri: Uri, exportContext: ExportContext) {
+        val workRequest = OneTimeWorkRequestBuilder<ExportDataWork>()
+            .setInputData(
+                workDataOf(
+                    "uri" to uri.toString(),
+                    "exportBookshelf" to exportContext.bookshelf,
+                    "exportReadingData" to exportContext.readingData,
+                    "exportSetting" to exportContext.settings,
+                    "exportBookmark" to exportContext.bookmark,
+                )
+            )
+            .build()
+        workManager.enqueueUniqueWork(
+            uri.toString(),
+            ExistingWorkPolicy.KEEP,
+            workRequest
+        )
     }
 
-    fun onAppLocaleChanged(value: String) {
-        viewModelScope.launch(Dispatchers.IO) {
-            userDataRepository.stringUserData(UserDataPath.Settings.Display.AppLocale.path).set(value)
-            _settingsState.appLocaleKey = value
-        }
+    fun importFromFile(uri: Uri) {
+        val workRequest = OneTimeWorkRequestBuilder<ImportDataWork>()
+            .setInputData(
+                workDataOf(
+                    "uri" to uri.toString()
+                )
+            )
+            .build()
+        workManager.enqueueUniqueWork(
+            uri.toString(),
+            ExistingWorkPolicy.KEEP,
+            workRequest
+        )
     }
-
-}
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/AboutSettingsList.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/AboutSettingsList.kt
index d0865b1..038945e 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/AboutSettingsList.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/AboutSettingsList.kt
@@ -1,29 +1,16 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list
 
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.unit.dp
-import androidx.hilt.navigation.compose.hiltViewModel
 import indi.dmzz_yyhyy.lightnovelreader.BuildConfig
 import indi.dmzz_yyhyy.lightnovelreader.R
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsClickableEntry
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsSwitchEntry
-import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingsState
-import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingsViewModel
+import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingState
 
 @Composable
 fun AboutSettingsList(
-    state: SettingsState,
-    viewModel: SettingsViewModel = hiltViewModel(),
-    onStatisticsChanged: (Boolean) -> Unit,
-    ) {
+    settingState: SettingState) {
     val appInfo: String = buildString {
         appendLine(BuildConfig.APPLICATION_ID)
         append(BuildConfig.VERSION_NAME).append(" (").append(BuildConfig.VERSION_CODE).append(")")
@@ -34,44 +21,34 @@ fun AboutSettingsList(
         appendLine(stringResource(R.string.info_build_host))
         append(if (BuildConfig.DEBUG) "DEV (DEBUG)" else "RELEASE")
     }
-
-    Box(
-        modifier = Modifier.padding(top = 0.dp, end = 14.dp, start = 14.dp, bottom = 14.dp )
-    ) {
-        Column(
-            modifier = Modifier.clip(RoundedCornerShape(16.dp)),
-            verticalArrangement = Arrangement.spacedBy(8.dp)
-        ) {
-            SettingsClickableEntry(
-                title = stringResource(R.string.app_name),
-                description = appInfo,
-                openUrl = if (viewModel.settingsState.updateChannelKey == "Development") {
-                    "https://install.appcenter.ms/users/nightfish2009/apps/lightnovelreader/distribution_groups/development"
-                } else {
-                    "https://install.appcenter.ms/users/nightfish2009/apps/lightnovelreader/distribution_groups/release"
-                }
-            )
-            SettingsClickableEntry(
-                title = stringResource(R.string.settings_app_build),
-                description = buildInfo,
-            )
-            SettingsClickableEntry(
-                title = stringResource(R.string.settings_github_repo),
-                description = stringResource(R.string.settings_github_repo_desc),
-                openUrl = "https://github.com/dmzz-yyhyy/LightNovelReader"
-            )
-            SettingsClickableEntry(
-                title = stringResource(R.string.settings_communication),
-                description = stringResource(R.string.settings_communication_desc),
-                openUrl = "https://qm.qq.com/q/Tp80Hf9Oms"
-            )
-            SettingsSwitchEntry(
-                title = stringResource(R.string.settings_statistics),
-                description = stringResource(R.string.settings_statistics_desc),
-                checked = if (BuildConfig.DEBUG) false else state.statisticsEnabled,
-                onCheckedChange = onStatisticsChanged,
-                disabled = BuildConfig.DEBUG
-            )
+    SettingsClickableEntry(
+        title = stringResource(R.string.app_name),
+        description = appInfo,
+        openUrl = if (settingState.updateChannelKey == "Development") {
+            "https://install.appcenter.ms/users/nightfish2009/apps/lightnovelreader/distribution_groups/development"
+        } else {
+            "https://install.appcenter.ms/users/nightfish2009/apps/lightnovelreader/distribution_groups/release"
         }
-    }
+    )
+    SettingsClickableEntry(
+        title = stringResource(R.string.settings_app_build),
+        description = buildInfo,
+    )
+    SettingsClickableEntry(
+        title = stringResource(R.string.settings_github_repo),
+        description = stringResource(R.string.settings_github_repo_desc),
+        openUrl = "https://github.com/dmzz-yyhyy/LightNovelReader"
+    )
+    SettingsClickableEntry(
+        title = stringResource(R.string.settings_communication),
+        description = stringResource(R.string.settings_communication_desc),
+        openUrl = "https://qm.qq.com/q/Tp80Hf9Oms"
+    )
+    SettingsSwitchEntry(
+        title = stringResource(R.string.settings_statistics),
+        description = stringResource(R.string.settings_statistics_desc),
+        checked = if (BuildConfig.DEBUG) false else settingState.statistics,
+        booleanUserData = settingState.statisticsUserData,
+        disabled = BuildConfig.DEBUG
+    )
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/AppSettingsList.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/AppSettingsList.kt
index 189936e..c5f3307 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/AppSettingsList.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/AppSettingsList.kt
@@ -1,54 +1,35 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list
 
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.unit.dp
 import indi.dmzz_yyhyy.lightnovelreader.R
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsClickableEntry
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsMenuEntry
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsSwitchEntry
-import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingsState
+import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingState
 import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.data.MenuOptions
 
 @Composable
 fun AppSettingsList(
-    state: SettingsState,
-    onAutoUpdateChanged: (Boolean) -> Unit,
-    onUpdateChannelChanged: (String) -> Unit,
+    settingState: SettingState,
     checkUpdate: () -> Unit
 ) {
-    Box(
-        modifier = Modifier.padding(top = 0.dp, end = 14.dp, start = 14.dp, bottom = 14.dp )
-    ) {
-        Column(
-            modifier = Modifier.clip(RoundedCornerShape(16.dp)),
-            verticalArrangement = Arrangement.spacedBy(8.dp)
-        ) {
-            SettingsSwitchEntry(
-                title = stringResource(R.string.settings_auto_check_updates),
-                description = stringResource(R.string.settings_auto_check_updates_desc),
-                checked = state.checkUpdateEnabled,
-                onCheckedChange = onAutoUpdateChanged
-            )
-            SettingsMenuEntry(
-                title = stringResource(R.string.settings_update_channel),
-                description = stringResource(R.string.settings_update_channel_desc),
-                options = MenuOptions.UpdateChannelOptions,
-                selectedOptionKey = state.updateChannelKey,
-                onOptionChange = onUpdateChannelChanged
-            )
-            SettingsClickableEntry(
-                title = stringResource(R.string.settings_get_updates),
-                description = stringResource(R.string.settings_get_updates_desc),
-                onClick = { checkUpdate() }
-            )
-        }
-    }
+    SettingsSwitchEntry(
+        title = stringResource(R.string.settings_auto_check_updates),
+        description = stringResource(R.string.settings_auto_check_updates_desc),
+        checked = settingState.checkUpdate,
+        booleanUserData = settingState.checkUpdateUserData
+    )
+    SettingsMenuEntry(
+        title = stringResource(R.string.settings_update_channel),
+        description = stringResource(R.string.settings_update_channel_desc),
+        options = MenuOptions.UpdateChannelOptions,
+        selectedOptionKey = settingState.updateChannelKey,
+        onOptionChange = settingState.updateChannelKeyUserData::asynchronousSet
+    )
+    SettingsClickableEntry(
+        title = stringResource(R.string.settings_get_updates),
+        description = stringResource(R.string.settings_get_updates_desc),
+        onClick = { checkUpdate() }
+    )
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/DataSettingsList.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/DataSettingsList.kt
new file mode 100644
index 0000000..e232966
--- /dev/null
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/DataSettingsList.kt
@@ -0,0 +1,102 @@
+package indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list
+
+import android.app.Activity
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import android.provider.DocumentsContract
+import androidx.activity.compose.ManagedActivityResultLauncher
+import androidx.activity.compose.rememberLauncherForActivityResult
+import androidx.activity.result.ActivityResult
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.platform.LocalContext
+import indi.dmzz_yyhyy.lightnovelreader.ui.components.ExportContext
+import indi.dmzz_yyhyy.lightnovelreader.ui.components.ExportDialog
+import indi.dmzz_yyhyy.lightnovelreader.ui.components.MutableExportContext
+import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsClickableEntry
+import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingState
+
+@Composable
+fun DataSettingsList(
+    @Suppress("UNUSED_PARAMETER") settingState: SettingState,
+    exportDataToFile: (Uri, ExportContext) -> Unit,
+    exportAndSendToFile: (Uri, ExportContext, Context) -> Unit,
+    importData: (Uri) -> Unit,
+    dialog: (@Composable () -> Unit) -> Unit,
+) {
+    var exportContext: ExportContext by remember { mutableStateOf(MutableExportContext()) }
+    val context = LocalContext.current
+    val saveDataToFileLauncher = launcher {
+        exportDataToFile(it, exportContext)
+    }
+    val saveAndSendDataToFileLauncher = launcher {
+        exportAndSendToFile(it, exportContext, context)
+    }
+    val importDataLauncher = launcher(importData)
+    var displayExportDialog by remember { mutableStateOf(false) }
+    dialog {
+        if (displayExportDialog) {
+            ExportDialog(
+                onDismissRequest = { displayExportDialog = false },
+                onClickSaveAndSend = {
+                    displayExportDialog = false
+                    createDataFile("LightNovelReaderData", saveAndSendDataToFileLauncher)
+                },
+                onClickSaveToFile = {
+                    displayExportDialog = false
+                    exportContext = it
+                    createDataFile("LightNovelReaderData", saveDataToFileLauncher)
+                }
+            )
+        }
+    }
+    SettingsClickableEntry(
+        title = "导出数据",
+        description = "将当前应用内的用户数据导出为.lnr文件",
+        onClick = { displayExportDialog = true }
+    )
+    SettingsClickableEntry(
+        title = "导入数据",
+        description = "从外部.lnr文件内导入数据至软件",
+        onClick = { selectDataFile(importDataLauncher) }
+    )
+}
+
+@Suppress("DuplicatedCode")
+fun createDataFile(fileName: String, launcher: ManagedActivityResultLauncher<Intent, ActivityResult>) {
+    val initUri = DocumentsContract.buildDocumentUri("com.android.externalstorage.documents", "primary:Documents")
+    val intent = Intent(Intent.ACTION_CREATE_DOCUMENT).apply {
+        addCategory(Intent.CATEGORY_OPENABLE)
+        type = "*/*"
+        putExtra(DocumentsContract.EXTRA_INITIAL_URI, initUri)
+        putExtra(Intent.EXTRA_TITLE, "$fileName.lnr")
+    }
+    launcher.launch(Intent.createChooser(intent, "选择一位置"))
+}
+
+@Suppress("DuplicatedCode")
+fun selectDataFile(launcher: ManagedActivityResultLauncher<Intent, ActivityResult>) {
+    val initUri = DocumentsContract.buildDocumentUri("com.android.externalstorage.documents", "primary:Documents")
+    val intent = Intent(Intent.ACTION_OPEN_DOCUMENT).apply {
+        addCategory(Intent.CATEGORY_OPENABLE)
+        type = "*/*"
+        putExtra(DocumentsContract.EXTRA_INITIAL_URI, initUri)
+    }
+    launcher.launch(Intent.createChooser(intent, "选择数据文件"))
+}
+
+@Composable
+fun launcher(block: (Uri) -> Unit): ManagedActivityResultLauncher<Intent, ActivityResult> {
+    return rememberLauncherForActivityResult(ActivityResultContracts.StartActivityForResult()) { activityResult ->
+        if (activityResult.resultCode == Activity.RESULT_OK) {
+            activityResult.data?.data?.let { uri ->
+                block(uri)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/DisplaySettingsList.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/DisplaySettingsList.kt
index f2d9683..2f99e75 100644
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/DisplaySettingsList.kt
+++ b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/DisplaySettingsList.kt
@@ -1,59 +1,37 @@
 package indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list
 
 import android.os.Build
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.unit.dp
-import com.google.android.material.color.utilities.DynamicColor
-import indi.dmzz_yyhyy.lightnovelreader.BuildConfig
 import indi.dmzz_yyhyy.lightnovelreader.R
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsMenuEntry
 import indi.dmzz_yyhyy.lightnovelreader.ui.components.SettingsSwitchEntry
-import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingsState
+import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingState
 import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.data.MenuOptions
 
 @Composable
 fun DisplaySettingsList(
-    state: SettingsState,
-    onDarkModeChanged: (String) -> Unit,
-    onLocaleChanged: (String) -> Unit,
-    onDynamicColorChanged: (Boolean) -> Unit
+    settingState: SettingState
 ) {
-    Box(
-        modifier = Modifier.padding(top = 0.dp, end = 14.dp, start = 14.dp, bottom = 14.dp)
-    ) {
-        Column(
-            modifier = Modifier.clip(RoundedCornerShape(16.dp)),
-            verticalArrangement = Arrangement.spacedBy(8.dp)
-        ) {
-            SettingsMenuEntry(
-                title = stringResource(R.string.settings_dark_theme),
-                description = stringResource(R.string.settings_dark_theme_desc),
-                options = MenuOptions.DarkModeOptions,
-                selectedOptionKey = state.darkModeKey,
-                onOptionChange = onDarkModeChanged
-            )
-            SettingsSwitchEntry(
-                title = stringResource(R.string.settings_dynamic_colors),
-                description = stringResource(R.string.settings_dynamic_colors_desc),
-                checked = state.dynamicColorsEnabled,
-                onCheckedChange = onDynamicColorChanged,
-                disabled = Build.VERSION.SDK_INT < Build.VERSION_CODES.S
-            )
-            SettingsMenuEntry(
-                title = stringResource(R.string.settings_characters_variant),
-                description = stringResource(R.string.settings_characters_variant_desc),
-                options = MenuOptions.AppLocaleOptions,
-                selectedOptionKey = state.appLocaleKey,
-                onOptionChange = onLocaleChanged
-            )
-        }
-    }
+    SettingsMenuEntry(
+        title = stringResource(R.string.settings_dark_theme),
+        description = stringResource(R.string.settings_dark_theme_desc),
+        options = MenuOptions.DarkModeOptions,
+        selectedOptionKey = settingState.darkModeKey,
+        onOptionChange = settingState.darkModeKeyUserData::asynchronousSet
+    )
+    SettingsSwitchEntry(
+        title = stringResource(R.string.settings_dynamic_colors),
+        description = stringResource(R.string.settings_dynamic_colors_desc),
+        checked = settingState.dynamicColorsKey,
+        booleanUserData = settingState.dynamicColorsKeyUserData,
+        disabled = Build.VERSION.SDK_INT < Build.VERSION_CODES.S
+    )
+    SettingsMenuEntry(
+        title = stringResource(R.string.settings_characters_variant),
+        description = stringResource(R.string.settings_characters_variant_desc),
+        options = MenuOptions.AppLocaleOptions,
+        selectedOptionKey = settingState.appLocaleKey,
+        onOptionChange = settingState.appLocaleKeyUserData::asynchronousSet
+    )
 }
\ No newline at end of file
diff --git a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/ReaderSettingsList.kt b/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/ReaderSettingsList.kt
deleted file mode 100644
index 821b495..0000000
--- a/app/src/main/kotlin/indi/dmzz_yyhyy/lightnovelreader/ui/home/settings/list/ReaderSettingsList.kt
+++ /dev/null
@@ -1,29 +0,0 @@
-package indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.list
-
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.unit.dp
-import indi.dmzz_yyhyy.lightnovelreader.ui.home.settings.SettingsState
-
-@Composable
-fun ReaderSettingsList(
-    state: SettingsState,
-) {
-
-    Box(
-        modifier = Modifier.padding(top = 0.dp, end = 14.dp, start = 14.dp, bottom = 14.dp )
-    ) {
-        Column(
-            modifier = Modifier.clip(RoundedCornerShape(16.dp)),
-            verticalArrangement = Arrangement.spacedBy(8.dp)
-        ) {
-
-        }
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/hard_disk_24px.xml b/app/src/main/res/drawable/hard_disk_24px.xml
new file mode 100644
index 0000000..cd8537d
--- /dev/null
+++ b/app/src/main/res/drawable/hard_disk_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M240,880Q207,880 183.5,856.5Q160,833 160,800L160,160Q160,127 183.5,103.5Q207,80 240,80L720,80Q753,80 776.5,103.5Q800,127 800,160L800,800Q800,833 776.5,856.5Q753,880 720,880L240,880ZM240,800L720,800Q720,800 720,800Q720,800 720,800L720,160Q720,160 720,160Q720,160 720,160L240,160Q240,160 240,160Q240,160 240,160L240,800Q240,800 240,800Q240,800 240,800ZM320,720L640,720L640,640L320,640L320,720ZM480,560Q546,560 593,513Q640,466 640,400Q640,334 593,287Q546,240 480,240Q414,240 367,287Q320,334 320,400Q320,466 367,513Q414,560 480,560ZM480,440Q463,440 451.5,428.5Q440,417 440,400Q440,383 451.5,371.5Q463,360 480,360Q497,360 508.5,371.5Q520,383 520,400Q520,417 508.5,428.5Q497,440 480,440ZM480,400Q480,400 480,400Q480,400 480,400L480,400Q480,400 480,400Q480,400 480,400L480,400Q480,400 480,400Q480,400 480,400L480,400Q480,400 480,400Q480,400 480,400Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/output_24px.xml b/app/src/main/res/drawable/output_24px.xml
new file mode 100644
index 0000000..c64505f
--- /dev/null
+++ b/app/src/main/res/drawable/output_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M200,840Q167,840 143.5,816.5Q120,793 120,760L120,200Q120,167 143.5,143.5Q167,120 200,120L760,120Q793,120 816.5,143.5Q840,167 840,200L840,280L760,280L760,200Q760,200 760,200Q760,200 760,200L200,200Q200,200 200,200Q200,200 200,200L200,760Q200,760 200,760Q200,760 200,760L760,760Q760,760 760,760Q760,760 760,760L760,680L840,680L840,760Q840,793 816.5,816.5Q793,840 760,840L200,840ZM680,680L624,624L727,520L360,520L360,440L727,440L624,336L680,280L880,480L680,680Z"/>
+</vector>
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ChapterContent.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ChapterContent.kt
deleted file mode 100644
index ba4d6bd..0000000
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ChapterContent.kt
+++ /dev/null
@@ -1,7 +0,0 @@
-package indi.dmzz_yyhyy.lightnovelreader
-
-data class ChapterContent(
-    val id: Int,
-    val title: String,
-    val content: String,
-)
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ExplorationBooksRow.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ExplorationBooksRow.kt
deleted file mode 100644
index 1acb648..0000000
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ExplorationBooksRow.kt
+++ /dev/null
@@ -1,10 +0,0 @@
-package indi.dmzz_yyhyy.lightnovelreader
-
-import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationExpandedPageDataSource
-
-data class ExplorationBooksRow(
-    val title: String,
-    val bookList: List<ExplorationDisplayBook>,
-    val expandable: Boolean,
-    val expandedPageDataSource: ExplorationExpandedPageDataSource? = null
-)
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ExplorationDisplayBook.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ExplorationDisplayBook.kt
deleted file mode 100644
index f5a8e73..0000000
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ExplorationDisplayBook.kt
+++ /dev/null
@@ -1,7 +0,0 @@
-package indi.dmzz_yyhyy.lightnovelreader
-
-data class ExplorationDisplayBook(
-    val id: Int,
-    val title: String,
-    val coverUrl: String,
-)
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/Test.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/Test.kt
deleted file mode 100644
index 0a8efda..0000000
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/Test.kt
+++ /dev/null
@@ -1,128 +0,0 @@
-package indi.dmzz_yyhyy.lightnovelreader
-
-import java.time.format.DateTimeFormatter
-import org.jsoup.Connection
-import org.jsoup.Jsoup
-
-fun Connection.wenku8Cookie(): Connection =
-    this.cookie("__51uvsct__1xtyjOqSZ75DRXC0", "1")
-        .cookie(" __51vcke__1xtyjOqSZ75DRXC0", "5fd1e310-a176-5ee6-9144-ed977bccf14e")
-        .cookie(" __51vuft__1xtyjOqSZ75DRXC0", "1691164424380")
-        .cookie(
-            " Hm_lvt_d72896ddbf8d27c750e3b365ea2fc902",
-            "1695572903,1695666346,1696009387,1696966471"
-        )
-        .cookie(" Hm_lvt_acfbfe93830e0272a88e1cc73d4d6d0f", "1721130033,1721491724,1721570341")
-        .cookie(" PHPSESSID", "4d1c461c284bfa784985dc462d92188a")
-        .cookie(
-            " jieqiUserInfo",
-            "jieqiUserId%3D1125456%2CjieqiUserName%3Dyyhyy%2CjieqiUserGroup%3D3%2CjieqiUserVip%3D0%2CjieqiUserPassword%3Deb62861281462fd923fb99218735fef0%2CjieqiUserName_un%3Dyyhyy%2CjieqiUserHonor_un%3D%26%23x666E%3B%26%23x901A%3B%26%23x4F1A%3B%26%23x5458%3B%2CjieqiUserGroupName_un%3D%26%23x666E%3B%26%23x901A%3B%26%23x4F1A%3B%26%23x5458%3B%2CjieqiUserLogin%3D1721745838"
-        )
-        .cookie(" jieqiVisitInfo", "jieqiUserLogin%3D1721745838%2CjieqiUserId%3D1125456")
-        .cookie(
-            " cf_clearance",
-            "rAZBJvDmKV_DyAMY3k8n0_tMWW_lEz3ycWfYtjfTPcg-1721745844-1.0.1.1-mqt8uqswt6KtEdjtDq5m_yrRpR0x6QUhux3.J5B_OQMCso87cCu2psOEn0KVC1xOzmJinWcs7eeZTAi1ruNA_w"
-        )
-        .cookie(" HMACCOUNT", "10DAC0CE2BEFA41A")
-        .cookie(" _clck", "jvuxvk%7C2%7Cfnp%7C0%7C1658")
-        .cookie(" Hm_lvt_d72896ddbf8d27c750e3b365ea2fc902", "")
-        .cookie(" Hm_lpvt_d72896ddbf8d27c750e3b365ea2fc902", "1721745932")
-        .cookie(" _clsk", "1xyg0vc%7C1721745933282%7C2%7C1%7Co.clarity.ms%2Fcollect")
-
-private val DATA_TIME_FORMATTER = DateTimeFormatter.ofPattern("yyyy-MM-dd")
-
-fun main() {
-    println(Jsoup.parse("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n" +
-            "<package>\n" +
-            "<volume vid=\"139289\"><![CDATA[第一卷]]>\n" +
-            "<chapter cid=\"139290\"><![CDATA[序幕 相当微小的，宛如梦境的美丽记忆]]></chapter>\n" +
-            "<chapter cid=\"139291\"><![CDATA[第一章 从社畜超越时空回到那个时候]]></chapter>\n" +
-            "<chapter cid=\"139292\"><![CDATA[第二章 重新开始第二次的青春]]></chapter>\n" +
-            "<chapter cid=\"139293\"><![CDATA[第三章 放学后与憧憬的少女一起]]></chapter>\n" +
-            "<chapter cid=\"139294\"><![CDATA[幕间休息 紫条院春华的呢喃]]></chapter>\n" +
-            "<chapter cid=\"139295\"><![CDATA[第四章 校园阶层等级上升中]]></chapter>\n" +
-            "<chapter cid=\"139296\"><![CDATA[第五章 社畜的简报]]></chapter>\n" +
-            "<chapter cid=\"139297\"><![CDATA[第六章 能者多劳]]></chapter>\n" +
-            "<chapter cid=\"139298\"><![CDATA[第七章 春华的挑战与情书]]></chapter>\n" +
-            "<chapter cid=\"139299\"><![CDATA[第八章 与你共度校庆]]></chapter>\n" +
-            "<chapter cid=\"139300\"><![CDATA[第九章 修罗般的现场才是社畜的勋章]]></chapter>\n" +
-            "<chapter cid=\"139301\"><![CDATA[第十章 对功劳者说声「谢谢」]]></chapter>\n" +
-            "<chapter cid=\"139302\"><![CDATA[第十一章 恶梦与腿枕]]></chapter>\n" +
-            "<chapter cid=\"139303\"><![CDATA[终幕 走过这奇迹般的日子]]></chapter>\n" +
-            "<chapter cid=\"139304\"><![CDATA[后记]]></chapter>\n" +
-            "<chapter cid=\"140986\"><![CDATA[电子书特典〈毫无防备的紫条院同学〉]]></chapter>\n" +
-            "<chapter cid=\"140987\"><![CDATA[插图]]></chapter>\n" +
-            "</volume>\n" +
-            "<volume vid=\"139559\"><![CDATA[第二卷]]>\n" +
-            "<chapter cid=\"139560\"><![CDATA[序幕 校庆当晚的紫条院家]]></chapter>\n" +
-            "<chapter cid=\"139561\"><![CDATA[第一章 校园阶层顶端的自大型帅哥来找碴]]></chapter>\n" +
-            "<chapter cid=\"139924\"><![CDATA[第二章 现正用功中！]]></chapter>\n" +
-            "<chapter cid=\"140202\"><![CDATA[第三章 考试比赛的结局]]></chapter>\n" +
-            "<chapter cid=\"140237\"><![CDATA[第四章 无关胜负的必然结果]]></chapter>\n" +
-            "<chapter cid=\"140344\"><![CDATA[第五章 前往紫条院家的招待]]></chapter>\n" +
-            "<chapter cid=\"141121\"><![CDATA[第六章 落得必须向心仪女孩的妈妈告白心意的下场]]></chapter>\n" +
-            "<chapter cid=\"141658\"><![CDATA[第七章 社长VS社畜]]></chapter>\n" +
-            "<chapter cid=\"141975\"><![CDATA[第八章 在那个女孩的房里举行茶会]]></chapter>\n" +
-            "<chapter cid=\"142024\"><![CDATA[终幕1 战果报告后妹妹的腹肌坏死]]></chapter>\n" +
-            "<chapter cid=\"142030\"><![CDATA[终幕2 脚步稍微前进，夏天即将到来]]></chapter>\n" +
-            "<chapter cid=\"142031\"><![CDATA[后记]]></chapter>\n" +
-            "<chapter cid=\"145515\"><![CDATA[电子书特典〈明明只是问个信箱而已〉]]></chapter>\n" +
-            "<chapter cid=\"145516\"><![CDATA[插图]]></chapter>\n" +
-            "</volume>\n" +
-            "<volume vid=\"143962\"><![CDATA[第三卷]]>\n" +
-            "<chapter cid=\"143963\"><![CDATA[序幕 传简讯给那个女孩]]></chapter>\n" +
-            "<chapter cid=\"145305\"><![CDATA[第一章 球技大会的记忆与运动白痴的奋斗]]></chapter>\n" +
-            "<chapter cid=\"145444\"><![CDATA[第二章 拼尽全力而香汗淋漓的天使]]></chapter>\n" +
-            "<chapter cid=\"145532\"><![CDATA[第三章 现在这个时候只需要热血]]></chapter>\n" +
-            "<chapter cid=\"145603\"><![CDATA[幕间 暑假开始]]></chapter>\n" +
-            "<chapter cid=\"145694\"><![CDATA[第四章 这次绝对不背叛妹妹的笑容]]></chapter>\n" +
-            "<chapter cid=\"146252\"><![CDATA[第五章 紫条院春华的嫉妒]]></chapter>\n" +
-            "<chapter cid=\"146328\"><![CDATA[第六章 春华与香奈子]]></chapter>\n" +
-            "<chapter cid=\"146487\"><![CDATA[第七章 春华受到新滨家的欢迎]]></chapter>\n" +
-            "<chapter cid=\"147858\"><![CDATA[第八章 可以住下来吗？]]></chapter>\n" +
-            "<chapter cid=\"148203\"><![CDATA[第九章 深夜的茶会与完事后的早晨]]></chapter>\n" +
-            "<chapter cid=\"148864\"><![CDATA[终幕1 在夏日的早晨面临暂时的离别]]></chapter>\n" +
-            "<chapter cid=\"148981\"><![CDATA[终幕2 同一时刻，回想过去的那一夜]]></chapter>\n" +
-            "<chapter cid=\"148982\"><![CDATA[后记]]></chapter>\n" +
-            "<chapter cid=\"149010\"><![CDATA[电子书特典〈春华与香奈子的睡衣派对〉]]></chapter>\n" +
-            "<chapter cid=\"149011\"><![CDATA[插图]]></chapter>\n" +
-            "<chapter cid=\"148994\"><![CDATA[电子书特典《早晨回家的大小姐的留宿报告》]]></chapter>\n" +
-            "</volume>\n" +
-            "<volume vid=\"149012\"><![CDATA[第四卷]]>\n" +
-            "<chapter cid=\"149013\"><![CDATA[序幕 在这个灼热的夏天创造最后的回忆]]></chapter>\n" +
-            "<chapter cid=\"149488\"><![CDATA[第一章 克服前往海边之前的难关]]></chapter>\n" +
-            "<chapter cid=\"150172\"><![CDATA[第二章 海边的天使]]></chapter>\n" +
-            "<chapter cid=\"151437\"><![CDATA[第三章 在摇摇晃晃的海洋上]]></chapter>\n" +
-            "<chapter cid=\"152106\"><![CDATA[第四章 宴会也将近尾声但情况一片混乱]]></chapter>\n" +
-            "<chapter cid=\"152161\"><![CDATA[终幕1 闪亮炫目的海边回忆]]></chapter>\n" +
-            "<chapter cid=\"152489\"><![CDATA[终幕2 夏天结束，新的季节与阶段的开始]]></chapter>\n" +
-            "<chapter cid=\"152490\"><![CDATA[后记]]></chapter>\n" +
-            "<chapter cid=\"153764\"><![CDATA[插图]]></chapter>\n" +
-            "<chapter cid=\"152591\"><![CDATA[电子书特典《背着醉倒的天使》]]></chapter>\n" +
-            "<chapter cid=\"152592\"><![CDATA[BOOK☆WALKER特典《守护海边天使的方法》]]></chapter>\n" +
-            "</volume>\n" +
-            "<volume vid=\"152720\"><![CDATA[第五卷]]>\n" +
-            "<chapter cid=\"152721\"><![CDATA[序章 直呼名字的新手们]]></chapter>\n" +
-            "<chapter cid=\"152722\"><![CDATA[第一章 来面试打工的男高中生有点奇怪]]></chapter>\n" +
-            "<chapter cid=\"152789\"><![CDATA[第二章 重回职场的社畜与光明的白色企业]]></chapter>\n" +
-            "<chapter cid=\"152945\"><![CDATA[第三章 社长千金的决心]]></chapter>\n" +
-            "<chapter cid=\"153041\"><![CDATA[第四章 请多指教，新滨前辈！]]></chapter>\n" +
-            "<chapter cid=\"153162\"><![CDATA[第五章 过度保护的社长的秘密视察]]></chapter>\n" +
-            "<chapter cid=\"153616\"><![CDATA[第六章 打工人与社长的经营战略会议]]></chapter>\n" +
-            "<chapter cid=\"153819\"><![CDATA[第七章 噩梦与咖啡馆约会]]></chapter>\n" +
-            "<chapter cid=\"154187\"><![CDATA[第八章 春华的成长]]></chapter>\n" +
-            "<chapter cid=\"154369\"><![CDATA[第九章 在橘色浸染的世界里携手]]></chapter>\n" +
-            "<chapter cid=\"154370\"><![CDATA[插图]]></chapter>\n" +
-            "<chapter cid=\"154392\"><![CDATA[BOOK☆WALKER特典《夏末的线香烟花》]]></chapter>\n" +
-            "</volume>\n" +
-            "<volume vid=\"154616\"><![CDATA[第六卷]]>\n" +
-            "<chapter cid=\"154617\"><![CDATA[第一章 幸福的庆生宴]]></chapter>\n" +
-            "<chapter cid=\"154885\"><![CDATA[第二章 我从一开始就知道这种现象的名字]]></chapter>\n" +
-            "</volume>\n" +
-            "</package>")
-        .select("volume")
-        .map {
-            println(it.ownText())
-        }
-    )
-}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/BookInformation.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/BookInformation.kt
similarity index 75%
rename from app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/BookInformation.kt
rename to app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/BookInformation.kt
index e07926f..b9eb958 100644
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/BookInformation.kt
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/BookInformation.kt
@@ -1,4 +1,4 @@
-package indi.dmzz_yyhyy.lightnovelreader
+package indi.dmzz_yyhyy.lightnovelreader.data.book
 
 import androidx.compose.runtime.Stable
 import java.time.LocalDateTime
@@ -10,24 +10,25 @@ data class BookInformation(
     val coverUrl: String,
     val author: String,
     val description: String,
+    val tags: List<String>,
     val publishingHouse: String,
     val wordCount: Int,
     val lastUpdated: LocalDateTime,
     val isComplete: Boolean
 ) {
     companion object {
-        fun empty(): BookInformation {
-            return BookInformation(
+        fun empty(): BookInformation = BookInformation(
                 -1,
                 "",
                 "",
                 "",
                 "",
+                emptyList(),
                 "",
                 0,
                 LocalDateTime.MIN,
                 false
             )
-        }
     }
+    fun isEmpty() = id == -1
 }
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/BookVolumes.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/BookVolumes.kt
similarity index 72%
rename from app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/BookVolumes.kt
rename to app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/BookVolumes.kt
index 0262d5b..45aa3bc 100644
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/BookVolumes.kt
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/BookVolumes.kt
@@ -1,4 +1,4 @@
-package indi.dmzz_yyhyy.lightnovelreader
+package indi.dmzz_yyhyy.lightnovelreader.data.book
 
 data class BookVolumes(
     val volumes: List<Volume>
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/ChapterContent.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/ChapterContent.kt
new file mode 100644
index 0000000..a4c504d
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/ChapterContent.kt
@@ -0,0 +1,15 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.book
+
+data class ChapterContent(
+    val id: Int,
+    val title: String,
+    val content: String,
+    val lastChapter: Int = -1,
+    val nextChapter: Int = -1
+) {
+    fun hasLastChapter(): Boolean = lastChapter > -1
+    fun hasNextChapter(): Boolean = nextChapter > -1
+    companion object {
+        fun empty(): ChapterContent = ChapterContent(-1, "", "")
+    }
+}
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ChapterInformation.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/ChapterInformation.kt
similarity index 58%
rename from app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ChapterInformation.kt
rename to app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/ChapterInformation.kt
index 271f18e..674b1ec 100644
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/ChapterInformation.kt
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/ChapterInformation.kt
@@ -1,4 +1,4 @@
-package indi.dmzz_yyhyy.lightnovelreader
+package indi.dmzz_yyhyy.lightnovelreader.data.book
 
 data class ChapterInformation(
     val id: Int,
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/UserReadingData.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/UserReadingData.kt
similarity index 54%
rename from app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/UserReadingData.kt
rename to app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/UserReadingData.kt
index 7f44bc2..0b302db 100644
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/UserReadingData.kt
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/UserReadingData.kt
@@ -1,4 +1,4 @@
-package indi.dmzz_yyhyy.lightnovelreader
+package indi.dmzz_yyhyy.lightnovelreader.data.book
 
 import java.time.LocalDateTime
 
@@ -6,22 +6,22 @@ data class UserReadingData(
     val id: Int,
     val lastReadTime: LocalDateTime,
     val totalReadTime: Int,
-    val readingProgress: Double,
+    val readingProgress: Float,
     val lastReadChapterId: Int,
     val lastReadChapterTitle: String,
-    val lastReadChapterProgress: Double
+    val lastReadChapterProgress: Float,
+    val readCompletedChapterIds: List<Int>
 ) {
     companion object {
-        fun empty(): UserReadingData {
-            return UserReadingData(
+        fun empty(): UserReadingData = UserReadingData(
                 -1,
                 LocalDateTime.MIN,
                 -1,
-                0.0,
+                0.0f,
                 -1,
                 "",
-                0.0
+                0.0f,
+                readCompletedChapterIds = emptyList()
             )
-        }
     }
 }
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/Volume.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/Volume.kt
similarity index 69%
rename from app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/Volume.kt
rename to app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/Volume.kt
index 9e91424..212493a 100644
--- a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/Volume.kt
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/book/Volume.kt
@@ -1,4 +1,4 @@
-package indi.dmzz_yyhyy.lightnovelreader
+package indi.dmzz_yyhyy.lightnovelreader.data.book
 
 data class Volume(
     val volumeId: Int,
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/WebBookDataSource.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/WebBookDataSource.kt
new file mode 100644
index 0000000..ecbd4aa
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/WebBookDataSource.kt
@@ -0,0 +1,116 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web
+
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookVolumes
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterContent
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationExpandedPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationPageDataSource
+import kotlinx.coroutines.flow.Flow
+
+interface WebBookDataSource {
+    val id: Int
+    /**
+     * 获取当前软件整体是否处于离线状态的数据流
+     * 此数据流应当为热数据流, 并且不断对状态进行更新
+     * 该函数应当保证主线程安全
+     *
+     *@return 是否处于离线状态的数据流
+     */
+    suspend fun getIsOffLineFlow(): Flow<Boolean>
+
+    /**
+     * 此函数无需保证主线程安全性, 为阻塞函数, 获取到数据前应当保持阻塞
+     * 此函数应当自行实现断线重连等逻辑
+     *
+     * @param id 书本id
+     * @return 经过格式化后的书本元数据, 如未找到改书则返回null
+     */
+    fun getBookInformation(id: Int): BookInformation?
+
+    /**
+     * 此函数无需保证主线程安全性, 为阻塞函数, 获取到数据前应当保持阻塞
+     * 此函数应当自行实现断线重连等逻辑
+     *
+     * @param id 书本id
+     * @return 经过格式化后的书本章节目录数据, 如未找到改书则返回null
+     */
+    fun getBookVolumes(id: Int): BookVolumes?
+
+    /**
+     * 此函数无需保证主线程安全性, 为阻塞函数, 获取到数据前应当保持阻塞
+     * 此函数应当自行实现断线重连等逻辑
+     *
+     * @param chapterId 章节id
+     * @param bookId 章节所属书本id
+     * @return 经过格式化后的书本章节类容录数据, 如未找到改书则返回null
+     */
+    fun getChapterContent(chapterId: Int, bookId: Int): ChapterContent?
+
+    /**
+     * 获取探索页面的标题和页面数据源的对应表
+     * 此函数应当保证主线程安全
+     *
+     * @return 探索页面的标题和页面数据源的对应表
+     */
+    suspend fun getExplorationPageMap(): Map<String, ExplorationPageDataSource>
+
+    /**
+     * 获取所有探索页页面的标题
+     * 此函数应当保证主线程安全
+     *
+     * @return 有序的所有探索页页面的标题列表
+     */
+    suspend fun getExplorationPageTitleList(): List<String>
+
+    /**
+     * 获取各个探索页横栏的展开页的id与展开页数据源的对应表
+     * 此函数应当保证主线程安全
+     *
+     * @return 各个探索页横栏的展开页的id与展开页数据源的对应表
+     */
+    fun getExplorationExpandedPageDataSourceMap(): Map<String, ExplorationExpandedPageDataSource>
+
+    /**
+     * 执行搜索任务
+     *
+     * 应当返回搜索结果的热数据流
+     * 并且以空书本元数据[BookInformation.empty]作为列表结尾时表示搜索结束
+     * 此函数本身应当保证主线程安全
+     *
+     * @param searchType 搜索类别
+     * @param keyword 搜索关键词
+     * @return 搜索结果的数据流
+     */
+    fun search(searchType: String, keyword: String): Flow<List<BookInformation>>
+
+    /**
+     * 获取搜索类型名称和id的对应表
+     * 此函数应当保证主线程安全
+     *
+     * @return 以搜索类型名称为键, 以id为值的Map
+     */
+    fun getSearchTypeMap(): Map<String, String>
+
+    /**
+     * 获取搜索类型id和搜索栏提示的对应表
+     * 此函数应当保证主线程安全
+     *
+     * @return 以搜索类型id为键, 以搜索栏提示为值的Map
+     */
+    fun getSearchTipMap(): Map<String, String>
+
+    /**
+     * 获取搜索类型名称的有序列表
+     * 此函数应当保证主线程安全
+     *
+     * @return 搜索类型名称的有序列表
+     */
+    fun getSearchTypeNameList(): List<String>
+
+    /**
+     * 停止当前所执行的所有搜索任务
+     * 此函数应当保证主线程安全
+     *
+     */
+    fun stopAllSearch()
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/ExplorationExpandedPageDataSource.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/ExplorationExpandedPageDataSource.kt
new file mode 100644
index 0000000..28f5650
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/ExplorationExpandedPageDataSource.kt
@@ -0,0 +1,14 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration
+
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.Filter
+import kotlinx.coroutines.flow.Flow
+
+interface ExplorationExpandedPageDataSource {
+    fun getTitle(): String
+    fun getFilters(): List<Filter>
+    fun getResultFlow(): Flow<List<BookInformation>>
+    fun refresh()
+    suspend fun loadMore()
+    fun hasMore(): Boolean
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/ExplorationPageDataSource.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/ExplorationPageDataSource.kt
new file mode 100644
index 0000000..09e57d2
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/ExplorationPageDataSource.kt
@@ -0,0 +1,7 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration
+
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationPage
+
+interface ExplorationPageDataSource {
+    fun getExplorationPage(): ExplorationPage
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/Filter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/Filter.kt
new file mode 100644
index 0000000..4673c33
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/Filter.kt
@@ -0,0 +1,6 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter
+
+abstract class Filter {
+    abstract fun getType(): FilterTypes
+    abstract fun getTitle(): String
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/FilterTypes.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/FilterTypes.kt
new file mode 100644
index 0000000..8e05471
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/FilterTypes.kt
@@ -0,0 +1,7 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter
+
+enum class FilterTypes {
+    SWITCH,
+    SINGLE_CHOICE,
+    SLIDER
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/IsCompletedSwitchFilter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/IsCompletedSwitchFilter.kt
new file mode 100644
index 0000000..f522037
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/IsCompletedSwitchFilter.kt
@@ -0,0 +1,10 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter
+
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+
+class IsCompletedSwitchFilter(
+    onChange: () -> Unit
+): SwitchFilter("已完结", onChange), LocalFilter{
+    override fun filter(bookInformation: BookInformation): Boolean =
+        !this.enabled || bookInformation.isComplete
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/LocalFilter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/LocalFilter.kt
new file mode 100644
index 0000000..b9b1111
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/LocalFilter.kt
@@ -0,0 +1,7 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter
+
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+
+interface LocalFilter {
+    fun filter(bookInformation: BookInformation): Boolean
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SingleChoiceFilter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SingleChoiceFilter.kt
new file mode 100644
index 0000000..81c43ea
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SingleChoiceFilter.kt
@@ -0,0 +1,21 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter
+
+open class SingleChoiceFilter(
+    private val title: String,
+    val dialogTitle: String,
+    val description: String,
+    private val choices: List<String>,
+    private val defaultChoice: String,
+    private var onChange: (String) -> Unit
+): Filter() {
+    var choice: String = defaultChoice
+        set(choice) {
+            field = choice
+            onChange.invoke(choice)
+        }
+
+    override fun getType(): FilterTypes = FilterTypes.SINGLE_CHOICE
+    override fun getTitle(): String = title
+    fun getAllChoices(): List<String> = choices
+    fun getDefaultChoice(): String = defaultChoice
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SliderFilter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SliderFilter.kt
new file mode 100644
index 0000000..b47d65c
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SliderFilter.kt
@@ -0,0 +1,24 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter
+
+import androidx.annotation.IntRange
+
+abstract class SliderFilter(
+    private val title: String,
+    val description: String,
+    defaultValue: Float,
+    val valueRange: ClosedFloatingPointRange<Float>,
+    @IntRange(from = 0) val steps: Int = 0,
+    private val onChange: () -> Unit
+) : Filter() {
+    abstract var enabled: Boolean
+    abstract val displayValue: String
+    open val displayTitle = title
+
+    var value: Float = defaultValue
+        set(value) {
+            onChange()
+            field = value
+        }
+    override fun getType(): FilterTypes = FilterTypes.SLIDER
+    override fun getTitle(): String = title
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SwitchFilter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SwitchFilter.kt
new file mode 100644
index 0000000..9bd51eb
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/SwitchFilter.kt
@@ -0,0 +1,15 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter
+
+abstract class SwitchFilter(
+    private var title: String,
+    private var onChange: () -> Unit
+): Filter() {
+    var enabled = false
+        set(value) {
+            field = value
+            onChange.invoke()
+        }
+
+    override fun getType(): FilterTypes = FilterTypes.SWITCH
+    override fun getTitle(): String = title
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/WordCountFilter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/WordCountFilter.kt
new file mode 100644
index 0000000..af01a55
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/exploration/filter/WordCountFilter.kt
@@ -0,0 +1,23 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter
+
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+
+class WordCountFilter(onChange: () -> Unit) : SliderFilter(
+    title = "字数限制",
+    description = "仅显示字数大于该值的书本，若为0则显示全部书本。",
+    defaultValue = 0f,
+    valueRange = 0f..200_0000f,
+    steps = 9,
+    onChange = onChange
+), LocalFilter {
+    override var enabled: Boolean
+        get() = value != 0f
+        set(value) { if (!value) this.value = 0f }
+    override val displayValue: String
+        get() = if (value == 0f) "无限制" else "${(value / 1000).toInt()}K"
+
+    override val displayTitle: String
+        get() = "字数"
+    override fun filter(bookInformation: BookInformation): Boolean =
+        !enabled || bookInformation.wordCount >= value
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/Wenku8Api.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/Wenku8Api.kt
new file mode 100644
index 0000000..65d3f05
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/Wenku8Api.kt
@@ -0,0 +1,395 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8
+
+
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookVolumes
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterContent
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.Volume
+import indi.dmzz_yyhyy.lightnovelreader.data.web.WebBookDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationExpandedPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.IsCompletedSwitchFilter
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.SingleChoiceFilter
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.WordCountFilter
+import indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.Wenku8AllExplorationPage
+import indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.Wenku8HomeExplorationPage
+import indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.Wenku8TagsExplorationPage
+import indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.expanedpage.HomeBookExpandPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.expanedpage.filter.FirstLetterSingleChoiceFilter
+import indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.expanedpage.filter.PublishingHouseSingleChoiceFilter
+import indi.dmzz_yyhyy.lightnovelreader.utils.update
+import indi.dmzz_yyhyy.lightnovelreader.utils.wenku8.wenku8Api
+import java.net.URLEncoder
+import java.time.LocalDate
+import java.time.LocalDateTime
+import java.time.format.DateTimeFormatter
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.cancel
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.flow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import org.jsoup.Jsoup
+import org.jsoup.select.Elements
+
+object Wenku8Api: WebBookDataSource {
+    private var allBookChapterListCacheId: Int = -1
+    private var allBookChapterListCache: List<ChapterInformation> = emptyList()
+    private val DATA_TIME_FORMATTER = DateTimeFormatter.ofPattern("yyyy-MM-dd")
+    private val isOffLineFlow = flow {
+        while(true) {
+            emit(isOffLine())
+            delay(2500)
+        }
+    }
+    private val explorationExpandedPageDataSourceMap = mutableMapOf<String, ExplorationExpandedPageDataSource>()
+    private var coroutineScope: CoroutineScope = CoroutineScope(Dispatchers.IO)
+
+    private fun isOffLine(): Boolean {
+        try {
+            Jsoup.connect(update("eNpb85aBtYRBMaOkpMBKXz-xoECvPDUvu9RCLzk_Vz8xL6UoPzNFryCjAAAfiA5Q").toString()).get()
+            Jsoup.connect("https://www.wenku8.cc/").get()
+            return false
+        } catch (_: Exception) {
+            return true
+        }
+    }
+
+    private fun isAppDataSourceOffLine(): Boolean {
+        try {
+            Jsoup.connect(update("eNpb85aBtYRBMaOkpMBKXz-xoECvPDUvu9RCLzk_Vz8xL6UoPzNFryCjAAAfiA5Q").toString()).get()
+            return false
+        } catch (_: Exception) {
+            return true
+        }
+    }
+
+    override val id: Int = "wenku8".hashCode()
+
+    override suspend fun getIsOffLineFlow(): Flow<Boolean> = isOffLineFlow
+
+    override fun getBookInformation(id: Int): BookInformation {
+        if (isAppDataSourceOffLine()) return BookInformation.empty()
+        return wenku8Api("action=book&do=meta&aid=$id&t=0")?.let {
+            BookInformation(
+                id = id,
+                title = it.selectFirst("[name=Title]")?.text() ?: "",
+                coverUrl = "https://img.wenku8.com/image/${id/1000}/$id/${id}s.jpg",
+                author = it.selectFirst("[name=Author]")?.attr("value") ?: "",
+                description = wenku8Api("action=book&do=intro&aid=$id&t=0")?.text() ?: "",
+                tags = it.selectFirst("[name=Tags]")?.attr("value")?.split(" ") ?: emptyList(),
+                publishingHouse = it.selectFirst("[name=PressId]")?.attr("value") ?: "",
+                wordCount = it.selectFirst("[name=BookLength]")?.attr("value")?.toInt() ?: -1,
+                lastUpdated = LocalDate.parse(it.selectFirst("[name=LastUpdate]")?.attr("value"), DATA_TIME_FORMATTER).atStartOfDay(),
+                isComplete = it.selectFirst("[name=BookStatus]")?.attr("value") == "已完成"
+            )
+        } ?: BookInformation.empty()
+    }
+
+    override fun getBookVolumes(id: Int): BookVolumes {
+        if (isAppDataSourceOffLine()) return BookVolumes.empty()
+        return BookVolumes(wenku8Api("action=book&do=list&aid=$id&t=0")
+            ?.select("volume")
+            ?.map { element ->
+                Volume(
+                    volumeId = element.attr("vid").toInt(),
+                    volumeTitle = element.ownText(),
+                    chapters = element.select("volume > chapter")
+                        .map {
+                            ChapterInformation(
+                                id = it.attr("cid").toInt(),
+                                title = it.text(),
+                            )
+                        }
+                )
+            } ?: emptyList()
+        )
+    }
+
+    override fun getChapterContent(chapterId: Int, bookId: Int): ChapterContent {
+        if (isAppDataSourceOffLine()) return ChapterContent.empty()
+        if (allBookChapterListCacheId != bookId) {
+            allBookChapterListCacheId = bookId
+            allBookChapterListCache = getBookVolumes(bookId).let { bookVolumes ->
+                var list = emptyList<ChapterInformation>()
+                bookVolumes.volumes.forEach {
+                    list = list + it.chapters
+                }
+                return@let list
+            }
+        }
+        return wenku8Api("action=book&do=text&aid=$bookId&cid=$chapterId&t=0")
+            .let { document ->
+                document
+                    ?.wholeText()
+                    ?.let { s ->
+                        var title = ""
+                        var content = ""
+                        s.split("\n").forEachIndexed { index, line ->
+                            if (content != "") return@forEachIndexed
+                            if (title == "" && line.any { !it.isWhitespace() }) {
+                                title = line.trim()
+                                return@forEachIndexed
+                            }
+                            if (title != "" && line.any { !it.isWhitespace() }) {
+                                content = s.split("\n").drop(index).joinToString("\n")
+                                return@forEachIndexed
+                            }
+                        }
+                        val images = Regex("(<!--image-->)(.*?)(<!--image-->)")
+                            .findAll(document.toString())
+                            .map { it.groups[2]?.value ?: "" }
+                            .toList()
+                        ChapterContent(
+                            id = chapterId,
+                            title = title,
+                            content =
+                                if (images.isEmpty()) content else images.joinToString { "[image]$it[image]" }.replace(", ", "")
+                            ,
+                            lastChapter = allBookChapterListCache
+                                .indexOfFirst { it.id == chapterId }
+                                .let {
+                                    if (it == -1) it else allBookChapterListCache.getOrNull(it - 1)?.id ?: -1
+                                },
+                            nextChapter = allBookChapterListCache
+                                .indexOfFirst { it.id == chapterId }
+                                .let {
+                                    if (it == -1) it else allBookChapterListCache.getOrNull(it + 1)?.id ?: -1
+                                }
+                        )
+                    } ?: ChapterContent.empty()
+            }
+    }
+
+    override suspend fun getExplorationPageMap(): Map<String, ExplorationPageDataSource> =
+        mapOf(
+            Pair("首页", Wenku8HomeExplorationPage),
+            Pair("全部", Wenku8AllExplorationPage),
+            Pair("分类", Wenku8TagsExplorationPage)
+        )
+
+    override suspend fun getExplorationPageTitleList(): List<String> = listOf("首页", "全部", "分类")
+
+    override fun getExplorationExpandedPageDataSourceMap(): Map<String, ExplorationExpandedPageDataSource> = explorationExpandedPageDataSourceMap
+
+    override fun search(searchType: String, keyword: String): Flow<List<BookInformation>> {
+        val searchResult = MutableStateFlow(emptyList<BookInformation>())
+        if (isAppDataSourceOffLine()) return searchResult
+        val encodedKeyword = URLEncoder.encode(keyword, "gb2312")
+        coroutineScope.launch {
+            delay(1)
+            wenku8Api("action=search&searchtype=$searchType&searchkey=${URLEncoder.encode(encodedKeyword, "utf-8")}")
+                ?.select("item")
+                ?.forEach { element ->
+                    searchResult.update {
+                        it + listOf(getBookInformation(element.attr("aid").toInt()))
+                    }
+                }
+                ?.let {
+                    searchResult.update {
+                        it + listOf(BookInformation.empty())
+                    }
+                }
+        }
+        return searchResult
+    }
+
+    override fun stopAllSearch() {
+        coroutineScope.cancel()
+        coroutineScope = CoroutineScope(Dispatchers.IO)
+    }
+
+    override fun getSearchTypeNameList(): List<String> =
+        listOf("按书名搜索", "按作者名搜索")
+
+    override fun getSearchTypeMap(): Map<String, String> =
+        mapOf(
+            Pair("按书名搜索", "articlename"),
+            Pair("按作者名搜索", "author"),
+        )
+
+    override fun getSearchTipMap(): Map<String, String> =
+        mapOf(
+            Pair("articlename", "请输入书本名称"),
+            Pair("author", "请输入作者名称"),
+        )
+
+    fun getBookInformationListFromBookCards(elements: Elements): List<BookInformation> =
+        elements
+            .map { element ->
+                if (element.text().contains("因版权问题"))
+                    getBookInformation(element
+                        .selectFirst("div > div:nth-child(1) > a")
+                        ?.attr("href")
+                        ?.replace("/book/", "")
+                        ?.replace(".htm", "")
+                        ?.toInt() ?: -1
+                    )
+                else
+                    BookInformation(
+                        id = element.selectFirst("div > div:nth-child(1) > a")
+                            ?.attr("href")
+                            ?.replace("/book/", "")
+                            ?.replace(".htm", "")
+                            ?.toInt() ?: -1,
+                        title = element.selectFirst("div > div:nth-child(1) > a")
+                            ?.attr("title") ?: "",
+                        coverUrl = element.selectFirst("div > div:nth-child(1) > a > img")
+                            ?.attr("src") ?: "",
+                        author = element.selectFirst("div > div:nth-child(2) > p:nth-child(2)")
+                            ?.text()?.split("/")?.getOrNull(0)
+                            ?.split(":")?.getOrNull(1) ?: "",
+                        description = element.selectFirst("div > div:nth-child(2) > p:nth-child(5)")
+                            ?.text()?.replace("简介:", "") ?: "",
+                        tags = element.selectFirst("div > div:nth-child(2) > p:nth-child(4) > span")
+                            ?.text()?.split(" ") ?: emptyList(),
+                        publishingHouse = element.selectFirst("div > div:nth-child(2) > p:nth-child(2)")
+                            ?.text()?.split("/")?.getOrNull(1)
+                            ?.split(":")?.getOrNull(1) ?: "",
+                        wordCount = element.selectFirst("div > div:nth-child(2) > p:nth-child(3)")
+                            ?.text()?.split("/")?.getOrNull(1)
+                            ?.split(":")?.getOrNull(1)
+                            ?.replace("K", "")?.toInt()?.times(1000) ?: -1,
+                        lastUpdated = element.selectFirst("div > div:nth-child(2) > p:nth-child(3)")
+                            ?.text()?.split("/")?.getOrNull(0)
+                            ?.split(":")?.getOrNull(1)
+                            ?.let {
+                                LocalDate.parse(it, DATA_TIME_FORMATTER)
+                            }
+                            ?.atStartOfDay() ?: LocalDateTime.MIN,
+                        isComplete = element.selectFirst("div > div:nth-child(2) > p:nth-child(3)")
+                            ?.text()?.split("/")?.getOrNull(2) == "已完结"
+                    )
+            }
+
+    private fun registerExplorationExpandedPageDataSource(id: String, expandedPageDataSource: ExplorationExpandedPageDataSource) =
+            explorationExpandedPageDataSourceMap.put(id, expandedPageDataSource)
+
+    init {
+        registerExplorationExpandedPageDataSource(
+            id = "allBook",
+            expandedPageDataSource = HomeBookExpandPageDataSource(
+                title = "轻小说列表",
+                filtersBuilder = {
+                    val choicesMap = mapOf(
+                        Pair("任意", ""),
+                        Pair("0~9", "1")
+                    )
+                    listOf(
+                        IsCompletedSwitchFilter { this.refresh() },
+                        FirstLetterSingleChoiceFilter {
+                            this.arg = choicesMap[it.trim()] ?: it.trim()
+                            if (this.arg != "") this.arg += "&initial="
+                            this.refresh()
+                        },
+                        PublishingHouseSingleChoiceFilter { this.refresh() },
+                        WordCountFilter { this.refresh() }
+                    )
+                }
+            )
+        )
+        registerExplorationExpandedPageDataSource(
+            id = "allCompletedBook",
+            expandedPageDataSource = HomeBookExpandPageDataSource(
+                title = "完结全本",
+                filtersBuilder = {
+                    val choicesMap = mapOf(
+                        Pair("任意", ""),
+                        Pair("0~9", "1")
+                    )
+                    listOf(
+                        IsCompletedSwitchFilter { this.refresh() },
+                        FirstLetterSingleChoiceFilter {
+                            this.arg = choicesMap[it.trim()] ?: it.trim()
+                            if (this.arg != "") this.arg += "&initial="
+                            this.refresh()
+                        },
+                        PublishingHouseSingleChoiceFilter { this.refresh() },
+                        WordCountFilter { this.refresh() }
+                    )
+                },
+                extendedParameters = "&fullflag=1"
+            )
+        )
+        listOf("allvisit", "anime", "lastupdate", "postdate").forEach { id ->
+            val nameMap = mapOf(
+                Pair("allvisit", "热门轻小说"),
+                Pair("anime", "动画化作品"),
+                Pair("lastupdate", "今日更新"),
+                Pair("postdate", "新书一览"),
+            )
+            registerExplorationExpandedPageDataSource(
+                id = "${id}Book",
+                expandedPageDataSource = HomeBookExpandPageDataSource(
+                    baseUrl = "https://www.wenku8.cc/modules/article/toplist.php",
+                    title = nameMap[id] ?: "",
+                    filtersBuilder = {
+                        val choicesMap = mapOf(
+                            Pair("任意", ""),
+                            Pair("0~9", "1")
+                        )
+                        listOf(
+                            IsCompletedSwitchFilter { this.refresh() },
+                            FirstLetterSingleChoiceFilter {
+                                this.arg = choicesMap[it.trim()] ?: it.trim()
+                                if (this.arg != "") this.arg += "&initial="
+                                this.refresh()
+                            },
+                            PublishingHouseSingleChoiceFilter { this.refresh() },
+                            WordCountFilter { this.refresh() }
+                        )
+                    },
+                    extendedParameters = "&sort=$id",
+                    contentSelector = "#content > table > tbody > tr > td > div"
+                )
+            )
+        }
+        listOf("校园", "青春", "恋爱", "治愈", "群像",
+                "竞技", "音乐", "美食", "旅行", "欢乐向",
+                "经营", "职场", "斗智", "脑洞", "宅文化",
+                "穿越", "奇幻", "魔法", "异能", "战斗",
+                "科幻", "机战", "战争", "冒险", "龙傲天",
+                "悬疑", "犯罪", "复仇", "黑暗", "猎奇",
+                "惊悚", "间谍", "末日", "游戏", "大逃杀",
+                "青梅竹马", "妹妹", "女儿", "JK", "JC",
+                "大小姐", "性转", "伪娘", "人外",
+                "后宫", "百合", "耽美", "NTR", "女性视角").forEach { tag ->
+            registerExplorationExpandedPageDataSource(
+                id = tag,
+                expandedPageDataSource = HomeBookExpandPageDataSource(
+                    baseUrl = "https://www.wenku8.cc/modules/article/tags.php",
+                    title = tag,
+                    filtersBuilder = {
+                        val choicesMap = mapOf(
+                            Pair("默认", ""),
+                            Pair("按更新时间排序", ""),
+                            Pair("按热度排序", "&v=1"),
+                            Pair("仅动画化", "&v=3")
+                        )
+                        listOf(
+                            IsCompletedSwitchFilter { this.refresh() },
+                            SingleChoiceFilter(
+                                title = "排序",
+                                dialogTitle = "排序顺序",
+                                description = "书本排序的依据。",
+                                choices = listOf("默认", "按更新时间排序", "按热度排序", "仅动画化"),
+                                defaultChoice = "默认"
+                            ) {
+                                this.arg = choicesMap[it.trim()] ?: ""
+                                this.refresh()
+                            },
+                            PublishingHouseSingleChoiceFilter { this.refresh() },
+                            WordCountFilter { this.refresh() }
+                        )
+                    },
+                    extendedParameters = "&t=${URLEncoder.encode(tag, "gb2312")}",
+                    contentSelector = "#content > table > tbody > tr:nth-child(2) > td > div"
+                )
+            )
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8AllExplorationPage.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8AllExplorationPage.kt
new file mode 100644
index 0000000..d6a4ea4
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8AllExplorationPage.kt
@@ -0,0 +1,100 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration
+
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationBooksRow
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationDisplayBook
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationPage
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.utils.autoReconnectionGet
+import indi.dmzz_yyhyy.lightnovelreader.utils.wenku8.wenku8Cookie
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import org.jsoup.Jsoup
+import org.jsoup.nodes.Document
+
+object Wenku8AllExplorationPage: ExplorationPageDataSource {
+    private var lock = false
+    private val explorationBooksRows: MutableStateFlow<List<ExplorationBooksRow>> = MutableStateFlow(emptyList())
+
+    override fun getExplorationPage(): ExplorationPage  {
+        if (!lock) {
+            lock = true
+            CoroutineScope(Dispatchers.IO).launch {
+                explorationBooksRows.update {
+                    it + getAllBookBooksRow().copy(expandable = true, expandedPageDataSourceId = "allBook")
+                }
+                explorationBooksRows.update {
+                    it + getTopListBookBooksRow("热门轻小说", "allvisit")
+                }
+                explorationBooksRows.update {
+                    it + getTopListBookBooksRow("动画化作品", "anime")
+                }
+                explorationBooksRows.update {
+                    it + getTopListBookBooksRow("今日更新", "lastupdate")
+                }
+                explorationBooksRows.update {
+                    it + getTopListBookBooksRow("新书一览", "postdate")
+                }
+                explorationBooksRows.update {
+                    it + getCompletedBooksRow().copy(expandable = true, expandedPageDataSourceId = "allCompletedBook")
+                }
+            }
+        }
+        return ExplorationPage("首页", explorationBooksRows)
+    }
+
+    private fun getCompletedBooksRow(): ExplorationBooksRow {
+        val soup = Jsoup
+            .connect("https://www.wenku8.cc/modules/article/articlelist.php?fullflag=1")
+            .wenku8Cookie()
+            .autoReconnectionGet()
+        return getBooksRow(soup, "完结全本").copy(
+            expandable = true,
+            expandedPageDataSourceId = "allBook"
+        )
+    }
+
+    private fun getTopListBookBooksRow(title: String, sort: String): ExplorationBooksRow {
+        val soup = Jsoup
+            .connect("https://www.wenku8.cc/modules/article/toplist.php?sort=$sort")
+            .wenku8Cookie()
+            .autoReconnectionGet()
+        return getBooksRow(soup, title).copy(
+            expandable = true,
+            expandedPageDataSourceId = "${sort}Book"
+        )
+    }
+
+    private fun getAllBookBooksRow(): ExplorationBooksRow {
+        val soup = Jsoup
+            .connect("https://www.wenku8.cc/modules/article/articlelist.php")
+            .wenku8Cookie()
+            .autoReconnectionGet()
+        return getBooksRow(soup, "轻小说列表")
+    }
+
+    private fun getBooksRow(soup: Document?, title: String): ExplorationBooksRow {
+        val idlList = soup?.select("#content > table.grid > tbody > tr > td > div > div:nth-child(1) > a")
+            ?.slice(0..5)
+            ?.map { it.attr("href").replace("/book/", "").replace(".htm", "").toInt() }
+        val titleList = soup?.select("#content > table.grid > tbody > tr > td > div > div:nth-child(2) > b > a")
+            ?.slice(0..5)
+            ?.map { it.text().split("(").getOrNull(0) ?: "" } ?: emptyList()
+        val coverUrlList = soup?.select("#content > table.grid > tbody > tr > td > div > div:nth-child(1) > a > img")
+            ?.slice(0..5)
+            ?.map { it.attr("src") } ?: emptyList()
+        return ExplorationBooksRow(
+            title = title,
+            bookList = idlList?.indices?.map {
+                ExplorationDisplayBook(
+                    id = idlList[it],
+                    title = titleList[it],
+                    coverUrl = coverUrlList[it],
+                )
+            } ?: emptyList(),
+            expandable = false
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8HomeExplorationPage.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8HomeExplorationPage.kt
new file mode 100644
index 0000000..3e9da82
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8HomeExplorationPage.kt
@@ -0,0 +1,60 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration
+
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationBooksRow
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationDisplayBook
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationPage
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.utils.autoReconnectionGet
+import indi.dmzz_yyhyy.lightnovelreader.utils.wenku8.wenku8Cookie
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import org.jsoup.Jsoup
+import org.jsoup.nodes.Document
+
+object Wenku8HomeExplorationPage: ExplorationPageDataSource {
+    private var lock = false
+    private val explorationBooksRows: MutableStateFlow<List<ExplorationBooksRow>> = MutableStateFlow(emptyList())
+
+    override fun getExplorationPage(): ExplorationPage  {
+        if (!lock) {
+            lock = true
+            CoroutineScope(Dispatchers.IO).launch {
+                val soup = Jsoup
+                    .connect("https://www.wenku8.cc/")
+                    .wenku8Cookie()
+                    .autoReconnectionGet()
+                (0..2).map { index->
+                    explorationBooksRows.update {
+                        it + getBooksRow(index, soup)
+                    }
+                }
+            }
+        }
+        return ExplorationPage("首页", explorationBooksRows)
+    }
+
+    private fun getBooksRow(index: Int, soup: Document?): ExplorationBooksRow {
+        val title = soup?.selectFirst("#centers > div:nth-child(${index+2}) > div.blocktitle")?.text()
+            ?.split("(")?.getOrNull(0) ?: ""
+        val idlList = soup?.select("#centers > div:nth-child(${index+2}) > div.blockcontent > div > div > a:nth-child(1)")
+            ?.map { it.attr("href").replace("/book/", "").replace(".htm", "").toInt() }
+        val titleList = soup?.select("#centers > div:nth-child(${index+2}) > div.blockcontent > div > div > a:nth-child(3)")
+            ?.map { it.text().split("(").getOrNull(0) ?: "" } ?: emptyList()
+        val coverUrlList = soup?.select("#centers > div:nth-child(${index+2}) > div.blockcontent > div > div > a:nth-child(1) > img")
+            ?.map { it.attr("src") } ?: emptyList()
+        return ExplorationBooksRow(
+            title = title,
+            bookList = idlList?.indices?.map {
+                ExplorationDisplayBook(
+                    id = idlList[it],
+                    title = titleList[it],
+                    coverUrl = coverUrlList[it],
+                )
+            } ?: emptyList(),
+            expandable = false
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8TagsExplorationPage.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8TagsExplorationPage.kt
new file mode 100644
index 0000000..715a9b4
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/Wenku8TagsExplorationPage.kt
@@ -0,0 +1,78 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration
+
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationBooksRow
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationDisplayBook
+import indi.dmzz_yyhyy.lightnovelreader.data.exploration.ExplorationPage
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.utils.autoReconnectionGet
+import indi.dmzz_yyhyy.lightnovelreader.utils.wenku8.wenku8Cookie
+import java.net.URLEncoder
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import org.jsoup.Jsoup
+import org.jsoup.nodes.Document
+
+object Wenku8TagsExplorationPage: ExplorationPageDataSource {
+    private var lock = false
+    private val explorationBooksRows: MutableStateFlow<List<ExplorationBooksRow>> = MutableStateFlow(emptyList())
+
+    override fun getExplorationPage(): ExplorationPage  {
+        if (!lock) {
+            lock = true
+            CoroutineScope(Dispatchers.IO).launch {
+                Jsoup
+                    .connect("https://www.wenku8.cc/modules/article/tags.php")
+                    .wenku8Cookie()
+                    .autoReconnectionGet()
+                    ?.select("a[href~=tags\\.php\\?t=.*]")
+                    ?.slice(0..48)
+                    ?.map { "https://www.wenku8.cc/modules/article/" + it.attr("href") }
+                    ?.map {url ->
+                        val soup = Jsoup
+                            .connect(url.split("=")[0] + "=" +
+                                    URLEncoder.encode(url.split("=")[1], "gb2312"))
+                            .wenku8Cookie()
+                            .autoReconnectionGet()
+                        explorationBooksRows.update {
+                            it + getExplorationBookRow(
+                                soup = soup,
+                                title = url.split("=")[1]
+                            )
+                        }
+                    }
+            }
+        }
+
+        return ExplorationPage("分类", explorationBooksRows)
+    }
+
+    private fun getExplorationBookRow(title: String, soup: Document?): ExplorationBooksRow {
+        soup ?: return ExplorationBooksRow(
+            "",
+            emptyList(),
+            false,
+            ""
+        )
+        val idlList = soup.select("#content > table > tbody > tr:nth-child(2) > td > div > div:nth-child(1) > a")
+            .map { it.attr("href").replace("/book/", "").replace(".htm", "").toInt() }
+        val titleList = soup.select("#content > table > tbody > tr:nth-child(2) > td > div > div:nth-child(2) > b > a")
+            .map { it.text().split("(").getOrNull(0) ?: "" }
+        val coverUrlList = soup.select("#content > table > tbody > tr:nth-child(2) > td > div > div:nth-child(1) > a > img")
+            .map { it.attr("src") }
+        return ExplorationBooksRow(
+            title = title,
+            bookList = (0..5).map {
+                ExplorationDisplayBook(
+                    id = idlList[it],
+                    title = titleList[it],
+                    coverUrl = coverUrlList[it],
+                )
+            },
+            expandable = true,
+            expandedPageDataSourceId = title
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/AllBookExpandPageDataSource.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/AllBookExpandPageDataSource.kt
new file mode 100644
index 0000000..9034ffa
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/AllBookExpandPageDataSource.kt
@@ -0,0 +1,80 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.expanedpage
+
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationExpandedPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.Filter
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.LocalFilter
+import indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.Wenku8Api.getBookInformationListFromBookCards
+import indi.dmzz_yyhyy.lightnovelreader.utils.autoReconnectionGet
+import indi.dmzz_yyhyy.lightnovelreader.utils.wenku8.wenku8Cookie
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.update
+import org.jsoup.Jsoup
+
+class HomeBookExpandPageDataSource(
+    private val baseUrl: String = "https://www.wenku8.cc/modules/article/articlelist.php",
+    private val extendedParameters: String = "",
+    private val title: String,
+    filtersBuilder: HomeBookExpandPageDataSource.() -> List<Filter>,
+    private val contentSelector: String = "#content > table.grid > tbody > tr > td > div"
+): ExplorationExpandedPageDataSource {
+    private val result = MutableStateFlow(listOf<BookInformation>())
+    private val filter = filtersBuilder(this)
+    private var cache = emptyList<BookInformation>()
+    private var pageIndex = 1
+    private var hasMore = true
+    var arg = ""
+
+    override fun getTitle(): String = title
+
+    override fun getFilters(): List<Filter> = filter
+
+    override fun getResultFlow(): Flow<List<BookInformation>> = result
+
+    override fun refresh() {
+        pageIndex = 1
+        hasMore = true
+        cache = emptyList()
+        result.update { emptyList() }
+    }
+
+    override suspend fun loadMore() {
+        result.update { bookInformationList ->
+            if (cache.isEmpty()) bookInformationList + getBooks(pageIndex)
+            else bookInformationList + cache
+        }
+        if (hasMore) cache = getBooks(pageIndex)
+    }
+
+    override fun hasMore(): Boolean = hasMore
+
+    private fun getBooks(
+        pageIndex: Int,
+        min: Int = 10
+    ): List<BookInformation> =
+        Jsoup
+            .connect("${baseUrl}?page=$pageIndex$arg$extendedParameters")
+            .wenku8Cookie()
+            .autoReconnectionGet()
+            ?.let { document ->
+                document.selectFirst("#pagelink > a.last")?.text()?.toInt()?.let {
+                    if (it == pageIndex) hasMore = false
+                }
+                return@let document
+            }
+            ?.select(contentSelector)
+            ?.let {
+                this.pageIndex++
+                getBookInformationListFromBookCards(it)
+            }
+            ?.filter { bookInformation ->
+                getFilters()
+                    .filter { it is LocalFilter }
+                    .map { it as LocalFilter }
+                    .all { it.filter(bookInformation) }
+            }
+            ?.let {
+                if (it.size <= min && hasMore) it + getBooks(this.pageIndex, min - it.size) else it
+            } ?: emptyList()
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/filter/FirstLetterSingleChoiceFilter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/filter/FirstLetterSingleChoiceFilter.kt
new file mode 100644
index 0000000..9053ae2
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/filter/FirstLetterSingleChoiceFilter.kt
@@ -0,0 +1,12 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.expanedpage.filter
+
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.SingleChoiceFilter
+
+class FirstLetterSingleChoiceFilter(onChange: (String) -> Unit): SingleChoiceFilter(
+    title = "首字母",
+    dialogTitle = "首字母筛选",
+    description = "根据小说标题的拼音首字母筛选。",
+    choices = listOf("任意", "0~9", " A ", " B ", " C ", " D ", " E ", " F ", " G ", " H ", " I ", " J ", " K ", " L ", " M ", " N ", " O ", " P ", " Q ", " R ", " S ", " T ", " U ", " V ", " W ", " X ", " Y ", " Z "),
+    defaultChoice = "任意",
+    onChange = onChange
+)
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/filter/PublishingHouseSingleChoiceFilter.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/filter/PublishingHouseSingleChoiceFilter.kt
new file mode 100644
index 0000000..f06ef4b
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/data/web/wenku8/exploration/expanedpage/filter/PublishingHouseSingleChoiceFilter.kt
@@ -0,0 +1,17 @@
+package indi.dmzz_yyhyy.lightnovelreader.data.web.wenku8.exploration.expanedpage.filter
+
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.LocalFilter
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.filter.SingleChoiceFilter
+
+class PublishingHouseSingleChoiceFilter(onChange: (String) -> Unit) : SingleChoiceFilter(
+    title = "文库",
+    dialogTitle = "文库筛选",
+    description = "根据小说的文库筛选",
+    choices = listOf("全部轻小说", "电击文库", "富士见文库", "角川文库", "MF文库J", "Fami通文库", "GA文库", "HJ文库", "一迅社", "集英社", "小学馆", "讲谈社", "少女文库", "其他文库", "游戏剧本"),
+    defaultChoice = "全部轻小说",
+    onChange = onChange
+), LocalFilter {
+    override fun filter(bookInformation: BookInformation): Boolean =
+        choice == this.getDefaultChoice() || bookInformation.publishingHouse == this.choice
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/ZaiComic.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/ZaiComic.kt
new file mode 100644
index 0000000..7a7c854
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/ZaiComic.kt
@@ -0,0 +1,275 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic
+
+import com.google.gson.Gson
+import com.google.gson.reflect.TypeToken
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookVolumes
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterContent
+import indi.dmzz_yyhyy.lightnovelreader.data.web.WebBookDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationExpandedPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.data.web.exploration.ExplorationPageDataSource
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.ComicChapterComic
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.DataContent
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.DetailData
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.ListDataContent
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.SearchItem
+import indi.dmzz_yyhyy.lightnovelreader.zaicomic.json.ZaiComicData
+import java.net.URLEncoder
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.flow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import org.jsoup.Jsoup
+import org.jsoup.nodes.Document
+
+object ZaiComic : WebBookDataSource {
+    class LimitedMap<K, V>(private val limitNum: Int): LinkedHashMap<K, V>() {
+        private val keyList = mutableListOf<K>()
+
+        override fun put(key: K, value: V): V? {
+            keyList.add(key)
+            if (keyList.size > limitNum) {
+                this.remove(keyList[0])
+                keyList.removeAt(0)
+            }
+            return super.put(key, value)
+        }
+    }
+    private const val HOST = "https://v4api.zaimanhua.com"
+    private val gson = Gson()
+    private val comicDetailCacheMap: MutableMap<Int, DetailData> = LimitedMap(10)
+    private val comicVolumesCacheMap: MutableMap<Int, BookVolumes> = LimitedMap(10)
+    private var searchJob: Job? = null
+
+        private val isOffLineFlow = flow {
+        while(true) {
+            emit(isOffLine())
+            delay(2500)
+        }
+    }
+
+    private fun ZaiComicData<DataContent<DetailData>>.cacheDetailData(): ZaiComicData<DataContent<DetailData>> {
+        if (comicDetailCacheMap.contains(id)) return this
+        comicDetailCacheMap[id] = this.data.data
+        return this
+    }
+
+    private fun isOffLine(): Boolean {
+        return try {
+            !Jsoup.connect(HOST).get().text().contains("It Works")
+        } catch (_: Exception) {
+            true
+        }
+    }
+
+    override val id: Int
+        get() = "ZaiComic".hashCode()
+
+    override suspend fun getIsOffLineFlow(): Flow<Boolean> { return isOffLineFlow }
+
+    /*
+    GET /app/v1/comic/detail/33322?channel=android&timestamp=1728136936
+     */
+    override fun getBookInformation(id: Int): BookInformation? {
+        val detailData =
+            if (comicDetailCacheMap.contains(id))
+                comicDetailCacheMap[id]
+            else
+                Jsoup
+                    .connect(HOST+"/app/v1/comic/detail/$id?channel=android&timestamp=${(System.currentTimeMillis() / 1000)}")
+                    .ignoreContentType(true)
+                    .get()
+                    .outputSettings(
+                        Document.OutputSettings()
+                        .prettyPrint(false)
+                        .syntax(Document.OutputSettings.Syntax.xml)
+                    )
+                    .body()
+                    .text()
+                    .let {
+                        gson.fromJson<ZaiComicData<DataContent<DetailData>>>(it, object : TypeToken<ZaiComicData<DataContent<DetailData>>>() {}.type)
+                    }
+                    .cacheDetailData()
+                    .data
+                    .data
+        return detailData?.toBookInformation()
+    }
+
+    /*
+    GET /app/v1/comic/sub/checkIsSub? HTTP/1.1
+     */
+    override fun getBookVolumes(id: Int): BookVolumes? {
+        val detailData =
+            if (comicDetailCacheMap.contains(id))
+                comicDetailCacheMap[id]
+            else
+                Jsoup
+                    .connect(HOST+"/app/v1/comic/detail/$id?channel=android&timestamp=${(System.currentTimeMillis() / 1000)}")
+                    .ignoreContentType(true)
+                    .get()
+                    .outputSettings(
+                        Document.OutputSettings()
+                            .prettyPrint(false)
+                            .syntax(Document.OutputSettings.Syntax.xml)
+                    )
+                    .body()
+                    .text()
+                    .let {
+                        gson.fromJson<ZaiComicData<DataContent<DetailData>>>(it, object : TypeToken<ZaiComicData<DataContent<DetailData>>>() {}.type)
+                    }
+                    .cacheDetailData()
+                    .data
+                    .data
+        return detailData?.toBookVolumes()
+            ?.let {
+                comicVolumesCacheMap[id] = it
+                it
+            }
+    }
+
+    /*
+    GET /app/v1/comic/chapter/33322/158352?channel=android&timestamp=1727804198 HTTP/1.1
+     */
+    override fun getChapterContent(chapterId: Int, bookId: Int): ChapterContent? {
+        val volumes =
+            if (comicVolumesCacheMap.contains(bookId))
+                comicVolumesCacheMap[bookId] ?: return null
+            else
+                getBookVolumes(bookId) ?: return null
+        val chapterIds = mutableListOf<Int>()
+            .apply {
+                volumes.volumes.forEach { volume ->
+                    volume.chapters.map { it.id }.let(::addAll)
+                }
+            }
+        val chapterIdIndex = chapterIds.indexOfFirst(chapterId::equals)
+        if (chapterIdIndex == -1) return null
+        val lastChapterId =
+            if (chapterIdIndex != 0) chapterIds[chapterIdIndex - 1]
+            else -1
+        val nextChapterId =
+            if (chapterIdIndex != chapterIds.size - 1) chapterIds[chapterIdIndex + 1]
+            else -1
+        val chapterContent = Jsoup
+            .connect(HOST+"/app/v1/comic/chapter/$bookId/$chapterId?channel=android&timestamp=${(System.currentTimeMillis() / 1000)}")
+            .ignoreContentType(true)
+            .get()
+            .outputSettings(
+                Document.OutputSettings()
+                    .prettyPrint(false)
+                    .syntax(Document.OutputSettings.Syntax.xml)
+            )
+            .body()
+            .text()
+            .let {
+                gson.fromJson<ZaiComicData<DataContent<ComicChapterComic>>>(it, object : TypeToken<ZaiComicData<DataContent<ComicChapterComic>>>() {}.type)
+            }
+            .data
+            .data
+            .toChapterContent(lastChapterId, nextChapterId)
+        return chapterContent
+    }
+
+    override suspend fun getExplorationPageMap(): Map<String, ExplorationPageDataSource> =
+        mapOf()
+
+    override suspend fun getExplorationPageTitleList(): List<String> =
+        listOf()
+
+    override fun getExplorationExpandedPageDataSourceMap(): Map<String, ExplorationExpandedPageDataSource> =
+        mapOf()
+
+    /*
+    GET /app/v1/search/index?keyword=%E5%85%B3%E4%BA%8E%E9%82%BB%E5%B1%85%E5%AE%B6%E5%A4%A9%E4%BD%BF%E5%A4%A7%E4%BA%BA%E6%8A%8A%E6%88%91%E5%85%BB%E6%88%90%E5%BA%9F%E4%BA%BA%E8%BF%99%E4%BB%B6%E4%BA%8B&page=3&size=20&channel=android&timestamp=1727804461 HTTP/1.1
+    GET /app/v1/search/index?keyword=%E5%85%B3%E4%BA%8E%E9%82%BB%E5%B1%85%E5%AE%B6%E5%A4%A9%E4%BD%BF%E5%A4%A7%E4%BA%BA%E6%8A%8A%E6%88%91%E5%85%BB%E6%88%90%E5%BA%9F%E4%BA%BA%E8%BF%99%E4%BB%B6%E4%BA%8B&page=3&size=20&channel=android&timestamp=1727804461 HTTP/1.1
+    GET /app/v1/search/index?keyword=%E9%82%BB%E5%B1%85&page=1&size=20&channel=android&timestamp=1727804387 HTTP/1.1
+     */
+    override fun search(searchType: String, keyword: String): Flow<List<BookInformation>> {
+        val comicList = MutableStateFlow(mutableListOf<BookInformation>())
+        searchJob = CoroutineScope(Dispatchers.IO).launch {
+            var page = 1
+            while (true) {
+                val ids = Jsoup
+                    .connect(
+                        HOST + "/app/v1/search/index?keyword=${
+                            URLEncoder.encode(
+                                keyword,
+                                "utf-8"
+                            )
+                        }&page=$page&size=20&channel=android&timestamp=${(System.currentTimeMillis() / 1000)}"
+                    )
+                    .ignoreContentType(true)
+                    .get()
+                    .outputSettings(
+                        Document.OutputSettings()
+                            .prettyPrint(false)
+                            .syntax(Document.OutputSettings.Syntax.xml)
+                    )
+                    .body()
+                    .text()
+                    .let {
+                        gson.fromJson<ZaiComicData<ListDataContent<SearchItem>>>(
+                            it,
+                            object : TypeToken<ZaiComicData<ListDataContent<SearchItem>>>() {}.type
+                        )
+                    }
+                    .data
+                    .list
+                    .let { searchItemList ->
+                        if (searchItemList == null) {
+                            comicList.update {
+                                it.apply {
+                                    BookInformation.empty()
+                                }
+                            }
+                            return@launch
+                        }
+                        searchItemList
+                    }
+                    .map { it.id }
+                ids.forEach { id ->
+                    delay(1)
+                    comicList.update {
+                        it.apply {
+                            getBookInformation(id)?.let(::add)
+                        }
+                    }
+                }
+                page++
+            }
+        }
+        return comicList
+    }
+
+    override fun getSearchTypeMap(): Map<String, String> =
+        mapOf(
+            "按漫画名称搜索" to "name"
+        )
+
+    override fun getSearchTipMap(): Map<String, String> =
+        mapOf(
+            "name" to "请输入漫画名称"
+        )
+
+    override fun getSearchTypeNameList(): List<String> = listOf("按漫画名称搜索")
+
+    override fun stopAllSearch() {
+        searchJob?.cancel()
+    }
+}
+
+fun <T> T.print(): T {
+    println(this)
+    return this
+}
+
+suspend fun main() {
+    ZaiComic.getBookInformation(33322).print()
+    ZaiComic.getBookVolumes(33322).print()
+    ZaiComic.getChapterContent(53314, 33322).print()
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/ComicChapterComic.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/ComicChapterComic.kt
new file mode 100644
index 0000000..db71d5b
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/ComicChapterComic.kt
@@ -0,0 +1,23 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic.json
+
+import com.google.gson.annotations.SerializedName
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterContent
+
+data class ComicChapterComic(
+    @SerializedName("chapter_id")
+    val chapterId: Int,
+    @SerializedName("comic_id")
+    val comicId: Int,
+    val title: String,
+    @SerializedName("page_url")
+    val pageUrl: List<String>,
+) {
+    fun toChapterContent(lastChapterId: Int, nextChapterId: Int): ChapterContent =
+        ChapterContent(
+            id = chapterId,
+            title = title,
+            lastChapter = lastChapterId,
+            nextChapter = nextChapterId,
+            content = pageUrl.joinToString("") { "[image]$it[image]" }
+        )
+}
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/DetailData.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/DetailData.kt
new file mode 100644
index 0000000..d227349
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/DetailData.kt
@@ -0,0 +1,86 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic.json
+
+import com.google.gson.annotations.SerializedName
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.BookVolumes
+import indi.dmzz_yyhyy.lightnovelreader.data.book.ChapterInformation
+import indi.dmzz_yyhyy.lightnovelreader.data.book.Volume
+import java.time.Instant
+import java.time.LocalDateTime
+import java.util.*
+
+data class DetailData(
+    val id: Int,
+    val title: String,
+    val direction: Int,
+    val islong: Int,
+    val cover: String,
+    val description: String,
+    @SerializedName("last_updatetime")
+    val lastUpdateTime: Long,
+    @SerializedName("last_update_chapter_name")
+    val lastUpdateChapterName: String,
+    @SerializedName("last_update_chapter_id")
+    val lastUpdateChapterId: Int,
+    @SerializedName("types")
+    val tags: List<Tag>,
+    val status: List<Tag>,
+    val authors: List<Tag>,
+    @SerializedName("chapters")
+    val volumes: List<ComicVolume>,
+) {
+    fun toBookInformation(): BookInformation =
+        BookInformation(
+            id = id,
+            title = title,
+            coverUrl = cover,
+            author = try { authors.joinToString(" ") { it.name } } catch (e: NullPointerException) { "" },
+            description = description,
+            tags = try { tags.map { it.name } } catch (e: NullPointerException) { emptyList() },
+            publishingHouse = "",
+            wordCount = 0,
+            lastUpdated = LocalDateTime.ofInstant(
+                Instant.ofEpochSecond(lastUpdateTime),
+                TimeZone.getDefault().toZoneId()),
+            isComplete = status.any { it.name == "以完结" }
+        )
+
+    fun toBookVolumes(): BookVolumes =
+        BookVolumes(
+            volumes.mapIndexed { id, comicVolume ->
+                Volume(
+                    volumeId = this.id*1000+id,
+                    volumeTitle = comicVolume.title,
+                    chapters = comicVolume.data
+                        .sortedBy { it.order }
+                        .map {
+                            ChapterInformation(
+                                id = it.id,
+                                title = it.title
+                            )
+                        }
+                )
+            }
+        )
+}
+
+data class Tag(
+    @SerializedName("tag_id")
+    val id: Int,
+    @SerializedName("tag_name")
+    val name: String
+)
+
+data class ComicVolume(
+    val title: String,
+    val data: List<ComicChapter>
+)
+
+data class ComicChapter(
+    @SerializedName("chapter_id")
+    val id: Int,
+    @SerializedName("chapter_title")
+    val title: String,
+    @SerializedName("chapter_order")
+    val order: Int
+)
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/SearchItem.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/SearchItem.kt
new file mode 100644
index 0000000..b6574c0
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/SearchItem.kt
@@ -0,0 +1,5 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic.json
+
+data class SearchItem(
+    val id: Int
+)
\ No newline at end of file
diff --git a/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/ZaiComicData.kt b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/ZaiComicData.kt
new file mode 100644
index 0000000..09ebcd8
--- /dev/null
+++ b/app/src/test/java/indi/dmzz_yyhyy/lightnovelreader/zaicomic/json/ZaiComicData.kt
@@ -0,0 +1,15 @@
+package indi.dmzz_yyhyy.lightnovelreader.zaicomic.json
+
+data class ZaiComicData<T>(
+    val errno: Int,
+    val errmsg: String,
+    val data: T
+)
+
+data class DataContent<T>(
+    val data: T
+)
+
+data class ListDataContent<T>(
+    val list: List<T>?
+)
\ No newline at end of file