diff --git a/docs/chapter_preface/about_the_book.md b/docs/chapter_preface/about_the_book.md
index f9d9edb65..1fbc3d5a0 100644
--- a/docs/chapter_preface/about_the_book.md
+++ b/docs/chapter_preface/about_the_book.md
@@ -28,7 +28,7 @@ comments: true
 
 - **复杂度分析**：数据结构和算法的评价维度与方法。时间复杂度、空间复杂度的推算方法、常见类型、示例等。
 - **数据结构**：基本数据类型，数据结构的分类方法。数组、链表、栈、队列、哈希表、树、堆、图等数据结构的定义、优缺点、常用操作、常见类型、典型应用、实现方法等。
-- **算法**：搜索、排序、分治、回溯、动态规划、贪心等算法的定义、优缺点、效率、应用场景、解题步骤和示例题目等。
+- **算法**：搜索、排序、分治、回溯、动态规划、贪心等算法的定义、优缺点、效率、应用场景、解题步骤和示例问题等。
 
 ![本书主要内容](about_the_book.assets/hello_algo_mindmap.jpg){ class="animation-figure" }
 
@@ -41,7 +41,7 @@ comments: true
 - 感谢我在公司的导师李汐博士，在一次畅谈中你鼓励我“快行动起来”，坚定了我写这本书的决心；
 - 感谢我的女朋友泡泡作为本书的首位读者，从算法小白的角度提出许多宝贵建议，使得本书更适合新手阅读；
 - 感谢腾宝、琦宝、飞宝为本书起了一个富有创意的名字，唤起大家写下第一行代码 "Hello World!" 的美好回忆；
-- 感谢校铨在知识产权方面提供的帮助，你的专业指导对这本开源书籍的发展起到了至关重要的作用。
+- 感谢校铨在知识产权方面提供的专业帮助，这对本开源书的发展起到了重要的作用；
 - 感谢苏潼为本书设计了精美的封面和 logo ，并在我的强迫症下多次耐心修改；
 - 感谢 @squidfunk 提供的写作排版建议，以及他开发的开源文档主题 [Material-for-MkDocs](https://github.com/squidfunk/mkdocs-material/tree/master) 。
 
diff --git a/docs/chapter_preface/suggestions.md b/docs/chapter_preface/suggestions.md
index 0ccddf049..e2518f618 100644
--- a/docs/chapter_preface/suggestions.md
+++ b/docs/chapter_preface/suggestions.md
@@ -177,7 +177,7 @@ comments: true
 
 如果你在阅读本书时，发现某段内容提供了如图 0-2 所示的动画或图解，**请以图为主、以文字为辅**，综合两者来理解内容。
 
-![动画图解示例](../index.assets/animation.gif){ class="animation-figure" }
+![动画图解示例](../index.assets/animation_light.gif){ class="animation-figure" }
 
 <p align="center"> 图 0-2 &nbsp; 动画图解示例 </p>
 
@@ -189,7 +189,7 @@ comments: true
 
 与阅读代码相比，编写代码的过程往往能带来更多收获。**动手学，才是真的学**。
 
-![运行代码示例](../index.assets/running_code.gif){ class="animation-figure" }
+![运行代码示例](../index.assets/running_code_light.gif){ class="animation-figure" }
 
 <p align="center"> 图 0-3 &nbsp; 运行代码示例 </p>
 
@@ -223,7 +223,7 @@ git clone https://github.com/krahets/hello-algo.git
 
 如图 0-6 所示，每个章节的底部都配有评论区。希望你能多关注评论区的内容。一方面，你可以了解大家遇到的问题，从而查漏补缺，激发更深入的思考。另一方面，期待你能慷慨地回答其他小伙伴的问题，分享你的见解，帮助他人进步。
 
-![评论区示例](../index.assets/comment.gif){ class="animation-figure" }
+![评论区示例](../index.assets/comment_light.gif){ class="animation-figure" }
 
 <p align="center"> 图 0-6 &nbsp; 评论区示例 </p>
 
diff --git a/docs/index.assets/btn_download_pdf_dark.svg b/docs/index.assets/btn_download_pdf_dark.svg
new file mode 100644
index 000000000..b8e165659
--- /dev/null
+++ b/docs/index.assets/btn_download_pdf_dark.svg
@@ -0,0 +1 @@
+<svg width="458" height="138" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="1801" y="1026" width="458" height="138"/></clipPath><clipPath id="clip1"><rect x="1801" y="1026" width="458" height="138"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-1801 -1026)"><g clip-path="url(#clip1)"><path d="M1804 1095C1804 1058 1834 1028 1871 1028L2192 1028C2229 1028 2259 1058 2259 1095L2259 1095C2259 1132 2229 1162 2192 1162L1871 1162C1834 1162 1804 1132 1804 1095Z" fill="#52BBB1" fill-rule="evenodd" fill-opacity="0.901961"/><g><g><g><path d="M66.4999 10.5 17.5 10.5C13.65 10.5 10.5 13.65 10.5 17.5L10.5 66.4999C10.5 70.3499 13.65 73.4999 17.5 73.4999L66.4999 73.4999C70.3499 73.4999 73.4999 70.3499 73.4999 66.4999L73.4999 17.5C73.4999 13.65 70.3499 10.5 66.4999 10.5M33.2499 40.2499C33.2499 43.0499 30.8 45.4999 28 45.4999L24.5 45.4999 24.5 52.4999 19.25 52.4999 19.25 31.5 28 31.5C30.8 31.5 33.2499 33.9499 33.2499 36.7499L33.2499 40.2499M50.7499 47.2499C50.7499 50.0499 48.2999 52.4999 45.4999 52.4999L36.7499 52.4999 36.7499 31.5 45.4999 31.5C48.2999 31.5 50.7499 33.9499 50.7499 36.7499L50.7499 47.2499M64.7499 36.7499 59.4999 36.7499 59.4999 40.2499 64.7499 40.2499 64.7499 45.4999 59.4999 45.4999 59.4999 52.4999 54.2499 52.4999 54.2499 31.5 64.7499 31.5 64.7499 36.7499M41.9999 36.7499 45.4999 36.7499 45.4999 47.2499 41.9999 47.2499 41.9999 36.7499M24.5 36.7499 28 36.7499 28 40.2499 24.5 40.2499 24.5 36.7499Z" fill="#3B3B3B" fill-rule="nonzero" fill-opacity="1" transform="matrix(1 0 0 1.01191 1862 1053)"/></g></g></g><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 1984.07 1113)">下载</text><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2091.21 1113)">PDF</text></g></g></svg>
\ No newline at end of file
diff --git a/docs/index.assets/btn_download_pdf_light.svg b/docs/index.assets/btn_download_pdf_light.svg
new file mode 100644
index 000000000..7670e9170
--- /dev/null
+++ b/docs/index.assets/btn_download_pdf_light.svg
@@ -0,0 +1 @@
+<svg width="463" height="146" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-2502 -1022)"><g><path d="M2506.5 1095.5C2506.5 1058.5 2536.5 1028.5 2573.5 1028.5L2894.5 1028.5C2931.5 1028.5 2961.5 1058.5 2961.5 1095.5 2961.5 1132.5 2931.5 1162.5 2894.5 1162.5L2573.5 1162.5C2536.5 1162.5 2506.5 1132.5 2506.5 1095.5Z" stroke="#52BBB1" stroke-width="4.58333" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="8" stroke-opacity="1" fill="none" fill-rule="evenodd"/><g><g><g><path d="M66.4999 10.5 17.5 10.5C13.65 10.5 10.5 13.65 10.5 17.5L10.5 66.4999C10.5 70.3499 13.65 73.4999 17.5 73.4999L66.4999 73.4999C70.3499 73.4999 73.4999 70.3499 73.4999 66.4999L73.4999 17.5C73.4999 13.65 70.3499 10.5 66.4999 10.5M33.2499 40.2499C33.2499 43.0499 30.8 45.4999 28 45.4999L24.5 45.4999 24.5 52.4999 19.25 52.4999 19.25 31.5 28 31.5C30.8 31.5 33.2499 33.9499 33.2499 36.7499L33.2499 40.2499M50.7499 47.2499C50.7499 50.0499 48.2999 52.4999 45.4999 52.4999L36.7499 52.4999 36.7499 31.5 45.4999 31.5C48.2999 31.5 50.7499 33.9499 50.7499 36.7499L50.7499 47.2499M64.7499 36.7499 59.4999 36.7499 59.4999 40.2499 64.7499 40.2499 64.7499 45.4999 59.4999 45.4999 59.4999 52.4999 54.2499 52.4999 54.2499 31.5 64.7499 31.5 64.7499 36.7499M41.9999 36.7499 45.4999 36.7499 45.4999 47.2499 41.9999 47.2499 41.9999 36.7499M24.5 36.7499 28 36.7499 28 40.2499 24.5 40.2499 24.5 36.7499Z" fill="#52BBB1" fill-rule="nonzero" fill-opacity="1" transform="matrix(1 0 0 1.01191 2564 1053)"/></g></g></g><text fill="#52BBB1" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2686.18 1113)">下载</text><text fill="#52BBB1" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2793.32 1113)">PDF</text></g></g></svg>
\ No newline at end of file
diff --git a/docs/index.assets/btn_read_online_dark.svg b/docs/index.assets/btn_read_online_dark.svg
new file mode 100644
index 000000000..4fcb886ee
--- /dev/null
+++ b/docs/index.assets/btn_read_online_dark.svg
@@ -0,0 +1 @@
+<svg width="458" height="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="1801" y="825" width="458" height="142"/></clipPath><clipPath id="clip1"><rect x="1801" y="825" width="458" height="142"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-1801 -825)"><g clip-path="url(#clip1)"><path d="M1804 896C1804 858.997 1834 829 1871 829L2192 829C2229 829 2259 858.997 2259 896L2259 896C2259 933.003 2229 963 2192 963L1871 963C1834 963 1804 933.003 1804 896Z" fill="#52BBB1" fill-rule="evenodd" fill-opacity="0.901961"/><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 1987.51 913)">在线阅读</text><g><g><g><path d="M1923.25 899.155C1926.02 899.155 1928.95 899.435 1932 899.995L1932 905.245C1929.83 904.685 1926.89 904.405 1923.25 904.405 1916.6 904.405 1911.39 905.56 1907.5 907.87L1907.5 901.955C1911.6 900.1 1916.85 899.155 1923.25 899.155M1907.5 892.61C1912.02 890.755 1917.27 889.845 1923.25 889.845 1926.02 889.845 1928.95 890.09 1932 890.65L1932 895.9C1929.83 895.34 1926.89 895.06 1923.25 895.06 1916.6 895.06 1911.39 896.25 1907.5 898.525M1923.25 885.75C1916.6 885.75 1911.39 886.87 1907.5 889.25L1907.5 883.44C1911.81 881.48 1917.06 880.5 1923.25 880.5 1926.02 880.5 1928.95 880.78 1932 881.305L1932 886.73C1929.41 886.065 1926.44 885.75 1923.25 885.75M1935.5 913.75 1935.5 873.5C1931.86 872.345 1927.77 871.75 1923.25 871.75 1916.08 871.75 1909.67 873.5 1904 877L1904 917.25C1909.67 913.75 1916.08 912 1923.25 912 1927.42 912 1931.51 912.56 1935.5 913.75M1923.25 864.75C1931.47 864.75 1937.92 866.5 1942.5 870L1942.5 920.96C1942.5 921.38 1942.32 921.8 1941.94 922.185 1941.56 922.5 1941.14 922.78 1940.75 922.78 1940.36 922.78 1940.08 922.71 1939.88 922.605 1935.4 920.19 1929.83 919 1923.25 919 1916.08 919 1909.67 920.75 1904 924.25 1899.31 920.75 1892.91 919 1884.75 919 1878.94 919 1873.38 920.26 1868.13 922.745 1868.02 922.78 1867.88 922.78 1867.71 922.85 1867.57 922.885 1867.43 922.92 1867.25 922.92 1866.87 922.92 1866.45 922.78 1866.06 922.5 1865.71 922.189 1865.51 921.744 1865.5 921.275L1865.5 870C1870.19 866.5 1876.63 864.75 1884.75 864.75 1892.91 864.75 1899.31 866.5 1904 870 1908.69 866.5 1915.1 864.75 1923.25 864.75Z" fill="#3B3B3B" fill-rule="nonzero" fill-opacity="1"/></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/index.assets/btn_read_online_light.svg b/docs/index.assets/btn_read_online_light.svg
new file mode 100644
index 000000000..e4c210e42
--- /dev/null
+++ b/docs/index.assets/btn_read_online_light.svg
@@ -0,0 +1 @@
+<svg width="463" height="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-2502 -825)"><g><path d="M2506.5 896.5C2506.5 859.497 2536.5 829.5 2573.5 829.5L2894.5 829.5C2931.5 829.5 2961.5 859.497 2961.5 896.5 2961.5 933.503 2931.5 963.5 2894.5 963.5L2573.5 963.5C2536.5 963.5 2506.5 933.503 2506.5 896.5Z" stroke="#52BBB1" stroke-width="4.58333" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="8" stroke-opacity="1" fill="none" fill-rule="evenodd"/><text fill="#52BBB1" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2689.62 913)">在线阅读</text><g><g><g><path d="M2625.25 899.155C2628.01 899.155 2630.95 899.435 2634 899.995L2634 905.245C2631.83 904.685 2628.89 904.405 2625.25 904.405 2618.6 904.405 2613.39 905.56 2609.5 907.87L2609.5 901.955C2613.59 900.1 2618.84 899.155 2625.25 899.155M2609.5 892.61C2614.01 890.755 2619.26 889.845 2625.25 889.845 2628.01 889.845 2630.95 890.09 2634 890.65L2634 895.9C2631.83 895.34 2628.89 895.06 2625.25 895.06 2618.6 895.06 2613.39 896.25 2609.5 898.525M2625.25 885.75C2618.6 885.75 2613.39 886.87 2609.5 889.25L2609.5 883.44C2613.8 881.48 2619.05 880.5 2625.25 880.5 2628.01 880.5 2630.95 880.78 2634 881.305L2634 886.73C2631.41 886.065 2628.43 885.75 2625.25 885.75M2637.5 913.75 2637.5 873.5C2633.86 872.345 2629.76 871.75 2625.25 871.75 2618.07 871.75 2611.67 873.5 2606 877L2606 917.25C2611.67 913.75 2618.07 912 2625.25 912 2629.41 912 2633.51 912.56 2637.5 913.75M2625.25 864.75C2633.47 864.75 2639.91 866.5 2644.5 870L2644.5 920.96C2644.5 921.38 2644.32 921.8 2643.94 922.185 2643.55 922.5 2643.13 922.78 2642.75 922.78 2642.36 922.78 2642.08 922.71 2641.88 922.605 2637.39 920.19 2631.83 919 2625.25 919 2618.07 919 2611.67 920.75 2606 924.25 2601.31 920.75 2594.91 919 2586.75 919 2580.94 919 2575.38 920.26 2570.12 922.745 2570.02 922.78 2569.88 922.78 2569.71 922.85 2569.56 922.885 2569.43 922.92 2569.25 922.92 2568.86 922.92 2568.45 922.78 2568.06 922.5 2567.71 922.189 2567.51 921.744 2567.5 921.275L2567.5 870C2572.19 866.5 2578.63 864.75 2586.75 864.75 2594.91 864.75 2601.31 866.5 2606 870 2610.69 866.5 2617.09 864.75 2625.25 864.75Z" fill="#52BBB1" fill-rule="nonzero" fill-opacity="1"/></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index 50f22273f..bf9f7ca90 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -68,7 +68,7 @@ hide:
 
 <p align="center"> 内容清晰易懂、学习曲线平滑</br>电脑、平板、手机全终端阅读 </p>
 
-![algorithm_animation](index.assets/animation.gif)
+<img src="index.assets/animation_light.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
 
 !!! quote ""
 
@@ -81,7 +81,7 @@ hide:
 
 <p align="center"> 提供各个算法与数据结构的简洁实现与测试样例，皆可直接运行</br>支持 Python、C++、Java、C#、Go、Swift、JS、TS、Dart、Rust、C、Zig 等语言 </p>
 
-![running_code](index.assets/running_code.gif)
+<img src="index.assets/running_code_light.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
 
 !!! quote ""
 
@@ -94,7 +94,7 @@ hide:
 
 <p align="center"> 鼓励小伙伴们互帮互助、共同成长</br>提问与评论一般能在两日内得到回复 </p>
 
-![comment](index.assets/comment.gif)
+<img src="index.assets/comment_light.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
 
 !!! quote ""
 
@@ -146,5 +146,3 @@ hide:
         </tbody>
     </table>
 </div>
-
----