1.7

frontend/src/views/garden/GardenView.vue

@@ -32,6 +32,51 @@
         </div>
         <span class="card-arrow">›</span>
       </div>
+
+      <div class="feature-card echo-card" @click="$router.push('/contacts')">
+        <div class="card-icon">🍃</div>
+        <div class="card-body">
+          <h3>念念回音</h3>
+          <p>在好友资料卡寄一片"我在想你"的回音叶</p>
+        </div>
+        <span class="card-arrow">›</span>
+      </div>
+
+      <div class="feature-card sync-card" @click="$router.push('/garden/sync')">
+        <div class="card-icon">🌱</div>
+        <div class="card-body">
+          <h3>默契种子</h3>
+          <p>和好友盲答一题，默契会长出独特的叶子</p>
+        </div>
+        <span class="card-arrow">›</span>
+      </div>
+
+      <div class="feature-card grove-card" @click="$router.push('/garden/grove')">
+        <div class="card-icon">🌲</div>
+        <div class="card-body">
+          <h3>情绪共鸣林</h3>
+          <p>俯瞰朋友圈今日的情绪天气，你并不孤单</p>
+        </div>
+        <span class="card-arrow">›</span>
+      </div>
+
+      <div class="feature-card heartbeat-card" @click="$router.push('/garden/heartbeat')">
+        <div class="card-icon">💓</div>
+        <div class="card-body">
+          <h3>心跳同步森林</h3>
+          <p>你们的叶子在同一节拍上呼吸</p>
+        </div>
+        <span class="card-arrow">›</span>
+      </div>
+
+      <div class="feature-card firefly-card" @click="$router.push('/garden/firefly')">
+        <div class="card-icon">✨</div>
+        <div class="card-body">
+          <h3>萤火虫时刻</h3>
+          <p>全服随机降临，集气点亮掉限定叶</p>
+        </div>
+        <span class="card-arrow">›</span>
+      </div>
     </div>
 
     <div class="garden-quote">
@@ -73,6 +118,11 @@
 .leaf-card { border-left: 4px solid #66BB6A; }
 .tree-card { border-left: 4px solid #8D6E63; }
 .capsule-card { border-left: 4px solid #FFB74D; }
+.echo-card { border-left: 4px solid #26A69A; }
+.sync-card { border-left: 4px solid #9CCC65; }
+.grove-card { border-left: 4px solid #7CB342; }
+.heartbeat-card { border-left: 4px solid #EC407A; }
+.firefly-card { border-left: 4px solid #FFC107; }
 
 .garden-quote { text-align: center; margin-top: 48px; }
 .garden-quote p { font-size: 13px; color: var(--color-text-hint); font-style: italic; margin: 0; }