Update app.py

app.py

@@ -62,6 +62,54 @@ st.markdown("""
         }
     }
 
+    /* ======== کادر شبیه موبایل برای دسکتاپ ======== */
+    @media (min-width: 768px) {
+        [data-testid="stAppViewContainer"] {
+            max-width: 375px !important;  /* عرض موبایل */
+            margin: 30px auto !important;
+            padding: 20px !important;
+            border: 12px solid #333 !important;
+            border-radius: 40px !important;
+            box-shadow: 0 0 0 6px #666, 
+                        0 0 30px rgba(0,0,0,0.5) !important;
+            position: relative !important;
+            min-height: 90vh !important;
+            overflow: hidden !important;
+        }
+        
+        /* دکمه هوم مجازی */
+        [data-testid="stAppViewContainer"]::after {
+            content: "";
+            position: absolute;
+            bottom: 15px;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 100px;
+            height: 4px;
+            background: #333;
+            border-radius: 2px;
+        }
+        
+        /* جلوگیری از اسکرول بیرون از کادر */
+        html, body {
+            background: #f0f0f0 !important;
+            overflow: hidden !important;
+        }
+    }
+
+    /* ======== تنظیمات محتوا در کادر موبایل ======== */
+    @media (min-width: 768px) {
+        .stApp > div {
+            max-height: calc(90vh - 40px) !important;
+            overflow-y: auto !important;
+            scrollbar-width: none !important; /* برای فایرفاکس */
+        }
+        
+        .stApp > div::-webkit-scrollbar {
+            display: none !important; /* برای کروم و سافاری */
+        }
+    }
+
     /* ======== استایل‌های اصلی شما ======== */
     .rahyar-title {
         color: var(--primary) !important;