feat: complete web app features and fix encoding

templates/index.html

@@ -15,6 +15,9 @@
 
         <nav class="nav">
             <a href="/" class="nav-item active">首页</a>
+            <a href="/data-collection" class="nav-item">数据采集</a>
+            <a href="/recommendation" class="nav-item">智能推荐</a>
+            <a href="/analysis" class="nav-item">营养分析</a>
             <a href="/recitation" class="nav-item">背诵排序</a>
         </nav>
 
@@ -24,6 +27,24 @@
                 <p>这是一个集成了智能饮食推荐和背诵排序功能的网页应用。</p>
                 
                 <div class="feature-cards">
+                    <div class="card">
+                        <div class="card-icon">📝</div>
+                        <h3>数据采集</h3>
+                        <p>填写基础信息问卷，记录你的饮食习惯和偏好，建立个人档案。</p>
+                        <a href="/data-collection" class="btn btn-primary">开始使用</a>
+                    </div>
+                    <div class="card">
+                        <div class="card-icon">🤖</div>
+                        <h3>智能推荐</h3>
+                        <p>基于你的饮食习惯和偏好，AI为你推荐个性化的餐食搭配。</p>
+                        <a href="/recommendation" class="btn btn-primary">开始使用</a>
+                    </div>
+                    <div class="card">
+                        <div class="card-icon">🔬</div>
+                        <h3>营养分析</h3>
+                        <p>分析你的餐食营养状况，提供专业的营养建议和健康指导。</p>
+                        <a href="/analysis" class="btn btn-primary">开始使用</a>
+                    </div>
                     <div class="card">
                         <div class="card-icon">🎯</div>
                         <h3>背诵排序</h3>