styles.py

def load_css():
    return """
<style>
    /* 主要顏色配置 */
    :root {
        --primary-blue: #2563eb;
        --light-blue: #3b82f6;
        --dark-blue: #1e40af;
        --bg-white: #ffffff;
        --bg-light: #f8fafc;
        --text-dark: #1e293b;
        --text-gray: #64748b;
        --border-color: #e2e8f0;
    }
    
    /* 整體背景 */
    .stApp {
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }
    
    /* 側邊欄樣式 - 重新設計：豐富的漸變背景與視覺層次 */
    [data-testid="stSidebar"] {
        background: 
            linear-gradient(135deg, #1e3a8a 0%, #1e40af 25%, #2563eb 50%, #3b82f6 75%, #60a5fa 100%) !important;
        background-size: 400% 400% !important;
        animation: gradientShift 15s ease infinite !important;
        border-right: 3px solid rgba(255, 255, 255, 0.1) !important;
        box-shadow: 
            inset -10px 0 30px rgba(0, 0, 0, 0.2),
            4px 0 20px rgba(30, 64, 175, 0.3) !important;
        min-width: 320px !important;
        max-width: 320px !important;
        position: relative !important;
        overflow: visible !important; /* 改為 visible，讓按鈕可以顯示在側邊欄外部 */
    }
    
    /* 側邊欄背景動畫效果 */
    @keyframes gradientShift {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    
    /* 側邊欄裝飾性圖案（微妙的幾何圖形） */
    [data-testid="stSidebar"]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: 
            radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
            radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
            linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.03) 50%, transparent 70%);
        pointer-events: none;
        z-index: 0;
    }
    
    /* 確保側邊欄內容在裝飾層之上 */
    [data-testid="stSidebar"] > * {
        position: relative;
        z-index: 1;
    }
    
    /* 確保滑桿在裝飾層之上，但不干擾互動 */
    [data-testid="stSidebar"] .stSlider {
        position: relative !important;
        z-index: 10 !important;
    }
    [data-testid="stSidebar"][aria-expanded="false"] {
        min-width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    [data-testid="stSidebar"][aria-expanded="false"] * {
        display: none;
    }
    
    /* 隱藏側邊欄調整大小的手柄 (Resize Handle) */
    [data-testid="stSidebar"] ~ div[role="separator"] {
        display: none !important;
    }
    
    /* 強制側邊欄收合按鈕始終可見 */
    /* 針對 Streamlit 側邊欄切換按鈕的所有可能選擇器 */
    button[data-testid="baseButton-header"],
    button[data-testid="baseButton-header"]:not(:hover),
    [data-testid="stHeader"] button,
    [data-testid="stHeader"] button:not(:hover),
    .stApp button[aria-label*="Close"],
    .stApp button[aria-label*="close"],
    button[aria-label*="Close sidebar"],
    button[aria-label*="close sidebar"],
    button[aria-label*="Open sidebar"],
    button[aria-label*="open sidebar"],
    [data-testid="stSidebar"] + div button,
    [data-testid="stSidebar"] + div button:not(:hover),
    header button,
    header button:not(:hover),
    /* 針對可能的 SVG 圖標容器 */
    [data-testid="stSidebar"] + div svg,
    [data-testid="stSidebar"] + div svg:not(:hover),
    header svg,
    header svg:not(:hover),
    /* 通用規則：所有可能隱藏的側邊欄相關按鈕 */
    button[class*="sidebar"],
    button[class*="collapse"],
    button[class*="toggle"] {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* 確保按鈕內的 SVG 圖標也始終可見 */
    button[data-testid="baseButton-header"] svg,
    [data-testid="stHeader"] button svg,
    header button svg,
    [data-testid="stSidebar"] + div button svg {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }

    /* 將側邊欄收合按鈕移動到右下角 - 使用多種選擇器確保覆蓋 */
    /* 針對側邊欄內部的按鈕 - 使用 absolute 定位 */
    [data-testid="stSidebar"] button[kind="header"],
    [data-testid="stSidebar"] [data-testid="baseButton-header"],
    [data-testid="stSidebar"] button[aria-label*="Close"],
    [data-testid="stSidebar"] button[aria-label*="close"],
    [data-testid="stSidebar"] button[aria-label*="sidebar"],
    [data-testid="stSidebar"] button[aria-label*="Open"],
    [data-testid="stSidebar"] button[aria-label*="open"] {
        position: absolute !important; /* 相對於側邊欄定位 */
        bottom: 20px !important;
        right: 20px !important;
        top: auto !important;
        left: auto !important;
        z-index: 99999 !important;
        background-color: rgba(255, 255, 255, 0.15) !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        backdrop-filter: blur(4px) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 針對側邊欄外部的按鈕（如果 Streamlit 將按鈕放在側邊欄外部） */
    [data-testid="stSidebar"] + div button[kind="header"],
    [data-testid="stSidebar"] + div [data-testid="baseButton-header"],
    [data-testid="stSidebar"] + div button[aria-label*="Close"],
    [data-testid="stSidebar"] + div button[aria-label*="close"],
    [data-testid="stSidebar"] + div button[aria-label*="sidebar"],
    [data-testid="stSidebar"] + div button[aria-label*="Open"],
    [data-testid="stSidebar"] + div button[aria-label*="open"] {
        position: fixed !important; /* 使用 fixed 定位，相對於視窗 */
        bottom: 20px !important;
        right: calc(320px + 20px) !important; /* 側邊欄寬度 320px + 間距 20px */
        top: auto !important;
        left: auto !important;
        z-index: 99999 !important;
        background-color: rgba(255, 255, 255, 0.15) !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        backdrop-filter: blur(4px) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 當側邊欄收合時，外部按鈕位置調整到右側 */
    [data-testid="stSidebar"][aria-expanded="false"] + div button[kind="header"],
    [data-testid="stSidebar"][aria-expanded="false"] + div [data-testid="baseButton-header"],
    [data-testid="stSidebar"][aria-expanded="false"] + div button[aria-label*="Open"],
    [data-testid="stSidebar"][aria-expanded="false"] + div button[aria-label*="open"] {
        right: 20px !important; /* 側邊欄收合時，按鈕貼近右側 */
    }
    
    /* 通用選擇器：所有可能的側邊欄切換按鈕（作為備用） */
    button[data-testid="baseButton-header"]:not([data-testid="stSidebar"] button):not([data-testid="stSidebar"] + div button),
    header button[aria-label*="Close"]:not([data-testid="stSidebar"] button):not([data-testid="stSidebar"] + div button),
    header button[aria-label*="close"]:not([data-testid="stSidebar"] button):not([data-testid="stSidebar"] + div button),
    header button[aria-label*="sidebar"]:not([data-testid="stSidebar"] button):not([data-testid="stSidebar"] + div button) {
        position: fixed !important;
        bottom: 20px !important;
        right: calc(320px + 20px) !important;
        top: auto !important;
        left: auto !important;
        z-index: 99999 !important;
        background-color: rgba(255, 255, 255, 0.15) !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        backdrop-filter: blur(4px) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Hover 效果 */
    [data-testid="stSidebar"] button[kind="header"]:hover,
    [data-testid="stSidebar"] [data-testid="baseButton-header"]:hover,
    [data-testid="stSidebar"] button[aria-label*="Close"]:hover,
    [data-testid="stSidebar"] button[aria-label*="close"]:hover,
    [data-testid="stSidebar"] + div button:hover,
    button[data-testid="baseButton-header"]:hover,
    header button[aria-label*="Close"]:hover,
    header button[aria-label*="close"]:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        transform: scale(1.1) !important;
    }

    /* 側邊欄內所有文字改為白色 - 但排除展開器標題、Radio Button 和輸入框 */
    [data-testid="stSidebar"] *:not(.streamlit-expanderHeader):not(.streamlit-expanderHeader *):not(details):not(details *):not(summary):not(summary *):not([data-testid="stExpander"] *):not([data-testid="stExpander"] button *):not([data-testid="stExpander"] > div:first-child *):not([role="radiogroup"] *):not(.stRadio *):not(.stRadio):not(.stTextInput *):not(.stNumberInput *):not(.stSelectbox *):not(input):not(select):not(option) {
        color: #ffffff !important;
    }
    
    [data-testid="stSidebar"] h1,
    [data-testid="stSidebar"] h2,
    [data-testid="stSidebar"] h3,
    [data-testid="stSidebar"] h4,
    [data-testid="stSidebar"] p,
    [data-testid="stSidebar"] label,
    [data-testid="stSidebar"] span,
    [data-testid="stSidebar"] div,
    [data-testid="stSidebar"] .stMarkdown,
    [data-testid="stSidebar"] .stCaption {
        color: #ffffff !important;
    }
    
    /* 明確排除 selectbox 相關元素，確保不被白色文字規則覆蓋 */
    /* 注意：排除 label，因為 label 需要保持白色 */
    [data-testid="stSidebar"] .stSelectbox,
    [data-testid="stSidebar"] .stSelectbox *:not(label):not(label *),
    [data-testid="stSidebar"] .stSelectbox select,
    [data-testid="stSidebar"] .stSelectbox option,
    [data-testid="stSidebar"] .stSelectbox > div,
    [data-testid="stSidebar"] .stSelectbox > div > div,
    [data-testid="stSidebar"] .stSelectbox > div > div > select,
    [data-testid="stSidebar"] select,
    [data-testid="stSidebar"] option {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
    }
    
    /* 側邊欄標題顏色 - 重新設計：添加特殊效果 */
    [data-testid="stSidebar"] h1 {
        color: #ffffff !important;
        text-shadow: 
            0 2px 8px rgba(0, 0, 0, 0.3),
            0 0 20px rgba(255, 255, 255, 0.2) !important;
        font-weight: 800 !important;
        letter-spacing: 0.05em !important;
        position: relative !important;
        padding: 0.75rem 1rem !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 12px !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: 
            0 4px 12px rgba(0, 0, 0, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
        margin-bottom: 1rem !important;
        backdrop-filter: blur(10px) !important;
    }
    
    [data-testid="stSidebar"] h2,
    [data-testid="stSidebar"] h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* 側邊欄 caption 和說明文字 */
    [data-testid="stSidebar"] .stCaption,
    [data-testid="stSidebar"] small {
        color: rgba(255, 255, 255, 0.9) !important;
    }
    
    /* 側邊欄 radio button 文字 - 移除強制白色 */
    /* [data-testid="stSidebar"] .stRadio label {
        color: #ffffff !important;
    } */
    
    /* 強制修正：針對 Sidebar Radio Group 內的所有文字元素，無論層級，一律設為黑色 */
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] * {
        color: #000000 !important;
    }

    /* 側邊欄 Radio Button 樣式優化 - 白底按鈕風格，寬度與展開器一致 */
    /* 確保 Radio Button 的父容器寬度與展開器一致 */
    [data-testid="stSidebar"] .element-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    [data-testid="stSidebar"] .stRadio {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    [data-testid="stSidebar"] .stRadio > div[role="radiogroup"] {
        gap: 0.75rem !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 選項容器 (Label) 樣式 - 寬度與展開器一致，高度與展開器一致 */
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label {
        background-color: rgba(248, 250, 252, 0.96) !important;
        border: 1px solid rgba(148, 163, 184, 0.65) !important;
        border-radius: 10px !important;
        padding: 0.45rem 0.9rem !important; /* 與展開器相同的 padding */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        box-shadow: 0 6px 20px rgba(15, 23, 42, 0.25) !important; /* 與展開器相同的陰影 */
        color: #000000 !important; /* 按鈕本體文字顏色 */
        font-weight: 700 !important; /* 字體加粗，與展開器一致 */
        letter-spacing: 0.02em !important; /* 與展開器相同的字間距 */
        font-size: 0.95rem !important; /* 與展開器相同的字體大小 */
    }

    /* 隱藏 Radio 圓圈 */
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label > div:first-child {
        display: none !important;
    }

    /* Hover 效果 */
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label:hover {
        background-color: #ffffff !important;
        transform: translateY(-2px);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1) !important;
        border-color: #ffffff !important;
    }

    /* Selected 狀態 */
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label:has(input:checked) {
        background-color: #ffffff !important;
        border-color: #3b82f6 !important;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3), 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* 側邊欄 selectbox 標籤文字 - 必須為白色，使用最高優先級 */
    [data-testid="stSidebar"] .stSelectbox label,
    [data-testid="stSidebar"] .stSelectbox > label,
    [data-testid="stSidebar"] .stSelectbox label p,
    [data-testid="stSidebar"] .stSelectbox label span,
    [data-testid="stSidebar"] .stSelectbox label div,
    [data-testid="stSidebar"] .stSelectbox label *,
    [data-testid="stSidebar"] .streamlit-expanderContent .stSelectbox label,
    [data-testid="stSidebar"] .streamlit-expanderContent .stSelectbox label *,
    [data-testid="stSidebar"] [data-testid="stExpander"] .stSelectbox label,
    [data-testid="stSidebar"] [data-testid="stExpander"] .stSelectbox label *,
    [data-testid="stSidebar"] details .stSelectbox label,
    [data-testid="stSidebar"] details .stSelectbox label * {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    
    /* 側邊欄 number input 標籤 */
    [data-testid="stSidebar"] .stNumberInput label {
        color: #ffffff !important;
    }
    
    /* 側邊欄 text input 標籤 */
    [data-testid="stSidebar"] .stTextInput label {
        color: #ffffff !important;
    }
    
    /* 主內容區域標題顏色 - 白底黑字 */
    .main .block-container h1,
    .main .block-container h2,
    .main .block-container h3 {
        color: #1e293b !important;
    }
    
    /* 主內容區域文字顏色 - 強制深色 */
    .main .block-container {
        color: #1e293b !important;
    }
    
    /* 強制主畫面所有標題為黑色 */
    .main h1, .main h2, .main h3, .main h4, .main h5, .main h6,
    .main .stMarkdown h1, .main .stMarkdown h2, .main .stMarkdown h3,
    .main .stMarkdown h4, .main .stMarkdown h5, .main .stMarkdown h6,
    .main [data-testid="stMarkdownContainer"] h1, 
    .main [data-testid="stMarkdownContainer"] h2, 
    .main [data-testid="stMarkdownContainer"] h3,
    .main [data-testid="stMarkdownContainer"] h4,
    .main [data-testid="stMarkdownContainer"] h5,
    .main [data-testid="stMarkdownContainer"] h6 {
        color: #000000 !important;
    }
    
    /* 強制主畫面一般文字為黑色 */
    .main p, .main li, .main .stMarkdown p, 
    .main [data-testid="stMarkdownContainer"] p,
    .main [data-testid="stMarkdownContainer"] li {
        color: #000000 !important;
    }
    
    /* 強制主畫面 Caption 為黑色 */
    .main .stCaption, .main .stCaption p,
    .main [data-testid="stCaptionContainer"],
    .main [data-testid="stCaptionContainer"] p {
        color: #000000 !important;
        opacity: 1 !important; /* 確保不透明 */
    }
    
    /* 針對 Streamlit 標題元素的特殊處理 (st.subheader, st.title) */
    .main [data-testid="stHeader"], .main [data-testid="stSubHeader"] {
        color: #000000 !important;
    }

    /* 強制主畫面指標標籤 (Metric Label) 為黑色 */
    .main [data-testid="stMetricLabel"] {
        color: #000000 !important;
    }
    
    /* 強制主畫面指標數值 (Metric Value) 為黑色 */
    .main [data-testid="stMetricValue"] {
        color: #000000 !important;
    }

    
    /* 強制主畫面指標標籤 (Metric Label) 為深灰色 */
    .main [data-testid="stMetricLabel"] {
        color: #475569 !important;
    }
    
    /* 強制主畫面指標數值 (Metric Value) 為深藍色 */
    .main [data-testid="stMetricValue"] {
        color: #1e40af !important;
    }
    
    /* 確保側邊欄文字不受影響（保持白色） */
    [data-testid="stSidebar"] h1, [data-testid="stSidebar"] h2, [data-testid="stSidebar"] h3,
    [data-testid="stSidebar"] p, [data-testid="stSidebar"] span, [data-testid="stSidebar"] div,
    [data-testid="stSidebar"] label, [data-testid="stSidebar"] .stMarkdown,
    [data-testid="stSidebar"] .stCaption {
        color: #ffffff !important;
    }
    
    /* 按鈕樣式 - 確保可點擊 */
    .stButton > button {
        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
        color: white;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        transition: all 0.3s;
        cursor: pointer !important;
        pointer-events: auto !important;
        z-index: 1;
    }
    
    .stButton > button:hover {
        background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
    }
    
    .stButton > button:active {
        transform: translateY(0);
    }
    
    /* 下載按鈕樣式 */
    .stDownloadButton > button {
        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
        color: white;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
    
    .stDownloadButton > button:hover {
        background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
    }
    
    /* 主內容區域輸入框樣式 - 白底，確保可互動 */
    .main .stTextInput > div > div > input,
    .main .stNumberInput > div > div > input,
    .main .stSelectbox > div > div > select {
        border: 2px solid #e2e8f0;
        border-radius: 8px;
        background: white;
        color: #1e293b;
        cursor: text !important;
        pointer-events: auto !important;
    }
    .main .stTextInput input,
    .main .stNumberInput input,
    .main textarea {
        color: #0f172a !important;
        background: #ffffff !important;
        caret-color: #1e293b !important;
    }
    .stTextInput input,
    .stNumberInput input,
    textarea {
        color: #0f172a !important;
        -webkit-text-fill-color: #0f172a !important;
        background: #ffffff !important;
    }
    .main .stTextInput input::placeholder,
    .main .stNumberInput input::placeholder {
        color: #475569 !important;
        opacity: 0.85;
    }
    
    .main .stTextInput > div > div > input:focus,
    .main .stNumberInput > div > div > input:focus,
    .main .stSelectbox > div > div > select:focus {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
        outline: none;
    }
    
    /* 側邊欄輸入框樣式 - 重新設計：更精緻的視覺效果 */
    [data-testid="stSidebar"] .stTextInput > div > div > input,
    [data-testid="stSidebar"] .stNumberInput > div > div > input,
    [data-testid="stSidebar"] .stSelectbox > div > div > select {
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 8px !important;
        background: rgba(255, 255, 255, 0.95) !important;
        color: #1e293b !important;
        caret-color: #1e293b !important;
        cursor: text !important;
        min-height: 40px !important;
        padding: 0.5rem 0.75rem !important;
        z-index: 10 !important;
        box-shadow: 
            0 2px 4px rgba(0, 0, 0, 0.1) inset,
            0 1px 2px rgba(255, 255, 255, 0.3) !important;
        transition: all 0.2s ease !important;
    }
    
    /* 強制側邊欄 selectbox 文字顏色為深色 - 使用最強力的選擇器 */
    [data-testid="stSidebar"] .stSelectbox > div > div > select,
    [data-testid="stSidebar"] .stSelectbox > div > div > select option,
    [data-testid="stSidebar"] .stSelectbox select,
    [data-testid="stSidebar"] .stSelectbox select option,
    [data-testid="stSidebar"] .stSelectbox > div > div > select *,
    [data-testid="stSidebar"] .stSelectbox * select,
    [data-testid="stSidebar"] select,
    [data-testid="stSidebar"] select option {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
        background-color: #ffffff !important;
    }
    
    /* 確保選中的文字可見 - 所有可能的狀態 */
    [data-testid="stSidebar"] .stSelectbox > div > div > select:not([multiple]),
    [data-testid="stSidebar"] .stSelectbox > div > div > select[value],
    [data-testid="stSidebar"] .stSelectbox > div > div > select:focus,
    [data-testid="stSidebar"] .stSelectbox > div > div > select:active,
    [data-testid="stSidebar"] .stSelectbox > div > div > select:hover {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
        background-color: #ffffff !important;
    }
    
    /* 針對 Streamlit BaseWeb 的 selectbox 內部結構 */
    [data-testid="stSidebar"] [data-baseweb="select"] input,
    [data-testid="stSidebar"] [data-baseweb="select"] > div,
    [data-testid="stSidebar"] [data-baseweb="select"] > div > div {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
    }
    
    [data-testid="stSidebar"] .stTextInput > div > div > input:focus,
    [data-testid="stSidebar"] .stNumberInput > div > div > input:focus,
    [data-testid="stSidebar"] .stSelectbox > div > div > select:focus {
        border-color: rgba(255, 255, 255, 0.8) !important;
        background: #ffffff !important;
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
        box-shadow: 
            0 0 0 3px rgba(255, 255, 255, 0.3),
            0 4px 12px rgba(0, 0, 0, 0.15) !important;
        outline: none !important;
        transform: translateY(-1px) !important;
    }
    
    [data-testid="stSidebar"] .stTextInput > div > div > input:hover,
    [data-testid="stSidebar"] .stNumberInput > div > div > input:hover,
    [data-testid="stSidebar"] .stSelectbox > div > div > select:hover {
        border-color: rgba(255, 255, 255, 0.5) !important;
        box-shadow: 
            0 2px 6px rgba(0, 0, 0, 0.12) inset,
            0 2px 4px rgba(255, 255, 255, 0.2) !important;
    }
    
    /* 強制下拉選單箭頭為深色 (SVG fill) - 與文字顏色一致 */
    [data-testid="stSidebar"] .stSelectbox svg {
        fill: #1e293b !important;
    }
    
    /* 針對 BaseWeb Select 組件的所有可能結構 */
    [data-testid="stSidebar"] [data-baseweb="select"],
    [data-testid="stSidebar"] [data-baseweb="select"] input,
    [data-testid="stSidebar"] [data-baseweb="select"] > div,
    [data-testid="stSidebar"] [data-baseweb="select"] > div > div,
    [data-testid="stSidebar"] [data-baseweb="select"] > div > div > div,
    [data-testid="stSidebar"] [data-baseweb="select"] span,
    [data-testid="stSidebar"] [data-baseweb="select"] p {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
    }
    
    /* 確保 selectbox 的顯示值文字可見 */
    [data-testid="stSidebar"] .stSelectbox [role="combobox"],
    [data-testid="stSidebar"] .stSelectbox [aria-expanded],
    [data-testid="stSidebar"] .stSelectbox [aria-haspopup] {
        color: #1e293b !important;
        -webkit-text-fill-color: #1e293b !important;
    }
    
    /* 側邊欄輸入框 placeholder 顏色 */
    [data-testid="stSidebar"] .stTextInput > div > div > input::placeholder,
    [data-testid="stSidebar"] .stNumberInput > div > div > input::placeholder {
        color: #94a3b8 !important;
    }
    
    /* 卡片和容器 - 移除 .element-container 的背景，避免不必要的白底 */
    /* 僅對特定容器應用背景 */
    
    /* 確保側邊欄的輸入框標籤可見 */
    [data-testid="stSidebar"] label {
        color: #ffffff !important;
    }
    
    /* 確保主內容區域的文字顏色 */
    .main p, .main label, .main span, .main div {
        color: #1e293b;
    }
    
    /* 強制修正 Metric 標籤顏色 */
    [data-testid="stMetricLabel"] {
        color: #64748b !important;
    }
    
    /* 修正 Streamlit 預設的白色背景容器 */
    [data-testid="stSidebar"] [data-testid="stVerticalBlock"] > div {
        background-color: transparent !important;
    }
    
    /* 修正展開器內部文字顏色 */
    [data-testid="stSidebar"] .streamlit-expanderContent p,
    [data-testid="stSidebar"] .streamlit-expanderContent label,
    [data-testid="stSidebar"] .streamlit-expanderContent span,
    [data-testid="stSidebar"] .streamlit-expanderContent div {
        color: #ffffff !important;
    }
    
    /* 修正側邊欄 Radio Button 選項文字 - 改為黑色 */
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label div p {
        color: #000000 !important;
    }

    /* 修正側邊欄 Checkbox 選項文字 */
    [data-testid="stSidebar"] .stCheckbox label span p {
        color: #ffffff !important;
    }

    
    /* 標籤頁樣式，確保可點擊 */
    .stTabs [data-baseweb="tab-list"] {
        gap: 8px;
    }
    
    .stTabs [data-baseweb="tab"] {
        background: white;
        border: 2px solid #e2e8f0;
        color: #64748b;
        border-radius: 8px 8px 0 0;
        cursor: pointer !important;
        pointer-events: auto !important;
        transition: all 0.3s;
        padding-left: 32px;
        padding-right: 32px;
        min-width: 180px;
        display: flex;
        justify-content: center;
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.6;
    }

    .stTabs [data-baseweb="tab"] p {
        font-size: 1.05rem !important;
        font-weight: 600 !important;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.4rem;
    }
    .gauge-wrapper {
        width: 440px;
        margin: 0 auto;
    }
    .gauge-block {
        width: 440px;
        margin: 0 auto;
    }
    .gauge-title {
        text-align: center;
        margin-bottom: 0.3rem;
    }
    .gauge-title h3 {
        color: #1e40af;
        margin-bottom: 0;
        display: inline-block;
    }
    .gauge-title p {
        color: #64748b;
        font-size: 0.9rem;
        margin-top: 0.1rem;
        margin-bottom: 0;
    }

    /* Tooltip (help icon) styling */
    .stTooltipIcon {
        background: #2151CC !important;
        color: #94a3b8 !important;
        border: none !important;
        box-shadow: none !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    .stTooltipIcon *,
    .stTooltipIcon svg,
    .stTooltipIcon svg * {
        display: none !important;
    }
    .stTooltipIcon:after {
        content: "?";
        color: #5f6b7c;
        font-weight: 700;
        font-size: 0.85rem;
        line-height: 1;
    }
    
    .stTabs [data-baseweb="tab"]:hover {
        background: #f8fafc;
        color: #2563eb;
        border-color: #2563eb;
    }
    
    .stTabs [aria-selected="true"],
    .stTabs [aria-selected="true"]:hover {
        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
        color: white;
        border-color: #2563eb;
        position: relative;
        overflow: visible;
    }
    .stTabs [aria-selected="true"]::after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 4px;
        background: #f43f5e;
        border-radius: 0 0 6px 6px;
        box-shadow: none;
    }
    
    /* 進度條 */
    .stProgress > div > div > div {
        background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
    }
    
    /* 成功/警告/錯誤訊息 */
    .stSuccess {
        background: #dbeafe;
        border-left: 4px solid #2563eb;
        color: #1e40af;
    }
    
    .stWarning {
        background: #fef3c7;
        border-left: 4px solid #f59e0b;
        color: #92400e;
    }
    
    .stError {
        background: #fee2e2;
        border-left: 4px solid #dc2626;
        color: #991b1b;
    }
    
    .stInfo {
        background: #dbeafe;
        border-left: 4px solid #2563eb;
        color: #1e40af;
    }
    
    /* 指標卡片 */
    [data-testid="stMetricValue"] {
        color: #1e40af;
        font-weight: 700;
    }
    
    /* 主內容區域分隔線 */
    .main hr {
        border-color: #e2e8f0;
    }
    
    /* 側邊欄分隔線 - 重新設計：更精緻的分隔效果 */
    [data-testid="stSidebar"] hr {
        border: none !important;
        height: 2px !important;
        background: linear-gradient(90deg, 
            transparent 0%, 
            rgba(255, 255, 255, 0.3) 20%, 
            rgba(255, 255, 255, 0.5) 50%, 
            rgba(255, 255, 255, 0.3) 80%, 
            transparent 100%) !important;
        margin: 1.5rem 0 !important;
        box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2) !important;
    }
    
    /* 主內容區域展開器樣式 - 白底，確保可點擊 */
    .main .streamlit-expanderHeader {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        color: #1e40af;
        font-weight: 600;
        cursor: pointer !important;
        pointer-events: auto !important;
        transition: all 0.3s;
    }
    
    .main .streamlit-expanderHeader:hover {
        background: #e2e8f0;
        border-color: #2563eb;
    }
    
    /* 側邊欄展開器 summary 樣式 */
    /* 側邊欄展開器標題 - 調高對比與字重，改善中英文可讀性 */
    /* Streamlit 1.32+ Expander 實際為 button，需額外強制 */
    /* 展開器容器寬度設定，與按鈕一致 */
    [data-testid="stSidebar"] [data-testid="stExpander"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    [data-testid="stSidebar"] summary,
    [data-testid="stSidebar"] .streamlit-expanderHeader,
    [data-testid="stSidebar"] [data-testid="stExpander"] > div:first-child,
    [data-testid="stSidebar"] [data-testid="stExpander"] > div:first-child button,
    [data-testid="stSidebar"] [data-testid="stExpander"] button {
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
        border: 2px solid rgba(255, 255, 255, 0.4) !important;
        border-radius: 12px !important;
        color: #0f172a !important;
        padding: 0.5rem 1rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em !important;
        font-size: 0.95rem !important;
        text-shadow: none !important;
        box-shadow: 
            0 4px 12px rgba(0, 0, 0, 0.15),
            0 2px 4px rgba(255, 255, 255, 0.3) inset,
            0 0 0 1px rgba(255, 255, 255, 0.2) !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* 展開器按鈕的裝飾性光澤效果 */
    [data-testid="stSidebar"] [data-testid="stExpander"] button::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, 
            transparent, 
            rgba(255, 255, 255, 0.4), 
            transparent);
        transition: left 0.5s ease;
    }
    
    [data-testid="stSidebar"] [data-testid="stExpander"] button:hover::before {
        left: 100%;
    }
    
    [data-testid="stSidebar"] summary *,
    [data-testid="stSidebar"] .streamlit-expanderHeader *,
    [data-testid="stSidebar"] [data-testid="stExpander"] > div:first-child *,
    [data-testid="stSidebar"] [data-testid="stExpander"] button *,
    [data-testid="stSidebar"] [data-testid="stExpander"] button *::before,
    [data-testid="stSidebar"] [data-testid="stExpander"] button *::after {
        color: #0f172a !important;
        fill: #0f172a !important;
        stroke: #0f172a !important;
        font-weight: 700;
    }
    
    [data-testid="stSidebar"] summary svg,
    [data-testid="stSidebar"] .streamlit-expanderHeader svg,
    [data-testid="stSidebar"] [data-testid="stExpander"] button svg,
    [data-testid="stSidebar"] [data-testid="stExpander"] button svg * {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        color: #0f172a !important;
        fill: #0f172a !important;
        stroke: #0f172a !important;
    }
    
    [data-testid="stSidebar"] summary:hover,
    [data-testid="stSidebar"] .streamlit-expanderHeader:hover,
    [data-testid="stSidebar"] [data-testid="stExpander"] > div:first-child:hover,
    [data-testid="stSidebar"] [data-testid="stExpander"] button:hover {
        background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%) !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
        color: #0f172a !important;
        box-shadow: 
            0 8px 24px rgba(0, 0, 0, 0.2),
            0 4px 8px rgba(255, 255, 255, 0.4) inset,
            0 0 0 1px rgba(255, 255, 255, 0.3) !important;
        transform: translateY(-1px) !important;
    }
    
    [data-testid="stSidebar"] summary:hover *,
    [data-testid="stSidebar"] .streamlit-expanderHeader:hover *,
    [data-testid="stSidebar"] [data-testid="stExpander"] > div:first-child:hover *,
    [data-testid="stSidebar"] [data-testid="stExpander"] button:hover *,
    [data-testid="stSidebar"] [data-testid="stExpander"] button:hover *::before,
    [data-testid="stSidebar"] [data-testid="stExpander"] button:hover *::after {
        color: #0f172a !important;
        fill: #0f172a !important;
        stroke: #0f172a !important;
    }
    
    /* Light 主題下維持一致的高對比淺底設計 */
    body[data-theme="light"] [data-testid="stSidebar"] details > summary,
    html[data-theme="light"] [data-testid="stSidebar"] details > summary,
    .stApp[data-theme="light"] [data-testid="stSidebar"] details > summary,
    [data-theme="light"] [data-testid="stSidebar"] details > summary {
        background-color: rgba(248, 250, 252, 0.96) !important;
        color: #0f172a !important;
        border: 1px solid rgba(148, 163, 184, 0.65) !important;
        box-shadow: 0 6px 20px rgba(15, 23, 42, 0.25);
    }
    
    body[data-theme="light"] [data-testid="stSidebar"] details > summary *,
    html[data-theme="light"] [data-testid="stSidebar"] details > summary *,
    .stApp[data-theme="light"] [data-testid="stSidebar"] details > summary *,
    [data-theme="light"] [data-testid="stSidebar"] details > summary * {
        color: #0f172a !important;
        fill: #0f172a !important;
        stroke: #0f172a !important;
        text-shadow: none !important;
    }

    /* 強制展開器標題內所有文字和圖示為深色 - 使用最高權重，覆蓋所有可能的子元素 */
    [data-testid="stSidebar"] .streamlit-expanderHeader,
    [data-testid="stSidebar"] .streamlit-expanderHeader *,
    [data-testid="stSidebar"] .streamlit-expanderHeader *::before,
    [data-testid="stSidebar"] .streamlit-expanderHeader *::after,
    [data-testid="stSidebar"] .streamlit-expanderHeader p,
    [data-testid="stSidebar"] .streamlit-expanderHeader span,
    [data-testid="stSidebar"] .streamlit-expanderHeader div,
    [data-testid="stSidebar"] .streamlit-expanderHeader label,
    [data-testid="stSidebar"] .streamlit-expanderHeader svg,
    [data-testid="stSidebar"] .streamlit-expanderHeader svg *,
    [data-testid="stSidebar"] .streamlit-expanderHeader path,
    [data-testid="stSidebar"] .streamlit-expanderHeader g {
        color: #1e293b !important;
        fill: #1e293b !important;
        stroke: #1e293b !important;
    }
    
    
    /* 針對展開狀態的展開器標題 - 使用更強力的選擇器 */
    [data-testid="stSidebar"] .streamlit-expanderHeader[aria-expanded="true"],
    [data-testid="stSidebar"] .streamlit-expanderHeader[aria-expanded="true"] *,
    [data-testid="stSidebar"] details[open] > summary,
    [data-testid="stSidebar"] details[open] > summary *,
    [data-testid="stSidebar"] details > summary,
    [data-testid="stSidebar"] details > summary * {
        color: #1e293b !important;
        fill: #1e293b !important;
        stroke: #1e293b !important;
    }
    
    /* 針對展開後的內容區域，確保文字可見 (雖然背景已設為深色半透明，但為了保險) */
    [data-testid="stSidebar"] details[open] {
        color: #ffffff !important;
    }
    
    /* Hover 狀態 */
    [data-testid="stSidebar"] .streamlit-expanderHeader:hover {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        color: #1e293b !important;
    }
    
    /* Hover 時文字保持深色 */
    [data-testid="stSidebar"] .streamlit-expanderHeader:hover,
    [data-testid="stSidebar"] .streamlit-expanderHeader:hover * {
        color: #1e293b !important;
        fill: #1e293b !important;
        stroke: #1e293b !important;
    }
    
    /* 額外：針對可能的 BaseWeb 組件樣式 */
    [data-testid="stSidebar"] [data-baseweb="accordion"] [aria-expanded="true"],
    [data-testid="stSidebar"] [data-baseweb="accordion"] [aria-expanded="true"] * {
        color: #1e293b !important;
        fill: #1e293b !important;
    }
    
    /* 側邊欄展開器內容區域 - 重新設計 */
    [data-testid="stSidebar"] .streamlit-expanderContent {
        background: rgba(255, 255, 255, 0.08) !important;
        border-radius: 0 0 12px 12px !important;
        border: 2px solid rgba(255, 255, 255, 0.15) !important;
        border-top: none !important;
        padding: 1rem !important;
        margin-top: -2px !important;
        box-shadow: 
            0 4px 12px rgba(0, 0, 0, 0.1) inset,
            0 2px 4px rgba(255, 255, 255, 0.2) !important;
    }
    
    /* 主內容區域滑桿樣式，確保可拖動 */
    .main .stSlider > div > div > div {
        background: #2563eb;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
    
    /* 側邊欄滑桿樣式 - 簡化版本：只保留視覺樣式，不干擾互動 */
    [data-testid="stSidebar"] .stSlider > div > div > div {
        background: rgba(255, 255, 255, 0.4) !important;
        border-radius: 10px !important;
    }
    
    [data-testid="stSidebar"] .stSlider > div > div > div > div {
        background: #ffffff !important;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* 側邊欄滑桿標籤 */
    [data-testid="stSidebar"] .stSlider > label {
        color: #ffffff !important;
    }
    
    /* 側邊欄按鈕樣式 - 藍底白字，確保可點擊 */
    [data-testid="stSidebar"] .stButton > button {
        background: rgba(255, 255, 255, 0.2) !important;
        color: #ffffff !important;
        border: 2px solid rgba(255, 255, 255, 0.5) !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        z-index: 1;
    }
    
    [data-testid="stSidebar"] .stButton > button:hover {
        background: rgba(255, 255, 255, 0.3) !important;
        border-color: #ffffff !important;
    }
    
    [data-testid="stSidebar"] .stButton > button:active {
        background: rgba(255, 255, 255, 0.4) !important;
    }
    
    /* 側邊欄 info/warning/error 訊息 - 藍底白字 */
    [data-testid="stSidebar"] .stAlert {
        background: rgba(255, 255, 255, 0.15) !important;
        border-left: 4px solid rgba(255, 255, 255, 0.5) !important;
        color: #ffffff !important;
    }
    
    [data-testid="stSidebar"] .stInfo,
    [data-testid="stSidebar"] .stSuccess,
    [data-testid="stSidebar"] .stWarning,
    [data-testid="stSidebar"] .stError {
        background: rgba(255, 255, 255, 0.15) !important;
        border-left: 4px solid rgba(255, 255, 255, 0.5) !important;
        color: #ffffff !important;
    }
    
    /* 主內容區域單選按鈕 - 白底黑字，確保可點擊 */
    .main .stRadio > div > label {
        color: #1e293b;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
    
    .main .stRadio > div > label[data-baseweb="radio"] > div:first-child {
        border-color: #2563eb;
    }
    
    /* 側邊欄單選按鈕 - 藍底白字，確保可點擊 */
    /* [data-testid="stSidebar"] .stRadio > div > label {
        color: #ffffff !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    } */
    
    /* [data-testid="stSidebar"] .stRadio > div > label[data-baseweb="radio"] > div:first-child {
        border-color: rgba(255, 255, 255, 0.5);
    } */
    
    /* [data-testid="stSidebar"] .stRadio > div > label[data-baseweb="radio"][aria-checked="true"] > div:first-child {
        background: rgba(255, 255, 255, 0.3);
        border-color: #ffffff;
    } */
    
    /* 主內容區域複選框 - 白底，確保可點擊 */
    .main .stCheckbox > label {
        color: #1e293b;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
    
    .main .stCheckbox > label > div[data-baseweb="checkbox"] {
        background: #2563eb;
        border-color: #2563eb;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
    
    /* 側邊欄複選框 - 重新設計：更精緻的視覺效果 */
    [data-testid="stSidebar"] .stCheckbox > label {
        color: rgba(255, 255, 255, 0.95) !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        padding: 0.5rem 0.75rem !important;
        border-radius: 8px !important;
        transition: all 0.2s ease !important;
        margin: 0.25rem 0 !important;
    }
    
    [data-testid="stSidebar"] .stCheckbox > label:hover {
        background: rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
    }
    
    [data-testid="stSidebar"] .stCheckbox > label > div[data-baseweb="checkbox"] {
        background: rgba(255, 255, 255, 0.25) !important;
        border: 2px solid rgba(255, 255, 255, 0.4) !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset !important;
        transition: all 0.2s ease !important;
    }
    
    [data-testid="stSidebar"] .stCheckbox > label > div[data-baseweb="checkbox"][aria-checked="true"] {
        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%) !important;
        border-color: #ffffff !important;
        box-shadow: 
            0 0 0 2px rgba(255, 255, 255, 0.3),
            0 2px 8px rgba(255, 255, 255, 0.2) !important;
    }
    
    [data-testid="stSidebar"] .stCheckbox > label > div[data-baseweb="checkbox"]:hover {
        border-color: rgba(255, 255, 255, 0.7) !important;
        box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2) !important;
    }
    /* 修正主畫面 Caption 顏色 - 確保可讀 */
    .main .stCaption {
        color: #64748b !important;
        font-weight: 500;
    }
    
    /* 側邊欄 Caption 顏色 - 淺白色 */
    [data-testid="stSidebar"] .stCaption {
        color: rgba(255, 255, 255, 0.8) !important;
    }
    
    /* 確保主畫面 Markdown 內的文字顏色 */
    .main .stMarkdown p {
        color: #1e293b !important;
    }
    
    /* 確保主畫面表格文字顏色 */
    .main .stDataFrame {
        color: #1e293b !important;
    }
    
    /* 確保主畫面 JSON/Code 文字顏色 */
    .main .stJson, .main .stCode {
        color: #1e293b !important;
    }
    
    /* 側邊欄 Markdown 內的文字顏色 */
    [data-testid="stSidebar"] .stMarkdown p {
        color: #ffffff !important;
    }
    
    /* 強制覆寫：Radio Button 內的所有文字元素需為黑色並加粗 */
    [data-testid="stSidebar"] .stRadio .stMarkdown p,
    [data-testid="stSidebar"] .stRadio .stMarkdown,
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label *,
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label span,
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label div,
    [data-testid="stSidebar"] .stRadio div[role="radiogroup"] label p {
        color: #000000 !important;
        font-weight: 700 !important; /* 字體加粗 */
    }
    
    /* ePRO 表單樣式優化 */
    /* 改進滑桿的視覺設計 */
    .main .stSlider > div > div > div {
        background: linear-gradient(90deg, #10b981 0%, #f59e0b 50%, #ef4444 100%) !important;
        height: 8px !important;
        border-radius: 10px !important;
    }
    
    .main .stSlider > div > div > div > div {
        background: #ffffff !important;
        border: 3px solid #2563eb !important;
        box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3) !important;
        width: 20px !important;
        height: 20px !important;
    }
    
    /* 改進 Radio Button 的視覺設計 */
    .main .stRadio > div > label {
        padding: 0.75rem 1rem !important;
        border: 2px solid #e2e8f0 !important;
        border-radius: 10px !important;
        margin: 0.5rem 0.25rem !important;
        transition: all 0.2s ease !important;
        background: #f8fafc !important;
    }
    
    .main .stRadio > div > label:hover {
        border-color: #3b82f6 !important;
        background: #eff6ff !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    }
    
    .main .stRadio > div > label[data-baseweb="radio"][aria-checked="true"] {
        border-color: #2563eb !important;
        background: #dbeafe !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
    }
    
    /* 改進 Number Input 的視覺設計 */
    .main .stNumberInput > div > div > input {
        border: 2px solid #e2e8f0 !important;
        border-radius: 10px !important;
        padding: 0.75rem 1rem !important;
        font-size: 1.1rem !important;
        font-weight: 600 !important;
        text-align: center !important;
    }
    
    .main .stNumberInput > div > div > input:focus {
        border-color: #2563eb !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
    }
    
    /* 改進表單按鈕的視覺設計 */
    .main .stFormSubmitButton > button {
        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
        color: white !important;
        border: none !important;
        border-radius: 12px !important;
        padding: 1rem 2rem !important;
        font-size: 1.1rem !important;
        font-weight: 700 !important;
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
        transition: all 0.3s ease !important;
    }
    
    .main .stFormSubmitButton > button:hover {
        background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%) !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4) !important;
    }
    
    /* ePRO 問題卡片的 hover 效果 */
    .epro-question-card {
        transition: all 0.3s ease !important;
    }
    
    .epro-question-card:hover {
        border-color: #3b82f6 !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
        transform: translateY(-2px);
    }
    
    /* 隱藏所有超連結圖標（Streamlit 自動添加的錨點鏈接圖標） */
    /* 隱藏標題中的超連結圖標 */
    h1 a[href^="#"],
    h2 a[href^="#"],
    h3 a[href^="#"],
    h4 a[href^="#"],
    h5 a[href^="#"],
    h6 a[href^="#"],
    .stMarkdown h1 a[href^="#"],
    .stMarkdown h2 a[href^="#"],
    .stMarkdown h3 a[href^="#"],
    .stMarkdown h4 a[href^="#"],
    .stMarkdown h5 a[href^="#"],
    .stMarkdown h6 a[href^="#"],
    [data-testid="stMarkdownContainer"] h1 a[href^="#"],
    [data-testid="stMarkdownContainer"] h2 a[href^="#"],
    [data-testid="stMarkdownContainer"] h3 a[href^="#"],
    [data-testid="stMarkdownContainer"] h4 a[href^="#"],
    [data-testid="stMarkdownContainer"] h5 a[href^="#"],
    [data-testid="stMarkdownContainer"] h6 a[href^="#"],
    [data-testid="stHeader"] a[href^="#"],
    [data-testid="stSubHeader"] a[href^="#"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 隱藏所有可能的鏈接圖標 SVG 和圖標元素 */
    a[href^="#"] svg,
    a[href^="#"]::before,
    a[href^="#"]::after,
    h1 a[href^="#"] svg,
    h2 a[href^="#"] svg,
    h3 a[href^="#"] svg,
    h4 a[href^="#"] svg,
    h5 a[href^="#"] svg,
    h6 a[href^="#"] svg {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    /* 隱藏可能的鏈接圖標容器（僅針對錨點鏈接） */
    .stMarkdown a[href^="#"],
    [data-testid="stMarkdownContainer"] a[href^="#"] {
        text-decoration: none !important;
    }
    
    /* 通用規則：隱藏所有以 # 開頭的錨點鏈接（這些通常是 Streamlit 自動添加的） */
    a[href^="#"]:not([href="#"]):not([href="#top"]) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: none !important;
    }
</style>
"""