diff --git "a/covers/52\344\270\252\345\210\233\346\204\217\347\273\230\347\224\273\345\256\236\351\252\214_cover.jpg" "b/covers/52\344\270\252\345\210\233\346\204\217\347\273\230\347\224\273\345\256\236\351\252\214_cover.jpg"
new file mode 100644
index 0000000..1d37612
Binary files /dev/null and "b/covers/52\344\270\252\345\210\233\346\204\217\347\273\230\347\224\273\345\256\236\351\252\214_cover.jpg" differ
diff --git "a/covers/\344\270\215\345\217\257\346\222\274\345\212\250\347\232\204\350\264\242\345\212\241\350\207\252\347\224\261_cover.jpg" "b/covers/\344\270\215\345\217\257\346\222\274\345\212\250\347\232\204\350\264\242\345\212\241\350\207\252\347\224\261_cover.jpg"
new file mode 100644
index 0000000..68f6acc
Binary files /dev/null and "b/covers/\344\270\215\345\217\257\346\222\274\345\212\250\347\232\204\350\264\242\345\212\241\350\207\252\347\224\261_cover.jpg" differ
diff --git "a/covers/\344\270\260\347\233\233_cover.jpg" "b/covers/\344\270\260\347\233\233_cover.jpg"
new file mode 100644
index 0000000..6aa9f7b
Binary files /dev/null and "b/covers/\344\270\260\347\233\233_cover.jpg" differ
diff --git "a/covers/\345\244\252\345\202\273\345\244\251\344\271\246_cover.jpg" "b/covers/\345\244\252\345\202\273\345\244\251\344\271\246_cover.jpg"
new file mode 100644
index 0000000..2984628
Binary files /dev/null and "b/covers/\345\244\252\345\202\273\345\244\251\344\271\246_cover.jpg" differ
diff --git "a/covers/\345\244\264\350\204\221\347\232\204\344\270\234\350\245\277_cover.jpg" "b/covers/\345\244\264\350\204\221\347\232\204\344\270\234\350\245\277_cover.jpg"
new file mode 100644
index 0000000..91045f4
Binary files /dev/null and "b/covers/\345\244\264\350\204\221\347\232\204\344\270\234\350\245\277_cover.jpg" differ
diff --git "a/covers/\345\277\205\350\246\201\347\232\204\345\210\233\344\274\244_cover.jpg" "b/covers/\345\277\205\350\246\201\347\232\204\345\210\233\344\274\244_cover.jpg"
new file mode 100644
index 0000000..a77438d
Binary files /dev/null and "b/covers/\345\277\205\350\246\201\347\232\204\345\210\233\344\274\244_cover.jpg" differ
diff --git "a/covers/\346\270\270\345\277\203\344\271\213\350\267\257_cover.jpg" "b/covers/\346\270\270\345\277\203\344\271\213\350\267\257_cover.jpg"
new file mode 100644
index 0000000..0ff9d23
Binary files /dev/null and "b/covers/\346\270\270\345\277\203\344\271\213\350\267\257_cover.jpg" differ
diff --git a/css/style.css b/css/style.css
index 38de554..df7c341 100644
--- a/css/style.css
+++ b/css/style.css
@@ -46,6 +46,7 @@ body {
     border-color: var(--border-color);
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     height: auto;
+    margin-bottom: 15px;
 }
 
 .card:hover {
@@ -427,4 +428,37 @@ a:hover {
 
 .navbar .dropdown-toggle::after {
     margin-left: 0.5rem;
+}
+
+/* 瀑布流布局容器 */
+#books-container {
+    column-count: 4;
+    column-gap: 15px;
+    padding: 15px;
+}
+
+@media (max-width: 1200px) {
+    #books-container {
+        column-count: 3;
+    }
+}
+
+@media (max-width: 992px) {
+    #books-container {
+        column-count: 2;
+    }
+}
+
+@media (max-width: 576px) {
+    #books-container {
+        column-count: 1;
+    }
+}
+
+/* 瀑布流子项目样式 */
+#books-container>div {
+    break-inside: avoid;
+    margin-bottom: 15px;
+    display: inline-block;
+    width: 100%;
 }
\ No newline at end of file
diff --git "a/data/52\344\270\252\345\210\233\346\204\217\347\273\230\347\224\273\345\256\236\351\252\214.pdf" "b/data/52\344\270\252\345\210\233\346\204\217\347\273\230\347\224\273\345\256\236\351\252\214.pdf"
new file mode 100644
index 0000000..2f295bd
Binary files /dev/null and "b/data/52\344\270\252\345\210\233\346\204\217\347\273\230\347\224\273\345\256\236\351\252\214.pdf" differ
diff --git a/data/books.json b/data/books.json
index 4fa3d8f..9609a2e 100644
--- a/data/books.json
+++ b/data/books.json
@@ -6,38 +6,272 @@
             "author": "大卫·F·史文森",
             "cover": "covers/机构投资的创新之路_cover.jpg",
             "description": "这本书是耶鲁大学投资办公室前首席投资官大卫·史文森的投资管理经典著作。作者以其在耶鲁捐赠基金的实践经验，详细阐述了机构投资的创新理念和方法。",
+            "pages": "360",
             "categories": [
                 "投资",
                 "金融",
-                "机构投资"
+                "机构投资",
+                "经济"
             ],
             "tags": [
                 "投资管理",
                 "资产配置",
                 "风险管理",
-                "另类投资"
+                "另类投资",
+                "耶鲁投资",
+                "基金管理",
+                "投资策略"
             ],
             "format": "epub",
             "size": "2.5MB",
             "path": "data/机构投资的创新之路_大卫·F·史文森.epub",
             "addedDate": "2024-01-17",
-            "rating": 4.8,
             "language": "中文",
-            "publisher": "Z-Library"
+            "publisher": "中国人民大学出版社",
+            "publishDate": "2010-03-01",
+            "isbn": "9787300117263"
+        },
+        {
+            "id": "2",
+            "title": "不可撼动的财务自由",
+            "author": "托尼·罗宾斯, 彼得·默劳克",
+            "cover": "covers/不可撼动的财务自由_cover.jpg",
+            "description": "本书通过解析投资大师的经验，提供实现财务自由的三大方法，强调股票投资、资产配置再平衡及避开心理误区的重要性，助力读者在不确定的世界中实现财务安全。",
+            "pages": "280",
+            "categories": [
+                "投资",
+                "金融",
+                "理财"
+            ],
+            "tags": [
+                "投资理财",
+                "资产配置",
+                "股票投资",
+                "心理误区",
+                "财务自由"
+            ],
+            "format": "epub",
+            "size": "2.1MB",
+            "path": "data/不可撼动的财务自由.epub",
+            "addedDate": "2024-01-18",
+            "language": "中文",
+            "publisher": "中信出版集团",
+            "publishDate": "2020-05",
+            "isbn": "9787521710007"
+        },
+        {
+            "id": "3",
+            "title": "太傻天书",
+            "author": "太傻",
+            "cover": "covers/太傻天书_cover.jpg",
+            "description": "本书以对话的形式，探讨了人类心灵成长的深层次问题，引导读者走向内在的智慧和觉醒。",
+            "pages": "503",
+            "categories": [
+                "心理",
+                "哲学",
+                "灵修"
+            ],
+            "tags": [
+                "心灵成长",
+                "灵修",
+                "哲学",
+                "心理学",
+                "觉醒",
+                "生命智慧"
+            ],
+            "format": "epub",
+            "size": "1.8MB",
+            "path": "data/太傻天书.epub",
+            "addedDate": "2024-01-18",
+            "language": "中文",
+            "publisher": "世界图书出版公司",
+            "publishDate": "2011-08",
+            "isbn": "9787510038747"
+        },
+        {
+            "id": "4",
+            "title": "必要的创伤",
+            "author": "杨定一",
+            "cover": "covers/必要的创伤_cover.jpg",
+            "description": "本书阐述生命中所有的创伤都是必要的，旨在帮助读者理解创伤的意义，并通过深层次的自我认知，发现生命的真谛。",
+            "pages": "140",
+            "categories": [
+                "心灵成长",
+                "心理学"
+            ],
+            "tags": [
+                "心理学",
+                "生命成长",
+                "心灵疗愈",
+                "自我探索",
+                "身心灵"
+            ],
+            "format": "pdf",
+            "size": "3.2MB",
+            "path": "data/必要的创伤_杨定一.pdf",
+            "addedDate": "2024-01-18",
+            "language": "中文",
+            "publisher": "华龄出版社",
+            "publishDate": "2022-05",
+            "isbn": "9787516923245"
+        },
+        {
+            "id": "5",
+            "title": "头脑的东西",
+            "author": "杨定一",
+            "cover": "covers/头脑的东西_cover.jpg",
+            "description": "杨定一博士通过意识的科学，引导读者看穿世间一切皆是虚构，学会臣服于真实，从而解脱痛苦和烦恼的根源。",
+            "pages": "209",
+            "categories": [
+                "心灵成长",
+                "哲学"
+            ],
+            "tags": [
+                "心理学",
+                "思维",
+                "觉知",
+                "生命智慧",
+                "身心灵"
+            ],
+            "format": "epub",
+            "size": "2.1MB",
+            "path": "data/头脑的东西_杨定一.epub",
+            "addedDate": "2024-01-18",
+            "language": "中文",
+            "publisher": "华龄出版社",
+            "publishDate": "2022-08-01",
+            "isbn": "9787516922682"
+        },
+        {
+            "id": "6",
+            "title": "丰盛",
+            "author": "杨定一",
+            "cover": "covers/丰盛_cover.jpg",
+            "description": "杨定一博士揭秘心想事成的至简真理，指导读者如何通过找回生命自有的丰盛，从而吸引外在的富足和好运。",
+            "pages": "192",
+            "categories": [
+                "心灵成长",
+                "自我提升"
+            ],
+            "tags": [
+                "心灵成长",
+                "生活智慧",
+                "身心灵",
+                "觉知",
+                "丰盛"
+            ],
+            "format": "epub",
+            "size": "1.9MB",
+            "path": "data/丰盛_杨定一.epub",
+            "addedDate": "2024-01-18",
+            "language": "中文",
+            "publisher": "华龄出版社",
+            "publishDate": "2022-01-01",
+            "isbn": "9787516920046"
+        },
+        {
+            "id": "7",
+            "title": "游心之路",
+            "author": "汉斯-格奥尔格·梅勒, 德安博",
+            "cover": "covers/游心之路_cover.jpg",
+            "description": " 本书通过比较《庄子》与西方哲学思想，揭示了庄子哲学中的反主流智慧，为当代读者提供了一条寻求真我、理解真诚的反主流“游心之路”。",
+            "pages": "304",
+            "categories": [
+                "哲学",
+                "东方哲学",
+                "西方哲学",
+                "庄子"
+            ],
+            "tags": [
+                "庄子",
+                "哲学",
+                "东西方哲学",
+                "思想",
+                "道家"
+            ],
+            "format": "epub",
+            "size": "408KB",
+            "path": "data/游心之路.epub",
+            "addedDate": "2024-01-18",
+            "language": "中文",
+            "publisher": "北京联合出版公司",
+            "publishDate": "2019-06",
+            "isbn": "9787559630872"
+        },
+        {
+            "id": "8",
+            "title": "52个创意绘画实验",
+            "author": "卡拉·桑海姆",
+            "cover": "covers/52个创意绘画实验_cover.jpg",
+            "description": "提供了52个创意绘画实践，激发读者艺术潜能和创造力。",
+            "pages": "144",
+            "categories": [
+                "艺术",
+                "绘画",
+                "创意",
+                "艺术教育"
+            ],
+            "tags": [
+                "绘画",
+                "创意",
+                "艺术实验",
+                "混合媒材",
+                "实践指南"
+            ],
+            "format": "pdf",
+            "size": "44MB",
+            "path": "data/52个创意绘画实验.pdf",
+            "addedDate": "2024-01-18",
+            "language": "中文",
+            "publisher": "上海人民美术出版社",
+            "publishDate": "2011-12-29",
+            "isbn": "9787532276974"
         }
     ],
     "categories": [
         {
             "name": "投资",
-            "count": 1
+            "count": 2
         },
         {
             "name": "金融",
-            "count": 1
+            "count": 2
         },
         {
             "name": "机构投资",
             "count": 1
+        },
+        {
+            "name": "经济",
+            "count": 1
+        },
+        {
+            "name": "理财",
+            "count": 1
+        },
+        {
+            "name": "心理",
+            "count": 4
+        },
+        {
+            "name": "哲学",
+            "count": 2
+        },
+        {
+            "name": "灵修",
+            "count": 2
+        },
+        {
+            "name": "生命",
+            "count": 2
+        },
+        {
+            "name": "生活",
+            "count": 1
+        },
+        {
+            "name": "成长",
+            "count": 1
         }
     ],
     "tags": [
@@ -47,7 +281,7 @@
         },
         {
             "name": "资产配置",
-            "count": 1
+            "count": 2
         },
         {
             "name": "风险管理",
@@ -56,6 +290,86 @@
         {
             "name": "另类投资",
             "count": 1
+        },
+        {
+            "name": "耶鲁投资",
+            "count": 1
+        },
+        {
+            "name": "基金管理",
+            "count": 1
+        },
+        {
+            "name": "投资策略",
+            "count": 1
+        },
+        {
+            "name": "投资理财",
+            "count": 1
+        },
+        {
+            "name": "股票投资",
+            "count": 1
+        },
+        {
+            "name": "心理误区",
+            "count": 1
+        },
+        {
+            "name": "财务自由",
+            "count": 1
+        },
+        {
+            "name": "心灵成长",
+            "count": 2
+        },
+        {
+            "name": "心理学",
+            "count": 3
+        },
+        {
+            "name": "生命智慧",
+            "count": 2
+        },
+        {
+            "name": "觉醒",
+            "count": 1
+        },
+        {
+            "name": "身心灵",
+            "count": 3
+        },
+        {
+            "name": "生命成长",
+            "count": 1
+        },
+        {
+            "name": "心灵疗愈",
+            "count": 1
+        },
+        {
+            "name": "自我探索",
+            "count": 1
+        },
+        {
+            "name": "思维",
+            "count": 1
+        },
+        {
+            "name": "觉知",
+            "count": 2
+        },
+        {
+            "name": "生活智慧",
+            "count": 1
+        },
+        {
+            "name": "丰盛",
+            "count": 1
+        },
+        {
+            "name": "冥想",
+            "count": 1
         }
     ]
 }
\ No newline at end of file
diff --git "a/data/\344\270\215\345\217\257\346\222\274\345\212\250\347\232\204\350\264\242\345\212\241\350\207\252\347\224\261.epub" "b/data/\344\270\215\345\217\257\346\222\274\345\212\250\347\232\204\350\264\242\345\212\241\350\207\252\347\224\261.epub"
new file mode 100644
index 0000000..5e32bc6
Binary files /dev/null and "b/data/\344\270\215\345\217\257\346\222\274\345\212\250\347\232\204\350\264\242\345\212\241\350\207\252\347\224\261.epub" differ
diff --git "a/data/\344\270\260\347\233\233_\346\235\250\345\256\232\344\270\200.epub" "b/data/\344\270\260\347\233\233_\346\235\250\345\256\232\344\270\200.epub"
new file mode 100644
index 0000000..ba8a47d
Binary files /dev/null and "b/data/\344\270\260\347\233\233_\346\235\250\345\256\232\344\270\200.epub" differ
diff --git "a/data/\345\244\252\345\202\273\345\244\251\344\271\246.epub" "b/data/\345\244\252\345\202\273\345\244\251\344\271\246.epub"
new file mode 100644
index 0000000..fbecc50
Binary files /dev/null and "b/data/\345\244\252\345\202\273\345\244\251\344\271\246.epub" differ
diff --git "a/data/\345\244\264\350\204\221\347\232\204\344\270\234\350\245\277_\346\235\250\345\256\232\344\270\200.epub" "b/data/\345\244\264\350\204\221\347\232\204\344\270\234\350\245\277_\346\235\250\345\256\232\344\270\200.epub"
new file mode 100644
index 0000000..1bf9624
Binary files /dev/null and "b/data/\345\244\264\350\204\221\347\232\204\344\270\234\350\245\277_\346\235\250\345\256\232\344\270\200.epub" differ
diff --git "a/data/\345\277\205\350\246\201\347\232\204\345\210\233\344\274\244_\346\235\250\345\256\232\344\270\200.pdf" "b/data/\345\277\205\350\246\201\347\232\204\345\210\233\344\274\244_\346\235\250\345\256\232\344\270\200.pdf"
new file mode 100644
index 0000000..8a41304
Binary files /dev/null and "b/data/\345\277\205\350\246\201\347\232\204\345\210\233\344\274\244_\346\235\250\345\256\232\344\270\200.pdf" differ
diff --git "a/data/\346\270\270\345\277\203\344\271\213\350\267\257.epub" "b/data/\346\270\270\345\277\203\344\271\213\350\267\257.epub"
new file mode 100644
index 0000000..9a756bc
Binary files /dev/null and "b/data/\346\270\270\345\277\203\344\271\213\350\267\257.epub" differ
diff --git a/index.html b/index.html
index 467c635..9e4da94 100644
--- a/index.html
+++ b/index.html
@@ -97,7 +97,7 @@
 
             <!-- 主要内容区 -->
             <div class="col-md-10">
-                <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4" id="books-container">
+                <div id="books-container">
                     <!-- 书籍卡片将通过JavaScript动态加载 -->
                 </div>
                 <div id="loading-more" class="text-center py-4 d-none">
@@ -127,7 +127,7 @@
         <div class="modal-dialog modal-lg">
             <div class="modal-content">
                 <div class="modal-header">
-                    <h5 class="modal-title">书籍详情</h5>
+                    <h5 class="modal-title">书籍详情 <span id="book-pages" class="text-muted"></span></h5>
                     <button class="btn-close" data-bs-dismiss="modal"></button>
                 </div>
                 <div class="modal-body">
diff --git a/js/main.js b/js/main.js
index 991d523..237d621 100644
--- a/js/main.js
+++ b/js/main.js
@@ -397,6 +397,15 @@ class Library {
         document.getElementById('book-added').textContent = new Date(book.addedDate).toLocaleDateString('zh-CN');
         document.getElementById('book-description').textContent = book.description;
 
+        // 添加页数显示
+        const pagesSpan = document.getElementById('book-pages');
+        if (book.pages) {
+            pagesSpan.textContent = `（${book.pages}页）`;
+            pagesSpan.style.display = 'inline';
+        } else {
+            pagesSpan.style.display = 'none';
+        }
+
         // 显示模态框
         const modal = new bootstrap.Modal(document.getElementById('bookDetailsModal'));
         modal.show();
@@ -437,7 +446,7 @@ class Library {
             link.click();
             document.body.removeChild(link);
         } catch (error) {
-            console.error('下载失败：', error);
+            console.error('下载���败：', error);
             alert('下载失败，请检查文件路径是否正确');
         }
     }
@@ -512,7 +521,7 @@ class Library {
             this.currentPage++;
             const hasMore = this.loadBooks(null, true);
 
-            // 如果����更多书籍，隐藏加载指示器
+            // 如果更多书籍，隐藏加载指示器
             if (!hasMore) {
                 loadingMore.classList.add('d-none');
             }