Update app.py

app.py

@@ -1352,7 +1352,7 @@ def respond(message, history, max_tokens, temperature, top_p):
 
 css = """
 #chat-interface {
-    animation: pulse 1.5s infinite, glass 3s infinite alternate;
+    animation: pulse 1.5s infinite, ripple 2s infinite, glass 3s infinite alternate;
 }
 
 @keyframes pulse {
@@ -1363,6 +1363,21 @@ css = """
     100% { transform: scale(1); opacity: 1; }
 }
 
+@keyframes ripple {
+    0% { 
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(0, 150, 255, 0.6); 
+    }
+    50% { 
+        transform: scale(1.2);
+        box-shadow: 0 0 30px 20px rgba(0, 150, 255, 0.8); 
+    }
+    100% { 
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(0, 150, 255, 0.6); 
+    }
+}
+
 @keyframes glass {
     0% { background-color: rgba(0, 102, 255, 0.5); border-radius: 15px; }
     25% { background-color: rgba(0, 150, 255, 0.7); border-radius: 20px; }
@@ -1384,6 +1399,20 @@ body {
     box-shadow: 0px 0px 30px rgba(0, 102, 255, 0.5);
     background: rgba(0, 0, 0, 0.5);
     transition: background 1s, border-radius 1s;
+    position: relative;
+}
+
+.gradio-container::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 2px solid rgba(0, 150, 255, 0.8);
+    border-radius: 20px;
+    z-index: -1;
+    box-shadow: 0 0 20px 5px rgba(0, 150, 255, 0.7);
 }
 
 .gradio-input {
@@ -1452,5 +1481,4 @@ demo = gr.ChatInterface(
 if __name__ == "__main__":
     demo.launch(share=True)
 
-
-
+