update openai key management, update example loading status

main.py

@@ -192,7 +192,7 @@ async def analyze_feedback(request: AnalysisRequest):
         
         # 调用OpenAI API进行分析
         response = await call_openai_api(
-            system_prompt='你是一位专业的设计顾问，擅长分析客户反馈，提取关键信息，并提供专业建议。请根据老板的反馈分析情绪值（用emoji表示），并结合给出的设计稿，给出三个具体的修改建议。每个建议应该包含一个标题和详细描述。首先你需要对老板的情绪进行解读，使用"情绪值："开头并分为五类：1. 非常满意-😊😊😊 2. 比较满意-🙂🙂🙂 3. 一般般-😐😐😐 4. 不太满意-🙁🙁🙁 5. 非常不满意-😠😠😠，然后在下一行用一句话分析老板的情绪，以"情绪分析："开头。随后，请以"修改建议：\n"开头，并以有序列表分三行说明三个具体建议，比如："1. 提高对比度：xxx\n 2. ...\n 3. ...\n"。记得结合图片进行分析和提出修改建议。最后，你需要使用网页搜索来获取合适的参考UI设计案例。请在新的一行以"搜索内容："开头，给出合适的搜索内容，以获取合适的参考设计案例，注意，你只能搜索UI设计案例。',
+            system_prompt='你是一位专业的设计顾问，擅长分析客户反馈，提取关键信息，并提供专业建议。请根据老板的反馈分析情绪值（用emoji表示），并结合给出的设计稿，给出三个具体的修改建议。每个建议应该包含一个标题和详细描述。首先你需要对老板的情绪进行解读，使用"情绪值："开头并分为五类：1. 非常满意-😊😊😊 2. 比较满意-🙂🙂🙂 3. 一般般-😐😐😐 4. 不太满意-🙁🙁🙁 5. 非常不满意-😠😠😠，然后在下一行用一句话分析老板的情绪，以"情绪分析："开头。随后，请以"修改建议：\n"开头，并以有序列表分三行说明三个具体建议，并以\n\n分隔，比如："1. 提高对比度：xxx\n\n 2. ...\n\n 3. ...\n\n"。记得结合图片进行分析和提出修改建议。最后，你需要使用网页搜索来获取合适的参考UI设计案例，来为修改当前案例提供参考。请在新的一行以"搜索内容："开头，给出合适的搜索内容，以获取合适的参考设计案例，注意，你只能搜索与UI/UX设计相关的案例。',
             user_content=[
                 {"type": "input_text", "text": context},
                 *([{"type": "input_image", "image_url": request.image_data}] if request.image_data else [])
@@ -211,7 +211,7 @@ async def optimize_design(request: OptimizationRequest, client_ip: str = None):
         if client_ip is None or client_ip not in white_list:
             raise HTTPException(
                 status_code=503,
-                detail="当前用户无生图权限，请联系@王月(Phoebe)添加白名单后重试。"
+                detail="当前用户无生图权限，请点击'想使用自己的OpenAI API Key？'输入您的OpenAI API Key或联系@王月(Phoebe)添加白名单后重试。"
             )
 
         user_rate_limit = white_list[client_ip]

static/script.js

@@ -434,7 +434,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     
                     if (suggestionsText) {
                         // 提取三个建议
-                        const suggestionLines = suggestionsText.trim().split('\n');
+                        const suggestionLines = suggestionsText.trim().split('\n\n');
                         const suggestions = [];
                         
                         // 处理每一行建议

static/styles.css

@@ -928,8 +928,8 @@ footer {
 
 /* API Key Link */
 .api-key-link {
-    text-align: center;
     margin-bottom: 20px;
+    margin-left: 20px;
 }
 
 .api-key-link a {