Update src/streamlit_app.py

src/streamlit_app.py

@@ -18,26 +18,42 @@ st.markdown(
         scrollbar-width: none;
     }
     
-    /* 2. 調整範例按鈕樣式 */
+    /* 2. 調整範例按鈕樣式 (維持科技藍) */
     .stButton button {
         width: auto;
         padding: 5px 15px;
         border-radius: 20px;
-        border: 1px solid #D4AF37; /* 加入一點微奢華的金色邊框 */
+        border: 1px solid #58a6ff; 
+        color: #58a6ff;
+        background-color: transparent;
     }
     
-    /* 3. 極度壓縮頂部空白與兩側邊距，專為小視窗優化 */
-    .block-container {
-        padding-top: 1.5rem !important;
-        padding-bottom: 5rem !important; /* 底部留白避免對話被輸入框蓋住 */
-        padding-left: 1rem !important;
-        padding-right: 1rem !important;
+    /* 🚀 3. 關鍵修正：隱藏 Header 背景與右側選單，但保留左側展開按鈕 */
+    header[data-testid="stHeader"] {
+        background-color: rgba(0,0,0,0) !important; /* 背景透明 */
+        color: #58a6ff !important;
     }
     
-    /* 4. 隱藏 Streamlit 預設的頂部裝飾與漢堡選單 */
-    header {
+    /* 隱藏右側的「...」選單按鈕 */
+    header[data-testid="stHeader"] #MainMenu {
         visibility: hidden;
     }
+    
+    /* 確保左側的展開按鈕 (CollapsedControl) 是可見的 */
+    div[data-testid="collapsedControl"] {
+        visibility: visible !important;
+        background-color: #0d1117 !important; /* 給它一點深色背景，免得在白色畫面上看不見 */
+        border-radius: 0 5px 5px 0;
+        top: 10px;
+    }
+
+    /* 4. 壓縮主畫面邊距 */
+    .block-container {
+        padding-top: 2rem !important;
+        padding-bottom: 5rem !important;
+        padding-left: 1rem !important;
+        padding-right: 1rem !important;
+    }
     </style>
     """,
     unsafe_allow_html=True