注入自定义 CSS 样式 - Kimi 风格明亮浅色主题
()
| 24 | |
| 25 | # ==================== 自定义 CSS 样式 ==================== |
| 26 | def inject_custom_css(): |
| 27 | """注入自定义 CSS 样式 - Kimi 风格明亮浅色主题""" |
| 28 | st.markdown(""" |
| 29 | <style> |
| 30 | /* 整体页面明亮背景 */ |
| 31 | .stApp { |
| 32 | background: #f7f8fa; |
| 33 | } |
| 34 | |
| 35 | /* 隐藏默认 Streamlit 元素 */ |
| 36 | #MainMenu {visibility: hidden;} |
| 37 | footer {visibility: hidden;} |
| 38 | |
| 39 | /* 侧边栏样式 - 浅色 */ |
| 40 | [data-testid="stSidebar"] { |
| 41 | background: #ffffff; |
| 42 | border-right: 1px solid #e5e7eb; |
| 43 | } |
| 44 | |
| 45 | /* 侧边栏标题 - 蓝色调 */ |
| 46 | .sidebar-title { |
| 47 | font-size: 2rem; |
| 48 | font-weight: 700; |
| 49 | color: #4f6ef7; |
| 50 | margin-bottom: 0.25rem; |
| 51 | } |
| 52 | |
| 53 | .sidebar-subtitle { |
| 54 | font-size: 0.85rem; |
| 55 | color: #999; |
| 56 | margin-bottom: 1.5rem; |
| 57 | } |
| 58 | |
| 59 | /* 配置区域标题 */ |
| 60 | .config-header { |
| 61 | font-size: 0.9rem; |
| 62 | color: #4f6ef7; |
| 63 | font-weight: 600; |
| 64 | margin-top: 1rem; |
| 65 | margin-bottom: 0.5rem; |
| 66 | text-transform: uppercase; |
| 67 | letter-spacing: 1px; |
| 68 | } |
| 69 | |
| 70 | |
| 71 | |
| 72 | /* 主内容区标题 */ |
| 73 | .main-header { |
| 74 | font-size: 1.5rem; |
| 75 | font-weight: 600; |
| 76 | color: #1a1a2e; |
| 77 | margin-bottom: 1rem; |
| 78 | display: flex; |
| 79 | align-items: center; |
| 80 | gap: 10px; |
| 81 | } |
| 82 | |
| 83 | .main-header .icon { |