Update app.py

app.py

@@ -23,34 +23,38 @@ def text2audio(story_text):
 
 
 def main():
+    # Optimize title area to attract children's attention
     st.set_page_config(page_title="Magic Storyteller", page_icon="🧚")
 
-    # Optimize title area to attract children's attention
+    # 优化UI样式
     st.markdown("""
     <style>
     @import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
     .header {
-        background-image: url('https://huggingface.co/spaces/Leo0129/classagm/resolve/main/background.jpg');
-        background-size: cover;
+        background: linear-gradient(45deg, #FF9A6C, #FF6B6B);
         border-radius: 15px;
         padding: 2rem;
         text-align: center;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        margin-bottom: 2rem;
     }
-    .header h1 {
-        color: #FF9A6C;
+    .subtitle {
         font-family: 'Comic Neue', cursive;
-        font-size: 2.5rem;
-        text-shadow: 2px 2px #FFF;
-        margin-bottom: 0.5rem !important;
+        color: #4B4B4B;
+        font-size: 1.2rem;
+        margin: 1rem 0;
+        padding: 1rem;
+        background: rgba(255,255,255,0.9);
+        border-radius: 10px;
+        border-left: 5px solid #FF6B6B;
     }
-    
     </style>
-    """, unsafe_allow_html=True)  
+    """, unsafe_allow_html=True)
 
     st.markdown("""
     <div class="header">
-        <h1>🪄 Magic Storyteller </h1>
+        <h1 style='margin:0;'>🪄 Magic Storyteller</h1>
+        <p style='color: white; font-size: 1.2rem;'>Turn your pictures into magical stories!</p>
     </div>
     """, unsafe_allow_html=True)
     uploaded_file = st.file_uploader("👉🏻 Upload your magic picture here...", type=["jpg", "png"])