style: optimize home hero section layout and fix readme link

README.md

@@ -13,7 +13,7 @@
 # Easy-Vibe : Learn vibe coding from 0 to 1
 
 <p align="center">
-  📌 <a href="https://datawhalechina.github.io/easy-vibe/">在线阅读 (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/prompt-engineering.html">交互式教程 (Interactive Tutorial)</a>
+  📌 <a href="https://datawhalechina.github.io/easy-vibe/">在线阅读 (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/prompt-engineering/">交互式教程 (Interactive Tutorial)</a>
 </p>
 
 <p align="center">

docs/.vitepress/theme/style.css

@@ -328,3 +328,15 @@
 .section-container {
   scroll-margin-top: 80px;
 }
+
+/* Home Hero Full Screen */
+.VPHomeHero {
+  min-height: 100vh;
+  min-height: 100dvh;
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+  padding-top: var(--vp-nav-height, 64px) !important;
+  padding-bottom: 18vh !important;
+  box-sizing: border-box;
+}