Update html_templates.py

html_templates.py

@@ -37,17 +37,47 @@ def get_color_scheme(is_single_dog: bool) -> Union[str, List[str]]:
     ]
     return single_dog_color if is_single_dog else color_list
 
+# def format_hint_html(message: str) -> str:
+#     """Format warning messages in a consistent style."""
+#     return f'''
+#         <div class="dog-info-card">
+#             <div class="breed-info">
+#                 <p class="warning-message">
+#                     <span class="icon">💡</span>
+#                     {message}
+#                 </p>
+#             </div>
+#         </div>
+#     '''
+
 def format_hint_html(message: str) -> str:
-    """Format warning messages in a consistent style."""
+    """
+    提示訊息的 HTML。
+    
+    Args:
+        message: str, 要顯示的提示訊息
+    Returns:
+        str: 格式化後的 HTML 字符串
+    """
     return f'''
-        <div class="dog-info-card">
-            <div class="breed-info">
-                <p class="warning-message">
-                    <span class="icon">💡</span>
-                    {message}
-                </p>
-            </div>
+    <div style="
+        padding: 20px;
+        background-color: #f8f9fa;
+        border-radius: 10px;
+        margin: 10px 0;
+        border-left: 5px solid #4A90E2;
+    ">
+        <div style="
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            color: #2C5282;
+            font-weight: 500;
+        ">
+            <span style="font-size: 24px">💡</span>
+            <span>{message}</span>
         </div>
+    </div>
     '''
 
 def format_unknown_breed_message(color: str, index: int) -> str: