diff --git a/components/CustomTabBar.vue b/components/CustomTabBar.vue
index 51eba78..49c8856 100644
--- a/components/CustomTabBar.vue
+++ b/components/CustomTabBar.vue
@@ -96,6 +96,6 @@ export default {
 
 
 .tab-item text {
-    font-size: 24rpx;
+    font-size: 36rpx;
 }
 </style>
\ No newline at end of file
diff --git a/components/MusicControl.vue b/components/MusicControl.vue
new file mode 100644
index 0000000..c17dc07
--- /dev/null
+++ b/components/MusicControl.vue
@@ -0,0 +1,87 @@
+<template>
+  <view class="music-control" @click="toggleMusic">
+    <text class="music-text" :class="{ 'rotating': isPlaying }">
+      {{ isPlaying ? '🎵' : '🔇' }}
+    </text>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'MusicControl',
+  data() {
+    return {
+      isPlaying: false
+    }
+  },
+  mounted() {
+    // 组件挂载时同步音乐状态
+    this.syncMusicState();
+    
+    // 添加定时器，每秒同步一次状态
+    this.timer = setInterval(() => {
+      this.syncMusicState();
+    }, 1000);
+  },
+  beforeUnmount() {
+    // 组件卸载前清除定时器
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+  },
+  methods: {
+    syncMusicState() {
+      const app = getApp();
+      if (app && app.globalData) {
+        this.isPlaying = app.globalData.isMusicPlaying;
+      }
+    },
+    
+    toggleMusic() {
+      const app = getApp();
+      if (!app || !app.globalData || !app.globalData.bgMusic) {
+        console.error('背景音乐未初始化');
+        return;
+      }
+      
+      const bgMusic = app.globalData.bgMusic;
+      
+      // 直接基于当前组件的状态切换
+      if (this.isPlaying) {
+        bgMusic.pause();
+      } else {
+        bgMusic.play();
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.music-control {
+  position: fixed;
+  right: 30rpx;
+  bottom: 30rpx;
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+}
+
+.music-text {
+  font-size: 40rpx;
+}
+
+.rotating {
+  animation: rotate 3s linear infinite;
+}
+
+@keyframes rotate {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+</style>
diff --git a/components/ShareGuide.vue b/components/ShareGuide.vue
new file mode 100644
index 0000000..55c1007
--- /dev/null
+++ b/components/ShareGuide.vue
@@ -0,0 +1,97 @@
+<template>
+    <view v-if="visible" class="share-guide-mask" @click="closeGuide">
+        <view class="guide-content">
+            <image class="guide-arrow" :src="arrowImage" mode=""></image>
+            <view v-for="(text, index) in textArray" :key="index" class="guide-text">
+                {{ text }}
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        value: {
+            type: Boolean,
+            default: false
+        },
+        text: {
+            type: [String, Array],
+            default: '点击右上角"..."选择"分享到朋友圈"'
+        },
+        arrowImage: {
+            type: String,
+            default: '/static/share-arrow.png'
+        }
+    },
+    computed: {
+        visible: {
+            get() {
+                return this.value;
+            },
+            set(val) {
+                this.$emit('input', val);
+            }
+        },
+        textArray() {
+            if (Array.isArray(this.text)) {
+                return this.text;
+            }
+            return [this.text];
+        }
+    },
+    methods: {
+        closeGuide() {
+            this.visible = false;
+            this.$emit('close');
+        }
+    }
+}
+</script>
+
+<style scoped>
+.share-guide-mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.7);
+    z-index: 9999;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-start;
+}
+
+.guide-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 100rpx;
+    padding-right: 60rpx;
+}
+
+.guide-arrow {
+    width: 100rpx;
+    height: 160rpx;
+    animation: arrow-up 1s infinite alternate;
+}
+
+.guide-text {
+    font-size: 32rpx;
+    color: #FFFFFF;
+    font-weight: bold;
+    margin-bottom: 10rpx;
+    text-align: center;
+}
+
+@keyframes arrow-up {
+    from {
+        transform: translateY(0);
+    }
+    to {
+        transform: translateY(-15rpx);
+    }
+}
+</style>
\ No newline at end of file
diff --git a/components/chapter3/RandomImage.vue b/components/chapter3/RandomImage.vue
new file mode 100644
index 0000000..b6f4b23
--- /dev/null
+++ b/components/chapter3/RandomImage.vue
@@ -0,0 +1,68 @@
+<template>
+	<image v-if="selectedItem" :src="selectedItem.image" class="random-image" mode="" />
+	<view v-if="selectedItem" class="random-image-name">
+		{{selectedItem.name}}
+	</view>
+	<view v-if="selectedItem" class="random-image-desc">
+		{{selectedItem.desc}}
+	</view>
+	<MusicControl />
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted
+	} from 'vue'
+
+	const props = defineProps({
+		images: {
+			type: Array,
+			required: true
+		}
+	})
+	const selectedItem = ref(null)
+
+	// 随机选择一项
+	const selectRandomImage = () => {
+		if (props.images && props.images.length > 0) {
+			const randomIndex = Math.floor(Math.random() * props.images.length)
+			selectedItem.value = props.images[randomIndex]
+		}
+	}
+	onMounted(() => {
+		selectRandomImage()
+	})
+	defineExpose({
+		selectRandomImage,
+		selectedItem
+	})
+</script>
+
+<style scoped>
+	.random-image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.random-image-name {
+		position: absolute;
+		bottom: 30%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		color: #ffffff;
+		font-size: 52rpx;
+	}
+
+	.random-image-desc {
+		white-space: nowrap;
+		position: absolute;
+		bottom: 25%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		color: #ffffff;
+		font-size: 24rpx;
+		font-weight: 300;
+		opacity: .8;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 3d9c599..3dd8fcc 100644
--- a/pages.json
+++ b/pages.json
@@ -166,6 +166,18 @@
 			    }
 			}
 		]
+	},
+	{
+		"root": "xxdf",
+		"pages": [
+			{
+			    "path" : "home/home",
+			    "style" : {
+			        "navigationBarTitleText" : "",
+					"navigationStyle": "custom"
+			    }
+			}
+		]
 	}],
 	"tabBar": {
 		"custom": true,
@@ -178,36 +190,26 @@
 		"iconWidth": "40rpx",
 		"list": [{
 				"pagePath": "pages/index/index",
-				"iconPath": "/static/images/home.png",
-				"selectedIconPath": "/static/images/selectHome.png",
 				"text": "首页",
 				"visible": false
 			},
 			{
 				"pagePath": "pages/index/readingBody",
-				"iconPath": "/static/images/home.png",
-				"selectedIconPath": "/static/images/selectHome.png",
 				"text": "阅读体",
 				"visible": false
 			},
 			{
 				"pagePath": "pages/index/sensoryStore",
-				"iconPath": "/static/images/home.png",
-				"selectedIconPath": "/static/images/selectHome.png",
 				"text": "有感商店",
 				"visible": false
 			},
 			{
 				"pagePath": "pages/index/intelligentAgent",
-				"iconPath": "/static/images/home.png",
-				"selectedIconPath": "/static/images/selectHome.png",
 				"text": "智能体",
 				"visible": false
 			},
 			{
 				"pagePath": "pages/index/iSoul",
-				"iconPath": "/static/images/home.png",
-				"selectedIconPath": "/static/images/selectHome.png",
 				"text": "iSoul",
 				"visible": false
 			}
diff --git a/pages/index/readingBody.vue b/pages/index/readingBody.vue
index 63ba43b..9476785 100644
--- a/pages/index/readingBody.vue
+++ b/pages/index/readingBody.vue
@@ -29,24 +29,30 @@
 		<uni-swiper-dot class="uni-swiper-dot-box" :info="swiperList" :current="current" :mode="mode"
 			:dots-styles="dotsStyles" field="content">
 			<swiper class="swiper-box" @change="change" :current="swiperDotIndex">
-				<swiper-item v-for="(item, index) in swiperList" :key="index">
+				<swiper-item v-for="(item, index) in swiperList" :key="index" @click="gotoUrlNew(item)">
 					<image :src="showImg(item.head_img)" mode=""></image>
 				</swiper-item>
 			</swiper>
 		</uni-swiper-dot>
 		
-		<scroll-view scroll-x="true" show-scrollbar="false">
+		<!-- <scroll-view scroll-x="true" show-scrollbar="false">
 			<view class="category-scroll">
 				<image v-for="(item,index) in categories" :key="index" :src="showImg(item.head_img)"></image>
 			</view>
-		</scroll-view>
+		</scroll-view> -->
+		
+		<swiper class="category-scroll">
+			<swiper-item v-for="(item, index) in categories" :key="index" @click="gotoUrlNew(item)">
+				<image :src="showImg(item.head_img)" mode="aspectFill"></image>
+			</swiper-item>
+		</swiper>
 		
 		<view class="title-box">
 			全部阅读
 			<image src="https://static.ticket.sz-trip.com/epicSoul/readingBody/titleSpan.png" mode=""></image>
 		</view>
 		
-		<view class="reading-title flex-between" style="background:none;">
+		<view class="reading-title flex-between" v-if="false">
 			<!-- <view v-for="(item,index) in readingType" :key="index" @click="changeType(index)">{{item.title}}</view>
 			<span :style="{left: readingIndex == 0 ? '32rpx' : (readingIndex == 1 ? '245rpx' : '448rpx')}"></span> -->
 		</view>
@@ -165,7 +171,7 @@
 	}
 
 	.swiper-box, .top-box {
-		margin: 60rpx 40rpx 0;
+		margin: 60rpx 25rpx 0;
 		height: 830rpx;
 		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
 		border-radius: 20rpx;
@@ -220,14 +226,16 @@
 	}
 	
 	.category-scroll {
-		padding: 40rpx 0 0 40rpx;
-		display: flex;
+		// padding: 40rpx 0 0 40rpx;
+		// display: flex;
+		height: 393rpx;
+		margin: 50rpx 25rpx 0;
 		
 		image {
-			width: 670rpx;
-			height: 260rpx;
+			width: 100%;
+			height: 393rpx;
 			flex-shrink: 0;
-			margin-right: 20rpx;
+			// margin-right: 20rpx;
 			border-radius: 20rpx;
 		}
 	}
@@ -254,7 +262,7 @@
 		font-weight: bold;
 		font-size: 28rpx;
 		color: #000000;
-		padding: 0 55rpx;
+		padding: 0 40rpx;
 		position: relative;
 		
 		view {
@@ -280,20 +288,20 @@
 	}
 	
 	.reading-box {
-		margin: 0 40rpx 0;
+		margin: 20rpx 25rpx 0;
 		border-radius: 20rpx;
 		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
-		padding: 35rpx 20rpx 5rpx;
+		padding: 35rpx 10rpx 5rpx;
 		display: flex;
 		justify-content: space-between;
 		flex-wrap: wrap;
 		position: relative;
-		top: -15rpx;
+		// top: -15rpx;
 		background-color: #fff;
 		
 		image {
-			width: 188rpx;
-			height: 335rpx;
+			width: 212rpx;
+			height: 376rpx;
 			margin-bottom: 30rpx;
 		}
 	}
diff --git a/pages/stratIndex.vue b/pages/stratIndex.vue
index 82f1ad2..0909d5a 100644
--- a/pages/stratIndex.vue
+++ b/pages/stratIndex.vue
@@ -42,6 +42,9 @@
 		image{
 			width: 100%;
 			height: 100%;
+			position: fixed;
+			top: 0;
+			left: 0;
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/static/3-1-2.gif b/static/3-1-2.gif
new file mode 100644
index 0000000..ad14100
Binary files /dev/null and b/static/3-1-2.gif differ
diff --git a/static/3-2-2.gif b/static/3-2-2.gif
new file mode 100644
index 0000000..167a8ba
Binary files /dev/null and b/static/3-2-2.gif differ
diff --git a/static/3-3-2.gif b/static/3-3-2.gif
new file mode 100644
index 0000000..e509f09
Binary files /dev/null and b/static/3-3-2.gif differ
diff --git a/static/3-4-2.gif b/static/3-4-2.gif
new file mode 100644
index 0000000..729eae5
Binary files /dev/null and b/static/3-4-2.gif differ
diff --git a/static/3-5-2.gif b/static/3-5-2.gif
new file mode 100644
index 0000000..08db4f4
Binary files /dev/null and b/static/3-5-2.gif differ
diff --git a/static/3-6-2.gif b/static/3-6-2.gif
new file mode 100644
index 0000000..e994175
Binary files /dev/null and b/static/3-6-2.gif differ
diff --git a/static/3-7-2.gif b/static/3-7-2.gif
new file mode 100644
index 0000000..2e5fb7b
Binary files /dev/null and b/static/3-7-2.gif differ
diff --git a/static/arrow-icon-black.png b/static/arrow-icon-black.png
new file mode 100644
index 0000000..cb9be84
Binary files /dev/null and b/static/arrow-icon-black.png differ
diff --git a/static/arrow-icon.png b/static/arrow-icon.png
new file mode 100644
index 0000000..082d045
Binary files /dev/null and b/static/arrow-icon.png differ
diff --git a/static/back.png b/static/back.png
new file mode 100644
index 0000000..f764ba6
Binary files /dev/null and b/static/back.png differ
diff --git a/static/find-btn.png b/static/find-btn.png
new file mode 100644
index 0000000..ebe5675
Binary files /dev/null and b/static/find-btn.png differ
diff --git a/static/footer.png b/static/footer.png
new file mode 100644
index 0000000..f0ea923
Binary files /dev/null and b/static/footer.png differ
diff --git a/static/home.png b/static/home.png
new file mode 100644
index 0000000..385f099
Binary files /dev/null and b/static/home.png differ
diff --git a/static/images/home.png b/static/image/home.png
similarity index 100%
rename from static/images/home.png
rename to static/image/home.png
diff --git a/static/images/mine.png b/static/image/mine.png
similarity index 100%
rename from static/images/mine.png
rename to static/image/mine.png
diff --git a/static/images/selectHome.png b/static/image/selectHome.png
similarity index 100%
rename from static/images/selectHome.png
rename to static/image/selectHome.png
diff --git a/static/images/selectMine.png b/static/image/selectMine.png
similarity index 100%
rename from static/images/selectMine.png
rename to static/image/selectMine.png
diff --git a/static/images/chapter1/abandon-btn.png b/static/images/chapter1/abandon-btn.png
new file mode 100644
index 0000000..2294c09
Binary files /dev/null and b/static/images/chapter1/abandon-btn.png differ
diff --git a/static/images/chapter1/bg-txt.png b/static/images/chapter1/bg-txt.png
new file mode 100644
index 0000000..170e688
Binary files /dev/null and b/static/images/chapter1/bg-txt.png differ
diff --git a/static/images/chapter1/button.png b/static/images/chapter1/button.png
new file mode 100644
index 0000000..777ee52
Binary files /dev/null and b/static/images/chapter1/button.png differ
diff --git a/static/images/chapter1/cover.png b/static/images/chapter1/cover.png
new file mode 100644
index 0000000..388caf3
Binary files /dev/null and b/static/images/chapter1/cover.png differ
diff --git a/static/images/chapter1/cover2.png b/static/images/chapter1/cover2.png
new file mode 100644
index 0000000..fd12914
Binary files /dev/null and b/static/images/chapter1/cover2.png differ
diff --git a/static/images/chapter1/feel.png b/static/images/chapter1/feel.png
new file mode 100644
index 0000000..57de4db
Binary files /dev/null and b/static/images/chapter1/feel.png differ
diff --git a/static/images/chapter1/feel2-img.png b/static/images/chapter1/feel2-img.png
new file mode 100644
index 0000000..b32961d
Binary files /dev/null and b/static/images/chapter1/feel2-img.png differ
diff --git a/static/images/chapter1/feel2.png b/static/images/chapter1/feel2.png
new file mode 100644
index 0000000..d2e0554
Binary files /dev/null and b/static/images/chapter1/feel2.png differ
diff --git a/static/images/chapter1/gustation.png b/static/images/chapter1/gustation.png
new file mode 100644
index 0000000..f1bc5a5
Binary files /dev/null and b/static/images/chapter1/gustation.png differ
diff --git a/static/images/chapter1/gustation2-img.png b/static/images/chapter1/gustation2-img.png
new file mode 100644
index 0000000..16f6e31
Binary files /dev/null and b/static/images/chapter1/gustation2-img.png differ
diff --git a/static/images/chapter1/gustation2.png b/static/images/chapter1/gustation2.png
new file mode 100644
index 0000000..a0195b6
Binary files /dev/null and b/static/images/chapter1/gustation2.png differ
diff --git a/static/images/chapter1/hearing.png b/static/images/chapter1/hearing.png
new file mode 100644
index 0000000..0a1021b
Binary files /dev/null and b/static/images/chapter1/hearing.png differ
diff --git a/static/images/chapter1/hearing2-img.png b/static/images/chapter1/hearing2-img.png
new file mode 100644
index 0000000..96a4ebd
Binary files /dev/null and b/static/images/chapter1/hearing2-img.png differ
diff --git a/static/images/chapter1/hearing2.png b/static/images/chapter1/hearing2.png
new file mode 100644
index 0000000..862e6c7
Binary files /dev/null and b/static/images/chapter1/hearing2.png differ
diff --git a/static/images/chapter1/olfactory.png b/static/images/chapter1/olfactory.png
new file mode 100644
index 0000000..04ac9ea
Binary files /dev/null and b/static/images/chapter1/olfactory.png differ
diff --git a/static/images/chapter1/olfactory2-img.png b/static/images/chapter1/olfactory2-img.png
new file mode 100644
index 0000000..00af6e4
Binary files /dev/null and b/static/images/chapter1/olfactory2-img.png differ
diff --git a/static/images/chapter1/olfactory2.png b/static/images/chapter1/olfactory2.png
new file mode 100644
index 0000000..14d522f
Binary files /dev/null and b/static/images/chapter1/olfactory2.png differ
diff --git a/static/images/chapter1/olfactory3-img.png b/static/images/chapter1/olfactory3-img.png
new file mode 100644
index 0000000..67fec49
Binary files /dev/null and b/static/images/chapter1/olfactory3-img.png differ
diff --git a/static/images/chapter1/olfactory3.png b/static/images/chapter1/olfactory3.png
new file mode 100644
index 0000000..6e543a9
Binary files /dev/null and b/static/images/chapter1/olfactory3.png differ
diff --git a/static/images/chapter1/olfactory4-img.png b/static/images/chapter1/olfactory4-img.png
new file mode 100644
index 0000000..c9e00c0
Binary files /dev/null and b/static/images/chapter1/olfactory4-img.png differ
diff --git a/static/images/chapter1/olfactory4.png b/static/images/chapter1/olfactory4.png
new file mode 100644
index 0000000..997c178
Binary files /dev/null and b/static/images/chapter1/olfactory4.png differ
diff --git a/static/images/chapter1/vision.png b/static/images/chapter1/vision.png
new file mode 100644
index 0000000..237393c
Binary files /dev/null and b/static/images/chapter1/vision.png differ
diff --git a/static/images/chapter1/vision2-img.png b/static/images/chapter1/vision2-img.png
new file mode 100644
index 0000000..86cd818
Binary files /dev/null and b/static/images/chapter1/vision2-img.png differ
diff --git a/static/images/chapter1/vision2.png b/static/images/chapter1/vision2.png
new file mode 100644
index 0000000..f57f9ed
Binary files /dev/null and b/static/images/chapter1/vision2.png differ
diff --git a/static/images/chapter2/bg-txt.png b/static/images/chapter2/bg-txt.png
new file mode 100644
index 0000000..62bde0c
Binary files /dev/null and b/static/images/chapter2/bg-txt.png differ
diff --git a/static/images/chapter2/button.png b/static/images/chapter2/button.png
new file mode 100644
index 0000000..2d7d994
Binary files /dev/null and b/static/images/chapter2/button.png differ
diff --git a/static/images/chapter2/cover.png b/static/images/chapter2/cover.png
new file mode 100644
index 0000000..c882915
Binary files /dev/null and b/static/images/chapter2/cover.png differ
diff --git a/static/images/chapter2/cover2.png b/static/images/chapter2/cover2.png
new file mode 100644
index 0000000..85cf17c
Binary files /dev/null and b/static/images/chapter2/cover2.png differ
diff --git a/static/images/chapter2/cover3.png b/static/images/chapter2/cover3.png
new file mode 100644
index 0000000..3d67121
Binary files /dev/null and b/static/images/chapter2/cover3.png differ
diff --git a/static/images/chapter2/cover4.png b/static/images/chapter2/cover4.png
new file mode 100644
index 0000000..8820f1a
Binary files /dev/null and b/static/images/chapter2/cover4.png differ
diff --git a/static/images/chapter2/cover5.png b/static/images/chapter2/cover5.png
new file mode 100644
index 0000000..6189382
Binary files /dev/null and b/static/images/chapter2/cover5.png differ
diff --git a/static/images/chapter2/cover6.png b/static/images/chapter2/cover6.png
new file mode 100644
index 0000000..bdb8c7a
Binary files /dev/null and b/static/images/chapter2/cover6.png differ
diff --git a/static/images/chapter2/cover7.png b/static/images/chapter2/cover7.png
new file mode 100644
index 0000000..81a388d
Binary files /dev/null and b/static/images/chapter2/cover7.png differ
diff --git a/static/images/chapter3/bg-txt.png b/static/images/chapter3/bg-txt.png
new file mode 100644
index 0000000..e3f5b47
Binary files /dev/null and b/static/images/chapter3/bg-txt.png differ
diff --git a/static/images/chapter3/button.png b/static/images/chapter3/button.png
new file mode 100644
index 0000000..141dc1f
Binary files /dev/null and b/static/images/chapter3/button.png differ
diff --git a/static/images/chapter3/cover.png b/static/images/chapter3/cover.png
new file mode 100644
index 0000000..1b0028b
Binary files /dev/null and b/static/images/chapter3/cover.png differ
diff --git a/static/images/chapter3/cover2-1.png b/static/images/chapter3/cover2-1.png
new file mode 100644
index 0000000..cb62c34
Binary files /dev/null and b/static/images/chapter3/cover2-1.png differ
diff --git a/static/images/chapter3/cover2-txt.png b/static/images/chapter3/cover2-txt.png
new file mode 100644
index 0000000..cac4b70
Binary files /dev/null and b/static/images/chapter3/cover2-txt.png differ
diff --git a/static/images/chapter3/cover2.png b/static/images/chapter3/cover2.png
new file mode 100644
index 0000000..c7118f7
Binary files /dev/null and b/static/images/chapter3/cover2.png differ
diff --git a/static/images/chapter3/cover3-1.png b/static/images/chapter3/cover3-1.png
new file mode 100644
index 0000000..7299634
Binary files /dev/null and b/static/images/chapter3/cover3-1.png differ
diff --git a/static/images/chapter3/cover3-txt.png b/static/images/chapter3/cover3-txt.png
new file mode 100644
index 0000000..44e1aa9
Binary files /dev/null and b/static/images/chapter3/cover3-txt.png differ
diff --git a/static/images/chapter3/cover3.png b/static/images/chapter3/cover3.png
new file mode 100644
index 0000000..4e36398
Binary files /dev/null and b/static/images/chapter3/cover3.png differ
diff --git a/static/images/chapter3/cover4-1.png b/static/images/chapter3/cover4-1.png
new file mode 100644
index 0000000..53bb5dd
Binary files /dev/null and b/static/images/chapter3/cover4-1.png differ
diff --git a/static/images/chapter3/cover4-txt.png b/static/images/chapter3/cover4-txt.png
new file mode 100644
index 0000000..d3d1d34
Binary files /dev/null and b/static/images/chapter3/cover4-txt.png differ
diff --git a/static/images/chapter3/cover4.png b/static/images/chapter3/cover4.png
new file mode 100644
index 0000000..b92b768
Binary files /dev/null and b/static/images/chapter3/cover4.png differ
diff --git a/static/images/chapter3/cover5-1.png b/static/images/chapter3/cover5-1.png
new file mode 100644
index 0000000..36a9dd3
Binary files /dev/null and b/static/images/chapter3/cover5-1.png differ
diff --git a/static/images/chapter3/cover5-txt.png b/static/images/chapter3/cover5-txt.png
new file mode 100644
index 0000000..2bfe603
Binary files /dev/null and b/static/images/chapter3/cover5-txt.png differ
diff --git a/static/images/chapter3/cover5.png b/static/images/chapter3/cover5.png
new file mode 100644
index 0000000..d5cb501
Binary files /dev/null and b/static/images/chapter3/cover5.png differ
diff --git a/static/images/chapter3/cover6-1.png b/static/images/chapter3/cover6-1.png
new file mode 100644
index 0000000..e973e99
Binary files /dev/null and b/static/images/chapter3/cover6-1.png differ
diff --git a/static/images/chapter3/cover6-txt.png b/static/images/chapter3/cover6-txt.png
new file mode 100644
index 0000000..617ea81
Binary files /dev/null and b/static/images/chapter3/cover6-txt.png differ
diff --git a/static/images/chapter3/cover6.png b/static/images/chapter3/cover6.png
new file mode 100644
index 0000000..b12e86d
Binary files /dev/null and b/static/images/chapter3/cover6.png differ
diff --git a/static/images/chapter3/cover7-1.png b/static/images/chapter3/cover7-1.png
new file mode 100644
index 0000000..7dc9179
Binary files /dev/null and b/static/images/chapter3/cover7-1.png differ
diff --git a/static/images/chapter3/cover7-txt.png b/static/images/chapter3/cover7-txt.png
new file mode 100644
index 0000000..7fb6183
Binary files /dev/null and b/static/images/chapter3/cover7-txt.png differ
diff --git a/static/images/chapter3/cover7.png b/static/images/chapter3/cover7.png
new file mode 100644
index 0000000..4806066
Binary files /dev/null and b/static/images/chapter3/cover7.png differ
diff --git a/static/images/chapter3/cover8-1.png b/static/images/chapter3/cover8-1.png
new file mode 100644
index 0000000..99c9fe7
Binary files /dev/null and b/static/images/chapter3/cover8-1.png differ
diff --git a/static/images/chapter3/cover8-txt.png b/static/images/chapter3/cover8-txt.png
new file mode 100644
index 0000000..ca33f59
Binary files /dev/null and b/static/images/chapter3/cover8-txt.png differ
diff --git a/static/images/chapter3/cover8.png b/static/images/chapter3/cover8.png
new file mode 100644
index 0000000..9180c4a
Binary files /dev/null and b/static/images/chapter3/cover8.png differ
diff --git a/static/images/chapter3/cover9-txt.png b/static/images/chapter3/cover9-txt.png
new file mode 100644
index 0000000..cb90bd8
Binary files /dev/null and b/static/images/chapter3/cover9-txt.png differ
diff --git a/static/images/chapter3/cover9.png b/static/images/chapter3/cover9.png
new file mode 100644
index 0000000..3ff43c2
Binary files /dev/null and b/static/images/chapter3/cover9.png differ
diff --git a/static/images/chapter3/random/image1-txt.png b/static/images/chapter3/random/image1-txt.png
new file mode 100644
index 0000000..6df3ceb
Binary files /dev/null and b/static/images/chapter3/random/image1-txt.png differ
diff --git a/static/images/chapter3/random/image1.png b/static/images/chapter3/random/image1.png
new file mode 100644
index 0000000..8a1fc6f
Binary files /dev/null and b/static/images/chapter3/random/image1.png differ
diff --git a/static/images/chapter3/random/image2-txt.png b/static/images/chapter3/random/image2-txt.png
new file mode 100644
index 0000000..ae6c0ba
Binary files /dev/null and b/static/images/chapter3/random/image2-txt.png differ
diff --git a/static/images/chapter3/random/image2.png b/static/images/chapter3/random/image2.png
new file mode 100644
index 0000000..88d948b
Binary files /dev/null and b/static/images/chapter3/random/image2.png differ
diff --git a/static/images/chapter3/random/image3-txt.png b/static/images/chapter3/random/image3-txt.png
new file mode 100644
index 0000000..5bcea15
Binary files /dev/null and b/static/images/chapter3/random/image3-txt.png differ
diff --git a/static/images/chapter3/random/image3.png b/static/images/chapter3/random/image3.png
new file mode 100644
index 0000000..340e00d
Binary files /dev/null and b/static/images/chapter3/random/image3.png differ
diff --git a/static/images/chapter3/random/image4-txt.png b/static/images/chapter3/random/image4-txt.png
new file mode 100644
index 0000000..2cc9f95
Binary files /dev/null and b/static/images/chapter3/random/image4-txt.png differ
diff --git a/static/images/chapter3/random/image4.png b/static/images/chapter3/random/image4.png
new file mode 100644
index 0000000..05410ce
Binary files /dev/null and b/static/images/chapter3/random/image4.png differ
diff --git a/static/images/chapter3/random/image5-txt.png b/static/images/chapter3/random/image5-txt.png
new file mode 100644
index 0000000..f780a46
Binary files /dev/null and b/static/images/chapter3/random/image5-txt.png differ
diff --git a/static/images/chapter3/random/image5.png b/static/images/chapter3/random/image5.png
new file mode 100644
index 0000000..c61e3ed
Binary files /dev/null and b/static/images/chapter3/random/image5.png differ
diff --git a/static/images/chapter3/random/image6-txt.png b/static/images/chapter3/random/image6-txt.png
new file mode 100644
index 0000000..d4a890b
Binary files /dev/null and b/static/images/chapter3/random/image6-txt.png differ
diff --git a/static/images/chapter3/random/image6.png b/static/images/chapter3/random/image6.png
new file mode 100644
index 0000000..db3bf91
Binary files /dev/null and b/static/images/chapter3/random/image6.png differ
diff --git a/static/images/chapter3/random/image7-txt.png b/static/images/chapter3/random/image7-txt.png
new file mode 100644
index 0000000..1ecbab5
Binary files /dev/null and b/static/images/chapter3/random/image7-txt.png differ
diff --git a/static/images/chapter3/random/image7.png b/static/images/chapter3/random/image7.png
new file mode 100644
index 0000000..185f17c
Binary files /dev/null and b/static/images/chapter3/random/image7.png differ
diff --git a/static/images/chapter4/bg-txt.png b/static/images/chapter4/bg-txt.png
new file mode 100644
index 0000000..06bbd24
Binary files /dev/null and b/static/images/chapter4/bg-txt.png differ
diff --git a/static/images/chapter4/chapter4-btn.png b/static/images/chapter4/chapter4-btn.png
new file mode 100644
index 0000000..d712143
Binary files /dev/null and b/static/images/chapter4/chapter4-btn.png differ
diff --git a/static/images/chapter4/chapter4-btn2.png b/static/images/chapter4/chapter4-btn2.png
new file mode 100644
index 0000000..8faee43
Binary files /dev/null and b/static/images/chapter4/chapter4-btn2.png differ
diff --git a/static/images/chapter4/cover.png b/static/images/chapter4/cover.png
new file mode 100644
index 0000000..2004882
Binary files /dev/null and b/static/images/chapter4/cover.png differ
diff --git a/static/images/chapter4/detail1/cover-bg.png b/static/images/chapter4/detail1/cover-bg.png
new file mode 100644
index 0000000..34371ec
Binary files /dev/null and b/static/images/chapter4/detail1/cover-bg.png differ
diff --git a/static/images/chapter4/detail1/cover-txt.png b/static/images/chapter4/detail1/cover-txt.png
new file mode 100644
index 0000000..c9da98f
Binary files /dev/null and b/static/images/chapter4/detail1/cover-txt.png differ
diff --git a/static/images/chapter4/detail1/swiper-img1.png b/static/images/chapter4/detail1/swiper-img1.png
new file mode 100644
index 0000000..ae1ab5d
Binary files /dev/null and b/static/images/chapter4/detail1/swiper-img1.png differ
diff --git a/static/images/chapter4/detail1/swiper-img2.png b/static/images/chapter4/detail1/swiper-img2.png
new file mode 100644
index 0000000..bde91dd
Binary files /dev/null and b/static/images/chapter4/detail1/swiper-img2.png differ
diff --git a/static/images/chapter4/detail1/swiper-img3.png b/static/images/chapter4/detail1/swiper-img3.png
new file mode 100644
index 0000000..4001b9a
Binary files /dev/null and b/static/images/chapter4/detail1/swiper-img3.png differ
diff --git a/static/images/chapter4/detail1/swiper-img4.png b/static/images/chapter4/detail1/swiper-img4.png
new file mode 100644
index 0000000..089f382
Binary files /dev/null and b/static/images/chapter4/detail1/swiper-img4.png differ
diff --git a/static/images/chapter4/detail1/swiper-img5.png b/static/images/chapter4/detail1/swiper-img5.png
new file mode 100644
index 0000000..1684680
Binary files /dev/null and b/static/images/chapter4/detail1/swiper-img5.png differ
diff --git a/static/images/chapter4/detail1/swiper-img6.png b/static/images/chapter4/detail1/swiper-img6.png
new file mode 100644
index 0000000..fc4bf82
Binary files /dev/null and b/static/images/chapter4/detail1/swiper-img6.png differ
diff --git a/static/images/chapter4/detail1/swiper-img7.png b/static/images/chapter4/detail1/swiper-img7.png
new file mode 100644
index 0000000..86c9fdd
Binary files /dev/null and b/static/images/chapter4/detail1/swiper-img7.png differ
diff --git a/static/images/chapter4/detail2/cover-bg.png b/static/images/chapter4/detail2/cover-bg.png
new file mode 100644
index 0000000..d4e296f
Binary files /dev/null and b/static/images/chapter4/detail2/cover-bg.png differ
diff --git a/static/images/chapter4/detail2/cover-txt.png b/static/images/chapter4/detail2/cover-txt.png
new file mode 100644
index 0000000..a6d03b3
Binary files /dev/null and b/static/images/chapter4/detail2/cover-txt.png differ
diff --git a/static/images/chapter4/detail2/swiper-img1.png b/static/images/chapter4/detail2/swiper-img1.png
new file mode 100644
index 0000000..dc480f9
Binary files /dev/null and b/static/images/chapter4/detail2/swiper-img1.png differ
diff --git a/static/images/chapter4/detail2/swiper-img2.png b/static/images/chapter4/detail2/swiper-img2.png
new file mode 100644
index 0000000..3898646
Binary files /dev/null and b/static/images/chapter4/detail2/swiper-img2.png differ
diff --git a/static/images/chapter4/detail2/swiper-img3.png b/static/images/chapter4/detail2/swiper-img3.png
new file mode 100644
index 0000000..b3bf0a5
Binary files /dev/null and b/static/images/chapter4/detail2/swiper-img3.png differ
diff --git a/static/images/chapter4/detail2/swiper-img4.png b/static/images/chapter4/detail2/swiper-img4.png
new file mode 100644
index 0000000..c2bda09
Binary files /dev/null and b/static/images/chapter4/detail2/swiper-img4.png differ
diff --git a/static/images/chapter4/detail2/swiper-img5.png b/static/images/chapter4/detail2/swiper-img5.png
new file mode 100644
index 0000000..58e7a00
Binary files /dev/null and b/static/images/chapter4/detail2/swiper-img5.png differ
diff --git a/static/images/chapter4/detail2/swiper-img6.png b/static/images/chapter4/detail2/swiper-img6.png
new file mode 100644
index 0000000..e968582
Binary files /dev/null and b/static/images/chapter4/detail2/swiper-img6.png differ
diff --git a/static/images/chapter4/detail2/swiper-img7.png b/static/images/chapter4/detail2/swiper-img7.png
new file mode 100644
index 0000000..edd3201
Binary files /dev/null and b/static/images/chapter4/detail2/swiper-img7.png differ
diff --git a/static/images/chapter4/detail3/cover-bg.png b/static/images/chapter4/detail3/cover-bg.png
new file mode 100644
index 0000000..f3a6332
Binary files /dev/null and b/static/images/chapter4/detail3/cover-bg.png differ
diff --git a/static/images/chapter4/detail3/cover-txt.png b/static/images/chapter4/detail3/cover-txt.png
new file mode 100644
index 0000000..0958f20
Binary files /dev/null and b/static/images/chapter4/detail3/cover-txt.png differ
diff --git a/static/images/chapter4/detail3/swiper-img1.png b/static/images/chapter4/detail3/swiper-img1.png
new file mode 100644
index 0000000..6bf3105
Binary files /dev/null and b/static/images/chapter4/detail3/swiper-img1.png differ
diff --git a/static/images/chapter4/detail3/swiper-img2.png b/static/images/chapter4/detail3/swiper-img2.png
new file mode 100644
index 0000000..c634070
Binary files /dev/null and b/static/images/chapter4/detail3/swiper-img2.png differ
diff --git a/static/images/chapter4/detail3/swiper-img3.png b/static/images/chapter4/detail3/swiper-img3.png
new file mode 100644
index 0000000..3c823d6
Binary files /dev/null and b/static/images/chapter4/detail3/swiper-img3.png differ
diff --git a/static/images/chapter4/detail3/swiper-img4.png b/static/images/chapter4/detail3/swiper-img4.png
new file mode 100644
index 0000000..be4752d
Binary files /dev/null and b/static/images/chapter4/detail3/swiper-img4.png differ
diff --git a/static/images/chapter4/detail3/swiper-img5.png b/static/images/chapter4/detail3/swiper-img5.png
new file mode 100644
index 0000000..fe35417
Binary files /dev/null and b/static/images/chapter4/detail3/swiper-img5.png differ
diff --git a/static/images/chapter4/detail3/swiper-img6.png b/static/images/chapter4/detail3/swiper-img6.png
new file mode 100644
index 0000000..d551806
Binary files /dev/null and b/static/images/chapter4/detail3/swiper-img6.png differ
diff --git a/static/images/chapter4/detail3/swiper-img7.png b/static/images/chapter4/detail3/swiper-img7.png
new file mode 100644
index 0000000..4133a0a
Binary files /dev/null and b/static/images/chapter4/detail3/swiper-img7.png differ
diff --git a/static/images/chapter4/detail4/cover-bg.png b/static/images/chapter4/detail4/cover-bg.png
new file mode 100644
index 0000000..98e229c
Binary files /dev/null and b/static/images/chapter4/detail4/cover-bg.png differ
diff --git a/static/images/chapter4/detail4/cover-txt.png b/static/images/chapter4/detail4/cover-txt.png
new file mode 100644
index 0000000..a9dba3e
Binary files /dev/null and b/static/images/chapter4/detail4/cover-txt.png differ
diff --git a/static/images/chapter4/detail4/swiper-img1.png b/static/images/chapter4/detail4/swiper-img1.png
new file mode 100644
index 0000000..6a9f621
Binary files /dev/null and b/static/images/chapter4/detail4/swiper-img1.png differ
diff --git a/static/images/chapter4/detail4/swiper-img2.png b/static/images/chapter4/detail4/swiper-img2.png
new file mode 100644
index 0000000..ade03ea
Binary files /dev/null and b/static/images/chapter4/detail4/swiper-img2.png differ
diff --git a/static/images/chapter4/detail4/swiper-img3.png b/static/images/chapter4/detail4/swiper-img3.png
new file mode 100644
index 0000000..e7703c4
Binary files /dev/null and b/static/images/chapter4/detail4/swiper-img3.png differ
diff --git a/static/images/chapter4/detail4/swiper-img4.png b/static/images/chapter4/detail4/swiper-img4.png
new file mode 100644
index 0000000..cbfef0a
Binary files /dev/null and b/static/images/chapter4/detail4/swiper-img4.png differ
diff --git a/static/images/chapter4/detail4/swiper-img5.png b/static/images/chapter4/detail4/swiper-img5.png
new file mode 100644
index 0000000..6c69be2
Binary files /dev/null and b/static/images/chapter4/detail4/swiper-img5.png differ
diff --git a/static/images/chapter4/detail4/swiper-img6.png b/static/images/chapter4/detail4/swiper-img6.png
new file mode 100644
index 0000000..e3833a0
Binary files /dev/null and b/static/images/chapter4/detail4/swiper-img6.png differ
diff --git a/static/images/chapter4/detail4/swiper-img7.png b/static/images/chapter4/detail4/swiper-img7.png
new file mode 100644
index 0000000..5e93a14
Binary files /dev/null and b/static/images/chapter4/detail4/swiper-img7.png differ
diff --git a/static/images/chapter4/detail5/cover-bg.png b/static/images/chapter4/detail5/cover-bg.png
new file mode 100644
index 0000000..00f6609
Binary files /dev/null and b/static/images/chapter4/detail5/cover-bg.png differ
diff --git a/static/images/chapter4/detail5/cover-txt.png b/static/images/chapter4/detail5/cover-txt.png
new file mode 100644
index 0000000..b028f0e
Binary files /dev/null and b/static/images/chapter4/detail5/cover-txt.png differ
diff --git a/static/images/chapter4/detail5/swiper-img1.png b/static/images/chapter4/detail5/swiper-img1.png
new file mode 100644
index 0000000..4630f98
Binary files /dev/null and b/static/images/chapter4/detail5/swiper-img1.png differ
diff --git a/static/images/chapter4/detail5/swiper-img2.png b/static/images/chapter4/detail5/swiper-img2.png
new file mode 100644
index 0000000..caeaefa
Binary files /dev/null and b/static/images/chapter4/detail5/swiper-img2.png differ
diff --git a/static/images/chapter4/detail5/swiper-img3.png b/static/images/chapter4/detail5/swiper-img3.png
new file mode 100644
index 0000000..b594b1c
Binary files /dev/null and b/static/images/chapter4/detail5/swiper-img3.png differ
diff --git a/static/images/chapter4/detail5/swiper-img4.png b/static/images/chapter4/detail5/swiper-img4.png
new file mode 100644
index 0000000..b67ba23
Binary files /dev/null and b/static/images/chapter4/detail5/swiper-img4.png differ
diff --git a/static/images/chapter4/detail5/swiper-img5.png b/static/images/chapter4/detail5/swiper-img5.png
new file mode 100644
index 0000000..fc3197a
Binary files /dev/null and b/static/images/chapter4/detail5/swiper-img5.png differ
diff --git a/static/images/chapter4/detail5/swiper-img6.png b/static/images/chapter4/detail5/swiper-img6.png
new file mode 100644
index 0000000..010e168
Binary files /dev/null and b/static/images/chapter4/detail5/swiper-img6.png differ
diff --git a/static/images/chapter4/detail5/swiper-img7.png b/static/images/chapter4/detail5/swiper-img7.png
new file mode 100644
index 0000000..1f9bd0a
Binary files /dev/null and b/static/images/chapter4/detail5/swiper-img7.png differ
diff --git a/static/images/chapter4/detail6/cover-bg.png b/static/images/chapter4/detail6/cover-bg.png
new file mode 100644
index 0000000..2b115a7
Binary files /dev/null and b/static/images/chapter4/detail6/cover-bg.png differ
diff --git a/static/images/chapter4/detail6/cover-txt.png b/static/images/chapter4/detail6/cover-txt.png
new file mode 100644
index 0000000..b82641e
Binary files /dev/null and b/static/images/chapter4/detail6/cover-txt.png differ
diff --git a/static/images/chapter4/detail6/swiper-img1.png b/static/images/chapter4/detail6/swiper-img1.png
new file mode 100644
index 0000000..b299f81
Binary files /dev/null and b/static/images/chapter4/detail6/swiper-img1.png differ
diff --git a/static/images/chapter4/detail6/swiper-img2.png b/static/images/chapter4/detail6/swiper-img2.png
new file mode 100644
index 0000000..c23f25e
Binary files /dev/null and b/static/images/chapter4/detail6/swiper-img2.png differ
diff --git a/static/images/chapter4/detail6/swiper-img3.png b/static/images/chapter4/detail6/swiper-img3.png
new file mode 100644
index 0000000..ae1ed5c
Binary files /dev/null and b/static/images/chapter4/detail6/swiper-img3.png differ
diff --git a/static/images/chapter4/detail6/swiper-img4.png b/static/images/chapter4/detail6/swiper-img4.png
new file mode 100644
index 0000000..27e3b50
Binary files /dev/null and b/static/images/chapter4/detail6/swiper-img4.png differ
diff --git a/static/images/chapter4/detail6/swiper-img5.png b/static/images/chapter4/detail6/swiper-img5.png
new file mode 100644
index 0000000..ec4cc7e
Binary files /dev/null and b/static/images/chapter4/detail6/swiper-img5.png differ
diff --git a/static/images/chapter4/detail6/swiper-img6.png b/static/images/chapter4/detail6/swiper-img6.png
new file mode 100644
index 0000000..300ece0
Binary files /dev/null and b/static/images/chapter4/detail6/swiper-img6.png differ
diff --git a/static/images/chapter4/detail6/swiper-img7.png b/static/images/chapter4/detail6/swiper-img7.png
new file mode 100644
index 0000000..4cfeea4
Binary files /dev/null and b/static/images/chapter4/detail6/swiper-img7.png differ
diff --git a/static/images/chapter4/detail7/cover-bg.png b/static/images/chapter4/detail7/cover-bg.png
new file mode 100644
index 0000000..dcf44c9
Binary files /dev/null and b/static/images/chapter4/detail7/cover-bg.png differ
diff --git a/static/images/chapter4/detail7/cover-txt.png b/static/images/chapter4/detail7/cover-txt.png
new file mode 100644
index 0000000..26d48f9
Binary files /dev/null and b/static/images/chapter4/detail7/cover-txt.png differ
diff --git a/static/images/chapter4/detail7/swiper-img1.png b/static/images/chapter4/detail7/swiper-img1.png
new file mode 100644
index 0000000..0c50729
Binary files /dev/null and b/static/images/chapter4/detail7/swiper-img1.png differ
diff --git a/static/images/chapter4/detail7/swiper-img2.png b/static/images/chapter4/detail7/swiper-img2.png
new file mode 100644
index 0000000..9a9b812
Binary files /dev/null and b/static/images/chapter4/detail7/swiper-img2.png differ
diff --git a/static/images/chapter4/detail7/swiper-img3.png b/static/images/chapter4/detail7/swiper-img3.png
new file mode 100644
index 0000000..365a9d1
Binary files /dev/null and b/static/images/chapter4/detail7/swiper-img3.png differ
diff --git a/static/images/chapter4/detail7/swiper-img4.png b/static/images/chapter4/detail7/swiper-img4.png
new file mode 100644
index 0000000..8fcf327
Binary files /dev/null and b/static/images/chapter4/detail7/swiper-img4.png differ
diff --git a/static/images/chapter4/detail7/swiper-img5.png b/static/images/chapter4/detail7/swiper-img5.png
new file mode 100644
index 0000000..c18f5cb
Binary files /dev/null and b/static/images/chapter4/detail7/swiper-img5.png differ
diff --git a/static/images/chapter4/detail7/swiper-img6.png b/static/images/chapter4/detail7/swiper-img6.png
new file mode 100644
index 0000000..36032aa
Binary files /dev/null and b/static/images/chapter4/detail7/swiper-img6.png differ
diff --git a/static/images/chapter4/detail7/swiper-img7.png b/static/images/chapter4/detail7/swiper-img7.png
new file mode 100644
index 0000000..7bad49c
Binary files /dev/null and b/static/images/chapter4/detail7/swiper-img7.png differ
diff --git a/static/images/chapter4/harvestReport/cover-bg.png b/static/images/chapter4/harvestReport/cover-bg.png
new file mode 100644
index 0000000..a0c4c56
Binary files /dev/null and b/static/images/chapter4/harvestReport/cover-bg.png differ
diff --git a/static/images/chapter4/harvestReport/cover-grid.png b/static/images/chapter4/harvestReport/cover-grid.png
new file mode 100644
index 0000000..c544e3e
Binary files /dev/null and b/static/images/chapter4/harvestReport/cover-grid.png differ
diff --git a/static/images/chapter4/share-img.png b/static/images/chapter4/share-img.png
new file mode 100644
index 0000000..f870ccf
Binary files /dev/null and b/static/images/chapter4/share-img.png differ
diff --git a/static/index.gif b/static/index.gif
new file mode 100644
index 0000000..4658449
Binary files /dev/null and b/static/index.gif differ
diff --git a/static/js/CommonFunction.js b/static/js/CommonFunction.js
index 17ef6eb..b11a897 100644
--- a/static/js/CommonFunction.js
+++ b/static/js/CommonFunction.js
@@ -337,6 +337,18 @@ Vue.prototype.gotoUrlNew = (item) => {
 				}
 			});
 			break;
+		case 5:
+			wx.openChannelsActivity({
+				finderUserName: item.tdata.video_appid, // 视频号的原始ID
+				feedId: item.tdata.video_id, // 视频号的视频ID
+				success(res) {
+				  console.log('拉起视频号成功', res);
+				},
+				fail(res) {
+				  console.log('拉起视频号失败', res);
+				}
+			})
+			break;
 		default:
 			break;
 	}
diff --git a/static/prologue-bg.png b/static/prologue-bg.png
new file mode 100644
index 0000000..51744de
Binary files /dev/null and b/static/prologue-bg.png differ
diff --git a/static/qrcode.png b/static/qrcode.png
new file mode 100644
index 0000000..2000430
Binary files /dev/null and b/static/qrcode.png differ
diff --git a/static/reselect-btn.png b/static/reselect-btn.png
new file mode 100644
index 0000000..42ece37
Binary files /dev/null and b/static/reselect-btn.png differ
diff --git a/static/save-btn.png b/static/save-btn.png
new file mode 100644
index 0000000..bada7d2
Binary files /dev/null and b/static/save-btn.png differ
diff --git a/static/seek-btn.png b/static/seek-btn.png
new file mode 100644
index 0000000..de8a109
Binary files /dev/null and b/static/seek-btn.png differ
diff --git a/static/seek2-btn.png b/static/seek2-btn.png
new file mode 100644
index 0000000..c4652bb
Binary files /dev/null and b/static/seek2-btn.png differ
diff --git a/static/share-arrow.png b/static/share-arrow.png
new file mode 100644
index 0000000..253afad
Binary files /dev/null and b/static/share-arrow.png differ
diff --git a/static/share-img.jpg b/static/share-img.jpg
new file mode 100644
index 0000000..7d90383
Binary files /dev/null and b/static/share-img.jpg differ
diff --git a/static/xxdf.MP3 b/static/xxdf.MP3
new file mode 100644
index 0000000..43eb868
Binary files /dev/null and b/static/xxdf.MP3 differ
diff --git a/subPackages/video/video.vue b/subPackages/video/video.vue
index ce70ace..ded366c 100644
--- a/subPackages/video/video.vue
+++ b/subPackages/video/video.vue
@@ -1,9 +1,9 @@
 <template>
 	<view class="bg">
 		<video :src="showImg(src)" controls class="myVideo" :poster="poster"></video>
-		<view class="title">
+		<!-- <view class="title">
 			{{title}}
-		</view>
+		</view> -->
 	</view>
 </template>
 
@@ -17,15 +17,15 @@
 			}
 		},
 		onLoad(option) {
-			const item = JSON.parse(decodeURIComponent(option.item));
-			this.src = item.video_file
-			this.poster = item.image
-			this.title = item.title
+			// const item = JSON.parse(decodeURIComponent(option.item));
+			this.src = option.videoSrc
+			// this.poster = item.image
+			// this.title = item.title
 		},
 		onReady() {
-			uni.setNavigationBarTitle({
-				title: this.title
-			})
+			// uni.setNavigationBarTitle({
+			// 	title: this.title
+			// })
 		}
 	}
 </script>
diff --git a/xxdf/home/home.vue b/xxdf/home/home.vue
new file mode 100644
index 0000000..d6701da
--- /dev/null
+++ b/xxdf/home/home.vue
@@ -0,0 +1,433 @@
+<!-- pages/home/home.vue -->
+<template>
+    <view>
+		<swiper class="main-swiper" :vertical="true" :current="currentIndex" @change="handleSwiperChange" :duration="300">
+		    <!-- 首页内容 -->
+		    <swiper-item>
+		        <view class="page-container home-page">
+		            <!-- 使用loadedPages确定是否已加载，v-show控制显示/隐藏 -->
+		            <template v-if="loadedPages[0]">
+		                <image v-show="shouldShowContent(0)" class="bg-image" src="/static/index.gif" :lazy-load="true" mode=""></image>
+		                <view v-show="shouldShowContent(0)" class="content-layer">
+		                    <image class="layer-img" src="/static/home.png" :lazy-load="true" mode=""></image>
+		                    <view class="arrow-content">
+		                        <image class="arrow-down" src="/static/arrow-icon.png" :lazy-load="true" mode=""></image>
+		                    </view>
+		                </view>
+		            </template>
+		        </view>
+		    </swiper-item>
+		
+		    <!-- 序章 -->
+		    <swiper-item>
+		        <view class="page-container home-page">
+		            <template v-if="loadedPages[1]">
+		                <image v-show="shouldShowContent(1)" class="bg-image" src="/static/prologue-bg.png" :lazy-load="true" mode=""></image>
+		                <view v-show="shouldShowContent(1)" class="content-layer">
+		                    <view class="layer-text">
+		                        <view class="">
+		                            在此我们邀请你
+		                        </view>
+		                        <view class="">
+		                            以指尖触发一场直抵情绪与美学的共生实验
+		                        </view>
+		                    </view>
+		                    <view class="arrow-content">
+		                        <image class="arrow-down" src="/static/arrow-icon.png" :lazy-load="true" mode=""></image>
+		                    </view>
+		                </view>
+		            </template>
+		        </view>
+		    </swiper-item>
+		
+		    <!-- 第一章封面 -->
+		    <swiper-item>
+		        <view class="page-container home-page">
+		            <template v-if="loadedPages[2]">
+		                <image v-show="shouldShowContent(2)" class="bg-image" src="/static/images/chapter1/cover.png" :lazy-load="true" mode=""></image>
+		                <view v-show="shouldShowContent(2)" class="content-layer">
+		                    <image class="layer-img2" src="/static/images/chapter1/bg-txt.png" :lazy-load="true" mode="">
+		                    </image>
+		                    <view class="arrow-content">
+		                        <image @click="navigateToChapter1" class="btn" src="/static/images/chapter1/button.png" :lazy-load="true" mode=""></image>
+		                    </view>
+		                </view>
+		            </template>
+		        </view>
+		    </swiper-item>
+		
+		    <!-- 第二章封面 -->
+		    <swiper-item>
+		        <view class="page-container home-page">
+		            <template v-if="loadedPages[3]">
+		                <image v-show="shouldShowContent(3)" class="bg-image" src="/static/images/chapter2/cover.png" :lazy-load="true" mode=""></image>
+		                <view v-show="shouldShowContent(3)" class="content-layer">
+		                    <image class="chapter2-bg-txt" src="/static/images/chapter2/bg-txt.png" :lazy-load="true" mode=""></image>
+		                    <view class="arrow-content chapter2-btn">
+		                        <image @click="navigateToChapter2" class="btn" src="/static/images/chapter2/button.png" :lazy-load="true" mode=""></image>
+		                    </view>
+		                </view>
+		            </template>
+		        </view>
+		    </swiper-item>
+		
+		    <!-- 第三章封面 -->
+		    <swiper-item>
+		        <view class="page-container home-page">
+		            <template v-if="loadedPages[4]">
+		                <image v-show="shouldShowContent(4)" class="bg-image" src="/static/images/chapter3/cover.png" :lazy-load="true" mode=""></image>
+		                <view v-show="shouldShowContent(4)" class="content-layer">
+		                    <image class="chapter3-bg-txt" src="/static/images/chapter3/bg-txt.png" :lazy-load="true" mode=""></image>
+		                    <view class="arrow-content chapter3-btn">
+		                        <image @click="navigateToChapter3" class="btn" src="/static/images/chapter3/button.png" :lazy-load="true" mode=""></image>
+		                    </view>
+		                </view>
+		            </template>
+		        </view>
+		    </swiper-item>
+		
+		    <!-- 第四章封面 -->
+		    <swiper-item>
+		        <view class="page-container home-page">
+		            <template v-if="loadedPages[5]">
+		                <image v-show="shouldShowContent(5)" class="bg-image" src="/static/images/chapter4/cover.png" :lazy-load="true" mode=""></image>
+		                <view v-show="shouldShowContent(5)" class="content-layer">
+		                    <image class="chapter4-bg-txt" src="/static/images/chapter4/bg-txt.png" :lazy-load="true" mode=""></image>
+		                    <view class="chapter4-btn-content">
+		                        <image @click="ShareMoments" class="chapter4-btn" src="/static/images/chapter4/chapter4-btn.png" :lazy-load="true" mode=""></image>
+		                        <image @click="navigateToChapter4" class="chapter4-btn chapter4-btn2" src="/static/images/chapter4/chapter4-btn2.png" :lazy-load="true" mode=""></image>
+		                    </view>
+		                </view>
+		            </template>
+		        </view>
+		    </swiper-item>
+		
+		    <!-- 页脚1 -->
+		    <swiper-item>
+		        <view class="page-container home-page">
+		            <template v-if="loadedPages[6]">
+		                <image v-show="shouldShowContent(6)" class="bg-image" src="/static/footer.png" :lazy-load="true" mode=""></image>
+		            </template>
+		        </view>
+		    </swiper-item>
+		</swiper>
+		<MusicControl />
+		<ShareGuide v-model="showShareGuide" :text="['点击右上角...', '选择分享到朋友圈']" @close="onShareGuideClose" />
+	</view>
+</template>
+
+<script>
+import ShareGuide from '@/components/ShareGuide.vue';
+
+export default {
+    components: {
+        ShareGuide
+    },
+    data() {
+        return {
+            showShareGuide: false,
+            currentIndex: 0,
+            loadedPages: {
+                0: false,
+                1: false,
+                2: false,
+                3: false,
+                4: false,
+                5: false,
+                6: false
+            },
+            preloadBuffer: 1
+        };
+    },
+    methods: {
+        ShareMoments() {
+            this.showShareGuide = true;
+        },
+        onShareGuideClose() {
+            console.log('分享引导已关闭');
+        },
+        shouldShowContent(index) {
+            return Math.abs(index - this.currentIndex) <= this.preloadBuffer;
+        },
+        handleSwiperChange(e) {
+            this.currentIndex = e.detail.current;
+        },
+        navigateToChapter1() {
+            uni.navigateTo({
+                url: '/pages/chapter1/cover1'
+            });
+        },
+        navigateToChapter2() {
+            uni.navigateTo({
+                url: '/pages/chapter2/cover'
+            });
+        },
+        navigateToChapter3() {
+            uni.navigateTo({
+                url: '/pages/chapter3/cover'
+            });
+        },
+        navigateToChapter4() {
+            uni.navigateTo({
+                url: '/pages/chapter4/cover'
+            });
+        }
+    },
+    watch: {
+        currentIndex(newIndex) {
+            for (let i = Math.max(0, newIndex - this.preloadBuffer); i <= Math.min(6, newIndex + this.preloadBuffer); i++) {
+                this.loadedPages[i] = true;
+            }
+        }
+    },
+    mounted() {
+        for (let i = 0; i <= Math.min(1 + this.preloadBuffer, 6); i++) {
+            this.loadedPages[i] = true;
+        }
+    },
+    onShow() {
+        try {
+            const app = getApp();
+            if (app.globalData && app.globalData.mainSliderIndex!== undefined && app.globalData.mainSliderIndex!== 0) {
+                const newIndex = app.globalData.mainSliderIndex;
+                setTimeout(() => {
+                    this.currentIndex = newIndex;
+                    app.globalData.mainSliderIndex = 0; // 重置
+                }, 100);
+            }
+        } catch (error) {
+            console.error('获取globalData失败:', error);
+        }
+    },
+    // 微信分享配置
+    // #ifdef MP-WEIXIN
+    onShareAppMessage() {
+        return {
+            title: '细嗅东方｜「Epic Soul」阅读体 issue02',
+            mpId: 'wx8954209bb3ad489e',
+            path: '/pages/chapter4/cover',
+            imageUrl: '/static/share-img.jpg'
+        };
+    },
+    onShareTimeline() {
+        return {
+            title: '细嗅东方｜「Epic Soul」阅读体 issue02',
+            query: '',
+            imageUrl: '/static/share-img.jpg'
+        };
+    }
+    // #endif
+};
+</script>
+
+<style scoped>
+.main-swiper {
+    width: 100%;
+    height: 100vh;
+}
+
+.page-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+}
+
+.home-page {
+    position: relative;
+    overflow: hidden;
+}
+
+.bg-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+}
+
+/* 内容层样式 */
+.content-layer {
+    position: relative;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+
+.layer-img {
+    width: 100%;
+    height: 80%;
+}
+
+.layer-img2 {
+    width: 90%;
+    height: 88%;
+    margin-top: 10%;
+}
+
+.chapter2-bg-txt {
+    width: 85%;
+    height: 70%;
+    margin-top: 24%;
+}
+
+.chapter3-bg-txt {
+    width: 88%;
+    height: 88%;
+    margin-top: 10%;
+}
+
+.chapter4-bg-txt {
+    width: 75%;
+    height: 25%;
+    margin-top: 10%;
+}
+
+.layer-text {
+    width: 100%;
+    position: absolute;
+    top: 65%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    font-size: 24rpx;
+    color: #FFFFFF;
+}
+
+.layer-text view:last-child {
+    margin-top: 20rpx;
+}
+
+
+.prologue-page {
+    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
+}
+
+.chapter-cover {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.title {
+    font-size: 48rpx;
+    font-weight: bold;
+    margin-bottom: 32rpx;
+    text-align: center;
+}
+
+.subtitle {
+    font-size: 32rpx;
+    color: #666;
+    margin-bottom: 80rpx;
+    text-align: center;
+}
+
+.chapter-num {
+    font-size: 36rpx;
+    color: #666;
+    margin-bottom: 16rpx;
+}
+
+.chapter-title {
+    font-size: 48rpx;
+    font-weight: bold;
+    margin-bottom: 60rpx;
+    text-align: center;
+}
+
+.content {
+    font-size: 32rpx;
+    line-height: 1.6;
+    text-align: center;
+    margin-bottom: 60rpx;
+    max-width: 80%;
+}
+
+.btn-container {
+    margin-bottom: 60rpx;
+}
+
+.enter-btn {
+    background-color: #007AFF;
+    color: #FFFFFF;
+    padding: 20rpx 60rpx;
+    border-radius: 100rpx;
+    font-size: 32rpx;
+}
+
+.arrow-content {
+    width: 100%;
+    position: absolute;
+    top: 85%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.chapter2-btn {
+    top: 75% !important;
+}
+
+.chapter3-btn {
+    top: 48% !important;
+}
+
+.chapter4-btn-content {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    position: absolute;
+    bottom: 10%;
+    left: 50%;
+    transform: translate(-50%, 0);
+}
+
+.chapter4-btn {
+    width: 280rpx;
+    height: 60rpx;
+}
+
+.chapter4-btn2 {
+    margin-top: 20rpx;
+}
+
+.btn {
+    width: 280rpx;
+    height: 60rpx;
+}
+
+.arrow-down {
+    width: 200rpx;
+    height: 40rpx;
+    animation: bounce 1.5s infinite;
+}
+
+@keyframes bounce {
+    0%,
+    20%,
+    50%,
+    80%,
+    100% {
+        transform: translateY(0);
+    }
+
+    40% {
+        transform: translateY(-20rpx);
+    }
+
+    60% {
+        transform: translateY(-10rpx);
+    }
+}
+</style>
\ No newline at end of file