.

app.py

@@ -229,17 +229,23 @@ footer {
 }
 """
 
+DEFAULT_SYSTEM_PROMPT = (
+    "Bạn là Gemma, một trợ lý trí tuệ nhân tạo thông minh, am hiểu và thân thiện. "
+    "Hãy trả lời súc tích, chính xác, định dạng câu trả lời bằng Markdown đẹp mắt."
+)
+
+custom_theme = gr.themes.Base(
+    primary_hue="blue",
+    neutral_hue="neutral",
+)
+
 # ==============================================================================
 # KHỞI TẠO GIAO DIỆN GRADIO VỚI THEME & CUSTOM CSS
 # ==============================================================================
-with gr.Blocks(
-    css=CUSTOM_CSS,
-    theme=gr.themes.Base(
-        primary_hue="blue",
-        neutral_hue="neutral",
-    ),
-    title="✨ Google Gemma Assistant",
-) as demo:
+with gr.Blocks(title="✨ Google Gemma Assistant") as demo:
+    # Nhúng CSS trực tiếp đảm bảo tương thích 100% mọi phiên bản Gradio
+    gr.HTML(f"<style>{CUSTOM_CSS}</style>")
+
     gr.ChatInterface(
         fn=chat_response,
         title="✨ Google Gemma Assistant",
@@ -254,7 +260,7 @@ with gr.Blocks(
         additional_inputs=[
             gr.Textbox(
                 label="Chỉ dẫn hệ thống (System Prompt)",
-                value="Bạn là Gemma, một trợ lý trí tuệ nhân tạo thông minh, am hiểu và thân thiện. Hãy trả lời súc tích, chính xác, định dạng câu trả lời bằng Markdown đẹp mắt.",
+                value=DEFAULT_SYSTEM_PROMPT,
                 lines=2,
             ),
             gr.Slider(
@@ -286,12 +292,38 @@ with gr.Blocks(
             open=False,
         ),
         examples=[
-            "Giải thích ngắn gọn cách hoạt động của cơ chế Multi-Head Attention trong mô hình Transformer.",
-            "Viết một kịch bản ngắn giới thiệu vẻ đẹp thiên nhiên và văn hóa cồng chiêng của vùng đất Gia Lai.",
-            "Tạo một hàm Python đọc tệp CSV, làm sạch dữ liệu thiếu và vẽ biểu đồ xu hướng bằng Matplotlib.",
-            "So sánh ưu điểm và nhược điểm giữa cấu trúc Dense Model và Mixture-of-Experts (MoE).",
+            [
+                "Giải thích ngắn gọn cách hoạt động của cơ chế Multi-Head Attention trong mô hình Transformer.",
+                DEFAULT_SYSTEM_PROMPT,
+                0.7,
+                1536,
+                0.9,
+            ],
+            [
+                "Viết một kịch bản ngắn giới thiệu vẻ đẹp thiên nhiên và văn hóa cồng chiêng của vùng đất Gia Lai.",
+                DEFAULT_SYSTEM_PROMPT,
+                0.7,
+                1536,
+                0.9,
+            ],
+            [
+                "Tạo một hàm Python đọc tệp CSV, làm sạch dữ liệu thiếu và vẽ biểu đồ xu hướng bằng Matplotlib.",
+                DEFAULT_SYSTEM_PROMPT,
+                0.7,
+                1536,
+                0.9,
+            ],
+            [
+                "So sánh ưu điểm và nhược điểm giữa cấu trúc Dense Model và Mixture-of-Experts (MoE).",
+                DEFAULT_SYSTEM_PROMPT,
+                0.7,
+                1536,
+                0.9,
+            ],
         ],
+        cache_examples=False,
     )
 
 if __name__ == "__main__":
-    demo.queue().launch()
+    demo.queue().launch(theme=custom_theme, css=CUSTOM_CSS)
+