diff --git a/pages/index/bookshelf.vue b/pages/index/bookshelf.vue
index 5818068..cc99088 100644
--- a/pages/index/bookshelf.vue
+++ b/pages/index/bookshelf.vue
@@ -18,14 +18,14 @@
 		<view class="novel-grid" v-if="activeTab === 'read' && !isEditMode">
 			<view class="novel-row" v-for="(row, rowIndex) in novelRows" :key="rowIndex">
 				<view class="novel-item" 
-					v-for="(novel, index) in list" 
+					v-for="(novel, index) in row" 
 					:key="novel.id"
 					@click="toNovelDetail(novel)"
 					@longpress="enterEditMode">
 					<novel-item 
 						:book="novel" 
 						horizontal="true"
-						:style="{ width: '220rpx' }">
+						>
 					</novel-item>
 					
 					<view class="novel-tag" v-if="novel.tag">{{novel.tag}}</view>
@@ -71,7 +71,7 @@
 		<view class="novel-grid edit-mode" v-if="activeTab === 'read' && isEditMode">
 			<view class="novel-row" v-for="(row, rowIndex) in novelRows" :key="rowIndex">
 				<view class="novel-item" 
-					v-for="(novel, index) in list" 
+					v-for="(novel, index) in row" 
 					:key="novel.id"
 					@click="toggleSelect(novel, 'novel')">
 					<view class="item-checkbox" v-if="selectedItems.includes(novel.id)">
@@ -87,7 +87,7 @@
 					<novel-item 
 						:book="novel" 
 						horizontal="true"
-						:style="{ width: '220rpx', opacity: selectedItems.includes(novel.id) ? '0.8' : '1' }">
+						:style="{  opacity: selectedItems.includes(novel.id) ? '0.8' : '1' }">
 					</novel-item>
 					
 					<view class="novel-tag" v-if="novel.tag">{{novel.tag}}</view>
@@ -521,9 +521,10 @@
 		.novel-row {
 			display: flex;
 			margin-bottom: 40rpx;
+            gap: 10rpx;
 			
 			.novel-item {
-				width: 33%;
+				width: calc((100% - 40rpx) / 3);
 				position: relative;
 				
 				.novel-tag {