Update app.py

app.py

@@ -532,27 +532,34 @@ async def predict(image):
         .akc-button {{
             display: inline-flex;
             align-items: center;
-            padding: 12px 24px;
-            background: linear-gradient(145deg, #00509E, #003F7F); 
+            padding: 14px 28px;  /* 稍微加大按鈕尺寸 */
+            background: linear-gradient(145deg, #00509E, #003F7F);
             color: white;
-            border-radius: 8px;
+            border-radius: 12px;  /* 增加圓角 */
             text-decoration: none;
-            gap: 8px;
+            gap: 12px;  /* 增加圖標和文字間距 */
             transition: all 0.3s ease;
             font-weight: 600;
             font-size: 1.1em;
             box-shadow: 
                 0 2px 4px rgba(0,0,0,0.1),
                 inset 0 1px 1px rgba(255,255,255,0.1);
+            border: 1px solid rgba(255,255,255,0.1);  
         }}
         
         .akc-button:hover {{
-            background: linear-gradient(145deg, #003F7F, #00509E);  /* 懸停時反轉漸層方向 */
-            transform: translateY(-1px);
+            background: linear-gradient(145deg, #003F7F, #00509E);
+            transform: translateY(-2px);  
             color: white;
             box-shadow: 
-               0 4px 8px rgba(0,0,0,0.15),
-               inset 0 1px 1px rgba(255,255,255,0.2);
+                0 6px 12px rgba(0,0,0,0.2),  
+                inset 0 1px 1px rgba(255,255,255,0.2);
+            border: 1px solid rgba(255,255,255,0.2);  
+        }}
+
+        .icon {{
+            font-size: 1.3em;  
+            filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));  
         }}
         
         .warning-message {{
@@ -671,11 +678,6 @@ async def predict(image):
         return error_msg, None, None
         
 
-
-
-
-
-
 def show_details_html(choice, previous_output, initial_state):
     if not choice:
         return previous_output, gr.update(visible=True), initial_state