style(HomePage): 优化首页标签导航的样式和布局

将标签导航改为粘性定位，增加背景模糊效果，提升用户体验

 <!--
  * @Date: 2025-03-20 19:55:21
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-03-25 15:57:15
+ * @LastEditTime: 2025-03-25 16:44:51
  * @FilePath: /mlaj/src/views/HomePage.vue
  * @Description: 亲子学院首页组件
  *
@@ -254,7 +254,8 @@
         </div>
       </div>
 
-      <!-- Tab Navigation -->
+      <!-- Custom Tab Navigation -->
+      <div class="sticky top-0 bg-white/70 backdrop-blur-lg" style="z-index: 999;">
         <div class="px-4 border-b border-gray-200">
           <div class="flex space-x-6">
             <button
@@ -262,7 +263,7 @@
               :key="tab"
               @click="activeTab = tab"
               :class="[
-              'pb-3 px-1 font-medium',
+                'pb-3 pt-3 px-1 font-medium',
                 activeTab === tab
                   ? 'text-green-600 border-b-2 border-green-600'
                   : 'text-gray-500'
@@ -278,6 +279,7 @@
             </button>
           </div>
         </div>
+      </div>
 
       <!-- Content Based on Active Tab -->
       <div class="px-4 mt-5">