Update breed_recommendation.py

breed_recommendation.py

@@ -15,11 +15,28 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                 gr.HTML("""
                     <div style='
                         text-align: center;
+                        position: relative;
                         padding: 20px 0;
                         margin: 15px 0;
                         background: linear-gradient(to right, rgba(66, 153, 225, 0.1), rgba(72, 187, 120, 0.1));
                         border-radius: 10px;
                     '>
+                        <!-- BETA 標籤 -->
+                        <div style='
+                            position: absolute;
+                            top: 10px;
+                            right: 20px;
+                            background: linear-gradient(90deg, #4299e1, #48bb78);
+                            color: white;
+                            padding: 4px 12px;
+                            border-radius: 15px;
+                            font-size: 0.85em;
+                            font-weight: 600;
+                            letter-spacing: 1px;
+                            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+                        '>BETA</div>
+                        
+                        <!-- 主標題 -->
                         <p style='
                             font-size: 1.2em;
                             margin: 0;
@@ -32,6 +49,26 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                         '>
                             Tell us about your lifestyle, and we'll recommend the perfect dog breeds for you!
                         </p>
+
+                        <!-- 提示訊息 -->
+                        <div style='
+                            margin-top: 15px;
+                            padding: 10px 20px;
+                            background: linear-gradient(to right, rgba(66, 153, 225, 0.15), rgba(72, 187, 120, 0.15));
+                            border-radius: 8px;
+                            font-size: 0.9em;
+                            color: #2D3748;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            gap: 8px;
+                        '>
+                            <span style="font-size: 1.2em;">🔬</span>
+                            <span style="
+                                letter-spacing: 0.3px;
+                                line-height: 1.4;
+                            "><strong>Beta Feature:</strong> Our matching algorithm is continuously improving. Results are for reference only.</span>
+                        </div>
                     </div>
                 """)