Update style.css

style.css

@@ -1,4 +1,8 @@
-body {
+/* ===== 页面背景 ===== */
+html, body {
+    margin: 0;
+    padding: 0;
+    min-height: 100%;
     background-image: url("https://huggingface.co/spaces/XRachel/bc4/resolve/main/assets/Bank%20Churn.png");
     background-size: cover;
     background-position: center;
@@ -7,9 +11,50 @@ body {
     color: white;
 }
 
-/* 让 gradio 面板透明 */
+/* ===== 让 Gradio 整体透明 ===== */
 .gradio-container {
-    background: rgba(0,0,0,0.55) !important;
+    background: transparent !important;
+}
+
+/* 主内容区域透明 */
+.main {
+    background: transparent !important;
+}
+
+/* Tabs 背景透明 */
+.tabs {
+    background: transparent !important;
+}
+
+/* ===== 标题颜色 ===== */
+h1, h2, h3, p, label {
+    color: white !important;
+}
+
+/* ===== 输入框样式 ===== */
+input, textarea, select {
+    background: rgba(255,255,255,0.9) !important;
+    color: #111 !important;
+    border-radius: 10px !important;
+}
+
+/* ===== Execution Log ===== */
+textarea {
+    font-family: monospace;
+}
+
+/* ===== 按钮样式 ===== */
+button {
+    background: rgba(255,255,255,0.9) !important;
+    color: #111 !important;
+    border-radius: 10px !important;
+    font-weight: 600;
+}
+
+/* ===== 卡片区域（Run Pipeline等） ===== */
+.block {
+    background: rgba(0,0,0,0.35) !important;
     backdrop-filter: blur(6px);
-    border-radius: 10px;
+    border-radius: 12px;
+    padding: 10px;
 }