Update app.py

app.py

@@ -132,50 +132,50 @@ def check_login(user, password):
             error_msg: "<span style='color: red'>❌ 帳號或密碼錯誤</span>"
         }
 
-# --- 🔥 [核彈級 CSS 重置]：強制回歸原始表格行為 ---
+# --- 🔥 [1% 黑科技 CSS]：強制縮小擠壓，適配內容寬度 ---
 custom_css = """
-/* 1. 外層容器：負責產生捲軸，並強制為區塊元素 */
+/* 1. 外層容器：允許左右滑動 */
 .table-wrap, .wrap, .svelte-12cmxck, div[id^="dataframe"] {
     overflow-x: auto !important;
-    overflow-y: hidden !important;
     display: block !important;
-    width: 100% !important;
-    max-width: 100vw !important;
 }
 
-/* 2. 表格本體：強制使用表格佈局，禁止 Flex/Grid 干擾 */
+/* 2. 表格本體：
+   display: table -> 強制表格行為 (修復垂直堆疊)
+   width: auto -> 寬度依內容決定，不強制撐滿
+   table-layout: auto -> 自動計算欄寬
+*/
 table { 
     display: table !important;
     table-layout: auto !important; 
-    width: max-content !important; /* 核心：內容多少就撐多寬，超出就滾動 */
+    width: auto !important; 
     min-width: 100% !important;
     border-collapse: collapse !important;
     margin: 0 !important;
 }
 
-/* 3. 強制橫向排列 (解決變垂直堆疊的問題) */
-thead { display: table-header-group !important; }
-tbody { display: table-row-group !important; }
-tr { display: table-row !important; }
-
-/* 4. 儲存格：死都不換行，自動寬度 */
+/* 3. 欄位設定：
+   width: 1px -> 【核心技巧】這會強迫瀏覽器把欄位縮到最小
+   white-space: nowrap -> 但因為禁止換行，所以最小寬度 = 文字寬度
+   結果：完美的「內容自適應寬度」
+*/
 th, td { 
     display: table-cell !important;
-    white-space: nowrap !important; /* 禁止換行 */
-    width: auto !important;
-    max-width: none !important;     /* 移除任何最大寬度限制 */
+    white-space: nowrap !important;
+    
+    width: 1px !important;  /* 👈 這是重點，不要怕，它不會真的變 1px */
     
     box-sizing: border-box !important;
-    padding: 10px 15px !important;  /* 增加一點間距讓手指好滑 */
+    padding: 10px 15px !important;
     border: 1px solid #444 !important;
-    
-    /* 確保內容可見 */
-    visibility: visible !important;
-    opacity: 1 !important;
+    vertical-align: middle !important;
 }
 
-/* 5. 隱藏 Gradio 可能產生的手機版卡片視圖元素 */
-.mobile-view, .cards, .card { display: none !important; }
+/* 4. 針對表頭的特別修正 */
+thead tr th {
+    background-color: #333 !important;
+    font-weight: bold !important;
+}
 """
 
 # --- 介面開始 (加入 css 參數) ---