Update ui/layouts.py

ui/layouts.py

@@ -55,12 +55,14 @@ def create_ui(visit_count_html: str, theme: gr.Theme):
             .instruction-card p, .instruction-card ul {
                 font-size: 1.1rem;
                 color: #34495e;
+                line-height: 1.8;
             }
             .instruction-card code {
                 background-color: #e9ecef;
-                padding: 3px 6px;
-                border-radius: 4px;
+                padding: 4px 8px;
+                border-radius: 5px;
                 font-size: 1rem;
+                color: #c7254e;
             }
             @media (max-width: 768px) {
                 .custom-header { padding: 3rem 1rem; border-radius: 0; }
@@ -113,7 +115,7 @@ def create_ui(visit_count_html: str, theme: gr.Theme):
                             seismo_plot_output = gr.Plot(label="震波圖輸出")
                             seismo_console_output = gr.Textbox(label="執行結果 / 錯誤訊息", lines=8, interactive=False)
             
-            # --- ✨ 1. 新增的「AI 助教說明」分頁 ---
+            # --- ✨ 以下是修改後的「AI 助教說明」分頁 ---
             with gr.TabItem("❓ AI 助教說明"):
                 gr.Markdown("## 🤖 AI 課程助教使用指南")
                 gr.Markdown("歡迎使用課程 AI 助教！我整合了課程知識庫與多種即時資訊來源，您可以透過多種方式與我互動。")
@@ -146,7 +148,7 @@ def create_ui(visit_count_html: str, theme: gr.Theme):
 
                         <div class="instruction-card">
                             <h3>🔎 進階地震查詢</h3>
-                            <p>您也可以指定<b>日期範圍</b>與<b>規模</b>來查詢全球地震紀錄，請務必<b>完全依照</b>以下格式提問：</p>
+                            <p>您可以指定<b>日期範圍</b>與<b>規模</b>來查詢全球地震紀錄。輸入快捷指令 <code>#7</code> 可以查看格式說明，或直接依照以下格式提問：</p>
                             <ul>
                                 <li><code>查詢 2024-04-01 到 2024-04-07 規模 6.0 以上地震</code></li>
                             </ul>
@@ -155,7 +157,6 @@ def create_ui(visit_count_html: str, theme: gr.Theme):
                         """
                     )
 
-            # --- ✨ 2. 簡化後的「AI 課程助教」主分頁 ---
             with gr.TabItem("🤖 AI 課程助教"):
                 with gr.Group():
                     gr.Markdown("### 🤖 AI 課程助教")