更新界面

app/build.gradle

@@ -49,7 +49,7 @@ android {
 
     defaultConfig {
         applicationId "io.legato.kazusa"
-        minSdk 24
+        minSdk 26
         targetSdk 35
         versionCode 10000 + gitCommits
         versionName version
@@ -81,7 +81,7 @@ android {
                 signingConfig signingConfigs.myConfig
             }
             //applicationIdSuffix '.release'
-            manifestPlaceholders.put("app_name", "@string/app_name_a")
+            manifestPlaceholders.put("app_name", "@string/app_name")
 
             minifyEnabled true
             shrinkResources true
@@ -104,6 +104,7 @@ android {
         abi {
             enable true
             reset()
+            //noinspection ChromeOsAbiSupport
             include 'armeabi-v7a', 'arm64-v8a'
             universalApk true
         }
@@ -306,4 +307,5 @@ dependencies {
     //epubLib集成到应用内
 
     implementation libs.androidx.datastore.preferences
+    implementation libs.androidx.palette
 }

app/src/main/AndroidManifest.xml

@@ -114,7 +114,7 @@
             android:name=".ui.main.MainActivity"
             android:alwaysRetainTaskState="true"
             android:enableOnBackInvokedCallback="true"
-            android:configChanges="locale|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout"
+            android:configChanges="locale|keyboardHidden|smallestScreenSize|screenLayout"
             android:exported="true">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
@@ -125,7 +125,7 @@
         <!-- 阅读界面 -->
         <activity
             android:name=".ui.book.read.ReadBookActivity"
-            android:configChanges="locale|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout"
+            android:configChanges="locale|keyboardHidden|smallestScreenSize|screenLayout"
             android:exported="true"
             android:launchMode="singleTask">
             <intent-filter>

app/src/main/java/io/legato/kazusa/App.kt

@@ -69,6 +69,7 @@ class App : Application() {
 
     override fun onCreate() {
         super.onCreate()
+        DynamicColors.applyToActivitiesIfAvailable(this)
         CrashHandler(this)
         if (isDebuggable) {
             ThreadUtils.setThreadAssertsDisabledForTesting(true)

app/src/main/java/io/legato/kazusa/base/BaseActivity.kt

@@ -14,6 +14,7 @@ import android.view.MotionEvent
 import android.view.View
 import android.widget.FrameLayout
 import androidx.activity.addCallback
+import androidx.activity.enableEdgeToEdge
 import androidx.annotation.RequiresApi
 import androidx.appcompat.app.AppCompatActivity
 import androidx.viewbinding.ViewBinding
@@ -78,7 +79,7 @@ abstract class BaseActivity<VB : ViewBinding>(
         window.decorView.disableAutoFill()
         AppContextWrapper.applyLocaleAndFont(this)
         super.onCreate(savedInstanceState)
-
+        enableEdgeToEdge()
         //setupSystemBar()
         setContentView(binding.root)
         upBackgroundImage()
@@ -90,9 +91,9 @@ abstract class BaseActivity<VB : ViewBinding>(
         onActivityCreated(savedInstanceState)
     }
 
-    @RequiresApi(Build.VERSION_CODES.O)
     override fun onMultiWindowModeChanged(isInMultiWindowMode: Boolean, newConfig: Configuration) {
         super.onMultiWindowModeChanged(isInMultiWindowMode, newConfig)
+
 //        findViewById<TitleBar>(R.id.title_bar)
 //            ?.onMultiWindowModeChanged(isInMultiWindowMode, fullScreen)
         //setupSystemBar()

app/src/main/java/io/legato/kazusa/base/BaseFragment.kt

@@ -37,10 +37,10 @@ abstract class BaseFragment(@LayoutRes layoutID: Int) : Fragment(layoutID) {
         onMultiWindowModeChanged()
     }
 
-    override fun onConfigurationChanged(newConfig: Configuration) {
-        super.onConfigurationChanged(newConfig)
-        onMultiWindowModeChanged()
-    }
+//    override fun onConfigurationChanged(newConfig: Configuration) {
+//        super.onConfigurationChanged(newConfig)
+//        onMultiWindowModeChanged()
+//    }
 
     private fun onMultiWindowModeChanged() {
 //        (activity as? BaseActivity<*>)?.let {

app/src/main/java/io/legato/kazusa/constant/PreferKey.kt

@@ -37,6 +37,8 @@ object PreferKey {
     const val enableReview = "enableReview"
     const val showRss = "showRss"
     const val bookshelfLayout = "bookshelfLayout"
+    const val bookshelfLayoutPortrait = "bookshelfLayoutPortrait"
+    const val bookshelfLayoutLandscape = "bookshelf_layout_landscape"
     const val bookshelfSort = "bookshelfSort"
     const val bookExportFileName = "bookExportFileName"
     const val bookImportFileName = "bookImportFileName"

app/src/main/java/io/legato/kazusa/help/config/AppConfig.kt

@@ -159,12 +159,19 @@ object AppConfig : SharedPreferences.OnSharedPreferenceChangeListener {
             appCtx.putPrefInt(PreferKey.bookGroupStyle, value)
         }
 
-    var bookshelfLayout: Int
-        get() = appCtx.getPrefInt(PreferKey.bookshelfLayout, 0)
+    var bookshelfLayoutPortrait: Int
+        get() = appCtx.getPrefInt(PreferKey.bookshelfLayoutPortrait, 3)
         set(value) {
-            appCtx.putPrefInt(PreferKey.bookshelfLayout, value)
+            appCtx.putPrefInt(PreferKey.bookshelfLayoutPortrait, value)
         }
 
+    var bookshelfLayoutLandscape: Int
+        get() = appCtx.getPrefInt(PreferKey.bookshelfLayoutLandscape, 5)
+        set(value) {
+            appCtx.putPrefInt(PreferKey.bookshelfLayoutLandscape, value)
+        }
+
+
     var saveTabPosition: Int
         get() = appCtx.getPrefInt(PreferKey.saveTabPosition, 0)
         set(value) {

app/src/main/java/io/legato/kazusa/help/glide/ImageLoader.kt

@@ -14,6 +14,7 @@ import io.legato.kazusa.utils.isContentScheme
 import io.legato.kazusa.utils.isDataUrl
 import io.legato.kazusa.utils.lifecycle
 import java.io.File
+import androidx.core.net.toUri
 
 //https://bumptech.github.io/glide/doc/generatedapi.html
 //Instead of GlideApp, use com.bumptech.Glide
@@ -28,7 +29,7 @@ object ImageLoader {
             path.isNullOrEmpty() -> Glide.with(context).load(path)
             path.isDataUrl() -> Glide.with(context).load(path)
             path.isAbsUrl() -> Glide.with(context).load(path)
-            path.isContentScheme() -> Glide.with(context).load(Uri.parse(path))
+            path.isContentScheme() -> Glide.with(context).load(path.toUri())
             else -> kotlin.runCatching {
                 Glide.with(context).load(File(path))
             }.getOrElse {

app/src/main/java/io/legato/kazusa/lib/permission/PermissionActivity.kt

@@ -12,6 +12,7 @@ import androidx.activity.result.contract.ActivityResultContracts
 import androidx.appcompat.app.AlertDialog
 import androidx.appcompat.app.AppCompatActivity
 import androidx.lifecycle.lifecycleScope
+import com.google.android.material.dialog.MaterialAlertDialogBuilder
 import io.legato.kazusa.R
 import io.legato.kazusa.constant.AppLog
 import io.legato.kazusa.exception.NoStackTraceException
@@ -195,7 +196,7 @@ class PermissionActivity : AppCompatActivity() {
             finish()
             return
         }
-        rationaleDialog = AlertDialog.Builder(this)
+        rationaleDialog = MaterialAlertDialogBuilder(this)
             .setTitle(R.string.dialog_title)
             .setMessage(rationale)
             .setPositiveButton(R.string.dialog_setting) { _, _ ->

app/src/main/java/io/legato/kazusa/lib/theme/ThemeStore.kt

@@ -22,18 +22,6 @@ private constructor(private val mContext: Context) : ThemeStoreInterface {
 
     private val mEditor = prefs(mContext).edit()
 
-//    override fun enableDynamicColors(context: Context, enable: Boolean): ThemeStore {
-//        mEditor.putBoolean(ThemeStorePrefKeys.KEY_DYNAMIC_COLORS_ENABLED, enable)
-//        if (enable && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
-//            // 使用系统动态颜色
-//            val dynamicColors = DynamicColorsOptions.Builder()
-//                .setThemeOverlay(R.style.Theme_App_Dynamic)
-//                .build()
-//            DynamicColors.applyToActivitiesIfAvailable(context.applicationContext, dynamicColors)
-//        }
-//        return this
-//    }
-
     override fun primaryColor(@ColorInt color: Int): ThemeStore {
         mEditor.putInt(ThemeStorePrefKeys.KEY_PRIMARY_COLOR, color)
         if (autoGeneratePrimaryDark(mContext))

app/src/main/java/io/legato/kazusa/lib/theme/view/ThemeBottomNavigationVIew.kt

@@ -18,22 +18,6 @@ class ThemeBottomNavigationVIew(context: Context, attrs: AttributeSet) :
     BottomNavigationView(context, attrs) {
 
     init {
-//        val bgColor = context.bottomBackground
-//        setBackgroundColor(bgColor)
-//        val textIsDark = ColorUtils.isColorLight(bgColor)
-//        val textColor = context.getSecondaryTextColor(textIsDark)
-//
-//        val colorStateList = Selector.colorBuild()
-//            .setDefaultColor(textColor)
-//            .setSelectedColor(ThemeStore.accentColor(context)).create()
-//        itemIconTintList = colorStateList
-//        itemTextColor = colorStateList
-
-        if (AppConfig.isEInkMode) {
-            isItemHorizontalTranslationEnabled = false
-            itemBackground = Color.TRANSPARENT.toDrawable()
-        }
-
         ViewCompat.setOnApplyWindowInsetsListener(this, null)
     }
 

app/src/main/java/io/legato/kazusa/model/BookCover.kt

@@ -78,6 +78,7 @@ object BookCover {
         }.getOrDefault(appCtx.resources.getDrawable(R.drawable.image_cover_default, null))
     }
 
+
     /**
      * 加载封面
      */
@@ -127,6 +128,8 @@ object BookCover {
             .centerCrop()
     }
 
+
+
     /**
      * 加载漫画图片
      */

app/src/main/java/io/legato/kazusa/ui/association/OpenUrlConfirmDialog.kt

@@ -63,7 +63,7 @@ class OpenUrlConfirmDialog() : BaseDialogFragment(R.layout.dialog_open_url_confi
     private fun initMenu() {
         binding.toolBar.setOnMenuItemClickListener(this)
         binding.toolBar.inflateMenu(R.menu.open_url_confirm)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
     }
 
     private fun initView() {

app/src/main/java/io/legato/kazusa/ui/association/VerificationCodeDialog.kt

@@ -79,7 +79,7 @@ class VerificationCodeDialog() : BaseDialogFragment(R.layout.dialog_verification
     private fun initMenu() {
         binding.toolBar.setOnMenuItemClickListener(this)
         binding.toolBar.inflateMenu(R.menu.verification_code)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
     }
 
     @SuppressLint("CheckResult")

app/src/main/java/io/legato/kazusa/ui/book/bookmark/BookmarkDialog.kt

@@ -40,14 +40,14 @@ class BookmarkDialog() : BaseBottomSheetDialogFragment(R.layout.dialog_bookmark)
             return
         }
 
-        //@Suppress("DEPRECATION")
+        @Suppress("DEPRECATION")
         val bookmark = arguments.getParcelable<Bookmark>("bookmark")
         bookmark ?: let {
             dismiss()
             return
         }
         val editPos = arguments.getInt("editPos", -1)
-        binding.btnDelete.visible(editPos >= 0) // 替换 tvFooterLeft
+        binding.btnDelete.visible(editPos >= 0)
 
         binding.run {
             tvChapterName.text = bookmark.chapterName

app/src/main/java/io/legato/kazusa/ui/book/changecover/ChangeCoverDialog.kt

@@ -59,7 +59,7 @@ class ChangeCoverDialog() : BaseDialogFragment(R.layout.dialog_change_cover),
 
     private fun initMenu() {
         binding.toolBar.inflateMenu(R.menu.change_cover)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
     }
 
@@ -94,7 +94,7 @@ class ChangeCoverDialog() : BaseDialogFragment(R.layout.dialog_change_cover),
                     item.setTitle(R.string.refresh)
                 }
             }
-            binding.toolBar.menu.applyTint(requireContext())
+            //binding.toolBar.menu.applyTint(requireContext())
         }
 
     }

app/src/main/java/io/legato/kazusa/ui/book/changesource/ChangeChapterSourceDialog.kt

@@ -140,7 +140,7 @@ class ChangeChapterSourceDialog() : BaseDialogFragment(R.layout.dialog_chapter_c
 
     private fun initMenu() {
         binding.toolBar.inflateMenu(R.menu.change_source)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
         binding.toolBar.menu.findItem(R.id.menu_check_author)
             ?.isChecked = AppConfig.changeSourceCheckAuthor

app/src/main/java/io/legato/kazusa/ui/book/group/GroupManageDialog.kt

@@ -86,7 +86,7 @@ class GroupManageDialog : BaseBottomSheetDialogFragment(R.layout.dialog_recycler
     private fun initMenu() {
         binding.toolBar.setOnMenuItemClickListener(this)
         binding.toolBar.inflateMenu(R.menu.book_group_manage)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
     }
 
     override fun onMenuItemClick(item: MenuItem?): Boolean {

app/src/main/java/io/legato/kazusa/ui/book/group/GroupSelectDialog.kt

@@ -66,7 +66,7 @@ class GroupSelectDialog() : BaseBottomSheetDialogFragment(R.layout.dialog_book_g
     private fun initView() {
         binding.toolBar.title = getString(R.string.group_select)
         binding.toolBar.inflateMenu(R.menu.book_group_manage)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
         binding.recyclerView.layoutManager = LinearLayoutManager(requireContext())
         binding.recyclerView.addItemDecoration(VerticalDivider(requireContext()))

app/src/main/java/io/legato/kazusa/ui/book/import/remote/ServerConfigDialog.kt

@@ -46,7 +46,7 @@ class ServerConfigDialog() : BaseDialogFragment(R.layout.dialog_webdav_server, t
     override fun onFragmentCreated(view: View, savedInstanceState: Bundle?) {
         //inding.toolBar.setBackgroundColor(primaryColor)
         binding.toolBar.inflateMenu(R.menu.server_config)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
         viewModel.init(arguments?.getLong("id")) {
             upConfigView(viewModel.mServer)

app/src/main/java/io/legato/kazusa/ui/book/info/BookInfoActivity.kt

@@ -2,19 +2,28 @@ package io.legato.kazusa.ui.book.info
 
 import android.annotation.SuppressLint
 import android.content.Intent
+import android.graphics.Bitmap
+import android.graphics.Color
 import android.graphics.RenderEffect
 import android.graphics.Shader
+import android.graphics.drawable.BitmapDrawable
+import android.graphics.drawable.Drawable
 import android.net.Uri
 import android.os.Build
 import android.os.Bundle
 import android.view.Menu
 import android.view.MenuItem
+import android.view.View
 import android.widget.CheckBox
 import android.widget.LinearLayout
 import androidx.activity.result.contract.ActivityResultContracts
 import androidx.activity.viewModels
 import androidx.core.content.ContextCompat
 import androidx.lifecycle.lifecycleScope
+import androidx.palette.graphics.Palette
+import com.google.android.material.button.MaterialButton
+import com.google.android.material.color.utilities.Hct
+import com.google.android.material.color.utilities.SchemeTonalSpot
 import io.legato.kazusa.R
 import io.legato.kazusa.base.VMBaseActivity
 import io.legato.kazusa.constant.BookType
@@ -75,6 +84,7 @@ import io.legato.kazusa.utils.startActivity
 import io.legato.kazusa.utils.toastOnUi
 import io.legato.kazusa.utils.viewbindingdelegate.viewBinding
 import io.legato.kazusa.utils.visible
+import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.Dispatchers.IO
 import kotlinx.coroutines.launch
 import kotlinx.coroutines.withContext
@@ -161,12 +171,10 @@ class BookInfoActivity :
 //        binding.llInfo.setBackgroundColor(backgroundColor)
 //        binding.flAction.setBackgroundColor(bottomBackground)
         //binding.flAction.applyNavigationBarPadding()
-        binding.btnShelf?.text = getString(R.string.remove_from_bookshelf)
+        binding.btnShelf.text = getString(R.string.remove_from_bookshelf)
         binding.tvToc.text = getString(R.string.toc_s, getString(R.string.loading))
 
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N_MR1) {
-            binding.tvDetail?.let { it.revealOnFocusHint = false }
-        }
+        binding.tvDetail.revealOnFocusHint = false
 
         viewModel.bookData.observe(this) { showBook(it) }
         viewModel.chapterListData.observe(this) { upLoading(false, it) }
@@ -340,8 +348,8 @@ class BookInfoActivity :
         tvAuthor.text = getString(R.string.author_show, book.getRealAuthor())
         tvOrigin.text = getString(R.string.origin_show, book.originName)
         tvLasted.text = getString(R.string.lasted_show, book.latestChapterTitle)
-        tvDetail?.let { it.text = book.getDisplayIntro() }
-        llToc?.visible(!book.isWebFile)
+        tvDetail.let { it.text = book.getDisplayIntro() }
+        llToc.visible(!book.isWebFile)
         upTvBookshelf()
         upKinds(book)
         upGroup(book.group)
@@ -412,10 +420,10 @@ class BookInfoActivity :
     }
 
     private fun upTvBookshelf() {
-        binding.btnShelf?.apply {
+        binding.btnShelf.apply {
             if (viewModel.inBookshelf) {
                 text = getString(R.string.remove_from_bookshelf)
-                icon = ContextCompat.getDrawable(context, R.drawable.ic_clear_all)
+                icon = ContextCompat.getDrawable(context, R.drawable.ic_star_fill)
             } else {
                 text = getString(R.string.add_to_bookshelf)
                 icon = ContextCompat.getDrawable(context, R.drawable.ic_star)
@@ -427,13 +435,15 @@ class BookInfoActivity :
     private fun upGroup(groupId: Long) {
         viewModel.loadGroup(groupId) {
             if (it.isNullOrEmpty()) {
-                binding.tvGroup.text = if (book?.isLocal == true) {
-                    getString(R.string.group_s, getString(R.string.local_no_group))
+                binding.tvChangeGroup.text = if (book?.isLocal == true) {
+                    getString(R.string.local_no_group)
                 } else {
-                    getString(R.string.group_s, getString(R.string.no_group))
+                    getString(R.string.no_group)
                 }
+                binding.tvChangeGroup.setIconResource(R.drawable.ic_groups)
             } else {
-                binding.tvGroup.text = getString(R.string.group_s, it)
+                binding.tvChangeGroup.text = getString(R.string.group_s, it)
+                binding.tvChangeGroup.setIconResource(R.drawable.ic_groups_fill)
             }
         }
     }
@@ -452,7 +462,7 @@ class BookInfoActivity :
             }
             true
         }
-        btnRead?.setOnClickListener {
+        btnRead.setOnClickListener {
             viewModel.getBook()?.let { book ->
                 if (book.isWebFile) {
                     showWebFileDownloadAlert {
@@ -463,7 +473,7 @@ class BookInfoActivity :
                 }
             }
         }
-        btnShelf?.setOnClickListener {
+        btnShelf.setOnClickListener {
             viewModel.getBook()?.let { book ->
                 if (viewModel.inBookshelf) {
                     deleteBook()
@@ -490,7 +500,7 @@ class BookInfoActivity :
                 }
             }
         }
-        btnChangeSource?.setOnClickListener {
+        btnChangeSource.setOnClickListener {
             viewModel.getBook()?.let { book ->
                 showDialogFragment(ChangeBookSourceDialog(book.name, book.author))
             }
@@ -533,7 +543,7 @@ class BookInfoActivity :
                 }
             }
         }
-        refreshLayout?.setOnRefreshListener {
+        refreshLayout.setOnRefreshListener {
             refreshLayout.isRefreshing = false
             refreshBook()
         }
@@ -784,4 +794,16 @@ class BookInfoActivity :
         }
     }
 
+    // 扩展函数：从Drawable中提取主色调
+    suspend fun Drawable.extractDominantColor(): Int = withContext(Dispatchers.Default) {
+        // 将Drawable转换为Bitmap
+        val bitmap = (this@extractDominantColor as? BitmapDrawable)?.bitmap ?: return@withContext Color.TRANSPARENT
+
+        // 生成Palette
+        val palette = Palette.from(bitmap).generate()
+
+        // 返回主色调，若未找到则使用默认值
+        palette.getDominantColor(Color.WHITE)
+    }
+
 }

app/src/main/java/io/legato/kazusa/ui/book/manage/SourcePickerDialog.kt

@@ -101,7 +101,7 @@ class SourcePickerDialog : BaseDialogFragment(R.layout.dialog_source_picker),
     private fun initMenu() {
         toolBar.setOnMenuItemClickListener(this)
         toolBar.inflateMenu(R.menu.source_picker)
-        toolBar.menu.applyTint(requireContext())
+        //toolBar.menu.applyTint(requireContext())
     }
 
     override fun onMenuItemClick(item: MenuItem?): Boolean {

app/src/main/java/io/legato/kazusa/ui/book/manga/ReadMangaActivity.kt

@@ -121,9 +121,9 @@ class ReadMangaActivity : VMBaseActivity<ActivityMangaBinding, ReadMangaViewMode
 
     private val loadMoreView by lazy {
         LoadMoreView(this).apply {
-            setBackgroundColor(getCompatColor(R.color.book_ant_10))
-            setLoadingColor(R.color.white)
-            setLoadingTextColor(R.color.white)
+//            setBackgroundColor(getCompatColor(R.color.book_ant_10))
+//            setLoadingColor(R.color.white)
+//            setLoadingTextColor(R.color.white)
         }
     }
 

app/src/main/java/io/legato/kazusa/ui/book/read/ContentEditDialog.kt

@@ -78,7 +78,7 @@ class ContentEditDialog : BaseDialogFragment(R.layout.dialog_content_edit) {
 
     private fun initMenu() {
         binding.toolBar.inflateMenu(R.menu.content_edit)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener {
             when (it.itemId) {
                 R.id.menu_save -> {

app/src/main/java/io/legato/kazusa/ui/book/read/ReadBookActivity.kt

@@ -34,6 +34,7 @@ import io.legato.kazusa.data.entities.Book
 import io.legato.kazusa.data.entities.BookChapter
 import io.legato.kazusa.data.entities.BookProgress
 import io.legato.kazusa.data.entities.BookSource
+import io.legato.kazusa.data.entities.ReplaceRule
 import io.legato.kazusa.exception.NoStackTraceException
 import io.legato.kazusa.help.AppWebDav
 import io.legato.kazusa.help.IntentData
@@ -508,6 +509,7 @@ class ReadBookActivity : BaseReadBookActivity(),
                 }
             }
 
+            R.id.menu_setting_replace -> openReplaceRule()
             R.id.menu_download -> showDownloadDialog()
             R.id.menu_add_bookmark -> addBookmark()
             R.id.menu_simulated_reading -> showSimulatedReading()
@@ -1203,19 +1205,23 @@ class ReadBookActivity : BaseReadBookActivity(),
     /**
      * 显示阅读样式配置
      */
-    override fun showReadStyle() {
+//    override fun showReadStyle() {
+//        showDialogFragment<ReadStyleDialog>()
+//    }
+//
+//    /**
+//     * 显示更多设置
+//     */
+//    override fun showMoreSetting() {
+//        showDialogFragment<MoreConfigDialog>()
+//    }
+//
+    override fun showSearchSetting() {
         showDialogFragment<ReadStyleDialog>()
     }
 
-    /**
-     * 显示更多设置
-     */
-    override fun showMoreSetting() {
-        showDialogFragment<MoreConfigDialog>()
-    }
-
-    override fun showSearchSetting() {
-        showDialogFragment<MoreConfigDialog>()
+    override fun showReadStyle() {
+        showDialogFragment<ReadStyleDialog>()
     }
 
     /**

app/src/main/java/io/legato/kazusa/ui/book/read/ReadMenu.kt

@@ -31,6 +31,7 @@ import io.legato.kazusa.lib.dialogs.alert
 //import io.legado.app.lib.theme.primaryColor
 //import io.legado.app.lib.theme.primaryTextColor
 import io.legato.kazusa.model.ReadBook
+import io.legato.kazusa.ui.book.read.config.MoreConfigDialog
 import io.legato.kazusa.ui.browser.WebViewActivity
 import io.legato.kazusa.ui.widget.seekbar.SeekBarChangeListener
 import io.legato.kazusa.utils.ConstraintModify
@@ -44,6 +45,7 @@ import io.legato.kazusa.utils.loadAnimation
 import io.legato.kazusa.utils.modifyBegin
 import io.legato.kazusa.utils.openUrl
 import io.legato.kazusa.utils.putPrefBoolean
+import io.legato.kazusa.utils.showDialogFragment
 import io.legato.kazusa.utils.startActivity
 import io.legato.kazusa.utils.visible
 import splitties.views.onClick
@@ -159,11 +161,11 @@ class ReadMenu @JvmOverloads constructor(
     }
 
     private fun initView(reset: Boolean = false) = binding.run {
-        if (AppConfig.isNightTheme) {
-            fabNightTheme.setImageResource(R.drawable.ic_daytime)
-        } else {
-            fabNightTheme.setImageResource(R.drawable.ic_brightness)
-        }
+//        if (AppConfig.isNightTheme) {
+//            fabNightTheme.setIconResource(R.drawable.ic_daytime)
+//        } else {
+//            fabNightTheme.setIconResource(R.drawable.ic_brightness)
+//        }
         initAnimation()
         if (immersiveMenu) {
 //            val lightTextColor = ColorUtils.withAlpha(ColorUtils.lightenColor(textColor), 0.75f)
@@ -223,7 +225,7 @@ class ReadMenu @JvmOverloads constructor(
         /**
          * 确保视图不被导航栏遮挡
          */
-        applyNavigationBarPadding()
+        binding.bottomView.applyNavigationBarPadding()
     }
 
     fun reset() {
@@ -361,8 +363,6 @@ class ReadMenu @JvmOverloads constructor(
         }
         tvChapterName.setOnClickListener(chapterViewClickListener)
         tvChapterName.setOnLongClickListener(chapterViewLongClickListener)
-        tvChapterUrl.setOnClickListener(chapterViewClickListener)
-        tvChapterUrl.setOnLongClickListener(chapterViewLongClickListener)
         //书源操作
         tvSourceAction.onClick {
             sourceMenu.menu.findItem(R.id.menu_login).isVisible =
@@ -446,13 +446,13 @@ class ReadMenu @JvmOverloads constructor(
         }
 
         //替换
-        fabReplaceRule.setOnClickListener { callBack.openReplaceRule() }
+        //fabReplaceRule.setOnClickListener { callBack.openReplaceRule() }
 
         //夜间模式
-        fabNightTheme.setOnClickListener {
-            AppConfig.isNightTheme = !AppConfig.isNightTheme
-            ThemeConfig.applyDayNight(context)
-        }
+//        fabNightTheme.setOnClickListener {
+//            AppConfig.isNightTheme = !AppConfig.isNightTheme
+//            ThemeConfig.applyDayNight(context)
+//        }
 
         //上一章
         tvPre.setOnClickListener { ReadBook.moveToPrevChapter(upContent = true, toLast = false) }
@@ -461,35 +461,29 @@ class ReadMenu @JvmOverloads constructor(
         tvNext.setOnClickListener { ReadBook.moveToNextChapter(true) }
 
         //目录
-        llCatalog.setOnClickListener {
+        ivCatalog.setOnClickListener {
             runMenuOut {
                 callBack.openChapterList()
             }
         }
 
         //朗读
-        llReadAloud.setOnClickListener {
+        ivReadAloud.setOnClickListener {
             runMenuOut {
                 callBack.onClickReadAloud()
             }
         }
-        llReadAloud.onLongClick {
-            runMenuOut {
-                callBack.showReadAloudDialog()
-            }
-        }
 
-        //界面
-        llFont.setOnClickListener {
+        ivReadAloud.onLongClick {
             runMenuOut {
-                callBack.showReadStyle()
+                callBack.showReadAloudDialog()
             }
         }
 
         //设置
-        llSetting.setOnClickListener {
+        ivSetting.setOnClickListener {
             runMenuOut {
-                callBack.showMoreSetting()
+                callBack.showReadStyle()
             }
         }
     }
@@ -500,13 +494,13 @@ class ReadMenu @JvmOverloads constructor(
     }
 
     fun upBookView() {
-        binding.titleBar.title = ReadBook.book?.name
+        binding.titleBar.title = " "
+        binding.tvBookName.text = ReadBook.book?.name
         ReadBook.curTextChapter?.let {
             binding.tvChapterName.text = it.title
-            binding.tvChapterName.visible()
             if (!ReadBook.isLocalBook) {
                 binding.tvChapterUrl.text = it.chapter.getAbsoluteURL()
-                binding.tvChapterUrl.visible()
+                //binding.tvChapterUrl.visible()
             } else {
                 binding.tvChapterUrl.gone()
             }
@@ -514,7 +508,6 @@ class ReadMenu @JvmOverloads constructor(
             binding.tvPre.isEnabled = ReadBook.durChapterIndex != 0
             binding.tvNext.isEnabled = ReadBook.durChapterIndex != ReadBook.simulatedChapterSize - 1
         } ?: let {
-            binding.tvChapterName.gone()
             binding.tvChapterUrl.gone()
         }
     }
@@ -526,20 +519,16 @@ class ReadMenu @JvmOverloads constructor(
             when (AppConfig.progressBarBehavior) {
                 "page" -> {
                     ReadBook.curTextChapter?.let { chapter ->
-                        if (chapter.pageSize > 0 && ReadBook.durPageIndex > 0) {
+                        if (chapter.pageSize >= 0 && ReadBook.durPageIndex >= 0) {
                             valueFrom = 1f
                             valueTo = chapter.pageSize.toFloat().coerceAtLeast(2f)
-                            value = (ReadBook.durPageIndex).coerceIn(1, chapter.pageSize).toFloat()
                             stepSize = 1f
+                            value = (ReadBook.durPageIndex).coerceIn(1, chapter.pageSize).toFloat()
                         } else {
-                            valueFrom = 1f
-                            valueTo = 2f
-                            value = 1f
+                            value = 0f
+                            valueFrom = 0f
+                            valueTo = 1000f
                         }
-                    }?: run {
-                        valueFrom = 1f
-                        valueTo = 2f
-                        value = 1f
                     }
                 }
 
@@ -548,12 +537,12 @@ class ReadMenu @JvmOverloads constructor(
                     {
                         valueFrom = 1f
                         valueTo = ReadBook.simulatedChapterSize.toFloat().coerceAtLeast(2f)
-                        value = (ReadBook.durChapterIndex).coerceIn(1, ReadBook.simulatedChapterSize).toFloat()
                         stepSize = 1f
+                        value = (ReadBook.durChapterIndex).coerceIn(1, ReadBook.simulatedChapterSize).toFloat()
                     } else {
-                        valueFrom = 1f
-                        valueTo = 2f
-                        value = 1f
+                        valueFrom = 0f
+                        value = 0f
+                        valueTo = 1000f
                     }
                 }
             }
@@ -579,15 +568,15 @@ class ReadMenu @JvmOverloads constructor(
 //    }
 
     fun setSeekPage(seek: Int) {
-        binding.seekReadPage.value = 1f
+        binding.seekReadPage.value = seek.toFloat() + 1
     }
 
     fun setAutoPage(autoPage: Boolean) = binding.run {
         if (autoPage) {
-            fabAutoPage.setImageResource(R.drawable.ic_auto_page_stop)
+            fabAutoPage.setIconResource(R.drawable.ic_auto_page_stop)
             fabAutoPage.contentDescription = context.getString(R.string.auto_next_page_stop)
         } else {
-            fabAutoPage.setImageResource(R.drawable.ic_auto_page)
+            fabAutoPage.setIconResource(R.drawable.ic_auto_page)
             fabAutoPage.contentDescription = context.getString(R.string.auto_next_page)
         }
         //fabAutoPage.setColorFilter(textColor)
@@ -615,7 +604,6 @@ class ReadMenu @JvmOverloads constructor(
         fun openSourceEditActivity()
         fun openBookInfoActivity()
         fun showReadStyle()
-        fun showMoreSetting()
         fun showReadAloudDialog()
         fun upSystemUiVisibility()
         fun onClickReadAloud()

app/src/main/java/io/legato/kazusa/ui/book/read/config/HttpTtsEditDialog.kt

@@ -71,7 +71,7 @@ class HttpTtsEditDialog() : BaseBottomSheetDialogFragment(R.layout.dialog_http_t
 
     fun initMenu() {
         binding.toolBar.inflateMenu(R.menu.speak_engine_edit)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
     }
 

app/src/main/java/io/legato/kazusa/ui/book/read/config/MoreConfigDialog.kt

@@ -10,6 +10,7 @@ import android.view.ViewConfiguration
 import android.view.ViewGroup
 import android.widget.LinearLayout
 import androidx.preference.Preference
+import androidx.preference.PreferenceFragmentCompat
 import io.legato.kazusa.R
 import io.legato.kazusa.base.BasePrefDialogFragment
 import io.legato.kazusa.constant.EventBus
@@ -31,20 +32,6 @@ import io.legato.kazusa.utils.removePref
 class MoreConfigDialog : BasePrefDialogFragment() {
     private val readPreferTag = "readPreferenceFragment"
 
-    override fun onStart() {
-        super.onStart()
-//        dialog?.window?.run {
-//            clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND)
-//            setBackgroundDrawableResource(R.color.background)
-//            decorView.setPadding(0, 0, 0, 0)
-//            val attr = attributes
-//            attr.dimAmount = 0.0f
-//            attr.gravity = Gravity.BOTTOM
-//            attributes = attr
-//            setLayout(ViewGroup.LayoutParams.MATCH_PARENT, 360.dpToPx())
-//        }
-    }
-
     override fun onCreateView(
         inflater: LayoutInflater,
         container: ViewGroup?,
@@ -67,12 +54,7 @@ class MoreConfigDialog : BasePrefDialogFragment() {
             .commit()
     }
 
-    override fun onDismiss(dialog: DialogInterface) {
-        super.onDismiss(dialog)
-        (activity as ReadBookActivity).bottomDialog--
-    }
-
-    class ReadPreferenceFragment : PreferenceFragment(),
+    class ReadPreferenceFragment : PreferenceFragmentCompat(),
         SharedPreferences.OnSharedPreferenceChangeListener {
 
         private val slopSquare by lazy { ViewConfiguration.get(requireContext()).scaledTouchSlop }
@@ -198,6 +180,5 @@ class MoreConfigDialog : BasePrefDialogFragment() {
                     getString(R.string.page_touch_slop_summary, value)
             }
         }
-
     }
 }

app/src/main/java/io/legato/kazusa/ui/book/read/config/ReadStyleDialog.kt

@@ -29,6 +29,7 @@ import splitties.views.onLongClick
 import androidx.core.graphics.drawable.toDrawable
 import androidx.transition.TransitionManager
 import com.google.android.material.bottomsheet.BottomSheetBehavior
+import io.legato.kazusa.help.config.ThemeConfig
 
 class ReadStyleDialog : BaseBottomSheetDialogFragment(R.layout.dialog_read_book_style),
     FontSelectDialog.CallBack {
@@ -39,21 +40,6 @@ class ReadStyleDialog : BaseBottomSheetDialogFragment(R.layout.dialog_read_book_
 
     private lateinit var allSliders: List<DetailSeekBar>
 
-
-    override fun onStart() {
-        super.onStart()
-//        dialog?.window?.run {
-//            clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND)
-//            setBackgroundDrawableResource(R.color.background)
-//            decorView.setPadding(0, 0, 0, 0)
-//            val attr = attributes
-//            attr.dimAmount = 0.0f
-//            attr.gravity = Gravity.BOTTOM
-//            attributes = attr
-//            setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)
-//        }
-    }
-
     override fun onFragmentCreated(view: View, savedInstanceState: Bundle?) {
         (activity as ReadBookActivity).bottomDialog++
         initView()
@@ -75,6 +61,11 @@ class ReadStyleDialog : BaseBottomSheetDialogFragment(R.layout.dialog_read_book_
 //        tvPageAnim.setTextColor(textColor)
 //        tvBgTs.setTextColor(textColor)
 //        tvShareLayout.setTextColor(textColor)
+        if (AppConfig.isNightTheme) {
+            tvDayNight.setIconResource(R.drawable.ic_daytime)
+        } else {
+            tvDayNight.setIconResource(R.drawable.ic_brightness)
+        }
         dsbTextSize.valueFormat = {
             (it + 5).toString()
         }
@@ -133,6 +124,13 @@ class ReadStyleDialog : BaseBottomSheetDialogFragment(R.layout.dialog_read_book_
         tvTip.setOnClickListener {
             TipConfigDialog().show(childFragmentManager, "tipConfigDialog")
         }
+        tvMore.setOnClickListener {
+            showDialogFragment<MoreConfigDialog>()
+        }
+        tvDayNight.setOnClickListener {
+            AppConfig.isNightTheme = !AppConfig.isNightTheme
+            ThemeConfig.applyDayNight(requireContext())
+        }
 //        rgPageAnim.setOnCheckedChangeListener { _, checkedId ->
 //            ReadBook.book?.setPageAnim(-1)
 //            ReadBookConfig.pageAnim = binding.rgPageAnim.getIndexById(checkedId)
@@ -299,6 +297,5 @@ class ReadStyleDialog : BaseBottomSheetDialogFragment(R.layout.dialog_read_book_
                 }
             }
         }
-
     }
 }

app/src/main/java/io/legato/kazusa/ui/book/read/config/SpeakEngineDialog.kt

@@ -161,7 +161,7 @@ class SpeakEngineDialog() : BaseBottomSheetDialogFragment(R.layout.dialog_recycl
 
     private fun initMenu() = binding.run {
         toolBar.inflateMenu(R.menu.speak_engine)
-        toolBar.menu.applyTint(requireContext())
+        //toolBar.menu.applyTint(requireContext())
         toolBar.setOnMenuItemClickListener(this@SpeakEngineDialog)
     }
 

app/src/main/java/io/legato/kazusa/ui/book/read/page/PageView.kt

@@ -26,6 +26,7 @@ import io.legato.kazusa.utils.applyStatusBarPadding
 import io.legato.kazusa.utils.dpToPx
 import io.legato.kazusa.utils.gone
 import io.legato.kazusa.utils.setTextIfNotEqual
+import io.legato.kazusa.utils.statusBarHeight
 import splitties.views.backgroundColor
 import java.util.Date
 
@@ -59,11 +60,9 @@ class PageView(context: Context) : FrameLayout(context) {
         }
 
     init {
-        if (!isInEditMode) {
-            upStyle()
-            binding.vwStatusBar.applyStatusBarPadding()
-            binding.vwNavigationBar.applyNavigationBarPadding()
-        }
+        upStyle()
+        binding.vwStatusBar.applyStatusBarPadding()
+        binding.vwNavigationBar.applyNavigationBarPadding()
     }
 
     override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
@@ -118,8 +117,8 @@ class PageView(context: Context) : FrameLayout(context) {
      * 显示状态栏时隐藏header
      */
     fun upStatusBar() = with(binding.vwStatusBar) {
-//        setPadding(paddingLeft, context.statusBarHeight, paddingRight, paddingBottom)
-        isGone = ReadBookConfig.hideStatusBar || readBookActivity?.isInMultiWindow == true
+        setPadding(paddingLeft, context.statusBarHeight, paddingRight, paddingBottom)
+        isGone = ReadBookConfig.hideStatusBar
     }
 
     fun upNavigationBar() {

app/src/main/java/io/legato/kazusa/ui/book/search/SearchScopeDialog.kt

@@ -60,7 +60,7 @@ class SearchScopeDialog : BaseDialogFragment(R.layout.dialog_search_scope) {
 
     private fun initMenu() {
         binding.toolBar.inflateMenu(R.menu.book_search_scope)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
     }
 
     private fun initSearchView() {

app/src/main/java/io/legato/kazusa/ui/book/source/manage/GroupManageDialog.kt

@@ -46,7 +46,7 @@ class GroupManageDialog : BaseDialogFragment(R.layout.dialog_recycler_view),
 //        binding.toolBar.setBackgroundColor(primaryColor)
         binding.toolBar.title = getString(R.string.group_manage)
         binding.toolBar.inflateMenu(R.menu.group_manage)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
         binding.recyclerView.layoutManager = LinearLayoutManager(requireContext())
         binding.recyclerView.addItemDecoration(VerticalDivider(requireContext()))

app/src/main/java/io/legato/kazusa/ui/book/toc/rule/TxtTocRuleDialog.kt

@@ -90,7 +90,7 @@ class TxtTocRuleDialog() : BaseDialogFragment(R.layout.dialog_toc_regex),
         durRegex = arguments?.getString("tocRegex")
         binding.toolBar.setTitle(R.string.txt_toc_rule)
         binding.toolBar.inflateMenu(R.menu.txt_toc_rule)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
         initView()
         initData()

app/src/main/java/io/legato/kazusa/ui/book/toc/rule/TxtTocRuleEditDialog.kt

@@ -51,7 +51,7 @@ class TxtTocRuleEditDialog() : BaseBottomSheetDialogFragment(R.layout.dialog_toc
 
     private fun initMenu() {
         binding.toolBar.inflateMenu(R.menu.txt_toc_rule_edit)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
     }
 

app/src/main/java/io/legato/kazusa/ui/dict/rule/DictRuleEditDialog.kt

@@ -38,7 +38,7 @@ class DictRuleEditDialog() : BaseBottomSheetDialogFragment(R.layout.dialog_dict_
     override fun onFragmentCreated(view: View, savedInstanceState: Bundle?) {
         //binding.toolBar.setBackgroundColor(primaryColor)
         binding.toolBar.inflateMenu(R.menu.dict_rule_edit)
-        binding.toolBar.menu.applyTint(requireContext())
+        //binding.toolBar.menu.applyTint(requireContext())
         binding.toolBar.setOnMenuItemClickListener(this)
         viewModel.initData(arguments?.getString("name")) {
             upRuleView(viewModel.dictRule)

app/src/main/java/io/legato/kazusa/ui/font/FontSelectDialog.kt

@@ -9,6 +9,7 @@ import androidx.documentfile.provider.DocumentFile
 import androidx.lifecycle.lifecycleScope
 import androidx.recyclerview.widget.LinearLayoutManager
 import io.legato.kazusa.R
+import io.legato.kazusa.base.BaseBottomSheetDialogFragment
 import io.legato.kazusa.base.BaseDialogFragment
 import io.legato.kazusa.constant.AppLog
 import io.legato.kazusa.constant.PreferKey
@@ -36,11 +37,12 @@ import io.legato.kazusa.utils.toastOnUi
 import io.legato.kazusa.utils.viewbindingdelegate.viewBinding
 import kotlinx.coroutines.launch
 import java.io.File
+import androidx.core.net.toUri
 
 /**
  * 字体选择对话框
  */
-class FontSelectDialog : BaseDialogFragment(R.layout.dialog_font_select),
+class FontSelectDialog : BaseBottomSheetDialogFragment(R.layout.dialog_font_select),
     Toolbar.OnMenuItemClickListener,
     FontAdapter.CallBack {
     private val fontRegex = Regex("(?i).*\\.[ot]tf")
@@ -70,11 +72,6 @@ class FontSelectDialog : BaseDialogFragment(R.layout.dialog_font_select),
         }
     }
 
-    override fun onStart() {
-        super.onStart()
-        setLayout(0.9f, 0.9f)
-    }
-
     override fun onFragmentCreated(view: View, savedInstanceState: Bundle?) {
         //binding.toolBar.setBackgroundColor(primaryColor)
         binding.toolBar.setTitle(R.string.select_font)
@@ -89,7 +86,7 @@ class FontSelectDialog : BaseDialogFragment(R.layout.dialog_font_select),
             openFolder()
         } else {
             if (fontPath.isContentScheme()) {
-                val doc = DocumentFile.fromTreeUri(requireContext(), Uri.parse(fontPath))
+                val doc = DocumentFile.fromTreeUri(requireContext(), fontPath.toUri())
                 if (doc?.canRead() == true) {
                     loadFontFiles(FileDoc.fromDocumentFile(doc))
                 } else {

app/src/main/java/io/legato/kazusa/ui/main/MainActivity.kt

@@ -2,12 +2,14 @@
 
 package io.legato.kazusa.ui.main
 
+import android.content.res.Configuration
 import android.os.Bundle
 import android.text.format.DateUtils
 import android.view.MenuItem
 import android.view.MotionEvent
 import android.view.ViewGroup
 import androidx.activity.addCallback
+import androidx.activity.enableEdgeToEdge
 import androidx.activity.viewModels
 import androidx.core.view.postDelayed
 import androidx.fragment.app.Fragment
@@ -57,7 +59,10 @@ import splitties.views.bottomPadding
 import kotlin.coroutines.resume
 import kotlin.coroutines.suspendCoroutine
 import androidx.core.view.get
+import com.google.android.material.navigation.NavigationBarView
 import io.legato.kazusa.ui.welcome.WelcomeActivity
+import io.legato.kazusa.utils.applyNavigationBarPadding
+import io.legato.kazusa.utils.applyStatusBarPadding
 
 /**
  * 主界面
@@ -84,10 +89,12 @@ class MainActivity : VMBaseActivity<ActivityMainBinding, MainViewModel>(),
     private val adapter by lazy {
         TabFragmentPageAdapter(supportFragmentManager)
     }
-    private val onUpBooksBadgeView by lazy {
-        binding.bottomNavigationView.addBadgeView(0)
+
+    private val badge by lazy {
+        getNavigationBarView().getOrCreateBadge(R.id.menu_bookshelf)
     }
 
+
     override fun onActivityCreated(savedInstanceState: Bundle?) {
         upBottomMenu()
         initView()
@@ -197,13 +204,18 @@ class MainActivity : VMBaseActivity<ActivityMainBinding, MainViewModel>(),
         viewPagerMain.adapter = adapter
         viewPagerMain.addOnPageChangeListener(PageChangeCallback())
         //bottomNavigationView.elevation = elevation
-        bottomNavigationView.setOnNavigationItemSelectedListener(this@MainActivity)
-        bottomNavigationView.setOnNavigationItemReselectedListener(this@MainActivity)
-        bottomNavigationView.setOnApplyWindowInsetsListenerCompat { view, windowInsets ->
-            val height = windowInsets.navigationBarHeight
-            view.bottomPadding = height
-            windowInsets.inset(0, 0, 0, height)
+        getNavigationBarView().apply {
+            setOnItemSelectedListener { onNavigationItemSelected(it) }
+            setOnItemReselectedListener { onNavigationItemReselected(it) }
         }
+
+        //getNavigationBarView().applyNavigationBarPadding()
+
+//        bottomNavigationView.setOnApplyWindowInsetsListenerCompat { view, windowInsets ->
+//            val height = windowInsets.navigationBarHeight
+//            view.bottomPadding = height
+//            windowInsets.inset(0, 0, 0, height)
+//        }
     }
 
     /**
@@ -344,8 +356,10 @@ class MainActivity : VMBaseActivity<ActivityMainBinding, MainViewModel>(),
     override fun observeLiveBus() {
         super.observeLiveBus()
         viewModel.onUpBooksLiveData.observe(this) {
-            onUpBooksBadgeView.setBadgeCount(it)
+            badge.isVisible = it > 0
+            badge.number = it
         }
+
         observeEvent<Boolean>(EventBus.NOTIFY_MAIN) {
             binding.apply {
                 upBottomMenu()
@@ -359,13 +373,24 @@ class MainActivity : VMBaseActivity<ActivityMainBinding, MainViewModel>(),
         }
     }
 
+    private fun getNavigationBarView(): NavigationBarView {
+        return findViewById(
+            if (resources.configuration.orientation == Configuration.ORIENTATION_PORTRAIT)
+                R.id.bottom_navigation_view
+            else
+                R.id.navigation_rail_view
+        )
+    }
+
+
     private fun upBottomMenu() {
+
         val showDiscovery = AppConfig.showDiscovery
         val showRss = AppConfig.showRSS
-        binding.bottomNavigationView.menu.let { menu ->
-            menu.findItem(R.id.menu_discovery).isVisible = showDiscovery
-            menu.findItem(R.id.menu_rss).isVisible = showRss
-        }
+        val menu = getNavigationBarView().menu
+        menu.findItem(R.id.menu_discovery).isVisible = showDiscovery
+        menu.findItem(R.id.menu_rss).isVisible = showRss
+
         var index = 0
         if (showDiscovery) {
             index++
@@ -408,8 +433,9 @@ class MainActivity : VMBaseActivity<ActivityMainBinding, MainViewModel>(),
 
         override fun onPageSelected(position: Int) {
             pagePosition = position
-            binding.bottomNavigationView.menu[realPositions[position]].isChecked = true
+            getNavigationBarView().menu[realPositions[position]].isChecked = true
         }
+
     }
 
 

app/src/main/java/io/legato/kazusa/ui/main/bookshelf/BaseBookshelfFragment.kt

@@ -1,8 +1,10 @@
 package io.legato.kazusa.ui.main.bookshelf
 
 import android.annotation.SuppressLint
+import android.content.res.Configuration
 import android.view.Menu
 import android.view.MenuItem
+import androidx.core.view.isVisible
 import androidx.fragment.app.activityViewModels
 import androidx.fragment.app.viewModels
 import androidx.lifecycle.LiveData
@@ -28,6 +30,7 @@ import io.legato.kazusa.ui.file.HandleFileContract
 import io.legato.kazusa.ui.main.MainFragmentInterface
 import io.legato.kazusa.ui.main.MainViewModel
 import io.legato.kazusa.ui.widget.dialog.WaitDialog
+import io.legato.kazusa.utils.bookshelfLayout
 import io.legato.kazusa.utils.checkByIndex
 import io.legato.kazusa.utils.getCheckedIndex
 import io.legato.kazusa.utils.isAbsUrl
@@ -164,7 +167,17 @@ abstract class BaseBookshelfFragment(layoutId: Int) : VMBaseFragment<BookshelfVi
     @SuppressLint("InflateParams")
     fun configBookshelf() {
         alert(titleResource = R.string.bookshelf_layout) {
-            val bookshelfLayout = AppConfig.bookshelfLayout
+
+            val orientation = requireContext().resources.configuration.orientation
+            val bookshelfLayout = if (orientation == Configuration.ORIENTATION_LANDSCAPE) {
+                AppConfig.bookshelfLayoutLandscape
+            } else {
+                AppConfig.bookshelfLayoutPortrait
+            }
+
+            val isGrid = bookshelfLayout > 0
+            val columnCount = (bookshelfLayout.takeIf { it > 0 } ?: 1)
+
             val bookshelfSort = AppConfig.bookshelfSort
             val alertBinding =
                 DialogBookshelfConfigBinding.inflate(layoutInflater)
@@ -174,10 +187,20 @@ abstract class BaseBookshelfFragment(layoutId: Int) : VMBaseFragment<BookshelfVi
                         swShowLastUpdateTime.isChecked = AppConfig.showLastUpdateTime
                         swShowWaitUpBooks.isChecked = AppConfig.showWaitUpCount
                         swShowBookshelfFastScroller.isChecked = AppConfig.showBookshelfFastScroller
-                        rgLayout.checkByIndex(bookshelfLayout)
                         rgSort.checkByIndex(bookshelfSort)
+
+                        chipList.isChecked = !isGrid
+                        chipGrid.isChecked = isGrid
+                        llGridSlider.isVisible = isGrid
+                        sliderGridCount.value = columnCount.toFloat()
+
+                        chipGroupLayout.setOnCheckedChangeListener { _, checkedId ->
+                            llGridSlider.isVisible = checkedId == R.id.chip_grid
+                        }
+
                     }
             customView { alertBinding.root }
+
             okButton {
                 alertBinding.apply {
                     var notifyMain = false
@@ -206,15 +229,30 @@ abstract class BaseBookshelfFragment(layoutId: Int) : VMBaseFragment<BookshelfVi
                         AppConfig.bookshelfSort = rgSort.getCheckedIndex()
                         upSort()
                     }
-                    if (bookshelfLayout != rgLayout.getCheckedIndex()) {
-                        AppConfig.bookshelfLayout = rgLayout.getCheckedIndex()
-                        if (AppConfig.bookshelfLayout == 0) {
-                            activityViewModel.booksGridRecycledViewPool.clear()
+
+                    val isNowGrid = alertBinding.chipGrid.isChecked
+                    val selectedColumn = alertBinding.sliderGridCount.value.toInt()
+                    val newLayout = if (isNowGrid) selectedColumn else 0
+
+                    if (bookshelfLayout != newLayout) {
+                        if (orientation == Configuration.ORIENTATION_LANDSCAPE) {
+                            AppConfig.bookshelfLayoutLandscape = newLayout
+                            if (newLayout == 0) {
+                                activityViewModel.booksGridRecycledViewPool.clear()
+                            } else {
+                                activityViewModel.booksListRecycledViewPool.clear()
+                            }
                         } else {
-                            activityViewModel.booksListRecycledViewPool.clear()
+                            AppConfig.bookshelfLayoutPortrait = newLayout
+                            if (newLayout == 0) {
+                                activityViewModel.booksGridRecycledViewPool.clear()
+                            } else {
+                                activityViewModel.booksListRecycledViewPool.clear()
+                            }
                         }
                         recreate = true
                     }
+
                     if (recreate) {
                         postEvent(EventBus.RECREATE, "")
                     } else if (notifyMain) {

app/src/main/java/io/legato/kazusa/ui/main/bookshelf/style1/books/BooksFragment.kt

@@ -1,6 +1,7 @@
 package io.legato.kazusa.ui.main.bookshelf.style1.books
 
 import android.annotation.SuppressLint
+import android.content.res.Configuration
 import android.os.Bundle
 import android.view.View
 import android.view.ViewConfiguration
@@ -27,6 +28,7 @@ import io.legato.kazusa.help.config.AppConfig
 //import io.legado.app.lib.theme.primaryColor
 import io.legato.kazusa.ui.book.info.BookInfoActivity
 import io.legato.kazusa.ui.main.MainViewModel
+import io.legato.kazusa.utils.bookshelfLayout
 import io.legato.kazusa.utils.cnCompare
 import io.legato.kazusa.utils.flowWithLifecycleAndDatabaseChangeFirst
 import io.legato.kazusa.utils.observeEvent
@@ -61,7 +63,10 @@ class BooksFragment() : BaseFragment(R.layout.fragment_books),
 
     private val binding by viewBinding(FragmentBooksBinding::bind)
     private val activityViewModel by activityViewModels<MainViewModel>()
-    private val bookshelfLayout by lazy { AppConfig.bookshelfLayout }
+
+    private val bookshelfLayout by lazy { requireContext().bookshelfLayout }
+
+
     private val booksAdapter: BaseBooksAdapter<*> by lazy {
         if (bookshelfLayout == 0) {
             BooksAdapterList(requireContext(), this, this, viewLifecycleOwner.lifecycle)
@@ -102,7 +107,7 @@ class BooksFragment() : BaseFragment(R.layout.fragment_books),
         if (bookshelfLayout == 0) {
             binding.rvBookshelf.layoutManager = LinearLayoutManager(context)
         } else {
-            binding.rvBookshelf.layoutManager = GridLayoutManager(context, bookshelfLayout + 2)
+            binding.rvBookshelf.layoutManager = GridLayoutManager(context, bookshelfLayout)
         }
         if (bookshelfLayout == 0) {
             binding.rvBookshelf.setRecycledViewPool(activityViewModel.booksListRecycledViewPool)

app/src/main/java/io/legato/kazusa/ui/main/bookshelf/style2/BookshelfFragment2.kt

@@ -25,6 +25,7 @@ import io.legato.kazusa.ui.book.group.GroupEditDialog
 import io.legato.kazusa.ui.book.info.BookInfoActivity
 import io.legato.kazusa.ui.book.search.SearchActivity
 import io.legato.kazusa.ui.main.bookshelf.BaseBookshelfFragment
+import io.legato.kazusa.utils.bookshelfLayout
 import io.legato.kazusa.utils.cnCompare
 import io.legato.kazusa.utils.flowWithLifecycleAndDatabaseChangeFirst
 import io.legato.kazusa.utils.observeEvent
@@ -56,7 +57,9 @@ class BookshelfFragment2() : BaseBookshelfFragment(R.layout.fragment_bookshelf2)
     }
 
     private val binding by viewBinding(FragmentBookshelf2Binding::bind)
-    private val bookshelfLayout by lazy { AppConfig.bookshelfLayout }
+
+    private val bookshelfLayout by lazy { requireContext().bookshelfLayout }
+
     private val booksAdapter: BaseBooksAdapter<*> by lazy {
         if (bookshelfLayout == 0) {
             BooksAdapterList(requireContext(), this)
@@ -87,7 +90,7 @@ class BookshelfFragment2() : BaseBookshelfFragment(R.layout.fragment_bookshelf2)
         if (bookshelfLayout == 0) {
             binding.rvBookshelf.layoutManager = LinearLayoutManager(context)
         } else {
-            binding.rvBookshelf.layoutManager = GridLayoutManager(context, bookshelfLayout + 2)
+            binding.rvBookshelf.layoutManager = GridLayoutManager(context, bookshelfLayout)
         }
         binding.rvBookshelf.itemAnimator = null
         binding.rvBookshelf.adapter = booksAdapter

app/src/main/java/io/legato/kazusa/ui/main/explore/ExploreAdapter.kt

@@ -8,6 +8,7 @@ import android.widget.TextView
 import androidx.core.content.ContextCompat
 import androidx.core.view.children
 import com.google.android.flexbox.FlexboxLayout
+import com.google.android.material.card.MaterialCardView
 import io.legato.kazusa.R
 import io.legato.kazusa.base.adapter.ItemViewHolder
 import io.legato.kazusa.base.adapter.RecyclerAdapter
@@ -85,14 +86,17 @@ class ExploreAdapter(context: Context, val callBack: CallBack) :
             recyclerFlexbox(flexbox)
             flexbox.visible()
             kinds.forEach { kind ->
-                val tv = getFlexboxChild(flexbox)
-                flexbox.addView(tv)
-                tv.text = kind.title
-                kind.style().apply(tv)
+                val cardView = getFlexboxChild(flexbox)
+                val textView = cardView.findViewById<TextView>(R.id.text_view)
+                flexbox.addView(cardView)
+
+                textView.text = kind.title
+                //kind.style().apply(textView)
+
                 if (kind.url.isNullOrBlank()) {
-                    tv.setOnClickListener(null)
+                    cardView.setOnClickListener(null)
                 } else {
-                    tv.setOnClickListener {
+                    cardView.setOnClickListener {
                         if (kind.title.startsWith("ERROR:")) {
                             it.activity?.showDialogFragment(TextDialog("ERROR", kind.url))
                         } else {
@@ -104,12 +108,13 @@ class ExploreAdapter(context: Context, val callBack: CallBack) :
         }
     }
 
+
     @Synchronized
-    private fun getFlexboxChild(flexbox: FlexboxLayout): TextView {
+    private fun getFlexboxChild(flexbox: FlexboxLayout): MaterialCardView {
         return if (recycler.isEmpty()) {
             ItemFilletTextBinding.inflate(inflater, flexbox, false).root
         } else {
-            recycler.removeLastElement() as TextView
+            recycler.removeLastElement() as MaterialCardView
         }
     }
 

app/src/main/java/io/legato/kazusa/ui/rss/source/manage/GroupManageDialog.kt

@@ -47,7 +47,7 @@ class GroupManageDialog : BaseBottomSheetDialogFragment(R.layout.dialog_recycler
         //toolBar.setBackgroundColor(primaryColor)
         toolBar.title = getString(R.string.group_manage)
         toolBar.inflateMenu(R.menu.group_manage)
-        toolBar.menu.applyTint(requireContext())
+        //toolBar.menu.applyTint(requireContext())
         toolBar.setOnMenuItemClickListener(this@GroupManageDialog)
         recyclerView.layoutManager = LinearLayoutManager(requireContext())
         recyclerView.addItemDecoration(VerticalDivider(requireContext()))

app/src/main/java/io/legato/kazusa/ui/widget/TitleBar.kt

@@ -167,12 +167,6 @@ class TitleBar @JvmOverloads constructor(
                 }
             }
 
-            if (AppConfig.isEInkMode) {
-                setBackgroundResource(R.drawable.bg_eink_border_bottom)
-            } else {
-                //setBackgroundColor(context.primaryColor)
-            }
-
             stateListAnimator = null
             //elevation = context.elevation
         }

app/src/main/java/io/legato/kazusa/ui/widget/recycler/LoadMoreView.kt

@@ -6,6 +6,8 @@ import android.view.LayoutInflater
 import android.view.ViewGroup
 import android.widget.FrameLayout
 import androidx.annotation.ColorRes
+import androidx.core.view.isInvisible
+import androidx.core.view.isVisible
 import io.legato.kazusa.R
 import io.legato.kazusa.databinding.ViewLoadMoreBinding
 import io.legato.kazusa.lib.dialogs.alert
@@ -51,7 +53,7 @@ class LoadMoreView(context: Context, attrs: AttributeSet? = null) : FrameLayout(
 
     fun stopLoad() {
         isLoading = false
-        binding.rotateLoading.inVisible()
+        binding.rotateLoading.invisible()
     }
 
     fun hasMore() {
@@ -81,14 +83,6 @@ class LoadMoreView(context: Context, attrs: AttributeSet? = null) : FrameLayout(
         binding.tvText.visible()
     }
 
-    fun setLoadingColor(@ColorRes color: Int) {
-        binding.rotateLoading.loadingColor = context.getCompatColor(color)
-    }
-
-    fun setLoadingTextColor(@ColorRes color: Int) {
-        binding.tvText.setTextColor(context.getCompatColor(color))
-    }
-
     private fun showErrorDialog(): Boolean {
         if (errorMsg.isBlank()) {
             return false

app/src/main/java/io/legato/kazusa/ui/widget/recycler/scroller/FastScroller.kt

@@ -290,7 +290,7 @@ class FastScroller : LinearLayout {
     override fun onTouchEvent(event: MotionEvent): Boolean {
         when (event.action) {
             MotionEvent.ACTION_DOWN -> {
-                if (event.x < mHandleView.x - ViewCompat.getPaddingStart(mHandleView)) {
+                if (event.x < mHandleView.x - mHandleView.paddingStart) {
                     return false
                 }
                 if (!mScrollbar.isVisible) {

app/src/main/java/io/legato/kazusa/utils/ContextExtensions.kt

@@ -418,6 +418,13 @@ val Context.isDebuggable: Boolean
 
 val Context.dataStore by preferencesDataStore(name = "settings")
 
+val Context.bookshelfLayout: Int
+    get() = if (resources.configuration.orientation == Configuration.ORIENTATION_LANDSCAPE) {
+        AppConfig.bookshelfLayoutLandscape
+    } else {
+        AppConfig.bookshelfLayoutPortrait
+    }
+
 fun Context.themeColor(attr: Int): Int {
     val typedValue = TypedValue()
     theme.resolveAttribute(attr, typedValue, true)

app/src/main/java/io/legato/kazusa/utils/DataStoreUtil.kt

@@ -24,6 +24,7 @@ object DataStoreUtil {
         }
     }
 
+    @Suppress("UNCHECKED_CAST")
     suspend fun <T> read(context: Context, key: String, defaultValue: T): T {
         return context.dataStore.data.map { preferences ->
             when (defaultValue) {

app/src/main/java/io/legato/kazusa/utils/FragmentExtensions.kt

@@ -26,7 +26,7 @@ import io.legato.kazusa.ui.widget.dialog.TextDialog
 inline fun <reified T : DialogFragment> Fragment.showDialogFragment(
     arguments: Bundle.() -> Unit = {}
 ) {
-    val dialog = T::class.java.newInstance()
+    val dialog = T::class.java.getDeclaredConstructor().newInstance()
     val bundle = Bundle()
     bundle.apply(arguments)
     dialog.arguments = bundle

app/src/main/java/io/legato/kazusa/utils/ViewExtensions.kt

@@ -69,9 +69,7 @@ fun EditText.showSoftInput() = run {
 }
 
 fun View.disableAutoFill() = run {
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-        this.importantForAutofill = IMPORTANT_FOR_AUTOFILL_NO_EXCLUDE_DESCENDANTS
-    }
+    this.importantForAutofill = IMPORTANT_FOR_AUTOFILL_NO_EXCLUDE_DESCENDANTS
 }
 
 fun View.applyTint(

app/src/main/res/anim/anim_readbook_bottom_in.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android"
-    android:duration="150">
+    android:duration="320"
+    android:interpolator="@android:interpolator/decelerate_cubic">
     <translate
         android:fromYDelta="100%"
         android:toYDelta="0" />

app/src/main/res/anim/anim_readbook_bottom_out.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android"
-    android:duration="200">
+    android:duration="320"
+    android:interpolator="@android:interpolator/decelerate_cubic">
     <translate
         android:fromYDelta="0%"
         android:toYDelta="100%" />

app/src/main/res/anim/anim_readbook_top_in.xml

@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android"
-    android:duration="200">
+    android:duration="320"
+    android:interpolator="@android:interpolator/decelerate_cubic">
     <translate
         android:fromYDelta="-100%"
         android:toYDelta="0" />
-</set>
+</set>

app/src/main/res/anim/anim_readbook_top_out.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android"
-    android:duration="200">
+    android:duration="320"
+    android:interpolator="@android:interpolator/decelerate_cubic">
     <translate
         android:fromYDelta="0"
         android:toYDelta="-100%" />

app/src/main/res/drawable/ic_groups_fill.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<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="M856,570L570,856Q558,868 543,874Q528,880 513,880Q498,880 483,874Q468,868 456,856L103,503Q92,492 86,477.5Q80,463 80,447L80,160Q80,127 103.5,103.5Q127,80 160,80L447,80Q463,80 478,86.5Q493,93 504,104L856,457Q868,469 873.5,484Q879,499 879,514Q879,529 873.5,543.5Q868,558 856,570ZM260,320Q285,320 302.5,302.5Q320,285 320,260Q320,235 302.5,217.5Q285,200 260,200Q235,200 217.5,217.5Q200,235 200,260Q200,285 217.5,302.5Q235,320 260,320Z"/>
+</vector>

app/src/main/res/drawable/ic_star_fill.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<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="M480,840L422,788Q321,697 255,631Q189,565 150,512.5Q111,460 95.5,416Q80,372 80,326Q80,232 143,169Q206,106 300,106Q352,106 399,128Q446,150 480,190Q514,150 561,128Q608,106 660,106Q754,106 817,169Q880,232 880,326Q880,372 864.5,416Q849,460 810,512.5Q771,565 705,631Q639,697 538,788L480,840Z"/>
+</vector>

app/src/main/res/layout-land/activity_book_info.xml

@@ -1,409 +1,389 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:orientation="vertical">
+    android:layout_height="match_parent">
 
     <ImageView
         android:id="@+id/bg_book"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:contentDescription="@string/bg_image"
-        android:scaleType="centerCrop"
-        app:layout_constraintTop_toTopOf="parent"
-        tools:ignore="ImageContrastCheck" />
+        android:foreground="@drawable/bg_book_mask"
+        android:scaleType="centerCrop" />
 
-    <View
-        android:id="@+id/vw_bg"
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:background="#50000000" />
-
-    <io.legato.kazusa.ui.widget.TitleBar
-        android:id="@+id/title_bar"
+    <com.google.android.material.appbar.AppBarLayout
+        android:id="@+id/app_bar"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:layout_constraintTop_toTopOf="parent"
-        app:title="@string/book_info"
-        app:themeMode="dark" />
+        android:background="@android:color/transparent"
+        android:fitsSystemWindows="true">
+
+        <com.google.android.material.appbar.CollapsingToolbarLayout
+            android:layout_width="match_parent"
+            android:layout_height="?attr/collapsingToolbarLayoutLargeSize"
+            style="?attr/collapsingToolbarLayoutLargeSize"
+            app:collapsedTitleTextAppearance="?attr/textAppearanceTitleLarge"
+            app:expandedTitleTextAppearance="?attr/textAppearanceHeadlineLarge"
+            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">
+
+            <com.google.android.material.appbar.MaterialToolbar
+                android:id="@+id/top_bar"
+                android:layout_width="match_parent"
+                android:layout_height="?attr/actionBarSize"
+                app:navigationIcon="@drawable/ic_arrow_back"
+                app:title=" "
+                app:layout_collapseMode="pin" />
 
-    <LinearLayout
+        </com.google.android.material.appbar.CollapsingToolbarLayout>
+    </com.google.android.material.appbar.AppBarLayout>
+
+    <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
+        android:id="@+id/refresh_layout"
         android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:orientation="horizontal"
-        app:layout_constraintTop_toBottomOf="@id/title_bar"
-        app:layout_constraintBottom_toBottomOf="parent"
-        tools:ignore="DisableBaselineAlignment">
+        android:layout_height="match_parent"
+        android:background="@drawable/bg_gradient_mask"
+        app:layout_behavior="@string/appbar_scrolling_view_behavior">
 
         <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            android:layout_weight="1.0"
-            android:layout_gravity="center"
-            android:gravity="center"
-            android:orientation="vertical">
-
-            <RelativeLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="30dp">
+            android:orientation="horizontal">
 
-                <io.legato.kazusa.ui.widget.image.ArcView
-                    android:id="@+id/arc_view"
-                    android:layout_width="match_parent"
-                    android:layout_height="78dp"
-                    android:layout_marginTop="128dp"
-                    app:arcDirectionTop="true"
-                    app:arcHeight="36dp"
-                     />
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="match_parent"
+                android:orientation="vertical"
+                android:paddingHorizontal="32dp"
+                tools:ignore="RtlSymmetry">
 
                 <androidx.cardview.widget.CardView
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_centerHorizontal="true"
-                    android:layout_margin="3dp"
-                    app:cardCornerRadius="5dp"
-                    app:cardElevation="8dp">
+                    android:layout_marginEnd="96dp"
+                    android:layout_marginStart="16dp"
+                    app:cardCornerRadius="16dp">
 
                     <io.legato.kazusa.ui.widget.image.CoverImageView
                         android:id="@+id/iv_cover"
-                        android:layout_width="130dp"
-                        android:layout_height="200dp"
+                        android:layout_width="150dp"
+                        android:layout_height="210dp"
                         android:contentDescription="@string/img_cover"
                         android:scaleType="centerCrop"
-                        android:src="@drawable/image_cover_default"
-                        tools:ignore="ImageContrastCheck" />
+                        android:src="@drawable/image_cover_default" />
 
                 </androidx.cardview.widget.CardView>
 
-            </RelativeLayout>
-
-            <LinearLayout
-                android:id="@+id/ll_info"
-                android:layout_width="match_parent"
-                android:layout_height="match_parent"
-
-                android:orientation="vertical"
-                android:paddingLeft="10dp"
-                android:paddingTop="8dp"
-                android:paddingRight="16dp"
-                android:paddingBottom="3dp"
-                tools:ignore="RtlHardcoded">
-
-                <TextView
-                    android:id="@+id/tv_name"
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_marginBottom="6dp"
-                    android:gravity="center"
-                    android:includeFontPadding="false"
-                    android:singleLine="true"
-                    android:text="@string/book_name"
-                    android:textSize="18sp"
-                    tools:ignore="RtlHardcoded" />
-
-                <io.legato.kazusa.ui.widget.LabelsBar
-                    android:id="@+id/lb_kind"
+                <LinearLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:layout_gravity="center"
-                    android:layout_marginBottom="6dp"
-                    android:gravity="center"
-                    android:visibility="gone" />
-
-                <LinearLayout
-                    android:layout_width="wrap_content"
-                    android:layout_height="match_parent"
-                    android:gravity="center"
-                    android:layout_gravity="center"
-                    android:orientation="horizontal"
-                    android:paddingTop="3dp"
-                    android:paddingBottom="3dp"
-                    tools:ignore="UseCompoundDrawables">
-
-                    <ImageView
-                        android:layout_width="18sp"
-                        android:layout_height="18sp"
-                        android:contentDescription="@string/origin_format"
-                        android:paddingRight="4dp"
-                        android:src="@drawable/ic_author"
-                        app:tint="@color/tv_text_summary"
-                        tools:ignore="RtlHardcoded,RtlSymmetry" />
+                    android:orientation="vertical"
+                    android:padding="12dp">
 
                     <TextView
-                        android:id="@+id/tv_author"
+                        android:id="@+id/tv_name"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:ellipsize="end"
-                        android:includeFontPadding="false"
-                        android:singleLine="true"
-                        android:text="@string/author"
-                        android:textSize="13sp"
-                        tools:ignore="NestedWeights,TextContrastCheck" />
-
-                </LinearLayout>
-
-            </LinearLayout>
+                        android:maxLines="2"
+                        android:text="@string/book_name"
+                        style="@style/TextAppearance.Material3.ActionBar.Title"
+                        tools:ignore="RtlHardcoded" />
 
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:gravity="center"
+                        android:orientation="horizontal"
+                        android:paddingTop="6dp"
+                        android:paddingBottom="2dp"
+                        tools:ignore="UseCompoundDrawables">
+
+                        <ImageView
+                            android:layout_width="18sp"
+                            android:layout_height="18sp"
+                            android:contentDescription="@string/author"
+                            android:src="@drawable/ic_author"
+                            tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+                        <TextView
+                            android:id="@+id/tv_author"
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="1"
+                            android:layout_marginStart="2dp"
+                            android:ellipsize="end"
+                            android:singleLine="true"
+                            android:text="@string/author"
+                            android:textSize="14sp"
+                            tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry" />
 
-        </LinearLayout>
+                    </LinearLayout>
 
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:gravity="center_vertical"
+                        android:orientation="horizontal">
+
+                        <ImageView
+                            android:id="@+id/iv_web"
+                            android:layout_width="18sp"
+                            android:layout_height="18sp"
+                            android:contentDescription="@string/origin_format"
+                            android:src="@drawable/ic_web_outline"
+                            tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+                        <TextView
+                            android:id="@+id/tv_origin"
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="1"
+                            android:layout_marginStart="2dp"
+                            android:ellipsize="end"
+                            android:paddingRight="6dp"
+                            android:singleLine="true"
+                            android:textSize="14sp"
+                            tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry"
+                            tools:text="@string/origin_format" />
 
-        <LinearLayout
-            android:layout_weight="1.0"
-            android:orientation="vertical"
-            android:layout_width="match_parent"
-            android:layout_height="match_parent">
+                    </LinearLayout>
+                </LinearLayout>
+            </LinearLayout>
 
-            <androidx.core.widget.NestedScrollView
+            <io.legato.kazusa.ui.widget.NoChildScrollNestedScrollView
                 android:id="@+id/scroll_view"
-                android:layout_width="match_parent"
-                android:layout_height="0dp"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
                 android:layout_weight="1"
                 android:fillViewport="true"
-                android:fitsSystemWindows="true"
+                android:fitsSystemWindows="false"
                 android:focusable="true"
                 android:padding="0dp"
-                android:scrollbarStyle="outsideInset"
-                android:scrollbars="vertical"
-                tools:ignore="NestedWeights">
-
-                <LinearLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:orientation="vertical"
-                    android:paddingTop="16dp"
-                    android:paddingLeft="8dp"
-                    android:paddingRight="8dp"
-                    android:paddingBottom="8dp">
+                android:scrollbarStyle="outsideOverlay"
+                android:scrollbars="vertical">
 
                     <LinearLayout
+                        android:id="@+id/ll_info"
                         android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
+                        android:layout_height="match_parent"
                         android:orientation="vertical"
-                        android:paddingLeft="8dp"
-                        android:paddingRight="8dp"
-                        android:paddingBottom="8dp">
+                        android:padding="8dp">
 
-                        <LinearLayout
+                        <HorizontalScrollView
                             android:layout_width="match_parent"
                             android:layout_height="wrap_content"
-                            android:gravity="center_vertical"
-                            android:orientation="horizontal"
-                            android:paddingTop="3dp"
-                            android:paddingBottom="3dp">
-
-                            <ImageView
-                                android:id="@+id/iv_web"
-                                android:layout_width="18sp"
-                                android:layout_height="18sp"
-                                android:contentDescription="@string/origin_format"
-                                android:paddingRight="2dp"
-                                android:src="@drawable/ic_web_outline"
-                                tools:ignore="RtlHardcoded,RtlSymmetry" />
-
-                            <TextView
-                                android:id="@+id/tv_origin"
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_weight="1"
-                                android:ellipsize="end"
-                                android:includeFontPadding="false"
-                                android:paddingRight="6dp"
-                                android:singleLine="true"
-                                android:textSize="13sp"
-                                tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry,TextContrastCheck"
-                                tools:text="@string/origin_format" />
-
-                            <io.legato.kazusa.ui.widget.text.AccentBgTextView
-                                android:id="@+id/tv_change_source"
+                            android:layout_marginStart="8dp"
+                            android:scrollbars="none">
+
+                            <io.legato.kazusa.ui.widget.LabelsBar
+                                android:id="@+id/lb_kind"
                                 android:layout_width="wrap_content"
                                 android:layout_height="wrap_content"
-                                android:layout_marginStart="8dp"
-                                android:paddingLeft="5dp"
-                                android:paddingRight="5dp"
-                                android:text="@string/change_origin"
-                                android:textSize="13sp"
-                                app:radius="2dp" />
+                                android:visibility="gone" />
 
-                        </LinearLayout>
+                        </HorizontalScrollView>
 
                         <LinearLayout
                             android:layout_width="match_parent"
                             android:layout_height="wrap_content"
-                            android:gravity="center_vertical"
-                            android:orientation="horizontal"
-                            android:paddingTop="3dp"
-                            android:paddingBottom="3dp"
-                            tools:ignore="UseCompoundDrawables">
-
-                            <ImageView
-                                android:id="@+id/ic_book_last"
-                                android:layout_width="18sp"
-                                android:layout_height="18sp"
-                                android:contentDescription="@string/read_dur_progress"
-                                android:paddingRight="2dp"
-                                android:src="@drawable/ic_book_last"
-                                tools:ignore="RtlHardcoded,RtlSymmetry" />
-
-                            <TextView
-                                android:id="@+id/tv_lasted"
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_weight="1"
-                                android:ellipsize="end"
-                                android:includeFontPadding="false"
-                                android:paddingRight="6dp"
-                                android:singleLine="true"
-                                android:textSize="13sp"
-                                tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry,TextContrastCheck"
-                                tools:text="@string/read_dur_progress" />
+                            android:orientation="vertical"
+                            android:paddingHorizontal="8dp"
+                            android:paddingBottom="8dp">
 
-                        </LinearLayout>
-
-                        <LinearLayout
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:gravity="center_vertical"
-                            android:orientation="horizontal"
-                            android:paddingTop="3dp"
-                            android:paddingBottom="3dp">
-
-                            <ImageView
-                                android:layout_width="18sp"
-                                android:layout_height="18sp"
-                                android:contentDescription="@string/read_dur_progress"
-                                android:paddingRight="2dp"
-                                android:src="@drawable/ic_groups"
-                                tools:ignore="RtlHardcoded,RtlSymmetry" />
-
-                            <TextView
-                                android:id="@+id/tv_group"
-                                android:layout_width="0dp"
+                            <LinearLayout
+                                android:layout_width="match_parent"
                                 android:layout_height="wrap_content"
-                                android:layout_weight="1"
-                                android:ellipsize="end"
-                                android:includeFontPadding="false"
-                                android:paddingRight="6dp"
-                                android:singleLine="true"
-                                android:textSize="13sp"
-                                tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry,TextContrastCheck"
-                                tools:text="@string/group_s" />
-
-                            <io.legato.kazusa.ui.widget.text.AccentBgTextView
-                                android:id="@+id/tv_change_group"
-                                android:layout_width="wrap_content"
+                                android:orientation="horizontal"
+                                android:weightSum="4"
+                                android:gravity="center_vertical">
+
+                                <com.google.android.material.button.MaterialButton
+                                    android:id="@+id/btn_shelf"
+                                    style="@style/Widget.Material3.Button.TextButton"
+                                    android:layout_width="0dp"
+                                    android:layout_height="wrap_content"
+                                    android:layout_weight="1"
+                                    android:layout_marginEnd="6dp"
+                                    android:padding="8dp"
+                                    android:text="@string/remove_from_bookshelf"
+                                    android:textSize="13sp"
+                                    app:icon="@drawable/ic_clear_all"
+                                    app:iconGravity="top"
+                                    app:iconPadding="4dp"
+                                    app:iconSize="20dp" />
+
+                                <!-- 查看目录按钮 -->
+                                <com.google.android.material.button.MaterialButton
+                                    android:id="@+id/tv_toc_view"
+                                    style="@style/Widget.Material3.Button.TextButton"
+                                    android:layout_width="0dp"
+                                    android:layout_height="wrap_content"
+                                    android:layout_weight="1"
+                                    android:layout_marginStart="8dp"
+                                    android:padding="8dp"
+                                    android:text="@string/view_toc"
+                                    android:textSize="13sp"
+                                    app:icon="@drawable/ic_toc"
+                                    app:iconGravity="top"
+                                    app:iconPadding="4dp"
+                                    app:iconSize="20dp" />
+
+                                <!-- 更换分组按钮 -->
+                                <com.google.android.material.button.MaterialButton
+                                    android:id="@+id/tv_change_group"
+                                    style="@style/Widget.Material3.Button.TextButton"
+                                    android:layout_width="0dp"
+                                    android:layout_height="wrap_content"
+                                    android:layout_weight="1"
+                                    android:layout_marginStart="8dp"
+                                    android:padding="8dp"
+                                    android:text="@string/change_group"
+                                    android:textSize="13sp"
+                                    app:icon="@drawable/ic_groups"
+                                    app:iconGravity="top"
+                                    app:iconPadding="4dp"
+                                    app:iconSize="20dp" />
+
+                                <!-- 更换来源按钮（保持原样） -->
+                                <com.google.android.material.button.MaterialButton
+                                    android:id="@+id/btn_change_source"
+                                    style="@style/Widget.Material3.Button.TextButton"
+                                    android:layout_width="0dp"
+                                    android:layout_height="wrap_content"
+                                    android:layout_weight="1"
+                                    android:layout_marginStart="8dp"
+                                    android:text="@string/book_source"
+                                    android:padding="8dp"
+                                    app:icon="@drawable/ic_change_source"
+                                    android:textSize="13sp"
+                                    app:iconGravity="top"
+                                    app:iconPadding="4dp"
+                                    app:iconSize="20dp"
+                                    tools:contentDescription="@string/change_origin" />
+                            </LinearLayout>
+
+                            <LinearLayout
+                                android:id="@+id/ll_toc"
+                                android:layout_width="match_parent"
                                 android:layout_height="wrap_content"
-                                android:layout_marginStart="8dp"
-                                android:paddingLeft="5dp"
-                                android:paddingRight="5dp"
-                                android:text="@string/change_group"
-                                android:textSize="13sp"
-                                app:radius="2dp" />
-
+                                android:gravity="center_vertical"
+                                android:orientation="horizontal"
+                                android:paddingTop="4dp"
+                                android:paddingBottom="4dp">
+
+                                <ImageView
+                                    android:layout_width="18sp"
+                                    android:layout_height="18sp"
+                                    android:contentDescription="@string/read_dur_progress"
+                                    android:paddingRight="2dp"
+                                    android:src="@drawable/ic_chapter"
+                                    tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+                                <TextView
+                                    android:id="@+id/tv_toc"
+                                    android:layout_width="0dp"
+                                    android:layout_height="wrap_content"
+                                    android:layout_weight="1"
+                                    android:ellipsize="end"
+                                    android:includeFontPadding="false"
+                                    android:paddingRight="6dp"
+                                    android:textSize="14sp"
+                                    tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry"
+                                    tools:text="@string/toc_s" />
+
+                            </LinearLayout>
+
+                            <LinearLayout
+                                android:layout_width="match_parent"
+                                android:layout_height="wrap_content"
+                                android:gravity="center_vertical"
+                                android:orientation="horizontal"
+                                android:paddingTop="3dp"
+                                android:paddingBottom="3dp"
+                                tools:ignore="UseCompoundDrawables">
+
+                                <ImageView
+                                    android:id="@+id/ic_book_last"
+                                    android:layout_width="18sp"
+                                    android:layout_height="18sp"
+                                    android:contentDescription="@string/read_dur_progress"
+                                    android:paddingRight="2dp"
+                                    android:src="@drawable/ic_book_last"
+                                    tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+                                <TextView
+                                    android:id="@+id/tv_lasted"
+                                    android:layout_width="0dp"
+                                    android:layout_height="wrap_content"
+                                    android:layout_weight="1"
+                                    android:ellipsize="end"
+                                    android:includeFontPadding="false"
+                                    android:paddingRight="6dp"
+                                    android:singleLine="true"
+                                    android:textSize="14sp"
+                                    tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry"
+                                    tools:text="@string/read_dur_progress" />
+
+                            </LinearLayout>
+
+                            <LinearLayout
+                                android:layout_width="match_parent"
+                                android:layout_height="wrap_content"
+                                android:gravity="center_vertical"
+                                android:orientation="horizontal"
+                                android:paddingTop="3dp"
+                                android:paddingBottom="3dp"
+                                tools:ignore="UseCompoundDrawables">
+
+                                <ImageView
+                                    android:layout_width="18sp"
+                                    android:layout_height="18sp"
+                                    android:contentDescription="@string/read_dur_progress"
+                                    android:paddingRight="2dp"
+                                    android:src="@drawable/ic_groups"
+                                    tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+                            </LinearLayout>
                         </LinearLayout>
 
-                        <LinearLayout
+                        <TextView
+                            android:id="@+id/tv_detail"
                             android:layout_width="match_parent"
                             android:layout_height="wrap_content"
-                            android:gravity="center_vertical"
-                            android:orientation="horizontal"
-                            android:paddingTop="3dp"
-                            android:paddingBottom="3dp">
-
-                            <ImageView
-                                android:layout_width="18sp"
-                                android:layout_height="18sp"
-                                android:contentDescription="@string/read_dur_progress"
-                                android:paddingRight="2dp"
-                                android:src="@drawable/ic_folder_open"
-                                tools:ignore="RtlHardcoded,RtlSymmetry" />
-
-                            <TextView
-                                android:id="@+id/tv_toc"
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_weight="1"
-                                android:ellipsize="end"
-                                android:includeFontPadding="false"
-                                android:paddingRight="6dp"
-                                android:singleLine="true"
-                                android:textSize="13sp"
-                                tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry,TextContrastCheck"
-                                tools:text="@string/toc_s" />
-
-                            <io.legato.kazusa.ui.widget.text.AccentBgTextView
-                                android:id="@+id/tv_toc_view"
-                                android:layout_width="wrap_content"
-                                android:layout_height="wrap_content"
-                                android:layout_marginStart="8dp"
-                                android:paddingLeft="5dp"
-                                android:paddingRight="5dp"
-                                android:text="@string/view_toc"
-                                android:textSize="13sp"
-                                app:radius="2dp" />
-
-                        </LinearLayout>
+                            android:layout_marginTop="8dp"
+                            android:clickable="true"
+                            android:focusable="true"
+                            android:minHeight="48dp"
+                            android:paddingHorizontal="8dp"
+                            android:paddingBottom="80dp"
+                            android:lineSpacingExtra="4dp"
+                            android:text="@string/book_intro"
+                            android:textIsSelectable="true"
+                            android:textSize="14sp"
+                            android:visibility="visible"
+                            tools:ignore="RtlHardcoded,RtlSymmetry" />
 
                     </LinearLayout>
-
-                    <io.legato.kazusa.ui.widget.text.ScrollTextView
-                        android:id="@+id/tv_intro"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:layout_marginTop="8dp"
-                        android:clickable="true"
-                        android:focusable="true"
-                        android:minHeight="48dp"
-                        android:paddingLeft="8dp"
-                        android:paddingBottom="8dp"
-                        android:text="@string/book_intro"
-                        android:textIsSelectable="true"
-                        android:textSize="14sp"
-                        android:visibility="visible"
-                        tools:ignore="RtlHardcoded,RtlSymmetry" />
-
-                </LinearLayout>
-
-            </androidx.core.widget.NestedScrollView>
-
-            <LinearLayout
-                android:id="@+id/fl_action"
-                android:layout_width="match_parent"
-                android:layout_height="50dp"
-                android:orientation="horizontal"
-                app:layout_constraintBottom_toBottomOf="parent">
-
-                <TextView
-                    android:id="@+id/tv_shelf"
-                    android:layout_width="0dp"
-                    android:layout_height="match_parent"
-                    android:layout_weight="1"
-                    android:background="?attr/selectableItemBackground"
-                    android:clickable="true"
-                    android:focusable="true"
-                    android:gravity="center"
-                    android:includeFontPadding="false"
-                    android:text="@string/remove_from_bookshelf"
-                    android:textSize="15sp" />
-
-                <io.legato.kazusa.ui.widget.text.AccentBgTextView
-                    android:id="@+id/tv_read"
-                    android:layout_width="0dp"
-                    android:layout_height="match_parent"
-                    android:layout_weight="1"
-                    android:gravity="center"
-                    android:includeFontPadding="false"
-                    android:text="@string/reading"
-                    android:textSize="15sp" />
-
-            </LinearLayout>
-
+            </io.legato.kazusa.ui.widget.NoChildScrollNestedScrollView>
         </LinearLayout>
+    </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
 
-    </LinearLayout>
-
-
-</androidx.constraintlayout.widget.ConstraintLayout>
+    <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
+        android:id="@+id/btn_read"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="bottom|end"
+        android:layout_marginEnd="16dp"
+        android:layout_marginBottom="24dp"
+        android:text="@string/reading"
+        android:textColor="?attr/colorOnPrimary"
+        android:contentDescription="@string/reading"
+        app:iconGravity="textStart"
+        app:icon="@drawable/ic_bottom_books"
+        app:backgroundTint="?attr/colorSecondary"
+        app:iconTint="?attr/colorOnPrimary"
+        app:layout_behavior="com.google.android.material.behavior.HideBottomViewOnScrollBehavior" />
+
+</androidx.coordinatorlayout.widget.CoordinatorLayout>

app/src/main/res/layout-land/activity_main.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.google.android.material.navigationrail.NavigationRailView
+        android:id="@+id/navigation_rail_view"
+        android:layout_width="wrap_content"
+        android:layout_height="0dp"
+        app:menuGravity="center"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:menu="@menu/main_bnv" />
+
+    <androidx.viewpager.widget.ViewPager
+        android:id="@+id/view_pager_main"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toEndOf="@id/navigation_rail_view"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>

app/src/main/res/layout-land/view_read_menu.xml

@@ -0,0 +1,264 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/vw_menu_root"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <View
+        android:id="@+id/vw_menu_bg"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:contentDescription="@string/content"
+        tools:layout_editor_absoluteX="0dp"
+        tools:layout_editor_absoluteY="0dp" />
+
+    <io.legato.kazusa.ui.widget.TitleBar
+        android:id="@+id/title_bar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="?attr/colorSurfaceContainer"
+        android:alpha="0.92"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingHorizontal="32dp">
+
+            <TextView
+                android:id="@+id/tv_book_name"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                style="@style/TextAppearance.Material3.TitleLarge"
+                android:singleLine="true" />
+
+            <LinearLayout
+                android:id="@+id/title_bar_addition"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
+                <TextView
+                    android:id="@+id/tv_chapter_name"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    style="@style/TextAppearance.Material3.BodyMedium"
+                    android:layout_weight="1"
+                    android:singleLine="true" />
+
+                <TextView
+                    android:id="@+id/tv_chapter_url"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:singleLine="true"
+                    android:visibility="gone" />
+
+                <TextView
+                    android:id="@+id/tv_source_action"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:paddingVertical="8dp"
+                    android:text="@string/book_source" />
+
+            </LinearLayout>
+        </LinearLayout>
+
+
+
+    </io.legato.kazusa.ui.widget.TitleBar>
+
+    <LinearLayout
+        android:id="@+id/ll_brightness"
+        android:layout_width="wrap_content"
+        android:layout_height="0dp"
+        android:layout_marginHorizontal="32dp"
+        android:layout_marginTop="16dp"
+        android:gravity="center_horizontal"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toTopOf="@+id/bottom_menu"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/title_bar"
+        tools:ignore="RtlHardcoded">
+
+        <ImageView
+            android:id="@+id/iv_brightness_auto"
+            android:layout_width="24dp"
+            android:layout_height="24dp"
+            android:layout_margin="8dp"
+            android:contentDescription="@string/brightness_auto"
+            android:src="@drawable/ic_brightness_auto"
+            tools:ignore="ImageContrastCheck" />
+
+        <io.legato.kazusa.ui.widget.seekbar.VerticalSeekBarWrapper
+            android:layout_width="wrap_content"
+            android:layout_height="0dp"
+            android:layout_weight="1">
+
+            <io.legato.kazusa.ui.widget.seekbar.VerticalSeekBar
+                android:id="@+id/seek_brightness"
+                android:layout_width="wrap_content"
+                android:layout_height="match_parent"
+                android:max="255"
+                app:seekBarRotation="CW270" />
+
+        </io.legato.kazusa.ui.widget.seekbar.VerticalSeekBarWrapper>
+
+        <androidx.appcompat.widget.AppCompatImageView
+            android:id="@+id/vw_brightness_pos_adjust"
+            android:layout_width="24dp"
+            android:layout_height="24dp"
+            android:layout_margin="8dp"
+            android:contentDescription="@string/adjust_pos"
+            android:src="@drawable/ic_swap_horiz"/>
+
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/bottom_menu"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:alpha="0.92"
+        android:orientation="horizontal"
+        app:layout_constraintBottom_toBottomOf="parent">
+
+            <LinearLayout
+                android:id="@+id/ll_bottom_bg"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:background="@android:color/transparent"
+                android:importantForAccessibility="no"
+                android:orientation="horizontal">
+
+                <View
+                    android:layout_width="0dp"
+                    android:layout_height="match_parent"
+                    android:layout_weight="1"/>
+
+                <!--章节设置-->
+                <LinearLayout
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:layout_marginVertical="8dp"
+                    android:layout_marginHorizontal="16dp"
+                    android:importantForAccessibility="no"
+                    android:gravity="center"
+                    android:orientation="horizontal">
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/tv_pre"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:clickable="true"
+                        android:enabled="false"
+                        android:focusable="true"
+                        app:icon="@drawable/ic_previous"
+                        android:contentDescription="@string/previous_chapter"
+                        tools:ignore="TouchTargetSizeCheck" />
+
+                    <com.google.android.material.card.MaterialCardView
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="1"
+                        app:cardCornerRadius="32dp"
+                        app:cardBackgroundColor="?attr/colorSurfaceContainer"
+                        app:strokeWidth="0dp">
+                        <com.google.android.material.slider.Slider
+                            android:id="@+id/seek_read_page"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"/>
+                    </com.google.android.material.card.MaterialCardView>
+
+
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/tv_next"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:clickable="true"
+                        android:enabled="false"
+                        android:focusable="true"
+                        app:icon="@drawable/ic_next"
+                        android:contentDescription="@string/next_chapter"
+                        tools:ignore="TouchTargetSizeCheck"/>
+                </LinearLayout>
+
+                <LinearLayout
+                    android:id="@+id/bottom_view"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:gravity="end"
+                    android:importantForAccessibility="no"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="16dp"
+                    android:orientation="horizontal">
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/fabSearch"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:contentDescription="@string/search_content"
+                        android:tooltipText="@string/search_content"
+                        app:icon="@drawable/ic_search"
+                        app:iconGravity="textStart"/>
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/iv_read_aloud"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:contentDescription="@string/read_aloud"
+                        android:maxHeight="24dp"
+                        app:icon="@drawable/ic_read_aloud"
+                        app:iconGravity="textStart"
+                        tools:ignore="NestedWeights" />
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/iv_catalog"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:contentDescription="@string/chapter_list"
+                        android:tooltipText="@string/chapter_list"
+                        android:maxHeight="24dp"
+                        app:icon="@drawable/ic_toc"
+                        app:iconGravity="textStart"
+                        tools:ignore="NestedWeights" />
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/fabAutoPage"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:contentDescription="@string/auto_next_page"
+                        android:tooltipText="@string/auto_next_page"
+                        app:icon="@drawable/ic_auto_page"
+                        app:iconGravity="textStart"
+                        tools:ignore="UnusedAttribute" />
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/iv_setting"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:contentDescription="@string/setting"
+                        android:tooltipText="@string/setting"
+                        android:maxHeight="24dp"
+                        app:icon="@drawable/ic_settings"
+                        app:iconGravity="textStart"
+                        tools:ignore="NestedWeights" />
+
+                </LinearLayout>
+            </LinearLayout>
+    </LinearLayout>
+
+</androidx.constraintlayout.widget.ConstraintLayout>

app/src/main/res/layout/activity_book_info.xml

@@ -66,12 +66,9 @@
                     android:layout_height="wrap_content"
                     android:background="@drawable/bg_gradient_mask"
                     android:paddingHorizontal="16dp"
-                    android:paddingTop="8dp">
+                    android:paddingVertical="8dp">
+
 
-                    <androidx.cardview.widget.CardView
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        app:cardCornerRadius="8dp">
 
                         <io.legato.kazusa.ui.widget.image.CoverImageView
                             android:id="@+id/iv_cover"
@@ -81,7 +78,7 @@
                             android:scaleType="centerCrop"
                             android:src="@drawable/image_cover_default" />
 
-                    </androidx.cardview.widget.CardView>
+
 
                     <LinearLayout
                         android:layout_width="match_parent"
@@ -341,19 +338,6 @@
                                 android:src="@drawable/ic_groups"
                                 tools:ignore="RtlHardcoded,RtlSymmetry" />
 
-                            <TextView
-                                android:id="@+id/tv_group"
-                                android:layout_width="0dp"
-                                android:layout_height="wrap_content"
-                                android:layout_weight="1"
-                                android:ellipsize="end"
-                                android:includeFontPadding="false"
-                                android:paddingRight="6dp"
-                                android:singleLine="true"
-                                android:textSize="14sp"
-                                tools:ignore="NestedWeights,RtlHardcoded,RtlSymmetry"
-                                tools:text="@string/group_s" />
-
                         </LinearLayout>
                     </LinearLayout>
 

app/src/main/res/layout/activity_main.xml

@@ -1,25 +1,28 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/coordinator_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
     <androidx.viewpager.widget.ViewPager
         android:id="@+id/view_pager_main"
         android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        app:layout_behavior="@string/appbar_scrolling_view_behavior"
+        android:layout_height="0dp"
+        app:layout_constraintBottom_toTopOf="@id/bottom_navigation_view"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
         tools:ignore="SpeakableTextPresentCheck" />
 
     <!-- 底部导航栏 -->
-    <io.legato.kazusa.lib.theme.view.ThemeBottomNavigationVIew
+    <com.google.android.material.bottomnavigation.BottomNavigationView
         android:id="@+id/bottom_navigation_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_gravity="bottom"
-        app:menu="@menu/main_bnv"
-        app:layout_behavior="com.google.android.material.behavior.HideBottomViewOnScrollBehavior" />
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:menu="@menu/main_bnv" />
 
-</androidx.coordinatorlayout.widget.CoordinatorLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>

app/src/main/res/layout/dialog_bookshelf_config.xml

@@ -1,185 +1,184 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
+<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:padding="16dp">
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:fillViewport="true">
 
     <LinearLayout
-        android:id="@+id/ll_group_style"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintTop_toTopOf="parent">
+        android:orientation="vertical"
+        android:padding="16dp">
 
-        <TextView
-            android:layout_width="0dp"
+        <com.google.android.material.materialswitch.MaterialSwitch
+            android:id="@+id/sw_show_unread"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_weight="1"
-            android:padding="6dp"
-            android:text="@string/group_style" />
+            android:padding="8dp"
+            android:text="@string/show_unread"
+            tools:ignore="TouchTargetSizeCheck" />
 
-        <androidx.appcompat.widget.AppCompatSpinner
-            android:id="@+id/sp_group_style"
-            android:layout_width="wrap_content"
+        <com.google.android.material.materialswitch.MaterialSwitch
+            android:id="@+id/sw_show_last_update_time"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:entries="@array/group_style"
+            android:padding="8dp"
+            android:text="@string/show_last_update_time"
             tools:ignore="TouchTargetSizeCheck" />
 
-    </LinearLayout>
-
-    <io.legato.kazusa.lib.theme.view.ThemeSwitch
-        android:id="@+id/sw_show_unread"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:padding="6dp"
-        android:text="@string/show_unread"
-        app:layout_constraintTop_toBottomOf="@+id/ll_group_style"
-        tools:ignore="TouchTargetSizeCheck" />
-
-    <io.legato.kazusa.lib.theme.view.ThemeSwitch
-        android:id="@+id/sw_show_last_update_time"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:padding="6dp"
-        android:text="@string/show_last_update_time"
-        app:layout_constraintTop_toBottomOf="@+id/sw_show_unread"
-        tools:ignore="TouchTargetSizeCheck" />
-
-    <io.legato.kazusa.lib.theme.view.ThemeSwitch
-        android:id="@+id/sw_show_wait_up_books"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:padding="6dp"
-        android:text="@string/show_wait_up_count"
-        app:layout_constraintTop_toBottomOf="@+id/sw_show_last_update_time"
-        tools:ignore="TouchTargetSizeCheck" />
-
-    <io.legato.kazusa.lib.theme.view.ThemeSwitch
-        android:id="@+id/sw_show_bookshelf_fast_scroller"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:padding="6dp"
-        android:text="@string/show_bookshelf_fast_scroller"
-        app:layout_constraintTop_toBottomOf="@+id/sw_show_wait_up_books"
-        tools:ignore="TouchTargetSizeCheck" />
-
-    <LinearLayout
-        android:id="@+id/ll_layout"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintRight_toLeftOf="@+id/ll_sort"
-        app:layout_constraintTop_toBottomOf="@+id/sw_show_bookshelf_fast_scroller"
-        app:layout_constraintLeft_toLeftOf="parent">
-
-        <TextView
+        <com.google.android.material.materialswitch.MaterialSwitch
+            android:id="@+id/sw_show_wait_up_books"
             android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:padding="6dp"
-            android:text="@string/view"
-            android:textSize="16sp" />
+            android:layout_height="wrap_content"
+            android:padding="8dp"
+            android:text="@string/show_wait_up_count"
+            tools:ignore="TouchTargetSizeCheck" />
 
-        <RadioGroup
-            android:id="@+id/rg_layout"
+        <com.google.android.material.materialswitch.MaterialSwitch
+            android:id="@+id/sw_show_bookshelf_fast_scroller"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:orientation="vertical">
-
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:text="@string/layout_list"
-                tools:ignore="TouchTargetSizeCheck" />
-
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:text="@string/layout_grid3"
-                tools:ignore="TouchTargetSizeCheck" />
+            android:padding="8dp"
+            android:text="@string/show_bookshelf_fast_scroller"
+            tools:ignore="TouchTargetSizeCheck" />
 
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:text="@string/layout_grid4"
-                tools:ignore="TouchTargetSizeCheck" />
+        <LinearLayout
+            android:id="@+id/ll_group_style"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal">
 
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
+            <TextView
+                android:layout_width="0dp"
                 android:layout_height="wrap_content"
-                android:text="@string/layout_grid5"
-                tools:ignore="TouchTargetSizeCheck" />
-
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
+                android:layout_weight="1"
+                android:paddingHorizontal="6dp"
+                android:paddingVertical="16dp"
+                android:text="@string/group_style" />
+
+            <Spinner
+                android:id="@+id/sp_group_style"
+                android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:text="@string/layout_grid6"
+                android:entries="@array/group_style"
                 tools:ignore="TouchTargetSizeCheck" />
-        </RadioGroup>
-
-    </LinearLayout>
-
-    <LinearLayout
-        android:id="@+id/ll_sort"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintLeft_toRightOf="@+id/ll_layout"
-        app:layout_constraintTop_toBottomOf="@id/sw_show_bookshelf_fast_scroller"
-        app:layout_constraintRight_toRightOf="parent">
+        </LinearLayout>
 
-        <TextView
-            android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:padding="6dp"
-            android:text="@string/sort"
-            android:textSize="16sp" />
-
-        <RadioGroup
-            android:id="@+id/rg_sort"
+        <com.google.android.material.chip.ChipGroup
+            android:id="@+id/chip_group_layout"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:orientation="vertical">
-
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
+            app:singleSelection="true"
+            app:selectionRequired="true"
+            android:paddingVertical="8dp"
+            android:paddingHorizontal="4dp">
+
+            <com.google.android.material.chip.Chip
+                android:id="@+id/chip_list"
+                style="@style/Widget.Material3.Chip.Filter"
+                android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:text="@string/bookshelf_px_0"
-                tools:ignore="TouchTargetSizeCheck" />
+                android:text="列表" />
 
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
+            <com.google.android.material.chip.Chip
+                android:id="@+id/chip_grid"
+                style="@style/Widget.Material3.Chip.Filter"
+                android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:text="@string/bookshelf_px_1"
-                tools:ignore="TouchTargetSizeCheck" />
+                android:text="网格" />
+        </com.google.android.material.chip.ChipGroup>
 
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:text="@string/bookshelf_px_2"
-                tools:ignore="TouchTargetSizeCheck" />
+        <LinearLayout
+            android:id="@+id/ll_grid_slider"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:visibility="visible">
 
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
+            <TextView
+                android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:text="@string/bookshelf_px_3"
-                tools:ignore="TouchTargetSizeCheck" />
+                android:text="每行列数:"
+                android:textSize="14sp"
+                android:paddingVertical="8dp"
+                android:paddingHorizontal="4dp"/>
 
-            <com.google.android.material.radiobutton.MaterialRadioButton
+            <com.google.android.material.slider.Slider
+                android:id="@+id/slider_grid_count"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:text="@string/bookshelf_px_4"
-                tools:ignore="TouchTargetSizeCheck" />
+                android:paddingVertical="8dp"
+                android:valueFrom="1"
+                android:valueTo="9"
+                android:stepSize="1"
+                android:value="3" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:baselineAligned="false"
+            android:orientation="horizontal">
 
-            <com.google.android.material.radiobutton.MaterialRadioButton
-                android:layout_width="match_parent"
+            <LinearLayout
+                android:id="@+id/ll_sort"
+                android:layout_width="0dp"
                 android:layout_height="wrap_content"
-                android:text="@string/bookshelf_px_5"
-                tools:ignore="TouchTargetSizeCheck" />
-
-        </RadioGroup>
-
+                android:layout_weight="1"
+                android:orientation="vertical">
+
+                <TextView
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:padding="6dp"
+                    android:text="@string/sort"
+                    android:textSize="16sp" />
+
+                <RadioGroup
+                    android:id="@+id/rg_sort"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="vertical">
+
+                    <com.google.android.material.radiobutton.MaterialRadioButton
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="@string/bookshelf_px_0"
+                        tools:ignore="TouchTargetSizeCheck" />
+
+                    <com.google.android.material.radiobutton.MaterialRadioButton
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="@string/bookshelf_px_1"
+                        tools:ignore="TouchTargetSizeCheck" />
+
+                    <com.google.android.material.radiobutton.MaterialRadioButton
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="@string/bookshelf_px_2"
+                        tools:ignore="TouchTargetSizeCheck" />
+
+                    <com.google.android.material.radiobutton.MaterialRadioButton
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="@string/bookshelf_px_3"
+                        tools:ignore="TouchTargetSizeCheck" />
+
+                    <com.google.android.material.radiobutton.MaterialRadioButton
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="@string/bookshelf_px_4"
+                        tools:ignore="TouchTargetSizeCheck" />
+
+                    <com.google.android.material.radiobutton.MaterialRadioButton
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="@string/bookshelf_px_5"
+                        tools:ignore="TouchTargetSizeCheck" />
+                </RadioGroup>
+            </LinearLayout>
+        </LinearLayout>
     </LinearLayout>
-
-</androidx.constraintlayout.widget.ConstraintLayout>
+</ScrollView>

app/src/main/res/layout/dialog_read_book_style.xml

@@ -1,298 +1,312 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<ScrollView
+    xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tool="http://schemas.android.com/tools"
-    android:id="@+id/root_view"
     android:layout_width="match_parent"
-    android:layout_height="wrap_content"
-    android:orientation="vertical">
-
-    <LinearLayout
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        android:gravity="center"
-        android:paddingVertical="16dp"
-        android:paddingHorizontal="16dp">
-
-        <View
-            android:layout_width="36dp"
-            android:layout_height="4dp"
-            android:layout_gravity="center_horizontal"
-            android:background="@drawable/bg_bottom_sheet_handle"
-            android:layout_marginBottom="16dp" />
-
-        <TextView
-            android:id="@+id/bottom_sheet_title"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:text="界面设置"
-            android:textSize="18sp"
-            android:textStyle="bold" />
-
-    </LinearLayout>
-
+    android:layout_height="wrap_content">
     <LinearLayout
-        android:id="@+id/set_bar"
+        android:id="@+id/root_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="vertical">
+
         <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:gravity="center_vertical"
-            android:orientation="horizontal"
-            android:layout_marginHorizontal="12dp" >
-
-            <io.legato.kazusa.ui.book.read.config.TextFontWeightConverter
-                android:id="@+id/text_font_weight_converter"
-                style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
-                android:layout_width="72dp"
-                android:layout_height="72dp"
-                app:icon="@drawable/font_bold"
-                app:iconGravity="textTop"
-                android:text="@string/font_weight_text" />
+            android:orientation="vertical"
+            android:gravity="center"
+            android:paddingVertical="16dp"
+            android:paddingHorizontal="16dp">
 
             <View
-                android:layout_width="0dp"
-                android:layout_height="0dp"
-                android:layout_weight="1"/>
-
-            <com.google.android.material.button.MaterialButton
-                android:id="@+id/tv_text_font"
-                android:layout_width="72dp"
-                android:layout_height="72dp"
-                style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
-                app:icon="@drawable/font_style"
-                app:iconGravity="textTop"
-                android:text="@string/text_font" />
-
-            <View
-                android:layout_width="0dp"
-                android:layout_height="0dp"
-                android:layout_weight="1"/>
-
-            <com.google.android.material.button.MaterialButton
-                android:id="@+id/tv_text_indent"
-                android:layout_width="72dp"
-                android:layout_height="72dp"
-                style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
-                app:icon="@drawable/ic_segment"
-                app:iconGravity="textTop"
-                android:text="@string/text_indent" />
-
-            <View
-                android:layout_width="0dp"
-                android:layout_height="0dp"
-                android:layout_weight="1"/>
-
-            <com.google.android.material.button.MaterialButton
-                android:id="@+id/tv_padding"
-                android:layout_width="72dp"
-                android:layout_height="72dp"
-                style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
-                app:icon="@drawable/ic_padding"
-                app:iconGravity="textTop"
-                android:text="@string/padding" />
+                android:layout_width="36dp"
+                android:layout_height="4dp"
+                android:layout_gravity="center_horizontal"
+                android:background="@drawable/bg_bottom_sheet_handle"
+                android:layout_marginBottom="16dp" />
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center">
+                <TextView
+                    android:id="@+id/bottom_sheet_title"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="界面设置"
+                    android:textSize="18sp"
+                    android:textStyle="bold" />
 
+                <com.google.android.material.button.MaterialButton
+                    android:id="@+id/tv_day_night"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                    android:layout_marginStart="8dp"
+                    app:icon="@drawable/ic_brightness"
+                    app:iconGravity="textStart" />
+            </LinearLayout>
+            
         </LinearLayout>
 
         <LinearLayout
+            android:id="@+id/set_bar"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_marginTop="8dp"
-            android:gravity="center_vertical"
-            android:orientation="horizontal"
-            android:layout_marginHorizontal="12dp" >
-
-            <io.legato.kazusa.ui.book.read.config.ChineseConverter
-                android:id="@+id/chinese_converter"
-                android:layout_width="wrap_content"
+            android:orientation="vertical">
+            <LinearLayout
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_weight="1"
-                style="@style/Widget.Material3.Button.IconButton.Outlined" />
-
-            <com.google.android.material.button.MaterialButton
-                android:id="@+id/tv_tip"
-                android:layout_width="wrap_content"
+                android:gravity="center_vertical"
+                android:orientation="horizontal"
+                android:layout_marginHorizontal="12dp" >
+
+                <io.legato.kazusa.ui.book.read.config.TextFontWeightConverter
+                    android:id="@+id/text_font_weight_converter"
+                    style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                    android:layout_width="64dp"
+                    android:layout_height="64dp"
+                    app:icon="@drawable/font_bold"
+                    app:iconGravity="textTop"
+                    android:text="@string/font_weight_text" />
+
+                <View
+                    android:layout_width="0dp"
+                    android:layout_height="0dp"
+                    android:layout_weight="1"/>
+
+                <com.google.android.material.button.MaterialButton
+                    android:id="@+id/tv_text_font"
+                    android:layout_width="64dp"
+                    android:layout_height="64dp"
+                    style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                    app:icon="@drawable/font_style"
+                    app:iconGravity="textTop"
+                    android:text="@string/text_font" />
+
+                <View
+                    android:layout_width="0dp"
+                    android:layout_height="0dp"
+                    android:layout_weight="1"/>
+
+                <com.google.android.material.button.MaterialButton
+                    android:id="@+id/tv_text_indent"
+                    android:layout_width="64dp"
+                    android:layout_height="64dp"
+                    style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                    app:icon="@drawable/ic_segment"
+                    app:iconGravity="textTop"
+                    android:text="@string/text_indent" />
+
+                <View
+                    android:layout_width="0dp"
+                    android:layout_height="0dp"
+                    android:layout_weight="1"/>
+
+                <com.google.android.material.button.MaterialButton
+                    android:id="@+id/tv_padding"
+                    android:layout_width="64dp"
+                    android:layout_height="64dp"
+                    style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                    app:icon="@drawable/ic_padding"
+                    app:iconGravity="textTop"
+                    android:text="@string/padding" />
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_weight="1"
-                style="@style/Widget.Material3.Button.IconButton.Outlined"
-                android:text="@string/information" />
+                android:layout_marginTop="8dp"
+                android:gravity="center_vertical"
+                android:orientation="horizontal"
+                android:layout_marginHorizontal="12dp" >
 
-        </LinearLayout>
-    </LinearLayout>
+                <io.legato.kazusa.ui.book.read.config.ChineseConverter
+                    android:id="@+id/chinese_converter"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    style="@style/Widget.Material3.Button.IconButton.Outlined" />
 
-    <io.legato.kazusa.ui.widget.DetailSeekBar
-        android:id="@+id/dsb_text_size"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginHorizontal="16dp"
-        android:layout_marginTop="8dp"
-        app:isBottomBackground="true"
-        app:max="45"
-        app:title="@string/text_size" />
-
-    <io.legato.kazusa.ui.widget.DetailSeekBar
-        android:id="@+id/dsb_text_letter_spacing"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginHorizontal="16dp"
-        app:isBottomBackground="true"
-        app:max="100"
-        app:title="@string/text_letter_spacing" />
+                <com.google.android.material.button.MaterialButton
+                    android:id="@+id/tv_tip"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    style="@style/Widget.Material3.Button.IconButton.Outlined"
+                    android:text="@string/information" />
 
-    <io.legato.kazusa.ui.widget.DetailSeekBar
-        android:id="@+id/dsb_line_size"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginHorizontal="16dp"
-        app:isBottomBackground="true"
-        app:max="20"
-        app:title="@string/line_size" />
+                <com.google.android.material.button.MaterialButton
+                    android:id="@+id/tv_more"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    style="@style/Widget.Material3.Button.IconButton.Outlined"
+                    android:text="@string/more_setting" />
 
-    <io.legato.kazusa.ui.widget.DetailSeekBar
-        android:id="@+id/dsb_paragraph_spacing"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginHorizontal="16dp"
-        app:isBottomBackground="true"
-        app:max="20"
-        app:title="@string/paragraph_size" />
+            </LinearLayout>
 
-    <View
-        android:id="@+id/vw_bg_fg"
-        android:layout_width="match_parent"
-        android:layout_height="1dp"
-        android:layout_marginHorizontal="16dp"
-        android:layout_marginVertical="8dp"
-        android:background="@color/btn_bg_press" />
+        </LinearLayout>
 
-    <LinearLayout
-        android:id="@+id/set_bottom_bar"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:orientation="vertical">
-        <TextView
-            android:id="@+id/tv_page_anim"
+        <io.legato.kazusa.ui.widget.DetailSeekBar
+            android:id="@+id/dsb_text_size"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginHorizontal="16dp"
-            android:layout_marginBottom="4dp"
-            android:text="@string/page_anim"
-            android:textSize="12sp" />
+            android:layout_marginTop="8dp"
+            app:isBottomBackground="true"
+            app:max="45"
+            app:title="@string/text_size" />
 
-        <HorizontalScrollView
+        <io.legato.kazusa.ui.widget.DetailSeekBar
+            android:id="@+id/dsb_text_letter_spacing"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:scrollbars="none">
-
-            <com.google.android.material.chip.ChipGroup
-                android:id="@+id/rg_page_anim"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:paddingHorizontal="16dp"
-                app:singleLine="true"
-                app:singleSelection="true"
-                app:selectionRequired="true">
-
-                <com.google.android.material.chip.Chip
-                    android:id="@+id/rb_anim0"
-                    style="@style/Widget.Material3.Chip.Filter"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:text="@string/page_anim_cover"
-                    />
-
-                <!-- 滑动动画 Chip -->
-                <com.google.android.material.chip.Chip
-                    android:id="@+id/rb_anim1"
-                    style="@style/Widget.Material3.Chip.Filter"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_margin="4dp"
-                    android:text="@string/page_anim_slide"
-                    app:chipStrokeWidth="1dp" />
-
-                <!-- 仿真翻页 Chip -->
-                <com.google.android.material.chip.Chip
-                    android:id="@+id/rb_simulation_anim"
-                    style="@style/Widget.Material3.Chip.Filter"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_margin="4dp"
-                    android:text="@string/page_anim_simulation"
-                    app:chipStrokeWidth="1dp" />
-
-                <!-- 滚动动画 Chip -->
-                <com.google.android.material.chip.Chip
-                    android:id="@+id/rb_scroll_anim"
-                    style="@style/Widget.Material3.Chip.Filter"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_margin="4dp"
-                    android:text="@string/page_anim_scroll"
-                    app:chipStrokeWidth="1dp" />
-
-                <!-- 无动画 Chip -->
-                <com.google.android.material.chip.Chip
-                    android:id="@+id/rb_no_anim"
-                    style="@style/Widget.Material3.Chip.Filter"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_margin="4dp"
-                    android:text="@string/page_anim_none"
-                    app:chipStrokeWidth="1dp" />
+            android:layout_marginHorizontal="16dp"
+            app:isBottomBackground="true"
+            app:max="100"
+            app:title="@string/text_letter_spacing" />
 
-            </com.google.android.material.chip.ChipGroup>
-        </HorizontalScrollView>
+        <io.legato.kazusa.ui.widget.DetailSeekBar
+            android:id="@+id/dsb_line_size"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="16dp"
+            app:isBottomBackground="true"
+            app:max="20"
+            app:title="@string/line_size" />
 
-        <View
-            android:id="@+id/vw_bg_fg1"
+        <io.legato.kazusa.ui.widget.DetailSeekBar
+            android:id="@+id/dsb_paragraph_spacing"
             android:layout_width="match_parent"
-            android:layout_height="1dp"
+            android:layout_height="wrap_content"
             android:layout_marginHorizontal="16dp"
-            android:layout_marginVertical="8dp" />
+            app:isBottomBackground="true"
+            app:max="20"
+            app:title="@string/paragraph_size" />
 
         <LinearLayout
+            android:id="@+id/set_bottom_bar"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:gravity="center_vertical"
-            android:orientation="horizontal">
+            android:orientation="vertical">
 
             <TextView
-                android:id="@+id/tv_bg_ts"
-                android:layout_width="0dp"
+                android:id="@+id/tv_page_anim"
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginStart="16dp"
-                android:layout_weight="1"
-                android:alpha="0.75"
-                android:text="@string/text_bg_style"
+                android:layout_marginHorizontal="16dp"
+                android:layout_marginBottom="4dp"
+                android:text="@string/page_anim"
                 android:textSize="12sp" />
 
+            <HorizontalScrollView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:scrollbars="none">
+
+                <com.google.android.material.chip.ChipGroup
+                    android:id="@+id/rg_page_anim"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:paddingHorizontal="16dp"
+                    app:singleLine="true"
+                    app:singleSelection="true"
+                    app:selectionRequired="true">
+
+                    <com.google.android.material.chip.Chip
+                        android:id="@+id/rb_anim0"
+                        style="@style/Widget.Material3.Chip.Filter"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="@string/page_anim_cover"
+                        />
+
+                    <!-- 滑动动画 Chip -->
+                    <com.google.android.material.chip.Chip
+                        android:id="@+id/rb_anim1"
+                        style="@style/Widget.Material3.Chip.Filter"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_margin="4dp"
+                        android:text="@string/page_anim_slide"
+                        app:chipStrokeWidth="1dp" />
+
+                    <!-- 仿真翻页 Chip -->
+                    <com.google.android.material.chip.Chip
+                        android:id="@+id/rb_simulation_anim"
+                        style="@style/Widget.Material3.Chip.Filter"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_margin="4dp"
+                        android:text="@string/page_anim_simulation"
+                        app:chipStrokeWidth="1dp" />
+
+                    <!-- 滚动动画 Chip -->
+                    <com.google.android.material.chip.Chip
+                        android:id="@+id/rb_scroll_anim"
+                        style="@style/Widget.Material3.Chip.Filter"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_margin="4dp"
+                        android:text="@string/page_anim_scroll"
+                        app:chipStrokeWidth="1dp" />
+
+                    <!-- 无动画 Chip -->
+                    <com.google.android.material.chip.Chip
+                        android:id="@+id/rb_no_anim"
+                        style="@style/Widget.Material3.Chip.Filter"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_margin="4dp"
+                        android:text="@string/page_anim_none"
+                        app:chipStrokeWidth="1dp" />
+
+                </com.google.android.material.chip.ChipGroup>
+            </HorizontalScrollView>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:gravity="center_vertical"
+                android:orientation="horizontal">
+
+                <TextView
+                    android:id="@+id/tv_bg_ts"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="16dp"
+                    android:layout_weight="1"
+                    android:alpha="0.75"
+                    android:text="@string/text_bg_style"
+                    android:textSize="12sp" />
+
+                <com.google.android.material.checkbox.MaterialCheckBox
+                    android:id="@+id/cb_share_layout"
+                    android:layout_width="wrap_content"
+                    android:layout_height="20dp"
+                    android:text="@string/share_layout"
+                    android:layout_marginStart="6dp"
+                    android:layout_marginEnd="16dp" />
 
+            </LinearLayout>
 
-            <com.google.android.material.checkbox.MaterialCheckBox
-                android:id="@+id/cb_share_layout"
-                android:layout_width="wrap_content"
-                android:layout_height="20dp"
-                android:text="@string/share_layout"
-                android:layout_marginStart="6dp"
-                android:layout_marginEnd="16dp" />
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/rv_style"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:layout_marginBottom="16dp"
+                android:clipToPadding="false"
+                android:orientation="horizontal"
+                android:paddingHorizontal="12dp"
+                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                tool:listitem="@layout/item_read_style" />
 
         </LinearLayout>
 
-        <androidx.recyclerview.widget.RecyclerView
-            android:id="@+id/rv_style"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="8dp"
-            android:layout_marginBottom="16dp"
-            android:clipToPadding="false"
-            android:orientation="horizontal"
-            android:paddingHorizontal="12dp"
-            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-            tool:listitem="@layout/item_read_style" />
     </LinearLayout>
-
-</LinearLayout>
+</ScrollView>

app/src/main/res/layout/dialog_wait.xml

@@ -3,10 +3,10 @@
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:gravity="center"
-    android:padding="20dp"
+    android:padding="16dp"
     android:orientation="horizontal">
 
-    <ProgressBar
+    <com.google.android.material.progressindicator.CircularProgressIndicator
         android:id="@+id/pb"
         android:layout_width="30dp"
         android:layout_height="30dp"
@@ -17,7 +17,7 @@
         android:id="@+id/tv_msg"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:padding="6dp"
+        android:padding="8dp"
         android:gravity="center"
         android:text="@string/loading" />
 </LinearLayout>

app/src/main/res/layout/item_fillet_text.xml

@@ -1,17 +1,24 @@
 <?xml version="1.0" encoding="utf-8"?>
-<TextView xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/text_view"
+<com.google.android.material.card.MaterialCardView
+    xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
-    android:background="@drawable/selector_fillet_btn_bg"
-    android:ellipsize="end"
-    android:gravity="center"
-    android:paddingTop="8dp"
-    android:paddingBottom="8dp"
-    android:paddingStart="16dp"
-    android:paddingEnd="16dp"
-    android:maxLines="1"
-    android:textSize="14sp"
-    android:textColor="?attr/colorPrimary"
-    tools:ignore="UnusedAttribute" />
+    android:clickable="true"
+    android:focusable="true">
+    <TextView
+        xmlns:tools="http://schemas.android.com/tools"
+        android:id="@+id/text_view"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:ellipsize="end"
+        android:gravity="center"
+        android:paddingTop="8dp"
+        android:paddingBottom="8dp"
+        android:paddingStart="16dp"
+        android:paddingEnd="16dp"
+        android:maxLines="1"
+        android:textSize="14sp"
+        android:textColor="?attr/colorPrimary"
+        tools:ignore="UnusedAttribute" />
+</com.google.android.material.card.MaterialCardView>
+

app/src/main/res/layout/item_replace_rule.xml

@@ -28,8 +28,8 @@
         android:name="@string/enable"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="6dp"
-        android:layout_marginRight="6dp"
+        android:layout_marginStart="8dp"
+        android:layout_marginEnd="8dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintRight_toLeftOf="@id/iv_edit"
         app:layout_constraintTop_toTopOf="parent"
@@ -37,12 +37,12 @@
 
     <androidx.appcompat.widget.AppCompatImageView
         android:id="@+id/iv_edit"
-        android:layout_width="36dp"
-        android:layout_height="36dp"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
         android:layout_gravity="center"
         android:background="?android:attr/selectableItemBackgroundBorderless"
         android:contentDescription="@string/edit"
-        android:padding="6dp"
+        android:layout_marginEnd="8dp"
         android:src="@drawable/ic_edit"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintRight_toLeftOf="@id/iv_menu_more"
@@ -50,11 +50,11 @@
 
     <androidx.appcompat.widget.AppCompatImageView
         android:id="@+id/iv_menu_more"
-        android:layout_width="36dp"
-        android:layout_height="36dp"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
         android:background="?attr/selectableItemBackgroundBorderless"
         android:contentDescription="@string/more_menu"
-        android:padding="6dp"
+
         android:src="@drawable/ic_more_vert"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintRight_toRightOf="parent"

app/src/main/res/layout/item_txt_toc_rule.xml

@@ -7,9 +7,10 @@
     android:background="?attr/selectableItemBackground"
     android:clickable="true"
     android:focusable="true"
-    android:padding="16dp">
+    android:paddingHorizontal="16dp"
+    android:paddingVertical="8dp">
 
-    <io.legato.kazusa.lib.theme.view.ThemeCheckBox
+    <com.google.android.material.checkbox.MaterialCheckBox
         android:id="@+id/cb_source"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
@@ -21,13 +22,13 @@
         app:layout_constraintTop_toTopOf="parent"
         tools:ignore="TouchTargetSizeCheck,DuplicateSpeakableTextCheck" />
 
-    <io.legato.kazusa.lib.theme.view.ThemeSwitch
+    <com.google.android.material.materialswitch.MaterialSwitch
         android:id="@+id/swt_enabled"
         android:name="@string/enable"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="6dp"
-        android:layout_marginRight="6dp"
+        android:layout_marginStart="8dp"
+        android:layout_marginEnd="8dp"
         app:layout_constraintBottom_toTopOf="@id/title_example"
         app:layout_constraintRight_toLeftOf="@id/iv_edit"
         app:layout_constraintTop_toTopOf="parent"
@@ -35,12 +36,12 @@
 
     <androidx.appcompat.widget.AppCompatImageView
         android:id="@+id/iv_edit"
-        android:layout_width="36dp"
-        android:layout_height="36dp"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
         android:layout_gravity="center"
         android:background="?android:attr/selectableItemBackgroundBorderless"
         android:contentDescription="@string/edit"
-        android:padding="6dp"
+        android:layout_marginEnd="8dp"
         android:src="@drawable/ic_edit"
         app:layout_constraintBottom_toTopOf="@id/title_example"
         app:layout_constraintRight_toLeftOf="@id/iv_menu_more"
@@ -48,11 +49,11 @@
 
     <androidx.appcompat.widget.AppCompatImageView
         android:id="@+id/iv_menu_more"
-        android:layout_width="36dp"
-        android:layout_height="36dp"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
         android:background="?attr/selectableItemBackgroundBorderless"
         android:contentDescription="@string/more_menu"
-        android:padding="6dp"
+        android:layout_marginEnd="8dp"
         android:src="@drawable/ic_more_vert"
         app:layout_constraintBottom_toTopOf="@id/title_example"
         app:layout_constraintRight_toRightOf="parent"

app/src/main/res/layout/view_load_more.xml

@@ -5,14 +5,14 @@
     android:layout_width="match_parent"
     android:layout_height="wrap_content">
 
-    <io.legato.kazusa.ui.widget.anima.RotateLoading
+    <com.google.android.material.progressindicator.CircularProgressIndicator
         android:id="@+id/rotate_loading"
         android:layout_width="36dp"
         android:layout_height="36dp"
         android:layout_margin="6dp"
         android:layout_gravity="center"
         android:visibility="invisible"
-        app:loading_width="2dp" />
+        android:indeterminate="true" />
 
     <TextView
         android:id="@+id/tv_text"
@@ -21,7 +21,6 @@
         android:padding="10dp"
         android:layout_gravity="center"
         android:gravity="center"
-        android:textColor="?android:attr/textColorSecondary"
         android:textSize="14sp"
         android:background="?attr/selectableItemBackground"
         android:visibility="invisible"

app/src/main/res/layout/view_preference.xml

@@ -5,10 +5,8 @@
     android:background="?attr/selectableItemBackground"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:paddingLeft="16dp"
-    android:paddingTop="16dp"
-    android:paddingRight="16dp"
-    android:paddingBottom="16dp"
+    android:paddingHorizontal="16dp"
+    android:paddingVertical="16dp"
     android:minHeight="60dp"
     android:clickable="true"
     android:orientation="horizontal"
@@ -20,9 +18,8 @@
         android:layout_marginRight="16dp"
         android:scaleType="fitCenter"
         android:visibility="visible"
-        android:paddingTop="1dp"
-        android:layout_width="30dp"
-        android:layout_height="30dp"
+        android:layout_width="28dp"
+        android:layout_height="28dp"
         app:tint="?attr/colorPrimary"
         tools:ignore="ContentDescription,RtlHardcoded" />
 
@@ -53,10 +50,8 @@
     <FrameLayout
         android:id="@+id/preference_widget"
         android:orientation="vertical"
-        android:layout_gravity="center"
-        android:layout_marginStart="12dp"
-        android:layout_marginTop="2dp"
-        android:layout_marginBottom="2dp"
+        android:layout_gravity="center_vertical"
+        android:layout_marginStart="16dp"
         android:visibility="gone"
         android:gravity="right|center_vertical"
         android:layout_width="wrap_content"

app/src/main/res/layout/view_read_menu.xml

@@ -19,53 +19,55 @@
         android:id="@+id/title_bar"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
+        android:background="?attr/colorSurfaceContainer"
+        android:alpha="0.92"
         app:layout_constraintTop_toTopOf="parent">
 
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/title_bar_addition"
+        <LinearLayout
             android:layout_width="match_parent"
-            android:layout_height="wrap_content">
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingHorizontal="16dp">
 
             <TextView
-                android:id="@+id/tv_chapter_name"
-                android:layout_width="0dp"
+                android:id="@+id/tv_book_name"
+                android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:paddingLeft="10dp"
-                android:paddingRight="10dp"
-                android:singleLine="true"
-                android:visibility="gone"
-                app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintRight_toLeftOf="@+id/tv_source_action"
-                app:layout_constraintTop_toTopOf="parent" />
+                style="@style/TextAppearance.Material3.TitleLarge"
+                android:singleLine="true" />
 
-            <TextView
-                android:id="@+id/tv_chapter_url"
-                android:layout_width="0dp"
+            <LinearLayout
+                android:id="@+id/title_bar_addition"
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:paddingLeft="10dp"
-                android:paddingRight="10dp"
-                android:singleLine="true"
-                android:visibility="gone"
-                app:layout_constraintLeft_toLeftOf="parent"
-                app:layout_constraintRight_toLeftOf="@+id/tv_source_action"
-                app:layout_constraintTop_toBottomOf="@+id/tv_chapter_name" />
-
-            <io.legato.kazusa.ui.widget.text.AccentBgTextView
-                android:id="@+id/tv_source_action"
-                android:layout_width="wrap_content"
-                android:layout_height="0dp"
-                android:layout_margin="1dp"
-                android:gravity="center"
-                android:maxWidth="120dp"
-                android:paddingLeft="6dp"
-                android:paddingRight="6dp"
-                android:text="@string/book_source"
-                app:layout_constraintBottom_toBottomOf="@+id/tv_chapter_url"
-                app:layout_constraintRight_toRightOf="parent"
-                app:layout_constraintTop_toTopOf="parent"
-                app:radius="2dp" />
-
-        </androidx.constraintlayout.widget.ConstraintLayout>
+                android:orientation="horizontal">
+
+                <TextView
+                    android:id="@+id/tv_chapter_name"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    style="@style/TextAppearance.Material3.BodyMedium"
+                    android:layout_weight="1"
+                    android:singleLine="true" />
+
+                <TextView
+                    android:id="@+id/tv_chapter_url"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:singleLine="true"
+                    android:visibility="gone" />
+
+                <TextView
+                    android:id="@+id/tv_source_action"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:paddingVertical="8dp"
+                    android:text="@string/book_source" />
+
+            </LinearLayout>
+        </LinearLayout>
+
+
 
     </io.legato.kazusa.ui.widget.TitleBar>
 
@@ -119,113 +121,32 @@
         android:id="@+id/bottom_menu"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
+        android:alpha="0.92"
         android:orientation="vertical"
         app:layout_constraintBottom_toBottomOf="parent">
 
-        <LinearLayout
-            android:id="@+id/ll_floating_button"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:gravity="center_vertical"
-            android:orientation="horizontal"
-            android:paddingStart="12dp"
-            android:paddingEnd="12dp">
-
-            <com.google.android.material.floatingactionbutton.FloatingActionButton
-                android:id="@+id/fabSearch"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_margin="12dp"
-                android:contentDescription="@string/search_content"
-                android:src="@drawable/ic_search"
-                android:tooltipText="@string/search_content"
-                app:elevation="2dp"
-                app:fabSize="mini"
-                tools:ignore="UnusedAttribute" />
-
-            <Space
-                android:layout_width="0dp"
-                android:layout_height="wrap_content"
-                android:layout_weight="1" />
-
-            <com.google.android.material.floatingactionbutton.FloatingActionButton
-                android:id="@+id/fabAutoPage"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_margin="12dp"
-                android:contentDescription="@string/auto_next_page"
-                android:src="@drawable/ic_auto_page"
-                android:tooltipText="@string/auto_next_page"
-                app:elevation="2dp"
-                app:fabSize="mini"
-                tools:ignore="UnusedAttribute" />
-
-            <Space
-                android:layout_width="0dp"
-                android:layout_height="wrap_content"
-                android:layout_weight="1" />
-
-            <com.google.android.material.floatingactionbutton.FloatingActionButton
-                android:id="@+id/fabReplaceRule"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_margin="12dp"
-                android:contentDescription="@string/replace_rule_title"
-                android:src="@drawable/ic_find_replace"
-                android:tooltipText="@string/replace_rule_title"
-                app:elevation="2dp"
-                app:fabSize="mini"
-                tools:ignore="UnusedAttribute" />
-
-            <Space
-                android:layout_width="0dp"
-                android:layout_height="wrap_content"
-                android:layout_weight="1" />
-
-            <com.google.android.material.floatingactionbutton.FloatingActionButton
-                android:id="@+id/fabNightTheme"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_margin="12dp"
-                android:contentDescription="@string/dark_theme"
-                android:src="@drawable/ic_brightness"
-                android:tooltipText="@string/dark_theme"
-                app:elevation="2dp"
-                app:fabSize="mini"
-                tools:ignore="UnusedAttribute" />
-
-        </LinearLayout>
-
-        <com.google.android.material.card.MaterialCardView
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            app:strokeWidth="0dp"
-            android:layout_margin="8dp">
             <LinearLayout
                 android:id="@+id/ll_bottom_bg"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:background="?attr/colorSurface"
+                android:background="@android:color/transparent"
                 android:importantForAccessibility="no"
                 android:orientation="vertical">
                 <!--章节设置-->
                 <LinearLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:layout_marginLeft="16dp"
-                    android:layout_marginTop="5dp"
-                    android:layout_marginRight="16dp"
-                    android:layout_marginBottom="5dp"
+                    android:layout_marginVertical="8dp"
+                    android:layout_marginHorizontal="16dp"
                     android:importantForAccessibility="no"
                     android:gravity="center"
                     android:orientation="horizontal">
 
                     <com.google.android.material.button.MaterialButton
                         android:id="@+id/tv_pre"
-                        style="@style/Widget.Material3.Button.IconButton.Outlined"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:layout_margin="4dp"
                         android:clickable="true"
                         android:enabled="false"
                         android:focusable="true"
@@ -233,22 +154,27 @@
                         android:contentDescription="@string/previous_chapter"
                         tools:ignore="TouchTargetSizeCheck" />
 
-                    <com.google.android.material.slider.Slider
-                        android:id="@+id/seek_read_page"
+                    <com.google.android.material.card.MaterialCardView
                         android:layout_width="0dp"
                         android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical"
                         android:layout_weight="1"
-                        android:valueTo="2.0"
-                        android:valueFrom="1.0"
-                        android:value="1.0"/>
+                        app:cardCornerRadius="32dp"
+                        app:cardBackgroundColor="?attr/colorSurfaceContainer"
+                        app:strokeWidth="0dp">
+                        <com.google.android.material.slider.Slider
+                            android:id="@+id/seek_read_page"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"/>
+                    </com.google.android.material.card.MaterialCardView>
+
+
 
                     <com.google.android.material.button.MaterialButton
                         android:id="@+id/tv_next"
-                        style="@style/Widget.Material3.Button.IconButton.Outlined"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:layout_margin="4dp"
                         android:clickable="true"
                         android:enabled="false"
                         android:focusable="true"
@@ -258,179 +184,80 @@
                 </LinearLayout>
 
                 <LinearLayout
+                    android:id="@+id/bottom_view"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:baselineAligned="false"
                     android:importantForAccessibility="no"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="16dp"
+                    android:background="?attr/colorSurfaceContainer"
                     android:orientation="horizontal">
 
-                    <View
-                        android:layout_width="0dp"
-                        android:layout_height="match_parent"
-                        android:layout_weight="1"
-                        android:importantForAccessibility="no" />
-
-                    <!--目录按钮-->
-                    <LinearLayout
-                        android:id="@+id/ll_catalog"
-                        android:layout_width="56dp"
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/fabSearch"
+                        android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:background="?android:attr/selectableItemBackgroundBorderless"
-                        android:clickable="true"
-                        android:contentDescription="@string/chapter_list"
-                        android:focusable="true"
-                        android:orientation="vertical"
-                        android:gravity="center"
-                        android:paddingBottom="4dp"
-                        tools:ignore="VisualLintBounds">
-
-                        <androidx.appcompat.widget.AppCompatImageView
-                            android:id="@+id/iv_catalog"
-                            android:layout_width="match_parent"
-                            android:layout_height="0dp"
-                            android:layout_weight="1"
-                            android:adjustViewBounds="true"
-                            android:contentDescription="@string/chapter_list"
-                            android:maxHeight="24dp"
-                            android:src="@drawable/ic_toc"
-                            tools:ignore="NestedWeights" />
-
-                        <TextView
-                            android:id="@+id/tv_catalog"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="2dp"
-                            android:ellipsize="middle"
-                            android:singleLine="true"
-                            android:text="@string/chapter_list"
-                            android:textSize="12sp" />
-                    </LinearLayout>
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:backgroundTint="@android:color/transparent"
+                        android:contentDescription="@string/search_content"
+                        android:tooltipText="@string/search_content"
+                        app:icon="@drawable/ic_search"
+                        app:iconGravity="textStart"/>
 
                     <View
                         android:layout_width="0dp"
                         android:layout_height="match_parent"
-                        android:layout_weight="2"
+                        android:layout_weight="1"
                         android:importantForAccessibility="no" />
 
-                    <!--调节按钮-->
-                    <LinearLayout
-                        android:id="@+id/ll_read_aloud"
-                        android:layout_width="56dp"
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/iv_read_aloud"
+                        android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:background="?android:attr/selectableItemBackgroundBorderless"
-                        android:clickable="true"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:backgroundTint="@android:color/transparent"
                         android:contentDescription="@string/read_aloud"
-                        android:focusable="true"
-                        android:orientation="vertical"
-                        android:gravity="center"
-                        android:paddingBottom="4dp"
-                        tools:ignore="VisualLintBounds">
-
-                        <androidx.appcompat.widget.AppCompatImageView
-                            android:id="@+id/iv_read_aloud"
-                            android:layout_width="match_parent"
-                            android:layout_height="0dp"
-                            android:layout_weight="1"
-                            android:adjustViewBounds="true"
-                            android:contentDescription="@string/read_aloud"
-                            android:maxHeight="24dp"
-                            android:src="@drawable/ic_read_aloud"
-                            tools:ignore="NestedWeights" />
-
-                        <TextView
-                            android:id="@+id/tv_read_aloud"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="2dp"
-                            android:ellipsize="middle"
-                            android:singleLine="true"
-                            android:text="@string/read_aloud"
-                            android:textSize="12sp" />
-                    </LinearLayout>
+                        android:maxHeight="24dp"
+                        app:icon="@drawable/ic_read_aloud"
+                        app:iconGravity="textStart"
+                        tools:ignore="NestedWeights" />
 
                     <View
                         android:layout_width="0dp"
                         android:layout_height="match_parent"
-                        android:layout_weight="2"
+                        android:layout_weight="1"
                         android:importantForAccessibility="no" />
 
-                    <!--界面按钮-->
-                    <LinearLayout
-                        android:id="@+id/ll_font"
-                        android:layout_width="56dp"
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/iv_catalog"
+                        android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:background="?android:attr/selectableItemBackgroundBorderless"
-                        android:clickable="true"
-                        android:contentDescription="@string/interface_setting"
-                        android:focusable="true"
-                        android:orientation="vertical"
-                        android:gravity="center"
-                        android:paddingBottom="4dp"
-                        tools:ignore="VisualLintBounds">
-
-                        <androidx.appcompat.widget.AppCompatImageView
-                            android:id="@+id/iv_font"
-                            android:layout_width="match_parent"
-                            android:layout_height="0dp"
-                            android:layout_weight="1"
-                            android:adjustViewBounds="true"
-                            android:contentDescription="@string/interface_setting"
-                            android:maxHeight="24dp"
-                            android:src="@drawable/ic_interface_setting"
-                            tools:ignore="NestedWeights" />
-
-                        <TextView
-                            android:id="@+id/tv_font"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="2dp"
-                            android:ellipsize="middle"
-                            android:singleLine="true"
-                            android:text="@string/interface_setting"
-                            android:textSize="12sp" />
-                    </LinearLayout>
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:backgroundTint="@android:color/transparent"
+                        android:contentDescription="@string/chapter_list"
+                        android:tooltipText="@string/chapter_list"
+                        android:maxHeight="24dp"
+                        app:icon="@drawable/ic_toc"
+                        app:iconGravity="textStart"
+                        tools:ignore="NestedWeights" />
 
                     <View
                         android:layout_width="0dp"
                         android:layout_height="match_parent"
-                        android:layout_weight="2"
+                        android:layout_weight="1"
                         android:importantForAccessibility="no" />
 
-                    <!--设置按钮-->
-                    <LinearLayout
-                        android:id="@+id/ll_setting"
-                        android:layout_width="56dp"
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/fabAutoPage"
+                        android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:background="?android:attr/selectableItemBackgroundBorderless"
-                        android:clickable="true"
-                        android:contentDescription="@string/setting"
-                        android:focusable="true"
-                        android:orientation="vertical"
-                        android:gravity="center"
-                        android:paddingBottom="4dp"
-                        tools:ignore="VisualLintBounds">
-
-                        <androidx.appcompat.widget.AppCompatImageView
-                            android:id="@+id/iv_setting"
-                            android:layout_width="match_parent"
-                            android:layout_height="0dp"
-                            android:layout_weight="1"
-                            android:adjustViewBounds="true"
-                            android:contentDescription="@string/setting"
-                            android:maxHeight="24dp"
-                            android:src="@drawable/ic_settings"
-                            tools:ignore="NestedWeights" />
-
-                        <TextView
-                            android:id="@+id/tv_setting"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="2dp"
-                            android:ellipsize="middle"
-                            android:singleLine="true"
-                            android:text="@string/setting"
-                            android:textSize="12sp" />
-                    </LinearLayout>
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:backgroundTint="@android:color/transparent"
+                        android:contentDescription="@string/auto_next_page"
+                        android:tooltipText="@string/auto_next_page"
+                        app:icon="@drawable/ic_auto_page"
+                        app:iconGravity="textStart"
+                        tools:ignore="UnusedAttribute" />
 
                     <View
                         android:layout_width="0dp"
@@ -438,9 +265,21 @@
                         android:layout_weight="1"
                         android:importantForAccessibility="no" />
 
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/iv_setting"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        style="@style/Widget.Material3.Button.IconButton.Filled.Tonal"
+                        android:backgroundTint="@android:color/transparent"
+                        android:contentDescription="@string/setting"
+                        android:tooltipText="@string/setting"
+                        android:maxHeight="24dp"
+                        app:icon="@drawable/ic_settings"
+                        app:iconGravity="textStart"
+                        tools:ignore="NestedWeights" />
+
                 </LinearLayout>
             </LinearLayout>
-        </com.google.android.material.card.MaterialCardView>
     </LinearLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>

app/src/main/res/menu/book_read.xml

@@ -88,6 +88,16 @@
         android:title="@string/replace_rule_title"
         app:showAsAction="never" />
 
+    <item
+        android:id="@+id/menu_setting_replace"
+        android:title="@string/replace_rule_title_setting"
+        app:showAsAction="never" />
+
+    <item
+        android:id="@+id/menu_effective_replaces"
+        android:title="@string/effective_replaces"
+        app:showAsAction="never" />
+
     <item
         android:id="@+id/menu_same_title_removed"
         android:checkable="true"
@@ -137,11 +147,6 @@
         android:title="@string/update_toc"
         app:showAsAction="never" />
 
-    <item
-        android:id="@+id/menu_effective_replaces"
-        android:title="@string/effective_replaces"
-        app:showAsAction="never" />
-
     <item
         android:id="@+id/menu_log"
         android:title="@string/log"

app/src/main/res/values-zh/strings.xml

@@ -229,7 +229,7 @@
     <string name="import_select_book">导入选择书籍</string>
     <string name="threads_num_title">更新和搜索线程数（太多会卡顿）</string>
     <string name="change_icon">切换图标</string>
-    <string name="remove_from_bookshelf">删除书籍</string>
+    <string name="remove_from_bookshelf">已在书架</string>
     <string name="start_read">开始阅读</string>
     <string name="data_loading">加载数据中…</string>
     <string name="load_error_retry">加载失败，点击重试</string>
@@ -589,7 +589,7 @@
     <string name="remove_group">移除分组</string>
     <string name="add_replace_rule">新建替换</string>
     <string name="group">分组</string>
-    <string name="group_s">分组：%s</string>
+    <string name="group_s">%s</string>
     <string name="toc_s">已读：%s</string>
     <string name="enable_explore">启用发现</string>
     <string name="disable_explore">禁用发现</string>

app/src/main/res/values/strings.xml

@@ -1221,4 +1221,6 @@
     <string name="ungroup">未分组</string>
     <string name="dynamic_colors">动态取色</string>
     <string name="change_icon_success">图标已修改</string>
+    <string name="replace_rule_title_setting">配置替换规则</string>
+    <string name="more_setting">更多设置</string>
 </resources>

app/src/main/res/xml/pref_config_read.xml

@@ -2,6 +2,14 @@
 <androidx.preference.PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto">
 
+    <io.legato.kazusa.lib.prefs.ThemeModePreference
+        android:defaultValue="0"
+        android:entries="@array/theme_mode"
+        android:entryValues="@array/theme_mode_v"
+        android:key="themeMode"
+        android:title="@string/theme_mode"
+        android:summary="切换浅色/深色/跟随系统" />
+
     <io.legato.kazusa.lib.prefs.NameListPreference
         android:defaultValue="0"
         android:entries="@array/screen_direction_title"

app/src/main/res/xml/pref_main.xml

@@ -22,7 +22,7 @@
 
     <io.legato.kazusa.lib.prefs.PreferenceCategory
         android:title="@string/setting"
-        app:allowDividerAbove="true"
+        app:allowDividerAbove="false"
         app:allowDividerBelow="false"
         app:iconSpaceReserved="false"
         app:layout="@layout/view_preference_category">
@@ -53,7 +53,7 @@
 
     <io.legato.kazusa.lib.prefs.PreferenceCategory
         android:title="规则"
-        app:allowDividerAbove="true"
+        app:allowDividerAbove="false"
         app:allowDividerBelow="false"
         app:iconSpaceReserved="false"
         app:layout="@layout/view_preference_category">
@@ -84,7 +84,7 @@
     <io.legato.kazusa.lib.prefs.PreferenceCategory
         android:key="aboutCategory"
         android:title="@string/other"
-        app:allowDividerAbove="true"
+        app:allowDividerAbove="false"
         app:allowDividerBelow="false"
         app:iconSpaceReserved="false"
         app:layout="@layout/view_preference_category">

gradle/libs.versions.toml

@@ -33,6 +33,7 @@ media = "1.7.0"
 media3 = "1.6.1"
 nanoHttpd = "2.3.1"
 okhttp = "4.12.0"
+palette = "1.0.0"
 preference = "1.2.1"
 protobufJavalite = "4.26.1"
 quickChineseTransfer = "0.2.16"
@@ -65,6 +66,7 @@ androidx-annotation = { group = "androidx.annotation", name = "annotation", vers
 
 androidx-collection = { module = "androidx.collection:collection", version.ref = "collection" }
 androidx-datastore-preferences = { module = "androidx.datastore:datastore-preferences", version.ref = "datastorePreferences" }
+androidx-palette = { module = "androidx.palette:palette", version.ref = "palette" }
 appcompat-appcompat = { module = "androidx.appcompat:appcompat", version.ref = "appcompat" }
 androidx-constraintlayout = { module = "androidx.constraintlayout:constraintlayout", version.ref = "constraintlayout" }