Update app.py

app.py

@@ -15,107 +15,114 @@ import streamlit as st
 
 st.set_page_config(page_title="رزم یار ارتش", page_icon="🪖", layout="wide")
 
+# استایل سفارشی
 st.markdown("""
     <style>
-    /* فونت و راست‌چین */
     @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');
+
     html, body, [class*="css"] {
         font-family: 'Vazirmatn', Tahoma, sans-serif;
         direction: rtl;
         text-align: right;
-        background-color: #f0f4f7;
     }
 
-    /* پس زمینه صفحه اصلی */
+    /* بکگراند اصلی */
     .stApp {
-        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
-                    url("./military_bg.jpeg") no-repeat center center fixed;
-        background-size: cover;
-        backdrop-filter: blur(2px);
+        background: linear-gradient(135deg, #f2f6fc, #d9e4f5);
+        min-height: 100vh;
+        padding: 0;
+        margin: 0;
     }
 
     /* استایل پیام‌های چت */
     .stChatMessage {
-        background-color: rgba(255, 255, 255, 0.85);
-        border: 2px solid #4e8a3e;
-        border-radius: 16px;
-        padding: 18px;
-        margin-bottom: 18px;
-        box-shadow: 0 4px 12px rgba(0,0,0,0.3);
-        animation: fadeIn 0.5s ease-in-out;
+        background: #ffffff;
+        border: 1px solid #d1d5db;
+        border-radius: 14px;
+        padding: 16px;
+        margin-bottom: 20px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+        animation: fadeIn 0.4s ease-in-out;
     }
 
-    /* استایل ورودی کاربر */
+    /* فیلدهای ورودی */
     .stTextInput > div > input, .stTextArea textarea {
-        background-color: rgba(255, 255, 255, 0.95) !important;
-        border: 1px solid #ccc !important;
-        border-radius: 10px !important;
-        padding: 10px;
+        background: #f9fafb !important;
+        border-radius: 8px !important;
         direction: rtl;
         text-align: right;
         font-family: 'Vazirmatn', Tahoma;
-        font-size: 16px;
     }
 
-    /* استایل دکمه */
+    /* دکمه‌ها */
     .stButton>button {
-        background-color: #4e8a3e !important;
+        background: linear-gradient(90deg, #4e8a3e, #5cb85c) !important;
         color: white !important;
         font-weight: bold;
         border-radius: 12px;
         padding: 10px 24px;
         transition: all 0.3s ease;
-        font-size: 16px;
+        border: none;
     }
     .stButton>button:hover {
-        background-color: #3c6d30 !important;
-        transform: scale(1.05);
+        background: linear-gradient(90deg, #3c6d30, #4cae4c) !important;
+        transform: scale(1.03);
     }
 
-    /* سربرگ اصلی */
+    /* هدر صفحه */
     .header-text {
         text-align: center;
-        margin-top: 30px;
-        margin-bottom: 40px;
-        background-color: rgba(255, 255, 255, 0.8);
-        padding: 30px;
-        border-radius: 24px;
-        box-shadow: 0 6px 16px rgba(0,0,0,0.25);
-        animation: fadeIn 0.6s ease-in-out;
+        margin-top: 20px;
+        margin-bottom: 30px;
+        background: rgba(255, 255, 255, 0.85);
+        padding: 25px;
+        border-radius: 20px;
+        box-shadow: 0 6px 16px rgba(0,0,0,0.1);
     }
     .header-text h1 {
-        font-size: 48px;
+        font-size: 38px;
         color: #2c3e50;
-        margin: 0;
-        font-weight: 900;
+        margin-bottom: 10px;
+        font-weight: bold;
     }
     .subtitle {
-        font-size: 20px;
+        font-size: 18px;
         color: #34495e;
-        margin-top: 10px;
-        font-weight: bold;
+        margin-top: 5px;
     }
 
-    /* انیمیشن */
+    /* انیمیشن fadeIn */
     @keyframes fadeIn {
-        from { opacity: 0; transform: translateY(20px); }
+        from { opacity: 0; transform: translateY(10px); }
         to { opacity: 1; transform: translateY(0); }
     }
+
+    /* منوی کناری */
+    [data-testid="stSidebar"] {
+        background: #ffffff;
+        border-left: 1px solid #e6e6e6;
+        padding: 20px;
+    }
+    [data-testid="stSidebar"] .css-1d391kg {
+        gap: 10px;
+    }
     </style>
 """, unsafe_allow_html=True)
 
-# ----------------- سربرگ با لوگو -----------------
-col1, col2, col3 = st.columns([1, 0.5, 1])
+# لوگوی وسط
+col1, col2, col3 = st.columns([1, 0.2, 1])
 with col2:
-    st.image("log.png", width=220)
+    st.image("log.png", width=240)
 
+# هدر اصلی
 st.markdown("""
     <div class="header-text">
         <h1>رزم یار ارتش</h1>
-        <div class="subtitle">دستیار هوشمند نیروهای مسلح</div>
+        <div class="subtitle">دستیار هوشمند و همراه شما در مسیر موفقیت</div>
     </div>
 """, unsafe_allow_html=True)
 
+
 # ----------------- لود PDF و ساخت ایندکس -----------------
 class TogetherEmbeddings(Embeddings):
     def __init__(self, model_name: str, api_key: str):