/* 主题色变量 (保持不变) */
:root {
    --primary-orange: #FF5605;
    --primary-orange-light: #FDA364;
    --primary-blue: #399eff;
    --primary-blue-dark: #129EFB;
    --gray-bg: #F8F8F8;
    --color-export-bg: #f1f5f9;
    --color-export-bg-hover: #e2e8f0;
    --color-export-text: #475569;
    --color-export-border: #e2e8f0;
    --text-dark: #333;
    --text-light: #999;
    --white: #fff;
    --gradient-btn: linear-gradient(180deg, #FF7100, #FF9243);
    --gradient-btn-hover: linear-gradient(180deg, #FF9243, #FFA433);
    --card-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
    --hover-transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    /* 兼容 style_4 现有页面中使用的通用主题变量命名 */
    --color-primary: var(--primary-orange);
    --color-primary-hover: #e24c00;
    --color-primary-rgb: 255, 86, 5;
    --text-gray: #666;
    --border-light: #eee;
    --text-strong: #1f2a3d;
    --text-muted: #6f7f92;
    --surface: #ffffff;
    --surface-soft: #f4f7fb;
    --stroke: rgba(31, 42, 61, 0.08);
    --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.06);
    --shadow-hover: 0 24px 48px rgba(255, 86, 5, 0.12);
    --radius-lg: 32px;
    --radius-md: 24px;
    --transition: all 0.24s ease;
}