Upload app.py

app.py

@@ -61,56 +61,62 @@ def inject_custom_css():
                 height: 2.5rem !important;
                 background: transparent !important;
             }
-            /* 左上角侧边栏按钮：替换箭头为「☰ 菜单」 */
+            /* 左上角侧边栏按钮：替换箭头为「☰ 菜单」- 无边框风格 */
             [data-testid="stSidebarCollapsedControl"] {
                 top: 0.4rem !important;
                 left: 0.5rem !important;
             }
             [data-testid="stSidebarCollapsedControl"] button {
-                background: #f0f2f6 !important;
-                border-radius: 8px !important;
-                padding: 4px 10px !important;
-                border: 1px solid #ddd !important;
+                background: transparent !important;
+                border: none !important;
+                padding: 4px 8px !important;
+            }
+            [data-testid="stSidebarCollapsedControl"] button:hover {
+                background: rgba(0,0,0,0.05) !important;
+                border-radius: 6px !important;
             }
             [data-testid="stSidebarCollapsedControl"] button svg { display: none !important; }
             [data-testid="stSidebarCollapsedControl"] button::after {
                 content: "☰ 菜单";
                 font-size: 14px;
-                color: #444;
-                letter-spacing: 1px;
+                color: #666;
             }
-            /* 侧边栏展开后的收起按钮 */
+            /* 侧边栏展开后的收起按钮 - 无边框风格 */
             [data-testid="stSidebarCollapseButton"] button {
-                background: #f0f2f6 !important;
-                border-radius: 8px !important;
-                padding: 4px 10px !important;
-                border: 1px solid #ddd !important;
+                background: transparent !important;
+                border: none !important;
+                padding: 4px 8px !important;
+            }
+            [data-testid="stSidebarCollapseButton"] button:hover {
+                background: rgba(0,0,0,0.05) !important;
+                border-radius: 6px !important;
             }
             [data-testid="stSidebarCollapseButton"] button svg { display: none !important; }
             [data-testid="stSidebarCollapseButton"] button::after {
                 content: "✕ 收起";
                 font-size: 14px;
-                color: #444;
-                letter-spacing: 1px;
+                color: #666;
             }
-            /* 右上角三点菜单：替换为「⚙ 设置」按钮风格 */
+            /* 右上角三点菜单：替换为「⚙ 设置」- 无边框风格 */
             [data-testid="stMainMenu"] {
                 position: fixed !important;
                 top: 0.55rem !important;
                 right: 0.5rem !important;
             }
             [data-testid="stMainMenu"] button {
-                background: #f0f2f6 !important;
-                border-radius: 8px !important;
-                padding: 4px 10px !important;
-                border: 1px solid #ddd !important;
+                background: transparent !important;
+                border: none !important;
+                padding: 4px 8px !important;
+            }
+            [data-testid="stMainMenu"] button:hover {
+                background: rgba(0,0,0,0.05) !important;
+                border-radius: 6px !important;
             }
             [data-testid="stMainMenu"] button svg { display: none !important; }
             [data-testid="stMainMenu"] button::before {
                 content: "⚙ 设置";
                 font-size: 14px;
-                color: #444;
-                letter-spacing: 1px;
+                color: #666;
             }
             /* 主内容区域：限制在标题和搜索框之间 */
             .block-container {
@@ -174,6 +180,20 @@ def inject_custom_css():
                 margin-bottom: 0.5rem !important;
             }
             
+            /* 底部工具栏按钮：无边框风格，统一颜色 */
+            .stMainBlockContainer > div > div > div:has([data-testid="stPopover"]) button {
+                background: transparent !important;
+                border: none !important;
+                box-shadow: none !important;
+                color: #666 !important;
+            }
+            .stMainBlockContainer > div > div > div:has([data-testid="stPopover"]) button:hover {
+                background: rgba(0,0,0,0.05) !important;
+            }
+            .stMainBlockContainer > div > div > div:has([data-testid="stPopover"]) button p {
+                color: #666 !important;
+            }
+            
             /* 确保聊天容器可滚动 */
             [data-testid="stVerticalBlockBorderWrapper"] {
                 overflow-y: auto !important;