Upload app.py

app.py

@@ -714,33 +714,54 @@ def analyze_news(news_text):
 def create_interface():
     with gr.Blocks(title="Vietnamese Fake News Detection System", theme=gr.themes.Soft()) as interface:
         gr.Markdown("""
-        # Vietnamese Fake News Detection System
-        ## Powered by Google Search + Gemini AI + DistilBERT
-        
-        **Hệ thống phát hiện tin giả tiếng Việt sử dụng 3 công cụ mạnh mẽ:**
-        - **Google Search**: Tìm kiếm thông tin thực tế
-        - **Gemini AI**: Phân tích thông minh
-        - **DistilBERT**: Mô hình AI được huấn luyện đặc biệt cho tiếng Việt
-        
-        **Lưu ý**: Kết quả có thể thay đổi nhẹ giữa các lần phân tích do tính chất AI của Gemini, nhưng độ chính xác tổng thể vẫn được đảm bảo.
+        <div style="text-align: center; padding: 20px;">
+        <h1 style="color: #2c3e50; margin-bottom: 10px;">🔍 Vietnamese Fake News Detection System</h1>
+        <p style="color: #7f8c8d; font-size: 16px; margin-bottom: 30px;">Powered by Google Search + Gemini AI + DistilBERT</p>
+        
+        <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; border-radius: 15px; margin: 20px 0;">
+        <h3 style="margin: 0 0 15px 0;">🛡️ Hệ thống phát hiện tin giả tiếng Việt</h3>
+        <div style="display: flex; justify-content: space-around; flex-wrap: wrap; gap: 15px;">
+        <div style="text-align: center;">
+        <div style="font-size: 24px; margin-bottom: 5px;">🌐</div>
+        <strong>Google Search</strong><br>
+        <small>Tìm kiếm thông tin thực tế</small>
+        </div>
+        <div style="text-align: center;">
+        <div style="font-size: 24px; margin-bottom: 5px;">🧠</div>
+        <strong>Gemini AI</strong><br>
+        <small>Phân tích thông minh</small>
+        </div>
+        <div style="text-align: center;">
+        <div style="font-size: 24px; margin-bottom: 5px;">🤖</div>
+        <strong>DistilBERT</strong><br>
+        <small>AI chuyên tiếng Việt</small>
+        </div>
+        </div>
+        </div>
+        
+        <div style="background: #f8f9fa; padding: 15px; border-radius: 10px; border-left: 4px solid #17a2b8; margin: 20px 0;">
+        <p style="margin: 0; color: #495057;"><strong>💡 Lưu ý:</strong> Kết quả có thể thay đổi nhẹ giữa các lần phân tích do tính chất AI của Gemini, nhưng độ chính xác tổng thể vẫn được đảm bảo.</p>
+        </div>
+        </div>
         """)
         
         with gr.Row():
             with gr.Column(scale=2):
+                gr.Markdown("### 📝 Nhập tin tức cần kiểm tra")
                 news_input = gr.Textbox(
-                    label="Tin tức cần phân tích",
                     placeholder="Nhập tin tức tiếng Việt cần kiểm tra...",
-                    lines=4
+                    lines=4,
+                    show_label=False
                 )
                 
-                analyze_btn = gr.Button(" Phân tích với AI nâng cao", variant="primary", size="lg")
+                analyze_btn = gr.Button("🔍 Phân tích với AI nâng cao", variant="primary", size="lg")
             
             with gr.Column(scale=1, visible=False) as results_column:
-                gr.Markdown("### Kết quả phân tích")
-                real_confidence = gr.Label("Độ chắc chắn là tin thật", value="Độ chắc chắn là tin thật: 0%")
-                fake_confidence = gr.Label("Độ chắc chắn là tin giả", value="Độ chắc chắn là tin giả: 0%")
+                gr.Markdown("### 📊 Kết quả phân tích")
+                real_confidence = gr.Label(value="Độ chắc chắn là tin thật: 0%")
+                fake_confidence = gr.Label(value="Độ chắc chắn là tin giả: 0%")
         
-        detailed_analysis = gr.Markdown("### Phân tích chi tiết sẽ hiển thị ở đây...", visible=False)
+        detailed_analysis = gr.Markdown("### 📋 Phân tích chi tiết sẽ hiển thị ở đây...", visible=False)
         
         # Event handlers
         analyze_btn.click(