/* 基于Readdy.ai设计分析的样式更新 */

/* Teal 主题（默认） */
:root {
  --primary-color: #00BFA5;
  --primary-dark: #00A992;
  --primary-light: rgba(0, 191, 165, 0.1);

  /* 渐变背景 */
  --bg-gradient-start: #e0f7fa;
  --bg-gradient-mid: #b2ebf2;
  --bg-gradient-end: #80deea;

  /* 毛玻璃效果 - 根据Readdy.ai分析 */
  --glass-bg: rgba(255, 255, 255, 0.4);
  --glass-bg-xl: rgba(255, 255, 255, 0.6);
  --glass-blur: 24px;
  --glass-blur-light: 12px;
  --glass-blur-extra-light: 4px;

  /* 阴影系统 - 基于Readdy.ai分析 */
  --shadow-none: none;
  --shadow-sm: 0 0 0 rgba(0, 0, 0, 0);
  --shadow-md: 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);

  /* 圆角系统 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* 间距系统 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 40px;

  /* 过渡动画 */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* 字体系统 */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* 高度系统 */
  --header-height-mobile: 56px;
  --header-height-desktop: 64px;
  --top-nav-height: 48px;
  --button-height-mobile: 44px;
  --button-height-desktop: 36px;
  --input-height-mobile: 44px;
  --input-height-desktop: 40px;

  /* Z-index */
  --z-sidebar: 100;
  --z-header: 150;
  --z-modal: 1000;
  --z-dropdown: 200;
  --z-sticky: 10;
  --z-decoration: -1;

  /* 透明度 */
  --opacity-high: 1.0;
  --opacity-mid-high: 0.8;
  --opacity-mid: 0.6;
  --opacity-mid-low: 0.4;
  --opacity-low: 0.2;

  /* 颜色 */
  --text-primary: #000000;
  --text-secondary: rgba(0, 0, 0, 0.7);
  --text-muted: rgba(0, 0, 0, 0.5);
  --border-color: rgba(0, 0, 0, 0.1);
  --white: #665e5e;

  /* 卡片内容颜色 */
  --card-code-color: #6a6363;
  --card-name-color: #2b2828;
  --card-rank-color: rgba(83, 79, 79, 0.9);
  --card-tag-color: #ffffff;
  --card-tag-bg: rgba(255, 255, 255, 0.3);

  /* 输入框颜色 */
  --input-text-color: #000000;
  --input-placeholder-color: rgba(11, 10, 10, 0.3);
  --input-select-placeholder-color: rgba(11, 10, 10, 0.3);

  /* 筛选容器颜色 */
  /* --filter-text-color: #000000; */

  /* 按钮颜色 */
  --btn-secondary-color: #ffffff;

  /* 表格颜色 */
  --table-header-color: #ffffff;
  --table-row-hover-bg: rgba(0, 0, 0, 0.3);

  /* Top 3 卡片渐变 - 根据Readdy.ai版本8 */
  --card-1-gradient: linear-gradient(135deg, #FFEDFB 0%, #FAB349 100%);
  --card-2-gradient: linear-gradient(135deg, #AFF006 0%, #9894E1 100%);
  --card-3-gradient: linear-gradient(135deg, #7BF2E9 0%, #B55EBA 100%);

  /* 排名字体颜色 */
  --rank-1-color: #FFD700;
  --rank-2-color: #C0C0C0;
  --rank-3-color: #CD7F32;
  --rank-icon-color: rgba(255, 255, 255, 0.9);

  /* 得分渐变 - 根据Readdy.ai版本5 */
  --score-high-gradient: linear-gradient(90deg, #FF7500, #00C853);
  --score-mid-gradient: linear-gradient(90deg, #FFA000, #7CB342);
  --score-low-gradient: linear-gradient(90deg, #546E7A, #26A69A);

  /* 表头渐变 - 修复typo */
  --header-gradient: linear-gradient(90deg, #166B6D 0%, #06B6D4 50%, #0D9488 100%);
  --header-gradient-start: #166B6D;
  --header-gradient-mid: #06B6D4;
  --header-gradient-end: #0D9488;

  /* 推荐等级颜色 - Red 主题调整 */
  --recommendation-strong-buy-bg: rgba(198, 40, 40, 0.1);
  --recommendation-strong-buy-text: #C62828;
  --recommendation-buy-bg: rgba(229, 57, 53, 0.1);
  --recommendation-buy-text: #E53935;
  --recommendation-hold-bg: rgba(255, 138, 101, 0.1);
  --recommendation-hold-text: #FF8A65;
  --recommendation-avoid-bg: rgba(144, 164, 174, 0.1);
  --recommendation-avoid-text: #90A4AE;

  /* 得分等级颜色 - Red 主题 */
  --score-high-color: #C62828;
  --score-medium-color: #FF8A65;
  --score-low-color: #90A4AE;

  /* 骨架屏颜色 */
  --skeleton-bg-1: rgba(0, 0, 0, 0.05);
  --skeleton-bg-2: rgba(0, 0, 0, 0.08);
  --skeleton-bg-3: rgba(0, 0, 0, 0.05);
  --skeleton-border: rgba(0, 0, 0, 0.1);

  /* 分页背景颜色 */
  --pagination-bg: var(--white);
  
}

/* Red 主题 */
[data-theme="red"] {
  --primary-color: #E53935;
  --primary-dark: #C62828;
  --primary-light: rgba(229, 57, 53, 0.1);

  /* 渐变背景 */
  --bg-gradient-start: #ffebee;
  --bg-gradient-mid: #ffcdd2;
  --bg-gradient-end: #ef9a9a;

  /* 表头三色渐变 - Red主题: Red → Pink → Purple */
  --header-gradient: linear-gradient(90deg, #E53935 0%, #EC407A 50%, #9C27B0 100%);

  /* 推荐等级颜色 - Red 主题调整 */
  --recommendation-strong-buy-bg: rgba(198, 40, 40, 0.1);
  --recommendation-strong-buy-text: #C62828;

  --recommendation-buy-bg: rgba(229, 57, 53, 0.1);
  --recommendation-buy-text: #E53935;

  --recommendation-hold-bg: rgba(255, 138, 101, 0.1);
  --recommendation-hold-text: #FF8A65;

  --recommendation-avoid-bg: rgba(144, 164, 174, 0.1);
  --recommendation-avoid-text: #90A4AE;

  /* 得分等级颜色 - Red 主题 */
  --score-high-color: #C62828;
  --score-medium-color: #FF8A65;
  --score-low-color: #90A4AE;
}

/* Dark 主题 */
[data-theme="dark"] {
  --bg-gradient-start: #121212;
  --bg-gradient-mid: #1e1e1e;
  --bg-gradient-end: #2d2d2d;

  --glass-bg: rgba(40, 40, 40, 0.6);
  --glass-bg-xl: rgba(40, 40, 40, 0.8);

  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-muted: rgba(255, 255, 255, 0.5);
  --border-color: rgba(255, 255, 255, 0.1);
  --white: #ffffff;

  /* 卡片内容颜色 - 反向为白色 */
  --card-code-color: rgba(255, 255, 255, 0.7);
  --card-name-color: #ffffff;
  --card-rank-color: rgba(255, 255, 255, 0.9);
  --card-tag-color: #ffffff;
  --card-tag-bg: rgba(255, 255, 255, 0.2);

  /* 输入框颜色 - 反向为白色 */
  --input-text-color: #ffffff;
  --input-placeholder-color: rgba(255, 255, 255, 0.4);
  --input-select-placeholder-color: rgba(255, 255, 255, 0.4);

  /* 筛选容器颜色 - 反向为白色 */
  --filter-text-color: #ffffff;

  /* 按钮颜色 - 反向为白色 */
  --btn-secondary-color: #ffffff;

  /* 表格颜色 - 反向为白色 */
  --table-header-color: #ffffff;
  --table-row-hover-bg: rgba(255, 255, 255, 0.1);

  /* 主色调使用 Teal */
  --primary-color: #f00b50;
  --primary-dark: #FE585C;
  --primary-light: rgba(191, 0, 134, 0.15);

  /* 表头三色渐变 - Dark主题 */
  --header-gradient: linear-gradient(90deg, #7937cf84 0%, #ea29607b 50%, #f00b5084 100%);


  /* 排名字体颜色 - Dark主题保持原色但增加透明度 */
  --rank-1-color: #FFD700;
  --rank-2-color: #E0E0E0;
  --rank-3-color: #D4A574;
  --rank-icon-color: rgba(255, 255, 255, 0.9);

  /* 推荐等级颜色 - Dark主题 */
  --recommendation-strong-buy-bg: rgba(198, 40, 40, 0.2);
  --recommendation-strong-buy-text: #EF5350;

  --recommendation-buy-bg: rgba(229, 57, 53, 0.2);
  --recommendation-buy-text: #E57373;

  --recommendation-hold-bg: rgba(255, 138, 101, 0.2);
  --recommendation-hold-text: #FF8A65;

  --recommendation-avoid-bg: rgba(144, 164, 174, 0.2);
  --recommendation-avoid-text: #B0BEC5;

  /* 得分等级颜色 - Dark主题 */
  --score-high-color: #EF5350;
  --score-medium-color: #FF8A65;
  --score-low-color: #B0BEC5;


  /* 骨架屏颜色 - Dark主题 */
  --skeleton-bg-1: rgba(255, 255, 255, 0.05);
  --skeleton-bg-2: rgba(255, 255, 255, 0.08);
  --skeleton-bg-3: rgba(255, 255, 255, 0.05);
  --skeleton-border: rgba(255, 255, 255, 0.1);

  /* 分页背景颜色 - Dark主题 */
  --pagination-bg: rgba(40, 40, 40, 0.6);
  

}

/* 紫色梦幻主题 - 毛玻璃效果 */
[data-theme="purple-dream"] {
  --primary-color: #B65EBA;
  --primary-dark: #9A4B9E;
  --primary-light: rgba(182, 94, 186, 0.1);

  /* 渐变背景 - 紫色系 */
  --bg-gradient-start: #F3E5F5;
  --bg-gradient-mid: #E1BEE7;
  --bg-gradient-end: #CE93D8;

  /* 毛玻璃效果 */
  --glass-bg: rgba(255, 255, 255, 0.4);
  --glass-bg-xl: rgba(255, 255, 255, 0.6);
  --glass-blur: 24px;
  --glass-blur-light: 12px;
  --glass-blur-extra-light: 4px;

  /* 表头渐变 - 紫色系 */
  --header-gradient: linear-gradient(90deg, #8E24AA 0%, #AB47BC 50%, #BA68C8 100%);

  /* 文字颜色 */
  --text-primary: #000000;
  --text-secondary: rgba(0, 0, 0, 0.7);
  --text-muted: rgba(0, 0, 0, 0.5);
  --border-color: rgba(0, 0, 0, 0.1);
  --white: #ffffff;

  /* 卡片内容颜色 */
  --card-code-color: #6a6363;
  --card-name-color: #2b2828;
  --card-rank-color: rgba(83, 79, 79, 0.9);
  --card-tag-color: #ffffff;
  --card-tag-bg: rgba(255, 255, 255, 0.3);

  /* Top 3 卡片渐变 */
  --card-1-gradient: linear-gradient(135deg, #FFEDFB 0%, #FAB349 100%);
  --card-2-gradient: linear-gradient(135deg, #AFF006 0%, #9894E1 100%);
  --card-3-gradient: linear-gradient(135deg, #7BF2E9 0%, #B55EBA 100%);

  /* 排名字体颜色 */
  --rank-1-color: #FFD700;
  --rank-2-color: #C0C0C0;
  --rank-3-color: #CD7F32;
  --rank-icon-color: rgba(255, 255, 255, 0.9);
}

/* 海洋蓝主题 - 毛玻璃效果 */
[data-theme="ocean-blue"] {
  --primary-color: #2E8DE1;
  --primary-dark: #1E7BCE;
  --primary-light: rgba(46, 141, 225, 0.1);

  /* 渐变背景 - 蓝色系 */
  --bg-gradient-start: #E3F2FD;
  --bg-gradient-mid: #BBDEFB;
  --bg-gradient-end: #90CAF9;

  /* 毛玻璃效果 */
  --glass-bg: rgba(255, 255, 255, 0.4);
  --glass-bg-xl: rgba(255, 255, 255, 0.6);
  --glass-blur: 24px;
  --glass-blur-light: 12px;
  --glass-blur-extra-light: 4px;

  /* 表头渐变 - 海洋蓝 */
  --header-gradient: linear-gradient(90deg, #1565C0 0%, #1E88E5 50%, #42A5F5 100%);

  /* 文字颜色 */
  --text-primary: #000000;
  --text-secondary: rgba(0, 0, 0, 0.7);
  --text-muted: rgba(0, 0, 0, 0.5);
  --border-color: rgba(0, 0, 0, 0.1);
  --white: #ffffff;

  /* 卡片内容颜色 */
  --card-code-color: #6a6363;
  --card-name-color: #2b2828;
  --card-rank-color: rgba(83, 79, 79, 0.9);
  --card-tag-color: #ffffff;
  --card-tag-bg: rgba(255, 255, 255, 0.3);

  /* Top 3 卡片渐变 */
  --card-1-gradient: linear-gradient(135deg, #E3F2FD 0%, #64B5F6 100%);
  --card-2-gradient: linear-gradient(135deg, #BBDEFB 0%, #42A5F5 100%);
  --card-3-gradient: linear-gradient(135deg, #90CAF9 0%, #2196F3 100%);

  /* 排名字体颜色 */
  --rank-1-color: #FFD700;
  --rank-2-color: #C0C0C0;
  --rank-3-color: #CD7F32;
  --rank-icon-color: rgba(255, 255, 255, 0.9);
}

/* 日落橙主题 - 纯色 */
[data-theme="sunset-orange"] {
  --primary-color: #FFA62E;
  --primary-dark: #FF9800;
  --primary-light: rgba(255, 166, 46, 0.1);

  /* 纯色渐变背景 - 日落色 */
  --bg-gradient-start: #FFF3E0;
  --bg-gradient-mid: #FFE0B2;
  --bg-gradient-end: #FFCC80;

  /* 纯色背景，无毛玻璃 */
  --glass-bg: rgba(255, 255, 255, 0.9);
  --glass-bg-xl: rgba(255, 255, 255, 0.95);
  --glass-blur: 0px;
  --glass-blur-light: 0px;
  --glass-blur-extra-light: 0px;

  /* 表头渐变 - 日落色 */
  --header-gradient: linear-gradient(90deg, #FF6F00 0%, #FF9800 50%, #FFB74D 100%);

  /* 文字颜色 */
  --text-primary: #000000;
  --text-secondary: rgba(0, 0, 0, 0.7);
  --text-muted: rgba(0, 0, 0, 0.5);
  --border-color: rgba(0, 0, 0, 0.1);
  --white: #ffffff;

  /* 卡片内容颜色 */
  --card-code-color: #6a6363;
  --card-name-color: #2b2828;
  --card-rank-color: rgba(83, 79, 79, 0.9);
  --card-tag-color: #ffffff;
  --card-tag-bg: rgba(255, 255, 255, 0.3);

  /* Top 3 卡片渐变 */
  --card-1-gradient: linear-gradient(135deg, #FFF3E0 0%, #FFCC80 100%);
  --card-2-gradient: linear-gradient(135deg, #FFE0B2 0%, #FFB74D 100%);
  --card-3-gradient: linear-gradient(135deg, #FFCC80 0%, #FF9800 100%);

  /* 排名字体颜色 */
  --rank-1-color: #FFD700;
  --rank-2-color: #C0C0C0;
  --rank-3-color: #CD7F32;
  --rank-icon-color: rgba(255, 255, 255, 0.9);
}

/* 霓虹炫彩主题 - 纯色 */
[data-theme="neon"] {
  --primary-color: #00FFED;
  --primary-dark: #00E5D4;
  --primary-light: rgba(0, 255, 237, 0.1);

  /* 深色纯色背景 - 突出霓虹效果 */
  --bg-gradient-start: #121212;
  --bg-gradient-mid: #1A1A1A;
  --bg-gradient-end: #222222;

  /* 输入框颜色 - 反向为白色 */
  --input-text-color: #ffffff;
  --input-placeholder-color: rgba(255, 255, 255, 0.4);
  --input-select-placeholder-color: rgba(255, 255, 255, 0.4);

  /* 筛选容器颜色 - 反向为白色 */
  --filter-text-color: #ffffff;

  /* 按钮颜色 - 反向为白色 */
  --btn-secondary-color: #ffffff;

  /* 表格颜色 - 反向为白色 */
  --table-header-color: #ffffff;
  --table-row-hover-bg: rgba(255, 255, 255, 0.1);

  /* 纯色背景，无毛玻璃 */
  --glass-bg: rgba(30, 30, 30, 0.9);
  --glass-bg-xl: rgba(40, 40, 40, 0.95);
  --glass-blur: 0px;
  --glass-blur-light: 0px;
  --glass-blur-extra-light: 0px;

  /* 表头渐变 - 霓虹色 */
  --header-gradient: linear-gradient(90deg, #00FFED 0%, #FF6CAB 50%, #7366FF 100%);

  /* 文字颜色 - 白色在深色背景上 */
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.8);
  --text-muted: rgba(255, 255, 255, 0.6);
  --border-color: rgba(255, 255, 255, 0.2);
  --white: #ffffff;

  /* 卡片内容颜色 */
  --card-code-color: rgba(255, 255, 255, 0.7);
  --card-name-color: #ffffff;
  --card-rank-color: rgba(255, 255, 255, 0.9);
  --card-tag-color: #000000;
  --card-tag-bg: rgba(255, 255, 255, 0.9);

  /* Top 3 卡片渐变 - 霓虹色 */
  --card-1-gradient: linear-gradient(135deg, #00FFED 0%, #00E5D4 100%);
  --card-2-gradient: linear-gradient(135deg, #FF6CAB 0%, #FF4D94 100%);
  --card-3-gradient: linear-gradient(135deg, #7366FF 0%, #5A4DFF 100%);

  /* 排名字体颜色 - 霓虹色 */
  --rank-1-color: #00FFED;
  --rank-2-color: #FF6CAB;
  --rank-3-color: #7366FF;
  --rank-icon-color: rgba(255, 255, 255, 0.9);

  /* 分页背景颜色 - 霓虹主题 */
  --pagination-bg: rgba(40, 40, 40, 0.8);
}

/* 深色优雅主题 - 纯色 */
[data-theme="dark-elegant"] {
  --primary-color: #3a3985;
  --primary-dark: #2A2975;
  --primary-light: rgba(58, 57, 133, 0.1);

  /* 深色纯色渐变 */
  --bg-gradient-start: #1A1A2E;
  --bg-gradient-mid: #16213E;
  --bg-gradient-end: #0F3460;

  /* 纯色背景，轻微毛玻璃 */
  --glass-bg: rgba(26, 26, 46, 0.9);
  --glass-bg-xl: rgba(31, 31, 56, 0.95);
  --glass-blur: 4px;
  --glass-blur-light: 2px;
  --glass-blur-extra-light: 1px;

  /* 表头渐变 - 深蓝色 */
  --header-gradient: linear-gradient(90deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%);

  /* 文字颜色 - 白色在深色背景上 */
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.8);
  --text-muted: rgba(255, 255, 255, 0.6);
  --border-color: rgba(255, 255, 255, 0.15);
  --white: #ffffff;

  /* 卡片内容颜色 */
  --card-code-color: rgba(255, 255, 255, 0.7);
  --card-name-color: #ffffff;
  --card-rank-color: rgba(255, 255, 255, 0.9);
  --card-tag-color: #ffffff;
  --card-tag-bg: rgba(255, 255, 255, 0.2);

  /* Top 3 卡片渐变 */
  --card-1-gradient: linear-gradient(135deg, #1A1A2E 0%, #3a3985 100%);
  --card-2-gradient: linear-gradient(135deg, #16213E 0%, #2A2975 100%);
  --card-3-gradient: linear-gradient(135deg, #0F3460 0%, #1A1A2E 100%);

  /* 排名字体颜色 */
  --rank-1-color: #FFD700;
  --rank-2-color: #C0C0C0;
  --rank-3-color: #CD7F32;
  --rank-icon-color: rgba(255, 255, 255, 0.9);

  /* 分页背景颜色 - 深色优雅主题 */
  --pagination-bg: rgba(40, 40, 40, 0.7);

  /* 输入框颜色 - 反向为白色 */
  --input-text-color: #ffffff;
  --input-placeholder-color: rgba(255, 255, 255, 0.4);
  --input-select-placeholder-color: rgba(255, 255, 255, 0.4);

  /* 筛选容器颜色 - 反向为白色 */
  --filter-text-color: #ffffff;

  /* 按钮颜色 - 反向为白色 */
  --btn-secondary-color: #ffffff;

  /* 表格颜色 - 反向为白色 */
  --table-header-color: #ffffff;
  --table-row-hover-bg: rgba(255, 255, 255, 0.1);
}

/* 清新绿色主题 - 毛玻璃效果 */
[data-theme="fresh-green"] {
  --primary-color: #00bbba;
  --primary-dark: #00A5A4;
  --primary-light: rgba(0, 187, 186, 0.1);

  /* 渐变背景 - 绿色系 */
  --bg-gradient-start: #E8F5E9;
  --bg-gradient-mid: #C8E6C9;
  --bg-gradient-end: #A5D6A7;

  /* 毛玻璃效果 */
  --glass-bg: rgba(255, 255, 255, 0.4);
  --glass-bg-xl: rgba(255, 255, 255, 0.6);
  --glass-blur: 24px;
  --glass-blur-light: 12px;
  --glass-blur-extra-light: 4px;

  /* 表头渐变 - 绿色系 */
  --header-gradient: linear-gradient(90deg, #00bbba 0%, #00A5A4 50%, #008B8A 100%);

  /* 文字颜色 */
  --text-primary: #000000;
  --text-secondary: rgba(0, 0, 0, 0.7);
  --text-muted: rgba(0, 0, 0, 0.5);
  --border-color: rgba(0, 0, 0, 0.1);
  --white: #ffffff;

  /* 卡片内容颜色 */
  --card-code-color: #6a6363;
  --card-name-color: #2b2828;
  --card-rank-color: rgba(83, 79, 79, 0.9);
  --card-tag-color: #ffffff;
  --card-tag-bg: rgba(255, 255, 255, 0.3);

  /* Top 3 卡片渐变 */
  --card-1-gradient: linear-gradient(135deg, #E8F5E9 0%, #A5D6A7 100%);
  --card-2-gradient: linear-gradient(135deg, #C8E6C9 0%, #81C784 100%);
  --card-3-gradient: linear-gradient(135deg, #A5D6A7 0%, #4CAF50 100%);

  /* 排名字体颜色 */
  --rank-1-color: #FFD700;
  --rank-2-color: #C0C0C0;
  --rank-3-color: #CD7F32;
  --rank-icon-color: rgba(255, 255, 255, 0.9);
}

/* 热情红色主题 - 纯色 */
[data-theme="passion-red"] {
  --primary-color: #f00b51;
  --primary-dark: #D90047;
  --primary-light: rgba(240, 11, 81, 0.1);

  /* 纯色渐变背景 - 红色系 */
  --bg-gradient-start: #FFEBEE;
  --bg-gradient-mid: #FFCDD2;
  --bg-gradient-end: #EF9A9A;

  /* 纯色背景，无毛玻璃 */
  --glass-bg: rgba(255, 255, 255, 0.9);
  --glass-bg-xl: rgba(255, 255, 255, 0.95);
  --glass-blur: 0px;
  --glass-blur-light: 0px;
  --glass-blur-extra-light: 0px;

  /* 表头渐变 - 红色系 */
  --header-gradient: linear-gradient(90deg, #D32F2F 0%, #F44336 50%, #EF5350 100%);

  /* 文字颜色 */
  --text-primary: #000000;
  --text-secondary: rgba(0, 0, 0, 0.7);
  --text-muted: rgba(0, 0, 0, 0.5);
  --border-color: rgba(0, 0, 0, 0.1);
  --white: #ffffff;

  /* 卡片内容颜色 */
  --card-code-color: #6a6363;
  --card-name-color: #2b2828;
  --card-rank-color: rgba(83, 79, 79, 0.9);
  --card-tag-color: #ffffff;
  --card-tag-bg: rgba(255, 255, 255, 0.3);

  /* Top 3 卡片渐变 */
  --card-1-gradient: linear-gradient(135deg, #FFEBEE 0%, #EF9A9A 100%);
  --card-2-gradient: linear-gradient(135deg, #FFCDD2 0%, #EF5350 100%);
  --card-3-gradient: linear-gradient(135deg, #EF9A9A 0%, #F44336 100%);

  /* 排名字体颜色 */
  --rank-1-color: #FFD700;
  --rank-2-color: #C0C0C0;
  --rank-3-color: #CD7F32;
  --rank-icon-color: rgba(255, 255, 255, 0.9);
}