diff --git a/app/src/main/java/io/legado/app/ui/main/bookshelf/style2/BooksAdapterGrid.kt b/app/src/main/java/io/legado/app/ui/main/bookshelf/style2/BooksAdapterGrid.kt
index eaa8e8a9d..3bd6e01c4 100644
--- a/app/src/main/java/io/legado/app/ui/main/bookshelf/style2/BooksAdapterGrid.kt
+++ b/app/src/main/java/io/legado/app/ui/main/bookshelf/style2/BooksAdapterGrid.kt
@@ -9,12 +9,13 @@ import io.legado.app.constant.BookType
 import io.legado.app.data.entities.Book
 import io.legado.app.data.entities.BookGroup
 import io.legado.app.databinding.ItemBookshelfGridBinding
+import io.legado.app.databinding.ItemBookshelfGridGroupBinding
 import io.legado.app.help.AppConfig
 import io.legado.app.utils.invisible
 import splitties.views.onLongClick
 
 class BooksAdapterGrid(context: Context, callBack: CallBack) :
-    BaseBooksAdapter<BooksAdapterGrid.ItemViewHolder>(context, callBack) {
+    BaseBooksAdapter<RecyclerView.ViewHolder>(context, callBack) {
 
     override fun getItemCount(): Int {
         return callBack.getItemCount()
@@ -23,56 +24,82 @@ class BooksAdapterGrid(context: Context, callBack: CallBack) :
     override fun onCreateViewHolder(
         parent: ViewGroup,
         viewType: Int
-    ): ItemViewHolder {
-        return ItemViewHolder(
+    ): RecyclerView.ViewHolder {
+        return BookViewHolder(
             ItemBookshelfGridBinding.inflate(LayoutInflater.from(context), parent, false)
         )
     }
 
     override fun onBindViewHolder(
-        holder: ItemViewHolder,
+        holder: RecyclerView.ViewHolder,
         position: Int,
         payloads: MutableList<Any>
     ) {
-        holder.binding.run {
-            val bundle = payloads.getOrNull(0) as? Bundle
-            if (bundle == null) {
-                super.onBindViewHolder(holder, position, payloads)
-            } else {
-                when (val item = callBack.getItem(position)) {
-                    is Book -> {
-                        bundle.keySet().forEach {
-                            when (it) {
-                                "name" -> tvName.text = item.name
-                                "cover" -> ivCover.load(
-                                    item.getDisplayCover(),
-                                    item.name,
-                                    item.author
-                                )
-                                "refresh" -> upRefresh(this, item)
-                            }
-                        }
-                    }
-                    is BookGroup -> {
-                        tvName.text = item.groupName
+        val bundle = payloads.getOrNull(0) as? Bundle
+        when {
+            bundle == null -> super.onBindViewHolder(holder, position, payloads)
+            holder is BookViewHolder -> onBindBook(holder.binding, position, bundle)
+            holder is GroupViewHolder -> onBindGroup(holder.binding, position, bundle)
+        }
+    }
+
+    private fun onBindGroup(binding: ItemBookshelfGridGroupBinding, position: Int, bundle: Bundle) {
+        binding.run {
+            val item = callBack.getItem(position)
+            if (item is BookGroup) {
+                tvName.text = item.groupName
+            }
+        }
+    }
+
+    private fun onBindBook(binding: ItemBookshelfGridBinding, position: Int, bundle: Bundle) {
+        binding.run {
+            val item = callBack.getItem(position)
+            if (item is Book) {
+                bundle.keySet().forEach {
+                    when (it) {
+                        "name" -> tvName.text = item.name
+                        "cover" -> ivCover.load(
+                            item.getDisplayCover(),
+                            item.name,
+                            item.author
+                        )
+                        "refresh" -> upRefresh(this, item)
                     }
                 }
+            }
+        }
+    }
 
+    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
+        when (holder) {
+            is BookViewHolder -> onBindBook(holder.binding, position)
+            is GroupViewHolder -> onBindGroup(holder.binding, position)
+        }
+    }
+
+    private fun onBindGroup(binding: ItemBookshelfGridGroupBinding, position: Int) {
+        binding.run {
+            val item = callBack.getItem(position)
+            if (item is BookGroup) {
+                tvName.text = item.groupName
+            }
+            root.setOnClickListener {
+                callBack.onItemClick(position)
+            }
+            root.onLongClick {
+                callBack.onItemLongClick(position)
             }
         }
     }
 
-    override fun onBindViewHolder(holder: ItemViewHolder, position: Int) {
-        holder.binding.run {
-            when (val item = callBack.getItem(position)) {
-                is Book -> {
-                    tvName.text = item.name
-                    ivCover.load(item.getDisplayCover(), item.name, item.author)
-                    upRefresh(this, item)
-                }
-                is BookGroup -> {
-                    tvName.text = item.groupName
-                }
+    private fun onBindBook(binding: ItemBookshelfGridBinding, position: Int) {
+        binding.run {
+            val item = callBack.getItem(position)
+            if (item is Book) {
+                tvName.text = item.name
+                ivCover.load(item.getDisplayCover(), item.name, item.author)
+                upRefresh(this, item)
             }
             root.setOnClickListener {
                 callBack.onItemClick(position)
@@ -98,7 +125,10 @@ class BooksAdapterGrid(context: Context, callBack: CallBack) :
         }
     }
 
-    class ItemViewHolder(val binding: ItemBookshelfGridBinding) :
+    class BookViewHolder(val binding: ItemBookshelfGridBinding) :
+        RecyclerView.ViewHolder(binding.root)
+
+    class GroupViewHolder(val binding: ItemBookshelfGridGroupBinding) :
         RecyclerView.ViewHolder(binding.root)
 
 }
\ No newline at end of file
diff --git a/app/src/main/java/io/legado/app/ui/main/bookshelf/style2/BooksAdapterList.kt b/app/src/main/java/io/legado/app/ui/main/bookshelf/style2/BooksAdapterList.kt
index 755772eaa..0c85fd5fe 100644
--- a/app/src/main/java/io/legado/app/ui/main/bookshelf/style2/BooksAdapterList.kt
+++ b/app/src/main/java/io/legado/app/ui/main/bookshelf/style2/BooksAdapterList.kt
@@ -9,6 +9,7 @@ import io.legado.app.constant.BookType
 import io.legado.app.data.entities.Book
 import io.legado.app.data.entities.BookGroup
 import io.legado.app.databinding.ItemBookshelfListBinding
+import io.legado.app.databinding.ItemBookshelfListGroupBinding
 import io.legado.app.help.AppConfig
 import io.legado.app.utils.gone
 import io.legado.app.utils.invisible
@@ -16,78 +17,105 @@ import io.legado.app.utils.visible
 import splitties.views.onLongClick
 
 class BooksAdapterList(context: Context, callBack: CallBack) :
-    BaseBooksAdapter<BooksAdapterList.ItemViewHolder>(context, callBack) {
+    BaseBooksAdapter<RecyclerView.ViewHolder>(context, callBack) {
 
     override fun getItemCount(): Int {
         return callBack.getItemCount()
     }
 
-    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ItemViewHolder {
-        return ItemViewHolder(
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
+        return BookViewHolder(
             ItemBookshelfListBinding.inflate(LayoutInflater.from(context), parent, false)
         )
     }
 
     override fun onBindViewHolder(
-        holder: ItemViewHolder,
+        holder: RecyclerView.ViewHolder,
         position: Int,
         payloads: MutableList<Any>
     ) {
         val bundle = payloads.getOrNull(0) as? Bundle
-        if (bundle == null) {
-            super.onBindViewHolder(holder, position, payloads)
-        } else {
-            holder.binding.run {
-                when (val item = callBack.getItem(position)) {
-                    is Book -> {
-                        tvRead.text = item.durChapterTitle
-                        tvLast.text = item.latestChapterTitle
-                        bundle.keySet().forEach {
-                            when (it) {
-                                "name" -> tvName.text = item.name
-                                "author" -> tvAuthor.text = item.author
-                                "cover" -> ivCover.load(
-                                    item.getDisplayCover(),
-                                    item.name,
-                                    item.author
-                                )
-                                "refresh" -> upRefresh(this, item)
-                            }
-                        }
-                    }
-                    is BookGroup -> {
-                        tvName.text = item.groupName
+        when {
+            bundle == null -> super.onBindViewHolder(holder, position, payloads)
+            holder is BookViewHolder -> onBindBook(holder.binding, position, bundle)
+            holder is GroupViewHolder -> onBindGroup(holder.binding, position, bundle)
+        }
+    }
+
+    private fun onBindGroup(binding: ItemBookshelfListGroupBinding, position: Int, bundle: Bundle) {
+        binding.run {
+            val item = callBack.getItem(position)
+            if (item is BookGroup) {
+                tvName.text = item.groupName
+            }
+        }
+    }
+
+    private fun onBindBook(binding: ItemBookshelfListBinding, position: Int, bundle: Bundle) {
+        binding.run {
+            val item = callBack.getItem(position)
+            if (item is Book) {
+                tvRead.text = item.durChapterTitle
+                tvLast.text = item.latestChapterTitle
+                bundle.keySet().forEach {
+                    when (it) {
+                        "name" -> tvName.text = item.name
+                        "author" -> tvAuthor.text = item.author
+                        "cover" -> ivCover.load(
+                            item.getDisplayCover(),
+                            item.name,
+                            item.author
+                        )
+                        "refresh" -> upRefresh(this, item)
                     }
                 }
             }
         }
     }
 
-    override fun onBindViewHolder(holder: ItemViewHolder, position: Int) {
-        holder.binding.run {
-            when (val item = callBack.getItem(position)) {
-                is Book -> {
-                    tvName.text = item.name
-                    tvAuthor.text = item.author
-                    tvRead.text = item.durChapterTitle
-                    tvLast.text = item.latestChapterTitle
-                    ivCover.load(item.getDisplayCover(), item.name, item.author)
-                    flHasNew.visible()
-                    ivAuthor.visible()
-                    ivLast.visible()
-                    ivRead.visible()
-                    upRefresh(this, item)
-                }
-                is BookGroup -> {
-                    tvName.text = item.groupName
-                    flHasNew.gone()
-                    ivAuthor.gone()
-                    ivLast.gone()
-                    ivRead.gone()
-                    tvAuthor.gone()
-                    tvLast.gone()
-                    tvRead.gone()
-                }
+    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
+        when (holder) {
+            is BookViewHolder -> onBindBook(holder.binding, position)
+            is GroupViewHolder -> onBindGroup(holder.binding, position)
+        }
+    }
+
+    private fun onBindGroup(binding: ItemBookshelfListGroupBinding, position: Int) {
+        binding.run {
+            val item = callBack.getItem(position)
+            if (item is BookGroup) {
+                tvName.text = item.groupName
+                flHasNew.gone()
+                ivAuthor.gone()
+                ivLast.gone()
+                ivRead.gone()
+                tvAuthor.gone()
+                tvLast.gone()
+                tvRead.gone()
+            }
+            root.setOnClickListener {
+                callBack.onItemClick(position)
+            }
+            root.onLongClick {
+                callBack.onItemLongClick(position)
+            }
+        }
+    }
+
+    private fun onBindBook(binding: ItemBookshelfListBinding, position: Int) {
+        binding.run {
+            val item = callBack.getItem(position)
+            if (item is Book) {
+                tvName.text = item.name
+                tvAuthor.text = item.author
+                tvRead.text = item.durChapterTitle
+                tvLast.text = item.latestChapterTitle
+                ivCover.load(item.getDisplayCover(), item.name, item.author)
+                flHasNew.visible()
+                ivAuthor.visible()
+                ivLast.visible()
+                ivRead.visible()
+                upRefresh(this, item)
             }
             root.setOnClickListener {
                 callBack.onItemClick(position)
@@ -113,7 +141,10 @@ class BooksAdapterList(context: Context, callBack: CallBack) :
         }
     }
 
-    class ItemViewHolder(val binding: ItemBookshelfListBinding) :
+    class BookViewHolder(val binding: ItemBookshelfListBinding) :
+        RecyclerView.ViewHolder(binding.root)
+
+    class GroupViewHolder(val binding: ItemBookshelfListGroupBinding) :
         RecyclerView.ViewHolder(binding.root)
 
 }
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_bookshelf_grid_group.xml b/app/src/main/res/layout/item_bookshelf_grid_group.xml
new file mode 100644
index 000000000..648d3b85f
--- /dev/null
+++ b/app/src/main/res/layout/item_bookshelf_grid_group.xml
@@ -0,0 +1,90 @@
+<?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/cv_content"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:clickable="true"
+    android:focusable="true"
+    tools:ignore="UnusedAttribute">
+
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        android:paddingTop="8dp"
+        android:paddingLeft="8dp"
+        android:paddingRight="8dp"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <io.legado.app.ui.widget.image.CoverImageView
+                android:id="@+id/iv_cover"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_margin="8dp"
+                android:scaleType="centerCrop"
+                android:src="@drawable/image_cover_default"
+                android:transitionName="img_cover"
+                app:layout_constraintTop_toTopOf="parent"
+                tools:ignore="UnusedAttribute" />
+
+            <io.legado.app.ui.widget.text.BadgeView
+                android:id="@+id/bv_unread"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="right"
+                android:includeFontPadding="false"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                tools:ignore="RtlHardcoded" />
+
+            <io.legado.app.ui.widget.anima.RotateLoading
+                android:id="@+id/rl_loading"
+                android:layout_width="22dp"
+                android:layout_height="22dp"
+                android:layout_gravity="right"
+                android:visibility="invisible"
+                app:hide_mode="invisible"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                app:loading_width="2dp"
+                tools:ignore="RtlHardcoded" />
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <TextView
+            android:id="@+id/tv_name"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="6dp"
+            android:ellipsize="end"
+            android:gravity="top|center_horizontal"
+            android:includeFontPadding="false"
+            android:lines="2"
+            android:text="@string/book_name"
+            android:textColor="@color/primaryText"
+            android:textSize="12sp"
+            tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+    </LinearLayout>
+
+    <View
+        android:id="@+id/vw_foreground"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:background="?android:attr/selectableItemBackground"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.0"
+        tools:layout_editor_absoluteX="0dp" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
+
+
+
diff --git a/app/src/main/res/layout/item_bookshelf_list_group.xml b/app/src/main/res/layout/item_bookshelf_list_group.xml
new file mode 100644
index 000000000..00eb4966f
--- /dev/null
+++ b/app/src/main/res/layout/item_bookshelf_list_group.xml
@@ -0,0 +1,170 @@
+<?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/cv_content"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:clickable="true"
+    android:focusable="true"
+    tools:ignore="UnusedAttribute">
+
+    <io.legado.app.ui.widget.image.CoverImageView
+        android:id="@+id/iv_cover"
+        android:layout_width="66dp"
+        android:layout_height="90dp"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="16dp"
+        android:layout_marginBottom="12dp"
+        android:contentDescription="@string/img_cover"
+        android:scaleType="centerCrop"
+        android:src="@drawable/image_cover_default"
+        android:transitionName="img_cover"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:ignore="UnusedAttribute" />
+
+    <FrameLayout
+        android:id="@+id/fl_has_new"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="16dp"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/iv_cover">
+
+        <io.legado.app.ui.widget.text.BadgeView
+            android:id="@+id/bv_unread"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="right"
+            android:layout_margin="5dp"
+            android:includeFontPadding="false"
+            tools:ignore="RtlHardcoded" />
+
+        <io.legado.app.ui.widget.anima.RotateLoading
+            android:id="@+id/rl_loading"
+            android:layout_width="26dp"
+            android:layout_height="26dp"
+            android:layout_gravity="right"
+            android:visibility="invisible"
+            app:loading_width="2dp"
+            tools:ignore="RtlHardcoded" />
+    </FrameLayout>
+
+    <TextView
+        android:id="@+id/tv_name"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginLeft="10dp"
+        android:layout_marginTop="12dp"
+        android:includeFontPadding="false"
+        android:paddingBottom="4dp"
+        android:paddingLeft="2dp"
+        android:singleLine="true"
+        android:text="@string/book_name"
+        android:textColor="@color/primaryText"
+        android:textSize="16sp"
+        app:layout_constraintBottom_toTopOf="@+id/tv_author"
+        app:layout_constraintLeft_toRightOf="@+id/iv_cover"
+        app:layout_constraintRight_toLeftOf="@id/fl_has_new"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+    <androidx.appcompat.widget.AppCompatImageView
+        android:id="@+id/iv_author"
+        android:layout_width="@dimen/desc_icon_size"
+        android:layout_height="@dimen/desc_icon_size"
+        android:contentDescription="@string/author"
+        android:paddingStart="2dp"
+        android:paddingEnd="2dp"
+        android:src="@drawable/ic_author"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_author"
+        app:layout_constraintLeft_toLeftOf="@+id/tv_name"
+        app:layout_constraintTop_toTopOf="@+id/tv_author"
+        app:tint="@color/tv_text_summary"
+        tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+    <TextView
+        android:id="@+id/tv_author"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:includeFontPadding="false"
+        android:maxLines="1"
+        android:paddingEnd="6dp"
+        android:text="@string/author"
+        android:textColor="@color/tv_text_summary"
+        android:textSize="13sp"
+        app:layout_constraintBottom_toTopOf="@+id/tv_read"
+        app:layout_constraintLeft_toRightOf="@+id/iv_author"
+        app:layout_constraintRight_toRightOf="@id/fl_has_new"
+        app:layout_constraintTop_toBottomOf="@+id/tv_name"
+        tools:ignore="RtlSymmetry" />
+
+    <androidx.appcompat.widget.AppCompatImageView
+        android:id="@+id/iv_read"
+        android:layout_width="@dimen/desc_icon_size"
+        android:layout_height="@dimen/desc_icon_size"
+        android:contentDescription="@string/read_dur_progress"
+        android:paddingStart="2dp"
+        android:paddingEnd="2dp"
+        android:src="@drawable/ic_history"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_read"
+        app:layout_constraintLeft_toLeftOf="@+id/tv_name"
+        app:layout_constraintTop_toTopOf="@+id/tv_read"
+        app:tint="@color/tv_text_summary"
+        tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+    <TextView
+        android:id="@+id/tv_read"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:includeFontPadding="false"
+        android:singleLine="true"
+        android:text="@string/read_dur_progress"
+        android:textColor="@color/tv_text_summary"
+        android:textSize="13sp"
+        app:layout_constraintBottom_toTopOf="@id/tv_last"
+        app:layout_constraintLeft_toRightOf="@+id/iv_read"
+        app:layout_constraintRight_toRightOf="@+id/fl_has_new"
+        app:layout_constraintTop_toBottomOf="@+id/tv_author" />
+
+    <androidx.appcompat.widget.AppCompatImageView
+        android:id="@+id/iv_last"
+        android:layout_width="@dimen/desc_icon_size"
+        android:layout_height="@dimen/desc_icon_size"
+        android:contentDescription="@string/lasted_show"
+        android:paddingStart="2dp"
+        android:paddingEnd="2dp"
+        android:src="@drawable/ic_book_last"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_last"
+        app:layout_constraintLeft_toLeftOf="@+id/tv_name"
+        app:layout_constraintTop_toTopOf="@+id/tv_last"
+        app:tint="@color/tv_text_summary"
+        tools:ignore="RtlHardcoded,RtlSymmetry" />
+
+    <TextView
+        android:id="@+id/tv_last"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="8dp"
+        android:singleLine="true"
+        android:text="@string/lasted_show"
+        android:textColor="@color/tv_text_summary"
+        android:textSize="13sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toRightOf="@+id/iv_last"
+        app:layout_constraintRight_toRightOf="@id/fl_has_new"
+        app:layout_constraintTop_toBottomOf="@+id/tv_read" />
+
+    <View
+        android:id="@+id/vw_foreground"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:background="?android:attr/selectableItemBackground"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.0"
+        tools:layout_editor_absoluteX="0dp" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file