Update app.py

app.py

@@ -231,7 +231,10 @@ with gr.Blocks(
     }
     
     /* 按鈕樣式 - 修復點擊問題 */
-    button {
+    button, 
+    .gr-button,
+    input[type="submit"],
+    input[type="button"] {
         background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
         border: none !important;
         border-radius: 12px !important;
@@ -243,25 +246,58 @@ with gr.Blocks(
         box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4) !important;
         cursor: pointer !important;
         pointer-events: auto !important;
-        z-index: 100 !important;
+        z-index: 1000 !important;
         position: relative !important;
+        display: inline-block !important;
+        min-height: 44px !important;
+        line-height: normal !important;
     }
     
-    button:hover {
+    button:hover, 
+    .gr-button:hover,
+    input[type="submit"]:hover,
+    input[type="button"]:hover {
         transform: translateY(-2px) !important;
         box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6) !important;
+        background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important;
     }
     
-    button:active {
+    button:active, 
+    .gr-button:active,
+    input[type="submit"]:active,
+    input[type="button"]:active {
         transform: translateY(0px) !important;
+        box-shadow: 0 3px 10px rgba(102, 126, 234, 0.4) !important;
     }
     
-    /* 次要按鈕 */
-    button.secondary,
-    button[variant="secondary"] {
+    /* 次要按鈕樣式 */
+    button[data-testid*="secondary"],
+    .gr-button.secondary,
+    button.secondary {
         background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
     }
     
+    button[data-testid*="secondary"]:hover,
+    .gr-button.secondary:hover,
+    button.secondary:hover {
+        background: linear-gradient(135deg, #e081e9 0%, #e3455a 100%) !important;
+    }
+    
+    /* 修復 Gradio 特定的按鈕容器 */
+    .gr-form > div,
+    .gr-button-group,
+    div[data-testid="button"] {
+        pointer-events: auto !important;
+        z-index: 999 !important;
+    }
+    
+    /* 確保按鈕內的文字可點擊 */
+    button span,
+    .gr-button span {
+        pointer-events: none !important;
+        user-select: none !important;
+    }
+    
     /* 文件上傳區域 */
     .file-upload-area {
         border: 3px dashed #667eea !important;
@@ -316,11 +352,62 @@ with gr.Blocks(
         min-width: 0 !important;
     }
     
-    /* 確保所有元素可以正常交互 */
+    /* 確保所有交互元素正常工作 */
     * {
         pointer-events: auto !important;
     }
     
+    /* 特殊修復：覆蓋可能的 Gradio 樣式衝突 */
+    .gradio-container * {
+        pointer-events: auto !important;
+    }
+    
+    /* 修復單選按鈕 */
+    input[type="radio"] {
+        pointer-events: auto !important;
+        cursor: pointer !important;
+        z-index: 1000 !important;
+        position: relative !important;
+    }
+    
+    /* 修復文件上傳 */
+    input[type="file"] {
+        pointer-events: auto !important;
+        cursor: pointer !important;
+        z-index: 1000 !important;
+    }
+    
+    /* 添加 JavaScript 來確保按鈕響應 */
+    </style>
+    <script>
+    document.addEventListener('DOMContentLoaded', function() {
+        // 確保所有按鈕都可以點擊
+        function fixButtons() {
+            const buttons = document.querySelectorAll('button, input[type="submit"], input[type="button"]');
+            buttons.forEach(btn => {
+                btn.style.pointerEvents = 'auto';
+                btn.style.cursor = 'pointer';
+                btn.style.zIndex = '1000';
+                btn.style.position = 'relative';
+            });
+        }
+        
+        // 初始修復
+        fixButtons();
+        
+        // 定期檢查並修復新出現的按鈕
+        setInterval(fixButtons, 1000);
+        
+        // 監聽 DOM 變化
+        const observer = new MutationObserver(fixButtons);
+        observer.observe(document.body, { 
+            childList: true, 
+            subtree: true 
+        });
+    });
+    </script>
+    <style>
+    
     /* 響應式設計 */
     @media (max-width: 768px) {
         .main-content {
@@ -403,6 +490,9 @@ with gr.Blocks(
                         value="✅ 已選擇：gpt-4",
                         elem_classes="status-display"
                     )
+            
+            # 添加測試按鈕
+            gr.HTML("<div style='margin: 20px 0; padding: 15px; background: rgba(102, 126, 234, 0.1); border-radius: 10px;'><strong>💡 提示：</strong> 設定完成後，請前往「PDF 處理」頁面上傳文件開始使用！</div>")
     
         with gr.Tab("📄 PDF 處理", elem_classes="pdf-tab"):
             gr.Markdown("### 📁 文件上傳與摘要生成")