Update app.py

app.py

@@ -2,8 +2,10 @@ import gradio as gr
 import requests
 import os
 
+# ================== OpenRouter Key ==================
 OPENROUTER_API_KEY = "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"
 
+# ================== 知识加载 ==================
 def load_knowledge():
     texts = []
     for fname in ["data/theory.txt", "data/notes.txt"]:
@@ -15,8 +17,7 @@ def load_knowledge():
     return "\n\n".join(texts)
 
 SYSTEM_PROMPT = f"""
-你是一个站无产阶级立场，用马克思主义世界观和方法论，
-且基于以下材料进行回答的 AI，必须以这些材料为核心。
+你是一个站无产阶级立场，用马克思主义世界观和方法论，且基于以下材料进行回答的 AI，必须以这些材料为核心。
 
 注意：
 - 笼统问题不超过 1000 字
@@ -42,6 +43,7 @@ SYSTEM_PROMPT = f"""
 - 批判当代左翼的机会主义、小资产阶级化、审美化倾向
 """
 
+# ================== 聊天函数 ==================
 def chat(user_message):
     headers = {
         "Authorization": f"Bearer {OPENROUTER_API_KEY}",
@@ -70,49 +72,51 @@ def chat(user_message):
 
     return r.json()["choices"][0]["message"]["content"]
 
-with gr.Blocks() as demo:
-
-    # ===== 虚拟形象（眨眼 + 呼吸）=====
+# ================== 页面 ==================
+with gr.Blocks(css="""
+.avatar-wrapper {
+    position: relative;
+    width: 220px;
+    height: 220px;           /* 关键：必须给高度 */
+    margin: 0 auto 16px auto;
+    animation: float 4s ease-in-out infinite;
+    overflow: hidden;
+}
+
+.avatar-wrapper img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 16px;
+}
+
+.blink {
+    animation: blink 5s infinite;
+}
+
+@keyframes blink {
+    0%, 93%, 100% { opacity: 0; }
+    94%, 97% { opacity: 1; }
+}
+
+@keyframes float {
+    0%   { transform: translateY(0px); }
+    50%  { transform: translateY(-6px); }
+    100% { transform: translateY(0px); }
+}
+""") as demo:
+
+    # ===== 虚拟形象（修正版）=====
     gr.HTML("""
-    <style>
-    .avatar-wrapper {
-        position: relative;
-        width: 220px;
-        margin: 0 auto 20px auto;
-        animation: float 4s ease-in-out infinite;
-    }
-
-    .avatar-wrapper img {
-        width: 100%;
-        position: absolute;
-        top: 0;
-        left: 0;
-        border-radius: 16px;
-    }
-
-    .blink {
-        animation: blink 5s infinite;
-    }
-
-    @keyframes blink {
-        0%, 93%, 100% { opacity: 0; }
-        94%, 97% { opacity: 1; }
-    }
-
-    @keyframes float {
-        0%   { transform: translateY(0px); }
-        50%  { transform: translateY(-6px); }
-        100% { transform: translateY(0px); }
-    }
-    </style>
-
     <div class="avatar-wrapper">
-        <img src="avatar_open.png">
-        <img src="avatar_close.png" class="blink">
+        <img src="file=avatar_open.png">
+        <img src="file=avatar_close.png" class="blink">
     </div>
     """)
 
-    # ===== 聊天 UI（Blocks 原生）=====
+    # ===== 聊天 UI =====
     user_input = gr.Textbox(
         label="请说，我会尽量帮助你的",
         lines=3