Update app.py

app.py

@@ -4,7 +4,6 @@ from openai import OpenAI
 
 API_KEY = os.getenv("OPENAI_API_KEY")
 MODEL_NAME = "gpt-4o-mini"
-
 client = OpenAI(api_key=API_KEY)
 
 SYSTEM_PROMPT = """You are a creative pet name generator.
@@ -32,8 +31,18 @@ Generate exactly ONE creative pet name.
 """
 
 def generate_name(species, look, personality, gender, language):
+    # 基础校验（避免空提交）
+    missing = []
+    if not (species or "").strip(): missing.append("宠物种类")
+    if not (look or "").strip(): missing.append("外表特征")
+    if not (personality or "").strip(): missing.append("性格特点")
+    if not (gender or "").strip(): missing.append("性别")
+    if not (language or "").strip(): missing.append("语言")
+    if missing:
+        return "❗请先填写：" + "、".join(missing)
+
     try:
-        prompt = build_prompt(species, look, personality, gender, language)
+        prompt = build_prompt(species.strip(), look.strip(), personality.strip(), gender, language)
         resp = client.chat.completions.create(
             model=MODEL_NAME,
             temperature=0.7,
@@ -48,18 +57,67 @@ def generate_name(species, look, personality, gender, language):
         return f"⚠️ 出错：{html.escape(str(e))}"
 
 with gr.Blocks(title="Pawfect Match") as demo:
-    gr.Markdown("## 🐾 Pawfect Match｜宠物起名机\n输入宠物信息，一键生成一个名字 + 简短含义。")
+    # 顶部品牌区（带轻微样式）
+    gr.HTML(
+        """
+        <div style="display:flex;align-items:center;gap:14px; padding:14px 0 6px;">
+          <div style="font-size:28px;">🐾 <strong>Pawfect Match</strong></div>
+          <div style="opacity:.75;">给你的宠物起一个刚刚好的名字</div>
+        </div>
+        <hr style="border:none;border-top:1px solid #eee;margin:8px 0 18px;">
+        """
+    )
+
+    with gr.Row():
+        # 左侧：输入卡
+        with gr.Column(scale=6):
+            with gr.Group():
+                species = gr.Textbox(label="宠物种类", placeholder="例：金毛 / 英短 / 仓鼠 / 鹦鹉", autofocus=True)
+                look = gr.Textbox(label="外表特征", placeholder="例：橘色短毛，大眼睛，白爪")
+                personality = gr.Textbox(label="性格特点", placeholder="例：粘人、活泼、聪明")
+                with gr.Row():
+                    gender = gr.Radio(
+                        ["male","female"], value="male", label="宠物性别",
+                        info="请选择性别，让名字风格更贴合"
+                    )
+                    language = gr.Radio(["English","中文","Русский","Español"], value="English", label="输出语言")
 
-    species = gr.Textbox(label="宠物种类", placeholder="例：金毛 / 英短 / 仓鼠 / 鹦鹉")
-    look = gr.Textbox(label="外表特征", placeholder="例：橘色短毛，大眼睛，白爪")
-    personality = gr.Textbox(label="性格特点", placeholder="例：粘人、活泼、聪明")
-    gender = gr.Radio(["male","female"], value="male", label="宠物性别")
-    language = gr.Radio(["English","中文","Русский","Español"], value="English", label="输出语言")
+            with gr.Accordion("快速示例（点一下自动填充）", open=False):
+                gr.Examples(
+                    examples=[
+                        ["英短猫","银渐层，圆脸，绿眼睛","高冷但会撒娇","female","中文"],
+                        ["柯基犬","短腿、屁股圆、红白毛","亲人、活泼、贪吃","male","English"],
+                        ["仓鼠","金色短毛，小巧","胆小但好奇","female","Русский"],
+                        ["鹦鹉","绿色羽毛，会学舌","机灵、吵闹、黏人","male","Español"],
+                    ],
+                    inputs=[species, look, personality, gender, language],
+                )
 
-    btn = gr.Button("✨ 起名！")
-    out = gr.Markdown()
+            with gr.Row():
+                btn = gr.Button("✨ 起名", variant="primary")
+                copy_btn = gr.Button("复制结果", variant="secondary")
 
+        # 右侧：结果卡
+        with gr.Column(scale=5):
+            gr.Markdown("#### 结果")
+            out = gr.Markdown(elem_id="result_box", value="（点击「✨ 起名」后显示名字与简短含义）")
+
+    # 事件
     btn.click(generate_name, inputs=[species, look, personality, gender, language], outputs=out)
 
+    # 复制按钮（前端复制结果区域文本）
+    copy_btn.click(
+        None, inputs=None, outputs=None,
+        _js="""
+        () => {
+          const el = document.getElementById('result_box');
+          const txt = el ? el.innerText : '';
+          if (txt.trim().length === 0) { alert('还没有结果哦～'); return; }
+          navigator.clipboard.writeText(txt);
+          alert('已复制到剪贴板');
+        }
+        """
+    )
+
 if __name__ == "__main__":
     demo.launch()